Buat Scroll Untuk Follower / Pengikut Blog

Kali ini saya akan memposting bagaimana caranya membuat scroll untuk widget follower / pengikut blog, buat para blogger yang pengikut blognya sudah banyak mungkin ingin membuat kesan rapi pada blog nya, gak ada salahnya mencoba tutorial ini.

Langkah - langkahnya :

Login Id Blog

Klik Rancangan / template

Klik Edit Html

Cari kode : ]]></b:skin>

Tambahkan Kode di bawah ini tepat di atas kode  ]]></b:skin>

#Followers1 .widget-content{
height:100px;
width:auto;
overflow:auto;
}

 

 

Simpan.

Moga aja postingan tsb bermanfaat.






source : http://www.lovemoc.com/2012/02/buat-scroll-untuk-follower-pengikut.html

Read more »

Cara Buat Ucapan Selamat Datang Di Blog

oke langsung TKP aja :

Login Id blog anda

Klik rancangan

Klik Edit Html

Cari kode </Head>

Tambahkan kode dibawah ini diatas kode </Head>

<SCRIPT language='JavaScript'>alert("welcome in tercela ");</SCRIPT>

simpan. 

Gampang kan.. 

Read more »

Cara buat Link Nudging dengan css di blog

Link nudging adalah link yang apabila di sorot dengan mouse akan bergerak dan biasanya dipakai untuk menu Label.

Cara pasang link nudging :

Login Id Blog

Klik rancangan

Edit Html

Cari kode ]]></b:skin>

Letakkan kode dibawah ini diatas kode ]]></b:skin>

#animateList li a {

-moz-transition: all 0.26s ease-out; /* FF4+ */

-o-transition: all 0.26s ease-out; /* Opera 10.5+ */

-webkit-transition: all 0.26s ease-out; /* Saf3.2+, Chrome */

-ms-transition: all 0.26s ease-out; /* IE10? */

-moz-transition-duration: 1s;}

#animateList li a:hover {

padding-left: 100px;

}

Simpan kemudian ikuti langkah di bawah ini :

Klik rancangan

Tata Letak

Tambah gadget Html/Javascript

Letakkan kode dibawah ini di dalam Gadget tsb :

<div id="animateList">

<li><a href="http://tercela.blogspot.com/#">Tercela</a></li>

<li><a href="http://www.lovemoc.com/#">Love Moc</a></li>

</div>

Ganti link berwarna biru dan tulisan berwarna merah dengan link label atau link apapun yang akan kamu arahkan bila nantinya di klik.

Semoga berhasil.

Read more »

Cara hilangkan Navbar Blogspot

Wah buat yang menggunakan template bawaan blogspot terus pengen hilangkan navbar tapi bingung, tercela mempersembahkan caranya, oia apa itu navbar..?? navbar adalah menu tambahan bawaan blogspot. lihat gambar di bawah :

Cara hilangkan navbar :

Login Id Blog anda

Buka rancangan

Klik Edit Html

Cari code ini ]]></b:skin> (gunakan ctrl+f)

Pastekan code di bawah ini tepat di atas code ]]></b:skin>

#navbar-iframe {
display: none !important;
}

 Save

Selamat mencoba

Read more »