Cara pasang Tombol Follower Responsive Valid HTML5

Follower blog bagi hampir semua blogger merupakan widget yang penting, sebagai kolom untuk menarsiskan para tetangga di rumah (baca: blog) kita...sebab kita semua paham bahwa budaya narsis sudah merambah ke segala lini dan sendi kehidupan, demikian juga narsis di blog yang memiliki ratting tinggi tentu semua blogger pemula seperti saya ingin turut serta di dalamnya, disamping salah satu fungsi dari widget follower yang utama adalah untuk memberi kabar dan menjadi bahan pertimbangan bagi calon pemasang iklan bahwa blog tersebut ramai pengunjung dan pengikutnya, layak atau tidak layaknya produk mereka tayang di blog bersangkutan, dapat di analisa dari kolom follower ini.
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.

DEMO

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}

• 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

Langkah 2

• 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

Semoga Cara pasang Tombol Follower Responsive Valid HTML5 dapat membantu