Widget: Ruang Subscribe Untuk Blog Yang Menarik

Ini satu lagi widget yang menarik untuk blog anda terutamanya blog yang mempunyai ramai pengikut dan pembaca yang setia. Jika anda berminat dengan widget ini, ikut langkah mudah di bawah:-

1) Pergi ke Dashboard >> Layout >> Edit HTML dan kemudian cari tag </head>.

2) Dan SEBELUM tag di atas, masukkan kod di bawah:-

<style type='text/css'>

#hsection{border:4px solid #D3D3D3;background-color:#e9e9e9;}
#hsection:hover{border:4px solid #BABABA;background-color:#e9e9e9;}

#sectionmy .sectionmy2 h2.subscription { border:0; margin:0; padding:6px 0 0 55px; height:42px; font-size:16px;font-family:&quot;Segoe UI&quot;,Calibri,&quot;Myriad Pro&quot;,Myriad,&quot;Trebuchet MS&quot;,Helvetica,Arial,sans-serif;
font-weight:bold; }

#sectionmy .sectionmy2 h2.rss { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUHjDil5qVtorCviZazh8PMPSeka4A96F-SVckXZBs2F0zdATfBT2iMM53xtvmn3BuSPWvWddlZh0leXklaaiBvV-0OYe7jOj8QGnF7jsLinCl9rjkpSVTr86TS26cwCYOW9IX247jKoNA/) no-repeat top left; }

#sectionmy .sectionmy2 h2.email { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLCwQcqztDZmU2t5kIRwRFP6q3FP3jZl9ZziU6T0qtuwkIUhY68mbbk23WqmqBTmOBKITB3idaoLr7v5rJcLCA2uZQcXep7RU8LYJHqNJ9ARAnNqCrAqix0Z52sRZrNLe3XodE6uweeqCx/) no-repeat top left; }

#sectionmy .sectionmy2 h2.twitter { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt9wiIpN1YzzFuulZONOeLlzvPn7A3_gaxD6XtnvL_4D0PidBdOF25BOzj0VwzBMu_bPVKOq071t5bg8REzSpjG-o62Mtasnqn2dWlgEmWIHLJCatzgxsvsDQwOYRg3_uChP-7AlfvASIr/) no-repeat top left; }

#sectionmy .sectionmy2 .subscription a { color:#252e28; text-decoration:none; }

</style>

Klik "Save".

3) Sekarang pergi ke Layout >> Page Element dan klik "Add A Gadget". Kemudian pilih HTML/Javascript. Copy kod di bawah dan masukkan ke dalam ruang HTML/Javascript.

<div id="hsection">
<div id="sectionmy">
<div class="sectionmy2">

<h2 class="subscription rss"><a href="URL FEED ANDA">SUBSCRIBE VIA RSS</a></h2>

<h2 class="subscription email"><a href="URL LANGGANAN EMAIL ANDA">SUBSCRIBE VIA EMAIL</a></h2>

<h2 class="subscription twitter"><a href="URL TWITTER ANDA">FOLLOW ON TWITTER</a></h2>

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

Klik save.

**NOTA** Tukarkan perkataan yang berwarna JINGGA dengan URL anda sendiri dan warna BIRU dengan perkataan anda sendiri.

Anda boleh lihat demo di SINI.