19.59
Unknown
metode ini saya dapat dari giga-watt.blogspot.com, pada cara ini tidak harus mengedit CSS dalam tamplate . kita hanya menaruh kode javascript pada widget dengan syarat kalau templete kita sudah mempunyai kolom widget dibawah header namun kalau belum mempunyai kolom dibawah header silahkan buka Edit HTML untuk menambahkan kolom dibawah Header. untuk caranya silahkan ikuti tipsnya dibawah ini.
1. silahkan login ke blogger.
2. masukkan kode dibawah ini tepat di atas ]]</b:skin> .untuk mempermudah silakan drag kode ]]</b:skin> lalu tekan Control + F pada keybord kalian. atau tekan F3
#header-isor-divide {
clear:both;
}
.header-column {
padding: 10px;
margin :5px auto;
}
<div id='header-isor-divide'>
<div id='header1' style='width: 100%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col100'
preferred='yes' style='float:left;'/>
</div>
<div style='clear:both;'/>
</div>
5. Sebelum sobat beranjak ke tutorial berikutnya silahkan cari kode </b:skin>. silahkan masukkan kode dibawah ini tepat dibawahnya.
<script type='text/javascript'>
//<![CDATA[
/* Script from:http://giga-watt.blogspot.com/ */
$(document).ready(function(){
$('#tinycarousel').tinycarousel({
start : 1,
display : 1,
axis : 'x',
interval : true,
intervaltime: 3000,
animation : true,
duration : 1000,
callback : null
});
});
//]]>
</script>
<script src='http://kodegigawatt.googlecode.com/files/Tiny%20Carousel.js' type='text/javascript'/>
kalau sudah kalian save tamplate. silahkan lihat hasilnya di Tata Letak Tamplate.
6. kalau sobat ikuti cara-cara diatas tentu sudah ada kolom widget baru. kalau sudah silahkan kalian tambah widget dan masukkan kode dibawah ini pada JavaScript/HTML.
<script type="text/javascript">showPostDate_g = false;showComm_g = false;slideOpenNewTab = true;idMode = true;slidebyLabels = false;var slideLabelName = "label",pBlank = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7iTcwHZXti2wN64-Jr-JNNICc2VKm2yt48hLbSuRHEISDHSrTNGyLwm5dYOSbf82GmBnRmoYPuwH-GrKDBcmcN6L6erD-wyD9coZiK2MHnqWsA1YnF1Kmxzi0ennBR3Va29sKDcjgnoY/s1600/no+image.jpg",text = "comment",numposts_g = 12,numchars_g = 0,showText = "Show at",postText = "Posts",tinyprevNav = "<",tinynextNav = ">",home_page = "http://pro-gamexp.blogspot.com/";</script><script src="http://terasdwi.blogspot.com/files/tinyplay.js" type="text/javascript"></script>
Ket. kode yang berwarna Merah silahkan ubah berapa ingin kalian tampilkan postingan kalian dan yang berwarna Biru silahkan kalian ganti dengan URL blog kalian.
7. kalau sudah kalian ikuti langkah-langkah seperti diatas sekarang kalian Save atau simpan dan lihat hasilnya.
sumber : http://giga-watt.blogspot.com
Posted in: INTERNET-BLOGGING
0 komentar:
Posting Komentar