Cara Membuat Widget Sosial Media Dan Rss Subscribe Di Blogspot

Ini ada lagi bentuk widget Social Media dan RSS Subbscribe untuk blog anda. Sebelumnya ada postingan tentang desain Social Media Share. Dengan menggunakan widget ini Anda dapat menghubungkan sosial media Anda profil Facebook, Twitter dan Rss dan lapangan berlangganan. Ini akan membantu untuk mendapatkan yang baru update dengan email. Anda dapat memeriksa di bawah demo link. Jika Anda ingin melihat widget berlangganan rss pakan lainnya, klik link dibawah. Jika Anda memiliki pertanyaan tentang hal ini. Silakan Bertanya. Saya akan membantu Anda.

Login ke blogger.com
Masuk ke bagian Layout / Design
Klik Tambahkan Widget.
Pilih HTML/Javascript.
Copy Kode dibawah ini dan Pastekan di HTML/Javascript.

<style>
.subscribeTblogging {
border: 2px solid #000000;
padding: 8px;
width: 310px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.subscribeTblogging:hover {
-moz-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
-webkit-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
}
.tbimailbox {
border: 1px solid #D3D3D3;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 1px 1px rgba(255, 172, 84, 0.4) inset;
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;
color: #666;
font: 14px "trebuchet ms", sans-serif;
padding: 7px 15px;
width: 160px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.tbimailbox:hover {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.Tbloggingsubmit {
font: bold 12px Tahoma, Geneva, sans-serif;
font-style: normal;
color: #ffffff;
background: #ff5714;
border: 0px solid #ffffff;
text-shadow: 0px -1px 1px #222222;
box-shadow: 2px 2px 5px #000000;
-moz-box-shadow: 2px 2px 5px #000000;
-webkit-box-shadow: 2px 2px 5px #000000;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
padding: 8px 15px;
cursor: pointer;
margin: 0 auto;
}
.Tbloggingsubmit:active {
cursor: pointer;
position: relative;
top: 2px;
}
.Tbloggingsubmit::-moz-focus-inner {
border: 0;
padding: 0;
margin: 0;
}
</style>
<br />
<div class="subscribeTblogging">
<div style="color: #666666; font-weight: bold; font: 22px Oswald, cursive; margin: 0px 0px 10px 15px;">
Free Updates to your Inbox</div>
<div style="margin: 10px 0 0 6px;">
<form action="http://feedburner.google.com/fb/a/mailverify" class="emailform" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=TempatBlogging', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="margin: 0pt;" target="popupwindow">
<input name="uri" type="hidden" value="Tblogging" />
<input name="loc" type="hidden" value="en_US" />
<input class="tbimailbox" 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="Tbloggingsubmit" title="" type="submit" value="Subscribe" />
</form>
</div>
<div style="border: none; color: #666666; font: 22px Oswald, cursive; margin: 25px 0 0 5px;">
Follow us:</div>
<div style="margin: -32px 0 0 120px;">
<a href="http://www.facebook.com/TempatBlogging" target="_blank" title="Join us on Facebook"><img alt="facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3VFkvJENjfffIKXb55ICI34wOJVthZInCRI-XiHzBj27PttPhbmXL8zJ1CcBTQiZkYfpnYjhswIq_WiRa-RoNHSmZm8XjqKCkTKU1ychgLsmxcinIClnEdWSamBFtQwbsDM6G6dKk4Mc/s1600/facebook_btrix.png" /></a>
<a href="http://www.twitter.com/TempatBlogging" rel="nofollow" target="_blank" title="Follow us on Twitter"><img alt="twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCVMIrNtaSFUO0Le7m0rMGt4GuoEiSPiBqWazNHH5ZaPo4Ju3uLEG9xu561nCa7QUTl0A_b3Yd6cdJ7kGKt0sJwz3lmZ6hs_x_ZFYRf8XP92yk5PXBQtr4Lw4HRCmpZXq-K63yc3H0bSE/s1600/twitter_btrix.png" /></a>
<a href="https://plus.google.com/UserId" rel="nofollow" target="_blank" title="Follow us on Google+"><img alt="gplus" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipAqYf2bKQBiXvST_OzSb2mbnGLol1QTitkaCKXZudy35IM8cMRWomK98kBiKD4fOf-yW53-gatx8Y5v7VQLTADmpHtAApIboD7CbP_Rw9atfhE_EKZJKZdCV822e81xModGnKUrVs2F0/s1600/googleplus_btrix.png" /></a>
<a href="http://www.pinterest.com/TempatBlogging" rel="nofollow" target="_blank" title="Follow us on Pinterest"><img alt="pinterest" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitgO4IHca6v6UgGq7NDX69FTEyYrhe5W_EmZFBH8eL88gdw4P5Xw_CZ1m1y4npzq_cwDPznPqIYnLNU_Z1f9rjjqYelfH2TenFcF9jUMRqs187gkfaeYhA26Xv3Fefi2sAQJ_9Kuf2xEI/s1600/pinterest_btrix.png" /></a>
<a href="http://feeds2.feedburner.com/TempatBlogging" rel="nofollow" target="_blank" title="Subscribe to RSS"><img alt="rss" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaKEAj8fil7oM298CHOoK2471iO0uY8UlFHfs8hRBdz8-q3DspoR6zQNQku3AnGLerHMZCebErsfcSlPdISPM4yautvaHt3W4Px4_BJCRPMi6JwKlh14IuCjZUBo7Z6nXaYBcIDxrdE-Q/s1600/rss_btrix.png" /></a>
</div>
<div align="center">
<a href="http://feeds.feedburner.com/TempatBlogging"><img alt="" height="26" src="http://feeds.feedburner.com/~fc/TempatBlogging?bg=FF9900&fg=444444&anim=1" style="border: 0;" width="88" /></a></div>
</div>

Catatan :

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