Dashboard and Follow Button ala Tumblr // Tuesday, November 8, 2011
Fiuhh, habis membebaskan blog dari Malware. Udah muter muter ke Google, tanya teman teman nggak ada yang tau. Daripada pusing, mending back up tempelate aja deh. Semua modifanku hilang. Tapi tenang, sekarang udah 88% kembali seperti semula :D
Wee, malah melenceng dari judul niih, kemarin ada sobat baru Lettha yang nanya soal tombol Follow n dashboard versi Tumblr itu. Begini cara bikin nya:
Hilangkan dulu navbar blog dengan cara:
DASHBOARD >>DESIGN >>EDIT HTML
Cari kode /* Variable definitions
Lalu pastekan kode ini DIATAS kode yang kamu cari tadi:
#navbar-iframe {
display: none !important;
}
di Save Tempelate. Lalu masih ada langkah langkahnya lagi:
Dashboard >>Design >>Page Element >>Add Gadget >>HTML/Javascript
Lalu paste kode ini:
Tombol Follow:
Tombol Dashboard:
Sudah siap? eeei jangan SAVE dulu ! nanti aku cubit! :P
Kode yang TEBAL diganti dengan ID BLOG KAMU. Lettha maklum sebagian dari anda anda yang masih newbie belum tau apa blog ID itu. Bisa lihat gambar ini:
Yang dalam petak merah itu namanya BLOG ID. Kamu lihat BLOG ID kamu sendiri yah...
Selesai? SAVE!
Tombol Follow:
<div style="position: fixed; top: 5px; right: 90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=ID BLOG KAMU" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://assets.tumblr.com/images/iframe_follow_alpha.png?6" border="0" /></a>
Tombol Dashboard:
<div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?6" /></a></div></div>
Sudah siap? eeei jangan SAVE dulu ! nanti aku cubit! :P
Kode yang TEBAL diganti dengan ID BLOG KAMU. Lettha maklum sebagian dari anda anda yang masih newbie belum tau apa blog ID itu. Bisa lihat gambar ini:
Klik untuk lihat jerawat :P
Yang dalam petak merah itu namanya BLOG ID. Kamu lihat BLOG ID kamu sendiri yah...
Selesai? SAVE!