Memasang Kotak Berlangganan Artikel + Share Button

Memasang Kotak Berlangganan Artikel + Share Button - Pagi Guest kali ini saya mau share bagaimana memasang kotak berlangganan artikel beserta share button social bookmark. saya menemukan artikel secara tidak sengaja dan alhasil setelah saya praktikan di blog saya yang Berbagi info menarik berhasil 100 %. Berikut adalah langkah-langkah nya silahkan di simak :

1. Login Blogger.com
2. Masuk Menu Template (backup terlebih dahulu template anda) jika sudah selesai >> Klik Edit HTML
3. Cari Kode <data:post.body/> (jika ada lebih dari 1 pilih di bagian yang terbawah) letakkan kode di berikut ini tepat di bawah kode <data:post.body/> 

<style>

form.feedburner{

margin:20px 0 0;

display:block;

clear:both;

}

.dcstyle{

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjcR6tVRPyKL9dHtbT_KXOvavOJ1v0552isKDxzyR47cKXrsDrAyNm9Hy1bY9epsAC3jdDoWjl5lQLEwQBJiuKii8KenN009s67_5bWW8rghyphenhyphen6MkiiPu6mgyOhE6XR7OrgCJhfnk3Z1fys/s400/email_icon.png) no-repeat scroll 4px center transparent;

padding:7px 15px 7px 35px;

color:#666;

font-weight:bold;

text-decoration:none;

border:1px solid #D3D3D3;

-moz-border-radius: 4px;

-webkit-border-radius: 4px;

border-radius: 4px;

-moz-box-shadow: 1px 1px 2px #CCC inset;

-webkit-box-shadow: 1px 1px 2px #CCC inset;

box-shadow: 1px 1px 2px #CCC inset;

}

.dcsubmit{

color:#666;

font-weight:bold;

text-decoration:none;

padding:6px 15px;

border:1px solid #D3D3D3;

cursor: pointer;

-moz-border-radius: 4px;

-webkit-border-radius: 4px;

-goog-ms-border-radius: 4px;

border-radius: 4px;

background: #fbfbfb;

background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));

background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);

background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);

background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4',GradientType=0 );

background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);

}

#emailwidget-outer {

-moz-border-radius: 10px 10px 10px 10px;

-webkit-border-radius: 10px 10px 10px 10px;

-goog-ms-border-radius: 10px 10px 10px 10px;

border-radius: 10px;

background: none repeat scroll 0 0 transparent;

border: 1px solid #D3D3D3;

padding: 8px;

-moz-transition: all 0.3s ease-out;

-o-transition: all 0.3s ease-out;

-webkit-transition: all 0.3s ease-out;

-ms-transition: all 0.3s ease-out;

transition: all 0.3s ease-out;

width:480px;

}

#emailwidget-outer:hover{

background: none repeat scroll 0 0 #FFF;

-moz-box-shadow: 1px 1px 2px #CCC inset;

-webkit-box-shadow: 1px 1px 2px #CCC inset;

box-shadow: 1px 1px 2px #CCC inset;

}

#emailwidget-outer td{

padding:3px 0;

}

</style>

<center>

<div id='emailwidget-outer'>

<div id='emailwidget'>

<table style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;' width='100%'>

<tbody>

<tr style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'>

<td align='left' style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'>

<p style='color:#666; font-weight: bold; font-size: 18px; margin:0px 0px 5px 0px; '>Berlangganan artikel via email!</p>

<form action='http://feedburner.google.com/fb/a/mailverify' class='feedburner' method='post' onsubmit='window.open(&#39;http://feedburner.google.com/fb/a/mailverify?uri=berbagii&#39;, &#39;popupwindow&#39;, &#39;scrollbars=yes,width=550,height=520&#39;);return true' style='margin: 0pt;' target='popupwindow'>

<input name='uri' type='hidden' value='berbagii'/>

<input name='loc' type='hidden' value='en_US'/>

<input class='dcstyle' name='email' onblur='if (this.value == "") {this.value = "enter your email…";}' onfocus='if (this.value == "enter your email…") {this.value = ""}' type='text' value='Enter your email…'/>

<input alt='' class='dcsubmit' title='' type='submit' value='Submit'/>

</form>

</td>

<td style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'><p style='color:#666; font-weight: bold; font-size: 14px; margin:0px 0px 5px 0px; '>Follow us!</p>

<a href='http://feeds.feedburner.com/berbagii' rel='nofollow' target='_blank' title='Suscribe to RSS Feed'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgozRg4HdcL3IwNrgHsdocjm1PlTPHH4Ad_1wr0NKdB_GiaietVQW29DuOzxDPqhN1tXKeswIthEsAicoaNstmzThBjK9ZE8onLtRxk2dOBK4piukqOxhYLmO0q8fj4wPqFIGuOMumKGz0/s1600/rss-30×43.png'/></a>

<a href='http://twitter.com/wahyupoer' rel='nofollow' target='_blank' title='Follow us on Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-LvcHMOxrK_BjkpNpm_mn9ZKJjdNF2QobY0qTNhWqaKTwZxW3RNXfLilsV-mM4xpopi9FA_kL5RygcHZblF0fa_gAr6xdzMmvWQQ0Hl1tN_7FCdBRUXzSlrnhsaY3jkzWQwJ0try-cZU/s1600/twitter-30×43.png'/></a>

<a href='https://www.facebook.com/wahyupoer' rel='nofollow' target='_blank' title='Follow us on Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRuGHuE1gRdxbKYX5aCTa7Dq_qipiWtD2Rd3KkqZkPSHl_NcLxvS0D14HFXJ0uAyFuzd96Zv_E1ODyCYkYOYFzrUf1h4m1dckHUzaoEWQGCU12qZ15erNaXoeJJIyI57rzaE7gCKGigNs/s1600/facebook-30×43.png'/></a>

</td>

</tr>

</tbody></table>

<div align='right'><span style='font-style: italic; font-size: 8px; color: solid #f3f3f3;'><a href='http://catatan-seoku.blogspot.com/2013/06/memasang-kotak-berlangganan-artikel.html

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

Ganti yang bercetak Merah dengan akun anda

4. Save Template >> lihat hasilnya di blog anda

Nah itu tadi bagaimana caranya memasang kotak berlangganan artikel + Button Share. Sekian dan terima kasih karena sudah mau berkunjung di blog saya yang jelek ini. Semoga Artikel mengenai cara memasang kotak berlangganan + button share dapat membantu anda

Tweet

Subscribe to receive free email updates: