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;
}
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>
<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>
........................................
........................................
........................................
........................................
.......................................
</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 --> 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'/>
<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 --> 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,
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:
Kereenn nich infonya ;;)
mampir sob mantap.. trims ilmunya
Posting Komentar