Cara Bikin Tombol Keatas dan Kebawah Blog

Cara Bikin Tombol Navigasi Ke Atas dan Ke Bawah Pada Blog
Fungsi tombol  tersebut  adalah untuk memudahkan bagi pengunjung untuk menuju Ke Atas ataupun Ke  Bawah halaman blog hanya dengan sekali klik dan tombol ini tidak akan  berpindah tempat meskipun sobat scroll Ke Atas ataupun Ke Bawah tombol  ini akan selalu tetap berada pada pojok bawah sebelah kanan monitor  komputer sobat.




Caranya sbb:

1. Klik Rancangan
2. Edit Htlm
3. Cari kode ]]></b:skin>
Untuk mempermudah pencarian tekan Ctrl + F atau (F3) di keyboard sobat Jika sudah ketemu silahkan Copy kode dibawah ini  dan letakkan diatasnya.


#Atas_Bawah {
position:fixed;
_position:absolute;
bottom:0px;
right:3px;
clip:inherit;
z-index:+1000;
}


Kemudian cari kode </body>  dan letakkan kode berikut diatasnya.


<div id='Atas_Bawah'>
<a href='#' title='Ke Atas'><img border='0' src='
http://www.indonesiaindonesia.com/imagehosting/images/83751/2_ke_atas.gif'/></a><br/>
<a href='#bottom' title='Ke Bawah'><img border='0' src='
http://www.indonesiaindonesia.com/imagehosting/images/83751/2_ke_bawah.gif'/></a>
</div>



Simpan dan Lihat Hasilnya:
Anda bisa merubah kodenya yang di atas sesuai keinginan anda.

Sumber : http://wawasanfadhitya.blogspot.com/2012/02/cara-membuat-tombol-navigasi-ke-atas-ke.html

Baca Selengkapnya

Cara Membuat Popular Post bergerak

Cara Membuat Popular Post bergerak pada blogspot - Sebenarnya cara membuat popular post memang sudah ada dan disediakan oleh blogger sendiri, namun masih kurang maknyos, karena bentuk dan motidnya yang biasa-biasa saja, tidak bisa bergerak naik turun :). disini kita akan mengulas tentang cara membuat popular post bergerak. ayo kita simak dengan seksama.

LANGKAH-LANGKAH ATAU CARA MEMBUAT POPULAR POST BERGERAK KEATAS

1. Login ke blog dulu, kemudian anda masuk ke DESAIN --> TATA LETAK (LAYOUT)


2. Sudah! kemudian tambah widget = klik gadget
3. Pilih entri popular, centang semua kotak
4. Simpan/SAVE

Apabila Gadget sudah terpasang kemudian klik Desain-Template yang posisinya dibawah Tata Letak. Kemudian klik Edit HTML, jangan lupa centang Expand widget.

Setelah langkah diatas, kemudian selanjutnya Cara membuat popular post bergerak pada blogspot adalah dengan mencari kode berikut:

Sobat Cari kode berikut:

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>

Sudah ketemu, kemudian letakkan kode berikut setelah kode diatas.

<marquee align='left' direction='up' height='140' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='3' width='100%'>

Setelah itu cari dibawahnya lagi kode </ul>, dan masukan kode dibawah ini tepat sebelum/diatas kode </ul> tersebut.

</marquee>

LIHAT HASIL PERPADUAN KODENYA, SEPERTI DIBAWAH INI

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<marquee align='left' direction='up' height='140' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='3' width='100%'>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == &quot;false&quot;'>
<b:if cond='data:showSnippets == &quot;false&quot;'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == &quot;false&quot;'>
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/></a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if></b:if>
</li> </b:loop>
</marquee> </ul>
<b:include name='quickedit'/></div>
</div>
</b:includable>
</b:widget>

Kalau anda menggantikan tinggi gadget, silakan anda gantikan kode warna hijau diatas. Silakan anda ber expressi, semoga berhasil.
Demikian Artikel tentang Cara Membuat Popular Post bergerak pada blogspot

SUMBER : http://www.duasatu.web.id/2013/02/cara-membuat-popular-post-bergerak-pada.html

Baca Selengkapnya