5.19.2009

Memasang Slider ala Zinmag Primus

lagi-lagi mosting cape deh:: okay kali ini w akan menjelaskan tentang Memasang Slider ala Zinmag Primus Template, plend pasti g tau deh apa yang disebut Slider ala Zinmag Primus Template, kalo mu tau, liat header blog w ada yang jalan-jalankan nah itu namannya Slider ala Zinmag Primus Template, gunanya untuk membuat tampilan blog menjadi gaAaAaAya...... mau tau caranya? okay w kasih nie :

1. Letakan kode CSS dibawah ini tepat diatas kode ]]></b:skin>

#slider {
background:url(http://img99.imageshack.us/img99/9594/slide.png);
height: 254px;
overflow: hidden;
position: relative;
margin: 5px 0;
}

#mover {
width: auto;
position:absolute;
overflow:hidden;
}

.slide {
padding: 20px 0px;
width: 1000px;
float: left;
position: relative;
height:200px;
}

.slide h2 {
font-family:georgia, Helvetica, Sans-Serif;
font-size: 24px;
color: #ac0000;
padding:0px 0px 0px 30px;
margin:0px 0px;
width:500px;
overflow:hidden;
}

.slide h2 a:link, .slide h2 a:visited {
color:#fff;
background-color: transparent;
}

.slide h2 a:hover {
color: #ddd;
background-color: transparent;
}

span.slmet {
color: #ee0909;
font-size: 10px;
font-family:Tahoma, georgia, Helvetica, Sans-Serif;
line-height: 20px;
width: 500px;
padding:0px 0px 0px 30px;
margin:0px 0px;
text-transform:uppercase;
}
.slide p {
color: #999;
font-size: 12px;
font-family:georgia, Helvetica, Sans-Serif;
line-height: 20px;
width: 500px;
padding:0px 0px 0px 30px;
margin:0px 0px;
}

.slide img {
position: absolute;
top: 20px;
left: 577px;
background:#fff;
padding:10px 10px;
}

#slider-stopper {
position: absolute;
font-family: Georgia, Helvetica, Sans-Serif;
top: 113px;
right: 65px;
color: #AC0000;
padding: 3px 8px;
font-size: 14px;
text-transform: uppercase;
z-index: 1000;
}

2. Kalo udah letakkan kode javascript dibawah ini tepat di bawah kode ]]></b:skin>

<script src='http://bloggerstyles.com/data/templates/000/Zinmag-Primus/js/jquery-1.2.6.min.js' type='text/javascript'/>
<script src='http://bloggerstyles.com/data/templates/000/Zinmag-Primus/js/slider.js' type='text/javascript'/>
<script type="text/javascript"><!--//--><![CDATA[//><!--
sfHover = function() {
var sfEls = document.getElementById("catmenu").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
//--><!]]></script>

3. lalu cari kode di bawah ini

<div id='header-wrapper'>
........................................
........................................
........................................
........................................
.......................................
</b:section>

4. Letakan kode dibawah ini tepat dibawah kode diatas

<!-- Casing -->
<div id='casing'>
<!-- Slider -->
<div id='slider'>
<div id='mover'>

<div class='slide'>
<span class='slmet'> Posted by Handiyan Juansah </span>
<h2><a href='http://loveuyuliana.blogspot.com/2009/05/domains-gratis-plend.html'>Free .com domain</a></h2>
<p>hay plend taukan Domain berbayar seperti .com, .net, .org, .info, .cn, itu biasanya dijual sekitar 70-150rb rupiah. Karena domain2 tersebut memang membuat situs kita lebih profesional dan mudah diingat. Coba namanya hay106.blogspot.com pasti agak sulit ya bwat di ingat tapi kalo hay106.com enak didenger,diingat, dan di baca mau punya domain gratis yang kaya begonono coba deh cari di tutorial blog --&gt; Domain gratis plend!!! nah di situ baca aja langkah-langkahnya....

</p>
<img alt='' src='http://www.geocities.com/bizung/free_01.jpg'/>
</div>
<div class='slide'>
<span class='slmet'> Posted by Handiyan Juansah </span>
<h2><a href='http://loveuyuliana.blogspot.com/2009/03/masyarakat-guinea-dan-cacing.html'>Masyarakat Guinea dan Cacing</a></h2>
<p>Cacing Guinea, (Dracunculus medinensis) telah menyebabkan penderitaan pada manusia selama puluhan ribu tahun. Tugas terberat para pekerja kesehatan kini adalah mengubah perilaku masyarakat di tempat-tempat termiskin dan paling telantar di dunia untuk membasmi pertahanan terakhir penyakit ini hingga tuntas, jadi kalo mu baca cari ya postingannya di blog www.loveuyuliana.blogspot.com</p>
<img alt='' src='http://www.geocities.com/bizung/cacing_01.jpg'/>
</div>

</div>
<!-- /Mover -->
</div>
<!-- /Slider -->
</div>
<div class='clear'/>

Warning :
Kode yang berwarna merah bertulisan Posted by Handiyan Juansah adalah penulisnya

Kode yang berwarna merah bertulisan http://loveuyuliana.blogspot.com/2009/03/masyarakat-guinea-dan-cacing.html adalah alamat tulisan

Kode yang berwarna merah bertulisan Masyarakat Guinea dan Cacing adalah judul Tulisan

Kode yang berwarna merah bertulisan Cacing Guinea, (Dracunculus medinensis) telah menyebabkan penderitaan pada manusia selama puluhan ribu tahun. Tugas terberat para pekerja kesehatan kini adalah mengubah perilaku masyarakat di tempat-tempat termiskin dan paling telantar di dunia untuk membasmi pertahanan terakhir penyakit ini hingga tuntas, jadi kalo mu baca cari ya postingannya di blog www.loveuyuliana.blogspot.com Isi dari tulisan yang mau di tampilkan

Kode yang berwarna merah bertulisan http://www.geocities.com/bizung/cacing_01.jpg adalah alamat gambar

Kode yang berwarna merah bisa plend ganti dengan keinginan plend sendiri

5. klik pratinjau untuk melihat hasil kalo sudah bisa klik simpan template!!!


abis baca kasih komentarnya ya plend, ::......

2 komentar:

dkwny2031 on 19 Mei 2009 20.39 mengatakan...

Kereenn nich infonya ;;)

HAKAMU on 12 Februari 2010 17.54 mengatakan...

mampir sob mantap.. trims ilmunya

Posting Komentar

 

Tentang gw

Foto saya
Tangerang, Banten, Indonesia
saya anak Smk Negeri 2 Kota Tangerang yang ingin menjadi seseorang yang berrguna....

pembaca setia

===>> Perhatian !! terima kasih atas kunjungannya, saya membolehkan copas ( copy paste) asalkan memberikan link sumber dari blog ini yaitu http://loveuyuliana.blogspot.com dan blog ini setiap minggunya pasti di update, Tinggalkanlah jejak agar saya dapat mengunjungi anda<<===