Cara membuat popular post bergerak | Ini menjadi hal yang menarik bagi saya penulis blog ini pada postingan ini, kenapa? Tadi saya jalan2 alis blog walking kesana kemari dan melihat sebuah blog dengan widget popular postnya bisa bergerak sesuai dengan scroll mouse, popular postnya bergerak naik turun, pokoknya manis dech, dan mantap sangat, maka pada kali ini saya ingin berbagi Cara membuat popular post bergerak keatas post ini untuk sahabat-sahabat blogspot semuanya.
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.
Berikut langkah-langkah atau cara membuat popular post bergerak keatas
1. Login ke blog dulu, kemudian anda masuk ke DESAIN --> TATA LETAK
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 == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (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 == "false"'>
<!-- (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. Untuk selanjutnya silakan kita diskusi dibawah ini. Thank
Saya coba terapkan gan, trims ya. Ditunggu kunjungannya...
BalasHapusmantabs gan lngsung ke TKP
BalasHapusThank gan,,, :)
Hapustolong di join back ya
BalasHapusjansenmanullang.blogspot.com
script ini khusus untuk blogspot dna tidak dapat diperguanakan pada blog wp ya.., sayang sekali..
BalasHapusuntuk blogspot,, untuk wp blm ana coba gan..
HapusMantap gan..mgkin tambh kreen blog kita..mksh atas artikelx..di tggu gan kunjunganny
BalasHapusMantap nih :)
BalasHapuskeren boss ... berhasil ..
BalasHapusYups, semoga bermanfaat
Hapuskeren gan ..
BalasHapusartikelnya sangat bermanfaat, ijin mencoba gan...
BalasHapusiya sangat bermanfaat,, setju ane
Hapussetelah ane coba di blog ane ternyata berhasil sob.. thanks ya..
BalasHapusSaya coba dulu deh :D
BalasHapusmakasih mas...
BalasHapusdecyber@ Semoga bermanfaat bro
BalasHapusFauzi@ Iya silakan mas
Aiizah@ Sama-sama non
trimakasih bos sudah berhasil di terapkan
BalasHapushttp://gerobaksoftware.blogspot.com
OK, sama2 mas tahjudin, semoga bermnfaat, keep blogging :)
BalasHapussudah saya terapkan kakak
BalasHapuskalau mau ngurangi kecepatannya gimana ya? share ya
masih newbie nih
thx
Terima kasih mas, sangat di butuhkan oleh agan agan blogger pemula nieh...
BalasHapussudah saya terapkan kakak
BalasHapuskalau mau ngurangi kecepatannya gimana ya? share ya
masih newbie nih
thx
nemu juga nih artikel ... nice share gan...www.solusi-cetak.com
BalasHapusThank Ziyan,,,,semoga bermanfaat
BalasHapusnice gan :D
BalasHapuswih jadi keren web blog saya nih, trima kasih banyak gan
BalasHapusSama-sama mas,, semoga bermanfaat
HapusThanks Y gan ...
BalasHapusdah Gua coba Berhasil ...
Makasih Bro, ini yg gue cari
BalasHapusIni ni yang gue cari
BalasHapusLangsung Gue Pasang sob di blog ane n Berhasil,
Http://twooneblogger.blogspot.com
klo modifikasi Recent Comment Gimana Sob tutorialnya ???
mkaie infonyaa boz,,,,
BalasHapusmampir di blogfg ane ; vimax-shop.blogspot.com
Yupz.. Siiip :)
Hapusberhasil gan.. :)
BalasHapus#comment back yaa..
Great, semoga bermanfaat untuk semuanya :)
Hapusmantap gan.. thx atas ilmunya.. :))
BalasHapusterima kasih sharing ilmu ini....udah saya terapkan dan berhasil...
BalasHapuscobain ah mas, thx ..
BalasHapusGan... makasih banyak nih,, mon ucapkan... infonya mantabss abissss.... ><
BalasHapushttp://blekkedet.blogspot.com/
Sama sama mas, semoga bermanfaat
HapusBerhasil gan,,,
BalasHapusmksh bnyk yaaaaa,,,
ditunggu kunbalnya,,,
mantap eh,, langsung share ya gan
BalasHapuswah di blog saya g cocok mas gimana nih..
BalasHapus