Widget RSS Subscribe Feedburner dengan Social Media

Membuat Email Subscribe, social media, Widget RSS Subscribe Feedburner dengan Social MediaSeperti yang sudah kita bahas pada kesempatan sebelumnya, dapat kita simpulkan bahwa Social Media dan Newsletter adalah salah satu fasilitas yang dapat mendorong kesuksesan karrir blog kita, pasalnya kini hampir setiap individu memiliki masing-masing akunya 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, hehe).

Dulu juga saya pernah membaca artikel di blog examiner tentang Social Media vs SEO, dari sana saya dapat menyimpulkan bahwa Social Media dan SEO adalah 2 unsur yang berhubungan erat dengan dunia blogging, memang sebenarnya social media jauh lebih mudah untuk dioptimalkan agar blog kita ramai pengunjung, karena kita membeli beli fan atau follower secara organik di situs-situs luar negri, namun disisi lain, kita juga tidak boleh meremehkan peranan search engine, seperti Google, Yahoo!, Bing, dsb, pasalnya menurut penelitian ada lebih dari 70% pengguna internet di seluruh dunia yang menggunakan search engine untuk mencari apa yang mereka butuhkan di Internet.

Jadi, apa alasan anda untuk tidak mengoptimalkan Social media? kita dapat bergerak dari sekarang, mulailah dahulu dari hal yang terdengan sederhana dan sepele, yaitu membuat akun-akun di social media atas nama blog kita, karena kalau tidak ada akunya kita tidak bisa mengoptimalkan blog kita dengan jejaring sosial (ya iyalaaah?). Jika anda berminat untuk menerapkan widget multifungsi ini, yang berisikan newsletter/email subscribe dan Social media, silahkan disimak yang berikut ini!

Widget Email Subscribe Feedburner dengan Social Media

1. Login ke Blogger.

2. Pilih Tata Letak / Layout.

3. Klik Add Gadget.

4. Pilih HTML/JavaScript.

5. Letakkan kode script dibawah ini kedalamnya.

<style>
.subscribetuliskancom {
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;
}
.subscribetuliskancom: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;
}
.tuliskancomsubmit {
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;
}
.tuliskancomsubmit:active {
cursor: pointer;
position: relative;
top: 2px;
}
.tuliskancomsubmit::-moz-focus-inner {
border: 0;
padding: 0;
margin: 0;
}
</style>
<br />
<div class="subscribetuliskancom">
<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=tuliskancom', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="margin: 0pt;" target="popupwindow">
<input name="uri" type="hidden" value="tuliskancom" />
<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="tuliskancomsubmit" 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/tuliskancom" 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/tuliskancom" 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/tuliskancom" 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/tuliskancom" 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/tuliskancom" 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/tuliskancom"><img alt="" height="26" src="http://feeds.feedburner.com/~fc/tuliskancom?bg=FF9900&amp;fg=444444&amp;anim=1" style="border: 0;" width="88" /></a></div>
</div>

Keterangan:
  • Ganti kode yang berwarna merah dengan ID Feedburner blog anda
  • Ganti kode yang berwarna biru tua dengan Nama Fan Page / ID Facebook anda
  • Ganti kode yang berwarna biru muda dengan Username Twitter anda
  • Ganti kode yang berwarna oranye dengan ID Google+ anda
  • Ganti kode yang berwarna hijau dengan ID Pinterest anda

Bagaimana sobat? mudah sekali bukan untuk memasang widget email subscribe dengan social media di blog kita. Demikian informasi terbaru tentang Widget RSS Subscribe Feedburner dengan Social Media, baca juga artikel menarik lainya seputar tutorial blog tentang Cara Membuat Label Menjadi 3 Kolom/Baris di Blog, semoga bermanfaat!

Postingan terkait: