Cara Mudah Modifikasi Kotak Berlangganan Email Feedburner + Tombol Sosial Media Menjadi Lebih Keren

Assalamu’alaikum…

            Pada postingan sebelumnya saya telah berjanji untuk Berbagi Pengetahuan bagaimana Cara Modifikasi Subscribe Feedburner agar lebih menarik namun tidak banyak script-nya. Pastinya yang akan membuat loading blog akan menjadi lama. Bener ga sob ? hehehe

            Saya mencari kesana kemari untuk mendapatkan Script yang menurut saya ideal. Kenapa saya katakan ideal ? karena menurut saya desain Subscribe-nya menarik namun Code-nya tidak banyak, dan hasilnya bisa dilihat pada blog saya.

            Code ini pun pastinya bukan saya yang Coding, pastinya juga bukan saya yang buat, hehehee saya mengambil code dibawah dari blog “infoblogberita”, namun setelah saya memasang scriptnya di blog, dan setelah saya coba subscribe email, ternyata terdapat tulisan “The Feed does not have Subscriptions by email enabled”. Lalu saya otak-atik lagi, dan alhamdulillah sekarang sudah bisa. Oke langsung saja yaa :

1. Login ke blog sobat : Disini

2. lalu pilih layout/tata letak

3. pilih Add Gadget

4. pilih HTML/Javascript

5. Copy paste script dibawah ini pada kotak “Content”

<div class='widget-content'>

<style type='text/css'>

.social a{padding: 6pt 6pt 6pt 5px;font: bold 12px Calibri,Helvetica, Arial, sans-serif;text-decoration: none;position: relative;display: inline-block;text-shadow: 0 1px 0 #fff;-webkit-transition: border-color .218s;-moz-transition: border .218s;-o-transition: border-color .218s;transition: border-color .218s; background: #f3f3f3;border: solid 1px #dcdcdc;}

.social a:hover {color: #333;border-color: #999;-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);}

.social a:active{color:#000;border-color: #444;}

.sub-box{

background: #fff;

width: 300px;

padding: 2px 5px 7px 7px;

border: 2px solid #000;

border-radius: 15px;

}

.sub-box:hover{

border-style:dashed; 2px solid: #389af2;

}

.emailform{margin:30px 0 0; display:block; clear:both;}

.emailtext{margin:20px 0 0;background:#f6f6f6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikW1yrL53CgyPWusl0FmPzEV80zmxuxag-jTVfX4kCWIs1cE59vkt5jxSoD63RxdLfOP1_pLoQMojY0AroMNl72bZmZzjZIhpmBtjwuhYDh6BKijBhlFnm0iCGExv9CCnmmHvL-YXKBwg/s1600/email.png) no-repeat scroll 0px center;padding:5px 5px 4px 30px;color:#444;font-weight:bold; text-decoration:none;border:1px solid #ccc;width:170px;}

.emailtext:focus{outline:none;}

.sub-button{color:#eee;font-weight:bold; text-decoration:none;padding:6px 8px; border:1px solid #666;cursor:pointer;background:#ff748c}

.sub-button:hover{color:#eee;border-color: #999;background:#ffa7b6}

</style>

<div class='sub-box'>

<center><div class="social">

<table><tbody><tr><td>

<a href='https://www.facebook.com/Berbagi-Pengetahuan-129491517256385/ ' target='_blank'><img alt='Facebook' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWZXB1Ts9iIdPwxkB1IdosZR5Zd10MRIqHmlwiq36bVf9v6n9Gwpp__2zj-iEVkWOVqt757d48dR89Gz86_pP5lZSfMP_niOr-bhzs0S7iW6DwWS2tGYYA6h9QbmsDVdC_osIFGhj6kvs/s1600/facebook.png" border="0" title='Follow Us On Facebook'/></a> </td>

<td> <a href= 'https://twitter.com/MF_Alfatih ' target='_blank'><img alt='Twitter' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzcn2bh9drAXzvgqADkOvUFqRGxsSpOrnL08byI7uduTCBqUxAMfVVGokNRWsujJpiv8GOdbKP6CSDEEtAb-sbCthJ_Du0p2VNY_AmBZy0Ui_733pMK4VyQPpWUeNfo-bTX9BG2RR2xHo/s1600/twitter.png" border="0" title='Follow Us On Twitter'/></a> </td>

<td> <a href='https://plus.google.com/101149142132576255353' target='_blank'><img alt='Google Plus' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJdkW-06k2J_Hlr5nZXUtG9YzRNmnEbQr99Y0lKySBDu-7kTSKxKg-F3XZwofDVzMrmDraS0LbQ0q4yIZYi8urJV4RtQTMOzcsa-BOjMxE1lqgmzw_6Uam7ax20cSAOdIAiHtW2vvw3Xk/s1600/googleplus.png"  border="0" title='Follow Us On Google Plus'/></a> </td>

<td> <a href='https://www.pinterest.com/mf_alfatih/' target='_blank'><img alt='Pinterest' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnaecDlnz-dtPdJJoADWQdh6WZbvGmRq7H5eS9TE02l0qxPAO9SUSLER2kixjUK6Z2PXTAnu8vZhOpjwXimQBvOtnaWu9z1A5Y1SjBFNwQJKZ2YZ44CXndOmAE82TNJ72eHJ4TJHnXAwg/s1600/pinterest.png"  border="0" title='Follow Us On Pinterest'/></a> </td>

<td> <a href='http://www.stumbleupon.com ' target='_blank'><img alt='Stumble Upon' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk3ELXC1HzhRPtqnpTXr_Vw9CE1qUn8io84Z0jUO7lfhyphenhyphenK_3MW8uxgX-K0J64P-0E8xccZ6OGtjaxuHZe6A4WZ2pxAWgSo_nP8ND35dwgILyerLwpn-oCMUH-_Betw58PmM0_ld_TDirE/s1600/stumbleupon.png"  border="0" title='Follow Us On Stumble Upon'/></a>

</td></tr></tbody></table> </div></center>

<center>

</center>

<div style="text-align: left; display: inline-block;">

<h8 style="display:block;font-family:'calibri';font-size:17px;font-weight:bold;">Gratis !!! berlangganan Artikel . <br/> Masukkan Email Anda, Konfirmasi di Email Anda, Nikmati Update-an Terbaru :))  </h8>

<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/berbagipengetahuan', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><div style="padding-left:5px; padding-bottom:10px; padding-top:10px"><input type="text" style="width:170px; height:30px" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Ketik email anda disini...&quot;;}" onfocus="if (this.value == &quot;Ketik email anda disini...&quot;) {this.value = &quot;&quot;}" type="text" value="Ketik email anda disini..." /> <input type="hidden" value="blogspot/berbagipengetahuan" name="uri" /><input type="hidden" name="loc" value="en_US" />

<input type="submit" class="sub-button" value="Enter" title='' alt='' />

<br/><small> Anda aman disini ! Email tidak terkait SPAM apapun.<br/><br/></small><div style="padding-left:10px"><a href="http://feeds.feedburner.com/blogspot/berbagipengetahuan"><img src="http://feeds.feedburner.com/~fc/blogspot/berbagipengetahuan?bg=ea6153&amp;fg=0000FF&amp;anim=1" height="26" width="88" style="border:0" alt="" /></a></div></div></form></div></div></div>

NB :

Warna : Ganti menjadi “ID Facebook/ID FansPage Blog” sobat

Warna : Ganti menjadi “username twitter”

Warna : Ganti menjadi “ID Google+”

Warna : Ganti menjadi “username Pinterest”

Warna : Ganti menjadi script "Email Subscriptions" feedburner sobat, dan “Nama RSS Feedburner” Sobat

Warna : Ganti menjadi “Script Feedcount” feedburner

6. Hasilnya akan seperti gambar dibawah.

            Oke mungkin itu saja Berbagi Pengetahuan Cara Modifikasi Subsribe Feedburner Terbaru 2015 Agar Lebih Keren. Mohon maaf apabila ada kata yang salah dan kurang berkenan. Terima kasih ^^

Wassalamu’alaikum…

Tweet

Jika Menyukai Artikel di blog ini, Silahkan masukkan email sobat. Akan dapat Update artikel dari blog ini, "GRATISS!!"