Di kesempatan kali ini saya akan bagikan cara buat widged berlangganan via email keren (menurut saya) seperti yang saya pasang di bagian Sidebar sebelah kanan. (Postingan ini saya buat sebelum ganti template)
Berlangganan via email? bagaimana cara kerjanya?
Cara kerja Berlangganan via email itu mudah, Pengunjung akan mendapat kiriman artikel yang anda Update/membuat postingan baru ke email pengunjung yang sudah berlangganan.
jadi yang dikirimkan ke email itu berupa artikel lengkap beserta gambar dan Blog kita tetap aman karena yang dikirimkan tulisan, bukan link
Cara buat Widget Berlangganan email
Nah, Untuk anda yang ingin memasang widget seperti itu langsung saja ikuti langkah-langkah berikut ini..Copy semua kode di bawah ini :
<span ="" style="font-family:";"><style type="text/css">#sidebar-subscribe-box{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjqML-7O49CN4RE9HEf22H_fN4sxryeSC3TId2dr4n0gFSmMXDrlUC4Bfsduv1GlJRgy6N8ti-TL6eJH3VcSN5Ouw682fAjQa7ic9tjDyR3ZoFZdve_Pp2tVZ6xATfZ0HXVhjUq7jx9vs2/s1600/colored-strip.png) repeat scroll 0 0 transparent;border:1px solid #aaa;border-radius:3px;padding:3px 0}.sidebar-subscribe-box-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid4-YRvl3WzYR27-dsFjiObYJ6jLaYgeXuBy7_AfPLgpIFCLUN04JQ3nTwq-DYC7WPdZJMLsamfwCuUDvUGw0iFTEAx2jLSglzOXdIIls6m-VGmZhBbAS5En_BnXCiBtDNaBU6REIpVzzf/s1600/bg-pattern.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}.sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbpEiytlpRr7wTRl7ZQhECdB5evsUVp2Yx6lHPaq85cKmRBSYnzV_CwPy9chwEEHu9xV2rOAIWUoI6XDLbAFzLSFzW9er43lpSE-e6Ozp-wPfYHSIdx4ZMZ0rEn2M-XfLyY2AoAFi8MV26/s1600/sprites.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%}.sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:100%}.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}.sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px}#footer-section{background:#f5f5f5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigrz7ysEdNZFyHBHfN8aHgIrzU7WaPAe4TCL-vA7233OVmPXNhsl0MUhsv8u7qyIKlVlEFuYrT14VU6BXu5hkC7CJyDbJFeP_DyC9xkUn-IozNPzouB4R_m1v5XkmIKd8pwg6eDEjrtdg3/s0/bg-pattern.png) repeat top left;border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}</style> <div id="sidebar-subscribe-box"><div class="sidebar-subscribe-box-wrapper"><p>Berlangganan Artikel gratis yang akan di kirim via email.</p><div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=mascahyoblog/gJIc" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=mascahyoblog/gJIc', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="mascahyoblog/gJIc" /><input name="loc" type="hidden" value="en_US" /><input autocomplete="off" class="sidebar-subscribe-box-email-field" name="email" placeholder="Masukan email anda di sini " /><input class="sidebar-subscribe-box-email-button" title="" type="submit" value="LANJUTKAN!" /></form></div></div></div></span>
Setelah di copy maka masuk ke menu Tata letak klik Tambahkan widged pilih HTML/Javascript pilih mode Html lalu pastekan Semu kode yang sudah anda copy di atas.
Tapi sebelumya anda ganti dulu tulisan yang berwarna Ungu dengan selera anda dan tulisan yang berwarna merah dengan id Feedburner milik anda.
Langkah terakhir adalah Simpan setelan. jika anda belum tau id Feedburner milik anda maka saya rekomendasikan untuk baca Di blog Ini .
Sekian tutorial kali ini cara buat widget berlangganan via email. semoga bermanfaat Terima kasih
Makasih gan, sudah saya terapkan di blog saya...
ReplyDelete.
ReplyDeleteSalam. Jemput berkunjung ke Blog
https://nombormetafizik.blogspot.my
https://nombormetafizik.blogspot.my
.