Membuat Widget All Subscription Dengan Opsi Berlangganan

Membuat Widget All Subscription Dengan Opsi Berlangganan

Membuat Widget All Subscription Dengan Opsi Berlangganan. Hampir disemua website dan blog kalau kita lihat sudah memasang sosial media se... 00.35.00

Membuat Widget All Subscription Dengan Opsi Berlangganan. Hampir disemua website dan blog kalau kita lihat sudah memasang sosial media seperti facebook recommendation. Tujuannya agar promosinya lebih cepat dan banyak orang yang akan mengetahuinya. Terakhir myblogger-tricks telah berbagi Tetap Terhubung Widget untuk Blogger. Hari ini saya akan berbagi lain yang mengagumkan & Unik Berlangganan Sosial dan email berlangganan Box. Yang benar-benar terlihat mengagumkan & memberikan tampilan yang unik ke blog Anda. Jadi menambahkan ini indah kotak langganan email ke blog Anda & menarik pengunjung baru untuk membuat mereka pelanggan blog Anda.

Cara untuk menambahkannya Widget All Subscription ke blogger :\

1. Login ke Dashboard blogger Anda
2. Masuk ke Layout dan klik Add Gadget.
3. Pilih HTML / JavaScript gadget.
4. Dalam judul Field Tulis apa pun yang Anda inginkan.
5. Copy kode berikut dan paste di dalam kotak konten.

<style>
.mbt-subscribe-box-email-field {
    background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLf02VriU8IYmiV4ZPFX360XW7UobV-iWcES4PX3b_wNVk4VqwSfUALrcJXpI99CxIb5YoTlTrMLtZ8_TfY-LA4ecOqsEMj49ZmAayT9zPVQA3Ky7LjFO09tnz6yPqzAALdRJQuZONdYNE/s1600/sprites.png) no-repeat 0 -28px;
    width: 280px;
    float: left;
    color: #777;
    margin: 0 0 10px 0;
    padding: 10px 30px;
    border: 1px solid #ccc;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
       
}
.mbt-subscribe-box-email-button {
    background: #09f;
    width: 280px;
    float: left;
    color: #fff;
    font-family: 'Verdana, Arial;
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-transform: small-caps;
  
}
.mbt-subscribe-box-email-button:hover {
    background: #303030;
}
</style>
<!-- Social Profile Icons Start-->
<div id='social' style=' background: #d2ebff; width: 301px; padding: 10px 0 0 0px; margin: 0 0 0 0px; float: left;'>
<a href='http://feeds.feedburner.com/ID-ANDA' imageanchor='1' target='_blank' title='Grab Our Rss Feed'><img alt='Icon' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCgdgHD_3ZdWnnXemKpA7DcOO3k-FHdMIt2i7sdIkVwVjzPEbTMYGG30pGskgynVtz6_b9t7prI-4w4FgKPAbZJQXpXa3nHhwCdIIuHJCujCdRlv9TlvRsIlz-02Hu2qy2NurRJjGLNNKV/s1600/rss-feed-icon.png' style='margin-right:3px; margin-left: 4px;'/></a>
<a href='http://feedburner.google.com/fb/a/mailverify?uri=ID-ANDA&loc=en_US' imageanchor='1' rel='nofollow' target='_blank' title='Get Free Updates Via Email'><img alt='Icon' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhv7sOe_7zYHKkzAF7fkRlhuC06bFSjVqypoYIKwK22NTQvGDcdp2NfxjPUI3pRRHWREMYY5ljXIReo_kG45N8ieSgaPJoSaUc15E4V7afUO2DeHYL41Vs_AtuEJWocVkFZXx9rDyZY4Vl/s1600/Email-rss-feed-icon.gif' style='margin-right:3px;'/></a>
<a href='http://www.facebook.com/ID_ANDA' imageanchor='1' rel='nofollow' target='_blank' title='Like Our Facebook Page'><img alt='Icon' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitb1PNHP9uX5jVK1bpXhFZuZ9J2fLudBYSv6a_vlIDws8tJslfH6_E_-VKK3FvD8Jw3GhhU07KBukFd2vHhOO0wGnY5VkJfXzvINp1gsvMHh1NVfju_69850rit-BlGdC4BF3XtmN9CHzH/s1600/facebook-icon.gif' style='margin-right:3px;'/></a>
<a href='http://twitter.com/ID_ANDA' imageanchor='1' rel='nofollow' target='_blank' title='Follow Our Updates On Twitter'><img alt='Icon' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfgBNp-osay50nNY_UeBUCKosY_lbmCA4Nay1wYoLJN71cWq7V9i-wG-lNmbFUdTeWa9A5yHfWYI7f3nN9Gx40pQ6_hFmYHURkbb_QygUyG7dv-LcmtJuXvW46CIYtbgpF370n5KOPktw5/s1600/twitter-icon.gif' style='margin-right:3px;'/></a>
<a href='https://plus.google.com/ID_ANDA' rel='nofollow' target='_blank'><img alt='Follow Me on Google Plus' height='43' src='http://www.dcddesign.com/images/social-media/google-plus-icon.jpg' style='margin-right:3px;' width='43'/></a>
<a href='http://pinterest.com/ID_ANDA/' rel='nofollow' target='_blank'><img alt='Follow Me on Pinterest' height='43' src='http://passets-cdn.pinterest.com/images/big-p-button.png' style='margin-right:3px;' width='43'/>
</a>
<!-- Feedburner Chicklet Start-->
<center>
<a href='http://feeds.feedburner.com/ID_ANDA'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/ID_ANDA?bg=088A4B&amp;fg=444444&amp;anim=1' style='border:0' width='80' float='right' margin-right='5px'/></a></center>
</div>
<!-- Social Profile Icons End-->
<!-- Feedburner Chicklet Start-->
<!-- Twitter Follow Button Start-->
<div style="background: #d2ebff; width: 280px; float: left; padding: 10px 15px 10px 5px; margin: 0px; border-bottom: 1px solid #f2f2f2;">
<a href="https://twitter.com/ID_ANDA" class="twitter-follow-button" data-show-count="true" data-size="large" data-dnt="true">Follow @thegressnews</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js?a4185c";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
<!-- Twitter Follow Button End-->
<!-- Facebook Like Button Start-->
<div style='background: #d2ebff; width: 280px; float: left; padding: 10px; margin: 0 0 10px 0px; border-bottom: 1px solid #f2f2f2;'>
<div class='fb-like' data-href='https://www.facebook.com/ID_ANDA' data-send='true' data-show-faces='false' data-width='280'/>
</div>
<!-- Facebook Like Button End-->
<!-- Google plus Badge Start-->
<div style='background: #d2ebff; float: left; margin: 10px 0 10px 0px;'>
<div class="g-person" data-width="280" data-height="70" data-href="//plus.google.com/ID_ANDA" data-layout="landscape" data-rel="author"></div>
</div>
<div style='background: #d2ebff; float: left; margin: 0 0 10px 0;'>
<div class="g-page" data-width="280" data-height="70" data-href="//plus.google.com/ID_ANDA" data-layout="landscape" data-rel="publisher"></div>
</div>
<!-- Google plus Badge end-->
<!-- Email Subscription Start-->
<center>
<div class="mbt-subscribe-box-form">
<form action="http://feedburner.google.com/fb/a/mailverify?uri=ID-ANDA" class="mbt-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ID-ANDA', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="Bl0ggertricks" /><input name="loc" type="hidden" value="en_US" /><input class="mbt-subscribe-box-email-field" name="email" autocomplete="off" onblur="if (this.value == '') {this.value = 'Enter your email address';}" onfocus="if (this.value == 'Enter your email address')
{this.value = '';}" value="Enter your email address"/><input class="mbt-subscribe-box-email-button" title="" type="submit" value="Subscribe Now !" /></form></div>
</center></div>
<!-- Email Subscription End-->

Jika tidak bekerja, tambahkan kode Javascript SDK ini tepat di bawah <body>

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Jika dalam kasus Google Plus tidak bekerja, tambahkan kode Javascript ini tepat di bawah <body>

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

 [thanks]