Widget Stylish Rss Feed Subscription Box Biru Untuk Blogger

Dalam tutorial ini im akan menjelaskan bagaimana menambahkan Widget Stylish Rss Feed Subscription Box Biru Untuk Blogger. Dengan menggunakan widget ini Anda dapat menghubungkan media sosial Anda
profil Facebook, Twitter dan Rss dan lapangan berlangganan. Ini akan membantu untuk mendapatkan update baru dengan email. Anda dapat cek dari link demo di bawah. Jika Anda ingin melihat pakan widget langganan rss lainnya, klik link di bawah.

Demo  All RSS

1. Login ke blogger.com 

2. Masuk ke bagian Layout / Design
3. Klik Tambahkan Widget.
4. Pilih HTML/Javascript.
5. Copy Kode dibawah ini dan Pastekan di HTML/Javascript.

<center>
<div align="center" id="TempatBlogging-Subscribe-wrapper">
<div id="ig-subscription-optin" style="border: 3px solid #000000; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55AAEE', endColorstr='#003366',GradientType=0 ); width: 250px;">
<h3 id="TempatBlogging-title-text" style="color: white; font-size: 20px;">
GET FREE EMAIL UPDATES</h3>
<form action="http://feedburner.google.com/fb/a/mailverify" 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">
<a class="social-icons" href="https://facebook.com/TempatBlogging"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhGiUAVHhVJTlIsfkK00F7lABtl_iU5GPKpIWN05h4-6lRgaQ3Q-zHJAHq-8Fsz_-7lb9Vs_KGzia-9Uh5aGo2yA6hnVGh3CzKzR8rufWVPBrUr-Fcq3_qefNQ7nlWgIuLub5ppJOge8Q/s48/tempat%2520blogging-facebook.png" /></a>
<a class="social-icons" href="https://twitter.com/TempatBlogging"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwzYW5net36B3oEMwojopB2kBThhoY_loRPgb5i1GHB0KoIMIOfOscU9V85rqaJZBSPrUx2IldcRYMjVRtx9CJW8xslxtaN14mHUewJyLLR57M3SUxBj6wBhjLCsAzmoBXulQauSSL_uM/s48/Tblogging-twitter.png" /></a>
<a class="social-icons" href="https://plus.google.com/userId"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAyYhnPr9rgL7aleyHix-SlqGu7nm5hk1Em1MeQMrWHU-NHzrkR0b7lk0-9VdYuoFs7WyhXVnqzaG9ybF0EB11C0-1RfaDP7zXcY6bsLWiYFq4FTdqHfhGvL-5seooKY9txCHHiHxgo-g/s48/Tblogging-Googleplus.png" /></a>
<a class="social-icons" href="http://www.feedburner.com/TempatBlogging"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC0Rq9gUvPjV8Kdj-W14NsD4Eg4yMtZc8Fp1IBHpedAfFpnupejAaEaNhAFEPMT16qENO-7aoi67bBYWVZGh7Qc4Pk70WCHiyjiUqFyI6gwG3IbUOw865M_i0mzRQASZHEkyFq2qow6wo/s48/Tblogging-Rss.png" /></a>

<input class="email" id="TempatBlogging_Subscriber_email" name="from" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" style="width: 130px;" type="text" value="Enter Email Address" /><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<input name="uri" type="hidden" value="TempatBlogging" /><input name="loc" type="hidden" value="en_US" /> <input id="digitalhubinc_Submit_Text" style="height: auto; padding: 5px 0;" type="submit" value="Get Access Today!" /></form>
</div>
</div>
</center>
<style>
a.social-icons {margin-right: 5px; height:40px;width:40px;}
a.social-icons:hover {opacity: .7;filter:alpha(opacity=70); }
#ig-subscription-optin {margin: 0px;padding: 10px;background: #2A6DA9;
background: -moz-linear-gradient(top, #5AE, #036);background: -webkit-gradient(linear, left top, left bottom, from(#5AE), to(#036));height: auto!important;color: white !important;padding: 20px 15px !important;
text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif !important;margin: 10px;margin: 0px;padding: 10px;
margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;padding: 5px;border: none;}#ig-subscription-optin p {margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;
padding: 5px;border: none;}#ig-subscription-optin input.name {
background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHVX5spwKPs1yUh2Hkw_6EPaZgmslKfgkrMuCXC0k-idIVzU0yjC4mUjYDK2qCEyjPnoxXaE4YuOSJ8oTZJSrikuroVwz0geQu-d4EZYr5zHw4RlF-XPjee0nJq1y5ocxHoumsCiqhHpx5/s1600/subscribe-name.png) no-repeat center right;}
#ig-subscription-optin input[type="text"] {border: 1px solid #111 !important;
font-size: 15px !important;margin-bottom: 10px !important;padding: 8px 28px 8px 10px !important;width: 80% !important;height: auto !important;}
#ig-subscription-optin input.email {background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNZ5xErGiec97vWp-spE7id-8feGnHn_We_tqaIHQldBnyR35VBenBnBDkTHe1okCLmDhaQhGmjDlBAAHkmHPjn_xNEwYn03ot9NE8ceyjUzIK_l9m_eeCv_BCNUVSCZTF_9fIeGTAhAx-/s1600/subscribe-email.png) no-repeat center right;}#ig-subscription-optin input {
font-family: Georgia, Times, "Times New Roman", serif;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;box-shadow: 0 2px 2px #111;-moz-box-shadow: 0 2px 2px #111;-webkit-box-shadow: 0 2px 2px #111;margin: 0px;padding: 0px;}#ig-subscription-optin h3 {margin-top: 10px !important;margin-bottom: 8px !important;margin-left: 10px !important;margin-right: 10px !important;
font-weight: bold !important;line-height: 26px !important;letter-spacing: normal;
text-transform: none;text-decoration: none;
text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif;
border: none;padding: 0px !important;float: none;}input:hover[type="submit"] {
background-color: #0094D2;border: 1px solid #0094D2;color: white;text-decoration: none;}input[type="submit"] {background-color: #00A7ED;border: 1px solid #0094D2;
color: white;cursor: pointer;font-family: 'Droid Sans', sans-serif !important;font-size: 13px;font-weight: normal;padding: 5px;text-decoration: none;}input {
color: #333;font-family: 'Droid Sans', sans-serif;}#ig-subscription-optin input[type="submit"] {background: #960E17 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCZHCpOAWae4REwAXHkXRHz5yre46e0B0HhqqnhrnewKPquF7UXxls0vgQ46v2zOPpCMkYcbOcpO54q20LAH3dpUC60mUSSvyykSgLoDCY7BprEFsIXkeelu1IhIdIdBAL2oLc8RxSiHxs/s1600/subscribe-red.png) repeat-x top;border: 1px solid #111 !important;color: white;cursor: pointer !important;font-size: 18px !important;font-weight: bold !important;
padding: 6px 0 !important;text-shadow: -1px -1px #3A060A !important;width: 90% !important;height: auto !important;line-height: 24px !important;}
#ig-subscription-optin input[type="submit"]:hover {color: #FFA5A5;}</style>

Anda harus mengubah counter manual, hanya mengubah nomor warna merah sesuai dengan profil.

Ganti TempatBlogging dengan Feedburner ID
Ganti TempatBlogging dengan nama pengguna Facebook Anda
Ganti TempatBlogging dengan Twitter Nama
Ganti UserId dengan ID Google Plus Anda

5. Sekarang menyimpan HTML / Javascript '.

 Sekian dulu Postingan Artikel kali ini yang membahas tentang Widget Stylish Rss Feed Subscription Box Biru Untuk Blogger. semoga artikel di atas dapat membantu anda, dan bermanfaat bagi anda.

Share this post