Cara memasang RSS feed dan sosial media dengan efek 3D

Sponsored Link
Ads[300x250]
Zaidan-hy sob!,di sore ini ane mau bagikan tips lagi nih yaitu ttg:Cara memasang RSS feed dan sosial media dengan efek 3D yg mana adalah pelengkap suatu blog.dan RSSS feed ny keren.coba cek aja sob


Live Demo
 
MAU MASANG sob?
ikuti yah 
  • masuk blogger dan log in
  • cari tata letak
  • kemudian ambil html/javascript
  • dan masukan kode dibawah di dalam kolom yg disediakan
 <center>
<div align="center" id="bswrapper">
<div id="bs3Dsubscriptionbox" style="border: 3px solid #000000; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55AAEE', endColorstr='#003366',GradientType=0 ); width: 270px;">
<h3 id="bstext" style="color: white; font-size: 20px;">
GET FREE UPDATES INTO MAIL BOX</h3>
<p>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?url=zaidanxzanderz', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<a class="bs3D+social-icons" href="https://facebook.com/zaidanxzanderz"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvUyaxHyX5JPrJG5uzpkeWF-lUJhCaetQ-yC2vHbEVtadrlZBhLJnTsV0IrUNV-d99VAjlkfH6jQye7tdbGosBo6RS7_o3JEK17vn6qq5ER9Sqzk2rLDCa-9l79v86XZgGHA6tupOp3UJA/s1600/BloggerSpice+3D-facebook.png" /></a>
<a class="bs3D+social-icons" href="https://twitter.com/zaidanxzanderz"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXcpGRSOELqhg_H720Eosvz-4g_AqgBL5X8G52eH_3HxuX61oFF1vDMwlhffQGwLV_pyOhE_BBD7rRof1Q5EmOAnXnZMCwLtVCvXpXUNrp1hj40BlTJ5gZUe-ALDWBI3DSGukyd0anKgL0/s1600/BloggerSpice+3D-twitter.png" /></a>
<a class="bs3D+social-icons"href="http://feeds.feedburner.com/zaidanxzanderz"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8YbocuJ8j82lnIbAfDShXALIW-DUFuTTHiEXNlh2SlQNuwDgwa0Ci9fi0XKtDK67oelxkRSV6i4tPP-QyrHO82n7qodtL6p3d7p8na-EyDq91h8eGlUmZ4Zh4_E2FXID3x4VVjX5mv_dC/s1600/BloggerSpice+3D-rss.png" /></a>
<a class="bs3D+social-icons" href="http://feedburner.google.com/fb/a/mailverify?uri=zaidanxzanderz"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQLaScXO1t20X5k48zpNAmUchchhLugl5_KxU4QCn7a_adoTrpY2qHLfEtzIxvwpUAHacrU0vL7upjMdgp8hxDw5_Uv5o05eylF5qh68wsvEig4sm3KvPMXfFvawTHsc7Q_hsS02yRJvz7/s1600/BloggerSpice+3D-email.png" /></a></p>
<input class="email" id="bs3DSubscriberemail" 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="bloggerspice" /><input name="loc" type="hidden" value="en_US" /> <input id="bsText" style="height: auto; padding: 5px 0;" type="submit" value="Get Access Today!" /></form>
</div>
</div>
</center>
<style>
a.bs3D+social-icons {margin-right: 5px; height:40px;width:40px;}
a.bs3D+social-icons:hover {opacity: .7;filter:alpha(opacity=70); }
#bs3Dsubscriptionbox {margin: 0px;padding: 10px;background: #11CCEF;
background: -moz-linear-gradient(top, #11CCEF, #036);background: -webkit-gradient(linear, left top, left bottom, from(#11CCEF), 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;}#bs3Dsubscriptionbox p {margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;
padding: 5px;border: none;}#bs3Dsubscriptionbox input.name {
background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2_nuNZcW5Iz-Ub6qZ8niaR8K26NSumzYda93zXqmj-McVT5F5oK4mq1whg6E8R_b1q_kVXXLoRqJnoqiOIyEgV8xEiH-ArMHFMPQX1uxZfDdJrKzgphEQfN25eMSCuMiw2GnvChe4AsCX/s320/bs+subscribe-icon.png) no-repeat center right;}
#bs3Dsubscriptionbox 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;}
#bs3Dsubscriptionbox input.email {background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqCcgTDj5QyDq5x4pD1kq853pqHsy0aIjyqQk8dMxqjExi6wbAOllWgQf5zecoa6DV1iywUSjccoqaAVNPXAse-qjlVXBS8Z1zUlntsT-LDc_hZXpFWY8YpIp8wwdcJFO2ioKpBLnbaboF/s1600/subscribe-BS+email.png) no-repeat center right;}#bs3Dsubscriptionbox 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;}#bs3Dsubscriptionbox 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: #11CCEF;border: 1px solid #11CCEF;color: white;text-decoration: none;}input[type="submit"] {background-color: #11CCEF;border: 1px solid #11CCEF;
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;}#bs3Dsubscriptionbox input[type="submit"] {background: #11CCEF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNY6uUkmJUXkzKfED6OfGT-OumNpVxfU71pVo-xfwkCq_xy5Ah6o4EqsUPbUNx1eUBQ9zM9Mqb4g4cJWJbHTfXMiw8xmx9YiMEWS15fh8xxPhq2ILjed4Mipqa_gzhvVUJ9THzZsCY1H0m/s1600/BS+Button.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;}
#bs3Dsubscriptionbox input[type="submit"]:hover {color:#333333;}</style>

CATATAN
  • UBAH  zaidanxzanderz MENJADI ID ATAU USERNAME MU
 nah simpan deh
 
makasih udah nyimak sob
semoga bermanfaat
source:bloggerspice.com---spesial thanks
Ads[300x250]