Minggu, 07 Juli 2013
0 komentar

Cara Membuat Widget RSS FEED Dengan Social Media


Pada kesempatan Indonesia Bisa Berbagi akan menshare Tips Blog yang berjudul Cara Membuat Widget RSS FeedBurner Dengan Social Media | Social Media dan Newsletter adalah salah satu fasilitas yang dapat mendorong kesuksesan karir blog kita, pasalnya kini hampir setiap individu memiliki masing-masing akunnya di berbagai macam social media, hal ini mungkin di dorong oleh pola fikir dan kegiatan manusia yang kini semakin efisien, karena dengan jarak yang jauh sekalipun, Social Media dapat menghubungkan sesama Individu lintas negara, dan bahkan lintas benua (bukan lintas planet ya sob, hehehe). Ya, ini dia Tips-nya.

Berikut Cara Membuat Widget RSS FeedBurner Dengan Social Media :


  • Login ke Blogger, atau klik disini
  • Pilih Tata Letak --> Tambahkan Gadget --> HTML/JavaScript
  • Copy kode dibawah ini ke kolom HTML/JavaScript



<style>
.subscribedb {
border: 1px solid #000000;
padding: 5px;
width: 300px;
-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;
}
.subscribedb: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;
}
.dbsubmit {
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;
}
.dbsubmit:active {
cursor: pointer;
position: relative;
top: 2px;
}
.dbsubmit::-moz-focus-inner {
border: 0;
padding: 0;
margin: 0;
}
</style>
<br />
<div class="subscribedb">
<div style="color: #666666; font-weight: bold; font: 22px Oswald, cursive; margin: 0px 0px 10px 15px;">
Berlangganan Via E-mail</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=ID FEEDBURNER SOBAT', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="margin: 0pt;" target="popupwindow">
<input name="uri" type="hidden" value="ID FEEDBURNER SOBAT" />
<input name="loc" type="hidden" value="en_US" />
<input class="tbimailbox" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" type="text" value="Enter your email..." />
<input alt="" class="dbsubmit" 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/ID FACEBOOK SOBAT" target="_blank" title="Join us on Facebook"><img alt="facebook" src="http://1.bp.blogspot.com/-dWQ4WAgFEd4/UaOIdmxIstI/AAAAAAAAHow/1ER9XAAtr9s/s1600/facebook_btrix.png" /></a>
<a href="http://www.twitter.com/ID TWITTER SOBAT" rel="nofollow" target="_blank" title="Follow us on Twitter"><img alt="twitter" src="http://3.bp.blogspot.com/-iRgGtzjfUOo/UaOIe0vICII/AAAAAAAAHpM/yq0OufsX_Q0/s1600/twitter_btrix.png" /></a>
<a href="https://plus.google.com/ID GOOGLE+ SOBAT" rel="nofollow" target="_blank" title="Follow us on Google+"><img alt="gplus" src="http://4.bp.blogspot.com/-rhZjMQqQSwc/UaOId555AQI/AAAAAAAAHo0/v9qrnoB9LRU/s1600/googleplus_btrix.png" /></a>
<a href="http://www.pinterest.com/ID PINTEREST SOBAT" rel="nofollow" target="_blank" title="Follow us on Pinterest"><img alt="pinterest" src="http://3.bp.blogspot.com/-MiOHuehf8Uo/UaOId1J8tjI/AAAAAAAAHo4/kCciO2il8R0/s1600/pinterest_btrix.png" /></a>
<a href="http://feeds2.feedburner.com/ID FEEDBURNER SOBAT" rel="nofollow" target="_blank" title="Subscribe to RSS"><img alt="rss" src="http://1.bp.blogspot.com/--Oc6zcT_s9Y/UaOIen7YBwI/AAAAAAAAHpI/S8ut7PyNJHc/s1600/rss_btrix.png" /></a>
</div>
<div align="center">
<a href="http://feeds.feedburner.com/ID FEEDBURNER SOBAT"><img alt="" height="26" src="http://feeds.feedburner.com/~fc/ID FEEDBURNER SOBAT?bg=FF9900&amp;fg=444444&amp;anim=1" style="border: 0;" width="88" /></a></div>
</div>




Keterangan : Untuk keterangan sudah dikode....



Semoga Tips Blog yang berjudul Cara Membuat Widget RSS FeedBurner Dengan Social Media bisa bermanfaat......

dan selamat mencoba..........

0 komentar:

Poskan Komentar

 
Toggle Footer
Top