Risnandha Hermawati: Follow dan Dashboard Button

Minggu, 6 Januari 2019

" TUTOOORIAL #3 "

Hai kawan! kembali lagi di sesi tutorial nih! Kali ini saatnya kita bikin Follow dan Dashboard button seperti yang ada di pojok kanan atas blog ini. Untuk lebih jelasnya, gambarnya ada di bawah ini nih. Udah penasaran kan? Langsung aja ya

Langkah-langkah :

Pergi ke dashboard blog temen-temen > tata letak (page element) > tambahkan gadget (add a gadget) > HTML/Javascript > copy kode dibawah > paste di ruang tadi > simpan (save)
Contoh kode blog ini

<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 style="position: fixed; top: 5px; right: 90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=5669843621174523180" 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></div>

Kode blog yang kalian copy

<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 style="position: fixed; top: 5px; right: 90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=blog id kalian" 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></div>

Untuk mengetahui id blog kalian, kalian bisa pergi ke dashboard > blog id ada link atas dan bisa langsung kalian copy