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.

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=Xcodecyberteam', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<a class="social-icons" href="https://facebook.com/Xcodecyberteam"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0-IKHU6ghIMwnuMYdZ9fp6XHzjRLURQI2amBcKV-JbG03uNauTR3ftpavPmKFlr4SLZXBdx3TOHc0mbAnnTBuFsUxScipr3n2fqZhNl70mMLGu-4l1KjO4WYga_s31W4Zwq8VQTwkYKM/s48/tempat%2520blogging-facebook.png" /></a>
<a class="social-icons" href="https://twitter.com/OfficialXCCT"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqC3-of_Kr2BnI7wiOeALR5FYEux2GkT18MZUl6JiNKTLeu7Oj9fG-1c1ts9CJD-XPmVWAY_Ur0VliiZlT4yHI1qtmJg8zNPbEJtbLG9Yr7xXniMrMOLcK941CRziK0Pedy2LUsYzvpcE/s48/Tblogging-twitter.png" /></a>
<a class="social-icons" href="https://plus.google.com/userId"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOhi5Bfm3lg7Kw04U_XcIxJIulwVz9wR46mKlskqjxBf8YNGVD7ht5ZSIidj7eoRAJsYZVv0mNgrtvkmiG2dlFaP-QHT9vq7aWtPeiEyUU03TO-5DlNHC9qyNvs8Zq1zBjyOXe-AsGuM4/s48/Tblogging-Googleplus.png" /></a>
<a class="social-icons" href="http://www.feedburner.com/Xcodecyberteam"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw2lDNMK298_GeUgurBKms_0dRY1e9hEp9oDnEUglswcvMS-gLRyyDMeLFxMB0sjf6w6JkAJhItI8kC21sale82Nph_Z6S0_sT4CJbwpiN8tyZdHsvkM-z7VfI8j3-Blf5ZZXDp40BcmY/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/AVvXsEhIqqA0YLrKcwBF5XsolpuE9ZIld_WB91v4zcmulSgZF27K8rc47fIjDwV0hcq4jIZQq1_7LJmQkg-EromCjesHTN1o5_7yD0MWYUp6zWRzf5wiq9PZRg1vOH4lnyEBNxY8bxT3GUG5IvnW/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/AVvXsEg4BoEOdJGLZYASIk5ANfhpA0rT0gqLfhXrValtlY_TFKkeUnbF2aHJ_PCpnPbzioZ5DmMch4wcqSz1x2D2gv5moz49N_MzXoVKOHR5oWShP3wBbRYJBdwDSWlWxL1wojGu1GDS9J5W1Mgm/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/AVvXsEhbEbcgojNT0Vr-Yynt9oiIubIOjJB7B1oV6WDUGI0rFCENbVdqcRIi56j5_Z0YLdXijerLVAfDVWnCrN8uUpoS-PZE4qf-8mxxgPafUZF9JeoI5RTjpdyakao4_YB4FgnPQp7_Eb9G0mXU/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 Xcodecyberteam dengan Feedburner ID
Ganti Xcodecyberteam dengan nama pengguna Facebook Anda
Ganti OfficialXCCT dengan Twitter Nama
Ganti UserId dengan ID Google Plus Anda

5. Sekarang menyimpan HTML / Javascript '.

Source: Link

Tweet