Widget Berlangganan Email Plus Tombol Sosial Media Untuk Blogger

Widget berlangganan email adalah formulir yang disediakan oleh feedburner, widget ini membantu penguna blog kamu mendapatkan pembaruan terbaru dari blog melalui email.



Widget ini tidak hanya meningkatkan traffic kamu tetapi juga membantu kamu menumbuhkan komunitas pembaca.

Berikut ini adalah widget Newsletter dengan sosial media, dan Step by Step memasangnya ke Blogger. ( demo di akhir artikel).

1. Menuju ke Dashaboard blog kamu Tema > Edit HTML



2. Temukan kode ]]></b:skin> Copas kode di bawah ini diatasnya

form.emailform {
    margin: 20px 0 0;
    display: block;
    clear: both;
}

.emailtext {
    width: 50%;
    height: 30px;
    padding: 0 0 0 15px;
    border: 1px solid #CCC;
}

.ebutton {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    padding: 5px 17px;
    cursor: pointer;
    border-radius: 0px;
    background: #e83511;
}

Save

3. Masih di blogger, temukan Tata letak > Tambahkan Gadget > pilih  > HTML/JavaScript

4. Lalu pastekan Script dibawah ini:

<div class="widget-content">
    <div style="border: 1px solid #cccccc; padding: 1mm;background: #F9F9F9;">
        <center><br/><span style="font-size: 20px;font-weight: bold; text-transform: uppercase;color: #e83511;line-height: 1;font-family: 'Source Sans Pro', sans-serif;">Subscribe by E-mail</span><br/><span style="font-size: 13px; margin-bottom: 15px;color: #555;font-family: 'Source Sans Pro', sans-serif;line-height: 1.5em;">Join Over 2 Million+ Fans</span><center><img src="URL GAMMBAR KAMU" style="margin: -8px 10px -8px 2px; margin-top: 10px; margin-right: 10px; margin-bottom: -8px; margin-left: 2px; width: 100px;"/></center>
        <form action="http://feedburner.google.com/fb/a/mailverify" method="post"target="popupwindow"class="emailform"onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ID feed Kamu', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
            <input type="hidden" value="ID feed Kamu" name="uri"/>
            <input type="hidden" name="loc" value="en_US"/><input type="text" value="Enter your email..." name="email" class="emailtext" 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;}"/><input type="submit" class="ebutton" value="SignUp" title="" alt=""/>
        </form>
        <br/><br/><center><span style="font-size: 18px; text-align: center;color: #393939;font-weight: bold;transition: all .3s;font-family: 'Source Sans Pro', sans-serif;">HANGOUT WITH ME:</span><center>
        <div style="margin-bottom:5px; border-top: 1px solid #cccccc; padding: 3px; text-align: center;margin-top:10px;"></div>
        <div style="text-align: center;">
            <a href="URL Facebook (akun fanspage atau pribadi)" target="_blank" title="Like/Follow"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM8YG1Y6q4Sw0MKGRaek5FT_Bno_CNReAZV4ucHvOJv32mg9eGhU-FL4cWJ5qAP4MdKClfE-pBWBtkfOeFvNffQIjy3GVON3K3fFve-aUpiw5Xaf6O8f__8d02U0mOzITUNepXKUaYRKA/s1600/facebook.png" style="border: medium none; position: relative;" //></a><a href="URL Twitter" target="_blank" title="Follow Me"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAjxQ4IywWwZ5NyBaqkM4fb4kz6wx6i17BHNL1tVScwfOgHCG-zrsxdaCC3_5qR7OxXaB7gbpyRiKa8ycAlIXUP_GVaGPO0JeiDWo5NnFDe9Cct6rjVoPZqn7O9EfxMB5cOK_l1D6dMeE/s1600/twitter.png" style="border: medium none; position: relative;" //></a><a href="URL Google +" target="_blank" title="Follow Me"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWPRARIWY4wMpLMAp6ml2UCiInc0WftW4N75nYVWeV3Gbdu0ihNgF9VjMzqYzj-fvtKt4b_PAW5dday__cYUxH8_bQpresU-z5kEtfgBwLOR2QOaqvJnnbYAA19hzfxthlETxHwyWGORs/s1600/google-plus.png" style="border: medium none; position: relative;" //></a>
            <a href="URL Instagram" target="_blank" title="Follow Me"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu6ulZADCPT4sqFGhHMSeZNgeqcptHjqm_FgKocRqkqxe9eEbD2gJCo1l_FkJm0hMJOXBQ4Jq_e8sjPWzrQhYTViE3cI0i4G05r22vNyT6Ha_cukKNrm9oq9ZbbNCT_6fxs0zXSnhfGLQ/s1600/instagram.png" style="border: medium none; position: relative;" //></a>
            <a href="URL Youtube" target="_blank" title="Subscribe"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheOScLf6GPoPPJ_rCztTUBg_3F3zcWlTmpwabmu5F-iulufg1G5cWokdsxYQ0mmaks2ii_HaI07cNP4Jd2TDmtl3_fEdOSsXEelS3D2rdJ1LhAx-LdgHSiAK-ZgKd88fb1NsZrmIwsDbc/s1600/youtube.png" style="border: medium none; position: relative;" //></a>
        </div>
        </center></center>
        <span class="Apple-style-span" style="color: rgb(51, 51, 51); font-family: 'Trebuchet MS', Trebuchet, Arial, Verdana, sans-serif; font-size: 10px; font-style: italic; background-color: rgb(255, 255, 255); ">By <a href="https://www.iamtomys.online/" target="_blank" title="iamtomys">Iamtomys</a></span>
        </center>
    </div>
</div>

NOTE: Ganti "Iamtomys" dengan id feedburner kamu dan isi URL sosial media.

Save

Demo For Subscribe Box

Mungkin hanya sekian, semoga kamu menyukai widget Berlangganan Email ini dan memutuskan untuk membagikan artikel ini. Juga terhubung dengan saya di Facebook ataupun Twitter.

Ditulis oleh Tomy Saputra (Guest Writer )

Tweet

Subscribe to receive free email updates: