Cara Gampang Modifikasi Kotak Berlangganan Email Feedburner + Tombol Sosial Media Menjadi Lebih Keren
Assalamu’alaikum…
Pada postingan sebelumnya aku telah berjanji untuk bagaimana Cara Modifikasi Subscribe Feedburner semoga lebih menarik namun tidak banyak script-nya. Pastinya yang akan menciptakan loading blog akan menjadi lama. Bener ga sob ? hehehe
Saya mencari kesana kemari untuk mendapat Script yang berdasarkan aku ideal. Kenapa aku katakan ideal ? alasannya yaitu berdasarkan aku desain Subscribe-nya menarik namun Code-nya tidak banyak, dan kesudahannya sanggup dilihat pada blog saya.
Code ini pun pastinya bukan aku yang Coding, pastinya juga bukan aku yang buat, hehehee aku mengambil code dibawah dari blog “infoblogberita”, namun sesudah aku memasang scriptnya di blog, dan sesudah aku coba subscribe email, ternyata terdapat goresan pena “The Feed does not have Subscriptions by email enabled”. Lalu aku otak-atik lagi, dan alhamdulillah kini sudah bisa. Oke eksklusif saja yaa :
1. Login ke blog sahabat : Disini
2. kemudian 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/AVvXsEjRBgU_qXQcN7PGoYfTSfjtpY7nnlRLO_7g81nJktf7E5MfJwqV7QErwmMjR09Ujl4SxciWOEkKJ2y0qBWnbd34sgUwsQIzBDjAW1NEnYA7J0mAUGnUt4q3zOnK6TmRzLW82cstjcPRiMM/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/AVvXsEiGDKOBrJCqJ79eK6CxtYRJTH1JIH40kvWK3fT9pbI3-6S56hf2jOgtYRYxwGoeOkulK1Z0Cczj3yE3lCiQBkkOLSA8AXLEON2lG0ZTFRS5kRwPjYy8orj27xfqNbm_5ujS5HKyZTkvTi0/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/AVvXsEg24_-ritzt1zwdQMacbY0lNIGoL0P8h4QHuhDnzAocEaDDPhuBC_Z1QzLJRQfku6QCcmylSWc8ETFB1qvEp0_L_Da85coCzmFsSFxHY2XqZaCa09esH2VslRsMSdKewjGV5wKznTman4I/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/AVvXsEj3FXq0Jj3965snJ133225SnXdFKZ2wRdeoFerR2_DfD9T-K-2qmy-50JTnSDXQ5IZLyOwk7xg41_zjilMH9gW8052PFIX85W3nCZzTtLql_8gxFRsfTwaOMWvHFNEe0tc7KdvWm5SLVT4/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/AVvXsEg7g0r1-fcNSsne38tkyvCLtQnzFfxNc6Mk5uhQRjM47YH59rYuf7QhMHPS4PTMsiEATks7MgwLFWEtDqXMj-bSooyYPqJIDIpC3z9v6-kUsAETpZqpgQ5LY2BS4mvIs41iYDuGcXNd8KA/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/AVvXsEjJ-w_x3iuC0k7uFm7auE7t_4Ws5p0Qu8Xf9w0B7sjRI7_agSxZzoym27wSsRzKmvC2VwIEe0-tGJBubwbSC772Nw7nSOBHc5sDlAWWXrm55dXJf4f8PuMJ0BxiwjakfrJcK7X5PUm4Bfs/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 == "") {this.value = "Ketik email anda disini...";}" onfocus="if (this.value == "Ketik email anda disini...") {this.value = ""}" 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 kondusif 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&fg=0000FF&anim=1" height="26" width="88" style="border:0" alt="Pada postingan sebelumnya aku telah berjanji untuk bagaimana Cara Praktis Modifikasi Kotak Berlangganan Email Feedburner + Tombol Sosial Media Menjadi Lebih Keren" /></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 ibarat gambar dibawah.
Oke mungkin itu saja Cara Modifikasi Subsribe Feedburner Terbaru 2015 Agar Lebih Keren. Mohon maaf apabila ada kata yang salah dan kurang berkenan. Terima kasih ^^
Wassalamu’alaikum…
