Widget Push Button Media Sosial Dan Rss Subscribe Untuk Blogger

Dalam tutorial ini Sekarang aku akan menjelaskan cara untuk menambahkan Widget Push Button Media Sosial Dan Rss Subscribe Untuk Blogger. Dengan menggunakan widget ini Anda mungkin dapat menghubungkan profil sosial media seperti facebook, Twitter, Google Plus, Pinterest dan Rss bersama dengan bidang Subscribe. Ini dapat membantu untuk mendapatkan update terbaru melalui email.

Demo

Tambahkan Push Button Media Sosial Untuk Blogger / Blog

1. Masuk ke akun blogger dan klik drop down.
2. Sekarang pilih "Layout".
3. Klik Tambah Gadget dan pilih 'HTML / Javascript'
4. Paste di bawah salah satu kode di bawah ini.

<style>
#sub_widget {
margin-bottom: 30px;
max-width: 300px;
background: #ddd;
max-height: 400px;
border: 4px ridge green;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius:12px;
margin-top: 20px;}
#sbsr {height:70px;}
#bts {margin: 9px 0 0 15px;;float:center;}
#bts img {border-style: none;}
.gap {margin: auto 2px;}
#pra {float:left; margin:-6px 0 0px 20px;color:#000;font-size:14px;font-family:arial;font-weight:bold;}
.newsletter {height:35px;float:left;margin: 10px 0 60px 0;}
.button {
margin-top: 5px;
 color: #fff;
width:100px;
font-family:arial;
font-weight:bold;
font-size:16px;
text-margin-left:-10px;
background: green;
}
.email {width:250px;
height:25px;
font-size:12px;
text-margin:0 auto;
pading:10px auto;
background:white}
</style>
<div id="sub_widget">
<center><img id="sbsr" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8Fkqle5kmplb7BPOqLNf15knRWRMQt7EfQ2Weaa-ncCQcSioy-mBItidR0eUm1hjRQ_pBxYx0BDU7DBYZg9oph-hMvEvT9OGoaK_9njILpXR6yG8ObQ9jLzQvh0B8otlk88BSelUYbnU4/s734/rss-subscribe.png"/></center>
<center><div class="newsletter">
<form action="http://feedburner.google.com/fb/a/mailverify" class="subscribe-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=TempatBlogging', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="email" name="email" onblur="if (this.value == '') {this.value = 'E-mail';}" onfocus="if (this.value == 'E-mail') {this.value = '';}" type="text" value="Get all the latest updates daily in your inbox.." />
<input name="uri" type="hidden" value="TempatBlogging" />
<input name="title" type="hidden" value="TempatBlogging" />
<input name="loc" type="hidden" value="en_IN" />
<input class="button" name="submit" type="submit" value="Submit" />
</form>
</div>
</center>
<center>
<div id="bts">
<a rel="nofollow" class="gap" href="http://feeds.feedburner.com/TempatBlogging" target="_blank"><img  onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhytVVazxMciRypTaSiaNUG2X4vTNMkz0hyphenhyphenfEJP4S0cgw7Da2knHE7VmHCj_FOeTgIJb6MNSW30UAFkodIfZuXpI__D0YgdjdcVY0FZbs9O9Xt70qkEq-PA3P4MWYn7HvkYwS9Qqa44MRcU/s1600/Rss.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-4y0pTekYlMCUcoE0kZIyuXKG5z7B3FUrrB5MnX81A5SEVDhCD2OWrta1HgXnXzjhM_Pztp6jJq-3jVQ6zTOEruxgbaQ75YULjpdWDn9EPO9u6MPOe1kT65Rv1ph_oaK3Jzt9yUwGHUhh/s1600/Rss_pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhytVVazxMciRypTaSiaNUG2X4vTNMkz0hyphenhyphenfEJP4S0cgw7Da2knHE7VmHCj_FOeTgIJb6MNSW30UAFkodIfZuXpI__D0YgdjdcVY0FZbs9O9Xt70qkEq-PA3P4MWYn7HvkYwS9Qqa44MRcU/s1600/Rss.png" title="Subscribe Via Rss" alt="RSS" /></a>
<a rel="nofollow" class="gap" href="https://plus.google.com/UserID/" target="_blank"><img  onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAQhrCvg3AQSKeNTtnfwWVowoDOTNcywaI18b-79b7ZhI1RTrepcGzomseJbBVXO8rQjZz9lkAXy4OusQ8gSXYtmG_6nLNwYKEr_eeB5k60nuqUsfOGetlf2mEFN1P_qu8yzCsi2uN0UJz/s1600/Google.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijBopn9NHzueQJ11Os48m1WaQxgrElg_qYc3h9Vxm74jy9gnmrQwpEsDoHt0IH5J8JCaaPIpv-DE7JPZfOvxQusW8BFJ_AZO92mSae7YNbmYOCGfoDM5IlyDH70j20ryIvjaBTifGIAuV3/s1600/Google_pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAQhrCvg3AQSKeNTtnfwWVowoDOTNcywaI18b-79b7ZhI1RTrepcGzomseJbBVXO8rQjZz9lkAXy4OusQ8gSXYtmG_6nLNwYKEr_eeB5k60nuqUsfOGetlf2mEFN1P_qu8yzCsi2uN0UJz/s1600/Google.png" title="Follow Us On Google plus" alt="Google" /></a></br>
<a rel="nofollow" class="gap" href="http://pinterest.com/masbasir/" target="_blank"><img  onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsm1Etp4ugvYgOxxOeVGHK7-uFfJr3GxjyoirtiexGs8yFVs0HfHCN5UtL5-_35F11-oHHto2ijad3QW3__Uz7SERY5HSpse6Gcjgbri1wtv8TH1Xg7QDoFPunHGro468ddFTye6AW_6kv/s1600/pinterst.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgysAZTWxYwBZltEcBKK3o6C8CULV_YZIRJlmJ90_NHkZQQWj6vywpscPI2SIOBv0PWCt8bgm_hf5r55RKxpiEcLbtCh0uf5s0rPOjf-lxoKkgAxybxMl5ka3dsEVrGSV8-oMcvyGhM3drI/s1600/pintrest_pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsm1Etp4ugvYgOxxOeVGHK7-uFfJr3GxjyoirtiexGs8yFVs0HfHCN5UtL5-_35F11-oHHto2ijad3QW3__Uz7SERY5HSpse6Gcjgbri1wtv8TH1Xg7QDoFPunHGro468ddFTye6AW_6kv/s1600/pinterst.png" title="Follow Us On Pinterest" alt="pinterest" /></a>
<a rel="nofollow" class="gap" href="http://www.facebook.com/TempatBlogging " target="_blank"><img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitVNsxmiJD3MX17X_uZ4XJrcGVY_QKgA-OEUz0sSUzZfcMdCZJmcvKqe7O5m_gKGU4BOgd37yqN9JqSHeJTQIm-pL4VVNA8NdWP6JX7jGpFpxfSkX3A6yUMLLb-6Go5vxHjBm98YBKSxMi/s1600/Facebook.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgH2nLD8Ur-xZov8RsFaWEIYXcYKeErv0trppd9k3vB52jAotWO6QL2Vgr9IohPwZLI7al8eaBsMMyXws-fMOcoZ1xxh_t-Ws1_IunhIE-VhpaolIMPl8NbAI1eBc4JSQQw4IhbHNn0ofZd/s1600/Facebook_Pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitVNsxmiJD3MX17X_uZ4XJrcGVY_QKgA-OEUz0sSUzZfcMdCZJmcvKqe7O5m_gKGU4BOgd37yqN9JqSHeJTQIm-pL4VVNA8NdWP6JX7jGpFpxfSkX3A6yUMLLb-6Go5vxHjBm98YBKSxMi/s1600/Facebook.png" title="Like Us On Facebook" alt="Facebook" /></a>
<a rel="nofollow" class="gap" href="http://www.twitter.com/TempatBlogging" target="_blank"><img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsEH7uaSrC6IMJmEHh10PsMbqbc1tdiWA-F_Vg9EP7XXNLKB9I-yzT4lxpCoYvjh9Z-5uBENpZlw6F_wg8NlP9IUNPyB0WWteRNQwGEy_Xwf6E-CFtj9JlSITmAYlmTxVnfZoJbwdw79cP/s1600/Twitter.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMIowIUOavTc7JGnhcnZ51Q7W8PfyxDBiD4tebkIKSnAR8E_dZluI2ogJ576QUQtv5AQ8r7WUX5gMwHuObvaKp3jKqhcHx7rSTzfkjDXJkEMMmRwprOH_4lcXVehIykxS4A_Rx-am8Hrf8/s1600/Twitter_Pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsEH7uaSrC6IMJmEHh10PsMbqbc1tdiWA-F_Vg9EP7XXNLKB9I-yzT4lxpCoYvjh9Z-5uBENpZlw6F_wg8NlP9IUNPyB0WWteRNQwGEy_Xwf6E-CFtj9JlSITmAYlmTxVnfZoJbwdw79cP/s1600/Twitter.png" title="Follow Us On Twitter" alt="Twitter" /></a></div></center></div>

Membuat Perubahan ini

• Ganti TempatBlogging dengan ID Feedburner
• Ganti TempatBlogging dengan nama pengguna Facebook Anda
• Ganti TempatBlogging dengan Nama Twitter
• Ganti masbasir dengan Username Pinterest 
• Ganti UserId dengan Nama Google Plus 
• Sekarang menyimpan HTML / Javascript '.
• Dan Anda selesai ...

Sekian dulu postingan kali ini yang membahas tentang Widget Push Button Media Sosial Dan Rss Subscribe Untuk Blogger. Semoga Bermanfaat bagi kalian semua.