Sayangnya widget Join this site (follower) ini sering jadi penyumbang paling besar terhadap kecepatan loading blog, sebab itulah banyak diantara blogger profesional yang menempatkan kolom follower bukan di sidebar, tetapi di tempatkan pada laman, akibatnya sering kali blogger yang berkunjung tidak dapat (bahkan kebingungan) ketika mereka ingin Join this site (follow) karena tidak menemukan tombol follower-nya.
Atas dasar hal tersebut, maka dari hasil diskusi dengan Kompi Ajaib...(cie..cie...diskusi, kesannya saya teh...apaan gituh...padahal sayah mah apa..atuh). di artikel Kompi Ajaib yang membahas tentang Cara Membuat Author Box. Maka, setelah digutak-giteuk, dicogroh-cogroh dan tidak lupa juga dicolok-colok, maka jadilah Cara pasang Tombol Follower Responsive Valid HTML5 ini.
Caranya:
Langkah 1
- Baca Bissmillah....
- Buka Dasboard blognya, lalu
- Klik Edit HTML
- Copy kode ini:
a.button-author{display:block;background:#4d90fe;border:1px solid #3079ed;color:#fff!important;font-weight:bold;font-size:16px!important;margin:10px 10px 0;padding:5px;text-align:center;border-radius:3px;transition:all .4s ease-out;text-decoration:none}
a.button-author:hover{background:#357ae8;border:1px solid #2f5bb7}
a.button-author:hover{background:#357ae8;border:1px solid #2f5bb7}
- Pasang kode CSS tersebut diatas itu tepat di atas kode ]]></b:skin> atau </style>
- Cara mencari kode, Ctrl F kemudian paste kode ]]></b:skin> atau </style>, pada kotak yang tersedia, lalu enter.
- Setelah ketemu kode ]]></b:skin> atau </style>
- Paste kode CSS yang di poin empat diatasnya,
- Simpan
- Buka Dasboard blognya,
- Klik Tata Letak
- Klik Tambah Gadget, lalu
- Paste kode HTML ini:
<a class="button-author" href="URL HALAMAN STATIS UNTUK FOLLOWER BLOG" target="_blank" title="Follow This Blog">Follow This Blog</a>
- Ganti yang berwarna biru dengan URL Halaman Statis Follower milik Anda
- Simpan dan lihat hasilnya