Cara Membuat Entri Populer dengan Spoiler Buka Tutup


afinzdi.blogspot.com


afinzdi.blogspot.com


Assalamualaikum sahabat blogger sejati. Salam Sejahtera buat yang Kristiani. Oke-oke kali ini aku mau posting Cara Membuat Entri Populer dengan Spoiler Buka Tutup keren. Ini sebenere aku nyari sendiri dari blog temen, aku cuma open source buat cari tau scriptnya. Apakah yang seperti itu nyuri yaa??
Tapi kan aku bagikan dengan yang lainnnya. Oke langsung aja ketekape.

1. Bagi yang belum masang widget entri populer bawaan blogger silahkan kalian pasang terlebih dahulu.
2. Masak belum tau caranya pasang Entri populer bawaan blogger?
3. Jika sudah ada Entri populer silahkan masuk ke template, terus edit html
4. Kalian cari kode <div class='widget-content popular-posts'>, gunakan Ctrl+F biyar mudah.
5. Jika sudah ketemu kalian copy di bawah ini, dan letakkan tepat diatas kode <div class='widget-content popular-posts'>


<div style="margin: 5px;">
<div style="margin-bottom: 2px;">
<img onclick="if (this.parentNode.parentNode.getElementsByTagName
('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName
('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName
('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" src="http://webgila.com/wallpaper/Spoiler-Button.gif" style="vertical-align: middle;" />
<br />
<div class="alt2" style="background-image: url(http://webgila.com/wallpaper/transparant%2010.png); border: 3px inset; padding: 5px;">
<div style="display: none;">



6. Setelah itu kalain scroll kebawah, kalian cari kode
              <b:include name='quickedit'/>
 Jangan jauh-jauh, ya masih disekitar popular post tadi. Jika sudah ketemu, kalian tambahkan kode dibawah ini tepat diatas kode <b:include name='quickedit'/>


</div>
</div>
</div>
</div>


7. Jika sudah simpan template kalian, dan lihat hasilnya




*NB
Untuk url yang berwarna hijau adalah buttonnya. Ganti dengan button sesuka kalian




Previous
Next Post »

6 comments

Click here for comments
Unknown
admin
June 4, 2013 at 3:39 PM ×

thx gan salam kenalhttp://idegemilang.blogspot.com/

Reply
avatar
Afif Nuzia A
admin
June 4, 2013 at 9:56 PM ×

oke
terima kasih sudah berkunjung ke blog saya

Reply
avatar
Unknown
admin
June 20, 2013 at 6:33 AM ×

Terima kasin izin minta koreksi my blog mariefhusaeniar1996.blogspot.com

di tunggu.

Reply
avatar
Afif Nuzia A
admin
June 21, 2013 at 8:23 AM ×

oke gan,,,
lgsung ketekape

Reply
avatar

Tata Cara Berkomentar yang Baik dan Benar :

1. Gunakan Bahasa yang Sopan.
2. Biasakanlah berkomentar sebelum meninggalkan.
3. Usahakan jangan menggunakan anonymous
4. Saya sangat berterima kasih atas komentar yang kalian berikan
5. Admin selalu berusaha melakukan yang terbaik untuk para pengunjung ConversionConversion EmoticonEmoticon

Thanks for your comment