Cara Menambah Widget Subcribe Disini Keren Lewat Tata Letak Pada Blog

Jalan ROOT - Jika kita mengunjungi suatu blog pasti tidak asing dengan widget "subcribe disini", "berlangganan disini", "dapat update artikel disini" dll. Widget itu merupakan feedburner yang cara kerjanya yakni jika kita memasukkan email pada kolom feed burner tersebut maka secara otomatis jika author blog memposting artikel baru maka akan masuk pada email kita, jadi kita tidak susah-susah untuk mengetik url blog karena langsung terpampang judul dan situs blog. Diharapkan kepada pengunjung agar selalu update artikel blog author tersebut.

Pentingkah adanya widget subcribe disini pada blog? cukup penting. Karena jika pengunjung mensubcribe blog kita maka otomatis pengunjung adalah pengunjung blog yang setia pada blog kita. Dan senantiasa selalu mengunjungi dan update artikel baru kita tanpa payah mempromosikan ke media lain seperti Facebook, Twitter dll. Apa subcriber ini rugi jika mensubcribe? admin pertegas tidak. Mungkin yang menjadi kendala adalah email yang masuk secara tiba-tiba dan membuat kotak masuk menjadi penuh.

Apakah keuntungan memasang feedburner ini untuk kelancaran Adsense? Ada bebapa kelancaran memasang feedburner ini, tapi berbeda dengan subcribe pada youtube. Pada youtube semakin banyak subcriber maka semakin besar pula kesempatan untuk diterima Adsense. Untuk di blog mungkin hanya menambah ketertarikan pada pengunjung yang meningkat. Tertarik ingin pasang feedburner ini? Berikut langkah-langkahnya:

1. Masuk pada Blog anda dengan cara Login akun google yang kamu miliki.

2. Pilih Tata Letak dan Pilih Tambah Gadget / Add Gadget

3. Pilih HTML/Script Java dan Masukkan Coding berikut
<style>
    #dgenera-blog {
        border: 0;
        margin-bottom: 10px;
        margin: 0 auto;
            width:300px;
    }

    #email-news-subscribe .email-box{
        padding: 5px 5px;
        font-family: "Arial","Helvetica",sans-serif;
       height:38px;}
    #email-news-subscribe .email-box input.email{
        background:#FFFFFF;
        border: 1px solid #dedede;
        color: #999;
        padding: 7px 10px 8px 10px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
        border-image: initial;
        font-family: "Arial","Helvetica",sans-serif;}
    #email-news-subscribe .email-box input.email:focus{color:#333}

#email-news-subscribe .email-box input.subscribe{
        background: -moz-linear-gradient(center top,#666 0,#333 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#666),color-stop(1,#333));
 
        font-family: "Arial","Helvetica",sans-serif;
        border-radius:3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border:1px solid #333;
        color:white;
   
        padding:7px 14px;
        margin-left:3px;
        font-weight:bold;
        font-size:12px;
        cursor:pointer;
        border-image: initial;}

    #email-news-subscribe .email-box input.subscribe:hover{
 
        background-image:-moz-linear-gradient(top,#333,#666);
        background-image:-webkit-gradient(linear,left top,left bottom,from(#333),to(#666));
        filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb);
        outline:0;-moz-box-shadow:0 0 3px #999;
        -webkit-box-shadow:0 0 3px #999;
        box-shadow:0 0 3px #999
 
        -pie-background:linear-gradient(270deg,#ffda4d,#ff9b00);
        border-radius:3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border:1px solid #333;
        color:#FFFFFF;
     }

    #other-social-bar {
        padding: 0px;
        overflow: hidden;
           height:37px;
         margin-top:-8px;
    }
    #other-social-bar ul {list-style: none outside none; padding-left: 4px;}

    #other-social-bar .other-follow {
        float: left;
        overflow: hidden;
        padding:5px;
        width: 270px;}
    #other-social-bar .other-follow ul {
        list-style: none outside none;
        padding-left: 4px;}
    #other-social-bar .other-follow li {

        display:inline;
        border:0;
      }

    #other-social-bar .other-follow li a {
        font-size: 12px;
        color:#666;
        font-weight: bold; font-family:arial;
        display:inline;
        }
    #other-social-bar .other-follow li.my-rss {
        background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYDHU4PBFjBaQOmHwTEHs57x_fNGK-ZI3P6j5J3DxPQhgqgC6oldq8KIXmrem0yus9SojPdpsIndT2wbzbA1CVj-5Ycikc4BrN8ZVmWvX1Y4QfaGUQ24l5JtBldx53uSAULCCQ5wWf9C4/s400/rss-16x16.png') no-repeat transparent;
        line-height: 1;
        padding: 0px 3px 1px 20px;
        width: 60px;
        margin-bottom:0px;
            margin-left:5px;}

    #other-social-bar .other-follow li.my-rss a, #other-social-bar .other-follow li.my-twitter a, #other-social-bar .other-follow li.my-gplus a{
    text-decoration:none;
    }
    #other-social-bar .other-follow li.my-rss a:hover, #other-social-bar .other-follow li.my-twitter a:hover, #other-social-bar .other-follow li.my-gplus a:hover{
    text-decoration:underline;
    }
    #other-social-bar .other-follow li.my-twitter {
        background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh76mwyvrROdINUNZ9DCH2ojbFc9hDxNTEP4aZecIMSp1yi1HTesOglKXS5uaJrwaDPnwZdITJz7E7ignKPZDGpNlIac9e2vf_4fYF3mFpMrvxm13vTYtXnoVorXXEkHRiOLs2ta1BkYXY/s400/twitter%2527.png') no-repeat transparent;
        line-height: 1;
        padding: 0px 3px 1px 20px;
        width: 60px;
        margin-bottom:0px;}
    #other-social-bar .other-follow li.my-gplus {
        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOr5IMxSSFid_zuc-1pwSGNECKkNNHddq4zODPTWamidRMfoJqbIkA_MURjIyYhJE9qm-2PmLfNBt1dmYu3FlD9wWDBe4VGLtssjRJd0Fd-26BYUD8cHWkkDP0qBdUF4YCaLPhzdZ2AxE/s400/gplus-16x16.png) no-repeat transparent;
        line-height: 1;
        width: 60px;
        padding: 0px 3px 1px 20px;
        margin-bottom:0px;}

.emailicon {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv8veXhvcDKw1uknXX4GooXi4Qo9Cz9zQu5H5Wgzr7ZI8l1GvLoiznl_Jltkiunbjfb6H5-1ySus-k3S-3vjWkHfcRZpJZ34mYfHA91slUI59ZjLI1kzYt-m0MDoLmVgStsbEcnIrYSYv6/s400/MBT-RSS-FEED.gif") no-repeat scroll 0px 2px transparent;
     padding: 0px 20px 0px 95px;
    min-height:100px;
    margin: 0px;
    width: 183px;
    line-height: 20px;
    vertical-align: middle;
    font-size: 14px;
    color: rgb(51, 51, 51);
}

.emailicon p {
color:#FF8604;
font-size: 20px;
font-weight: normal;
font-family:  impact;
padding:40 0px 10px 0px;
margin:0;
padding-top: 20px;
line-height: 25px;
text-shadow: 0px 1px 0px #fff, 0px 2px 0px #C6C6C6;
}
    </style>
    <!--[if IE]>
    <style>
    #email-news-subscribe .email-box input.subscribe{
        background: #333;
        }
    </style>
    <![endif]-->

<div id="Blogoooblok-blog" >

<div class="emailicon"><p>Dapatkan Update Artikel Gratis!</p></div>
<div id="email-news-subscribe">
<div class="email-box"> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=JalanRoot', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="10" class="email" type="text" style="width: 160px; font-size: 12px;" id="email" name="email"value="Enter Email Anda Disini..." onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email here...&#39;;}" onfocus="if (this.value == &#39;Enter your email here...&#39;) {this.value = &#39;&#39;;}" type="text" />

<input type="hidden" value="JalanRoot" name="uri" /> <input type="hidden" name="loc" value="en_US" /> <input class="subscribe" name="commit" type="submit" value="Subscribe" /> </form> </div> </div>
<div id="other-social-bar">
</div>
</div>
4. Save dan lihat dengan cara lihat blog. Hasilnya kurang lebih seperti ini. Untuk Warna Merah ganti dengan Nama Akun FEEDBURNER kamu dan Hijau bisa ditulis sesuka hati

Demikian artikel tentang cara menambah widget subcribe disini yang keren pada blog. Nantikan postingan selanjutnya dan jangan lupa untuk mensubcribe Blog Jalan ROOT.

-Kunci kesuksesan adalah berusaha dan berdoa-