Social Icons

Pages

Monday, May 8, 2017

Cara Membuat Follow By Email Di Blog

Cara Membuat Follow By Email Di Blog
Sebatas menyimpan kode sebagai data sendiri,  karena sudah banyak sekali blog atau website yang berbagi artikel Cara Membuat Follow By Email Di Blog dari yang master sampai newbie seperti saya ini. Berbagai Follow By Email banyak modelnya yang di bagikan di internet dari yang keren, sederhana sampai melayang pun ada tinggal memilih saja mau menggunakan yang mana .

Bila ada yang membuat seperti yang saya pasang di blog saya kurang lebihnya seperti kode yang saya miliki ini dan caranya pun ada. Seperti di bawah ini kode dan langkah-langkahnya.

1. Login ke Blogger.com
2. Pilih Tema dan Edit HTML selanjutnya cari kode ]]></b:skin> untuk mempermudahkan pemcarian gunakan tombol Ctrl+F
3. Kemudian copy kode di bawah ini dan pastekan di atas kode ]]></b:skin>

/* FOLLOW BY EMAIL */
#sidebar-subscribe-box{width:100%;border:0px solid #aaa;border-radius:0;padding:0 0 10px 0;overflow: hidden;}
.sidebar-subscribe-box-wrapper{background:#ffee00;color:#585858;font-size:14px;line-height:20px;padding:10px 20px 10px;text-align:center;text-transform:none;font-weight:bold;}
.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:0;-webkit-border-radius:0;background:#fff;border:1px solid #ccc;border-radius:0;color:#787878;margin:0 0 15px;padding:10px 0;width:100%;text-align:center;}
.sidebar-subscribe-box-email-button{background:#219fde;border:1px solid #219fde;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:5px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-align:center;width:100%}
.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#0082d4}
.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:5px;padding:4px 4px 4px}
#footer-section{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%;}
a.social-icons{margin-right: 5px;height:45px;width:45px;}
a.social-icons:hover { opacity: .7; filter:alpha(opacity=70);}

4. Simpan Tema
5. Selanjutnya beralih ke menu Tata Letak kemudian Tambahkan Gadget dan pilih HTML/JavaScript
6. Kemudian copy kode di bawah ini dan pastekan di kolom HTML/JavaScript

<div id="sidebar-subscribe-box"><div class="sidebar-subscribe-box-wrapper"><br/>
FOLLOW BY EMAIL <a href="http://thopadsid.blogspot.com" target="_blank"></a>
<div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=thopads" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=thopads', 'popupwindow', 'scrollbars=yes,width=235,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="THOPADS" />
<input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Your Email Address"/>
<input class="sidebar-subscribe-box-email-button" title="" type="submit" value=" Subscribe " /></form></div></div></div>

Keterangan : Tulisan yang berwarna merah anda ganti dan sesuaikan dengan alamat URL punya anda.

7. Bila sudah selesai kemudian Simpan dan lihat hasilnya pada blog anda.

Kurang lebihnya seperti di atas Cara Membuat Follow By Email Di Blog seperti yang saya pasang di blog saya. Bagi yang membutuhkan semoga bermanfaat,... Terimakasih,..



No comments:

Post a Comment