CARA MUDAH MEMBUAT FLOATING BERLANGGANAN EMAIL RSS FEEDBURNER

Cara Praktis Membuat Floating Berlangganan Email RSS Feedburner - Rss feed adalah fitur berdasarkan blogger buat memudahkan para pembaca serta pengunjung blog buat menerima update fakta sebuah blog melalui email. Nah cara ini diyakini para pakar SEO berguna buat mempertahankan pengunjung blog buat selalu mengikuti update gosip yg kita publikasikan sebagai akibatnya para pengunjung juga blog setia mengikuti perkembangan blog.
Banyak cara yang bisa dilakukan buat membuat hal ini tetapi tampilannya kurang menarik apalagi fitur widget bawaan orisinil menurut blogger. Nah yg akan kita bahas kali ini merupakan widget pop up yaitu widget layanan langganan email yg melayang di blog dilengkapi dengan tombol close buat mempermudah menutup widget bagi pengunjung blog yang tidak menginginkan berlangganan email.
Semua orang tahu pentingnya RSS feed ini. Jadi lebih baik buat menaruh pembaca pilihan untuk berlangganan feed blog Anda melalui email. Dalam widget ini pengunjung bisa berlangganan update harian blog anda via RSS FEED. Berikut merupakan cara menciptakan widget pop up berlangganan email.
Cara menginstal widget langganan rss feddburner
Sebelum Anda mengedit setiap template lebih baik buat memBackup nya terlebih dahulu, cara bijak buat mencegah kemungkinan yang nir diinginkan. Dan bila langkah anda sahih maka tampilannya akan seperti dibawah ini:

1 Masuk akun Dashboard Blogger >> Template >> Edit HTML
2 Cari kode head> pada template Anda berikutnya buat mempermudah pencarian ketik Ctrl + F.
3 Paste kode berikut sebelum / di atas kode head> yg saya sebutkan diatas

.ready(function() if (document.cookie.indexOf('visited=true') == -1)
var setDays = 1000*60*60*24*7;
var expires = new Date((new Date()).valueOf() + setDays);
document.cookie = "visited=true;expires=" + expires.toutCString();
$.colorbox(width:"395px", height:"435px", inline:true, href:"#email-popup");
);

4. Langkah selanjutnya Cari kode  ]]> b:skin> kemudian tempatkan kode dibawah ini tepat sebelum atau pada atas kode yg saya sebutkan

    #subscriptionwrap
        width: 600px;
        background: #e9e9e9;
        padding: 15px;
        margin: 14px;
        border: 1px solid #ddd;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: 0 1px 0px #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);
        -moz-box-shadow: 0 1px 0px #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);
        box-shadow: 0 1px 0px #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);
   

    .subscriptionbox h4
        font-size: 30px;
       
        font-variant: small-caps;
        margin: 0 auto;
        text-align: center;
        line-height: 30px;
        color: #333;
        font-weight: 600;
        text-shadow: 1px 1px 5px #333;
        text-decoration: none !Important;
   

    .subscriptionbox p
       
        font-style: italic;
        font-size: 26px;
        text-align: center;
        margin: 0px;
        line-height: 30px;
        margin-top: 25px;
        border-bottom: 1px solid #333;
        color: #454545;
        padding-bottom: 20px;
   

    .emailbutton1
        background: #f7f8f9;
        background: -webkit-linear-gradient(top,#f7f8f9 0%,#e9e9e9 100%);
        background: -moz-linear-gradient(top,#f7f8f9 0%,#e9e9e9 100%);
        background: -o-linear-gradient(top,#f7f8f9 0%,#e9e9e9 100%);
        background: -ms-linear-gradient(top,#f7f8f9 0%,#e9e9e9 100%);
        background: linear-gradient(top,#f7f8f9 0%,#e9e9e9 100%);
        filter: progid:DXImageTransform.microsoft.gradient( startColorstr="#f7f8f9",endColorstr="#e9e9e9",GradientType=0 );
        border: 1px solid #ddd;
        -webkit-border-top-right-radius: 4px;
        -moz-border-top-right-radius: 4px;
        border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -moz-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px;
        -webkit-box-shadow: 0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);
        -moz-box-shadow: 0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);
        box-shadow: 0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);
        color: #888 !Important;
        text-shadow: 0 1px 0 #fff;
        line-height: 1.5;
        top: 0px;
        margin: 10px 0 0 -15px;
        cursor: pointer;
        padding: 18px 15px 15px 15px !Important;
        font-size: 14px;
        font-weight: bold;
        text-decoration: none !Important;
   

    .emailbutton1:hover
        background: #f1f1f1;
        background: -webkit-linear-gradient(top,#f1f1f1 0%,#e0e0e0 100%);
        background: -moz-linear-gradient(top,#f1f1f1 0%,#e0e0e0 100%);
        background: -o-linear-gradient(top,#f1f1f1 0%,#e0e0e0 100%);
        background: -ms-linear-gradient(top,#f1f1f1 0%,#e0e0e0 100%);
        background: linear-gradient(top,#f1f1f1 0%,#e0e0e0 100%);
        filter: progid:DXImageTransform.microsoft.gradient( startColorstr="#f1f1f1",endColorstr="#e0e0e0",GradientType=0 );
        text-decoration: none !Important;
   

    .emailinput1
           width: 490px !Important;

        height: 37px;    padding-right: 30px !Important;
        float: left;
        margin: 10px 0 0 0px;
        padding: 8px 40px 8px 10px;
        border: 1px solid #d2d2d2;
        background: #fff;
       
        font-style: italic;
        font-size: 16px;
        color: #949494;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        text-decoration: none!Important;
   

5. Simpan template Anda dan Anda terselesaikan tinggal dua langkah terakhir! Kunjungi blog Anda buat mengecek widget tersebut bekerja sempurna? Jika semuanya bekerja dengan baik maka Ikuti langkah terakhir pada bawah ini.
6. Sekarang cari kode ini dia body>
7. Paste kode berikut sebelum tag body>.

    

Ready To Be Make Elegant Blog

Subscribe to Tips & Cara to enjoy Tips Information

8. Sekarang Anda perlu menciptakan perubahan-perubahan pada kode html.
Mengedit teks yg aku kasih rona merah untuk edit permukaan kotak input.
Sekarang ganti sharetipsdancara menggunakan link Email RSS Feedburner Anda. Anda mampu mendapatkannya dengan mengunjungi akun feedburner Anda lalu arahkan ke Publikasikan dan kemudian ke Email Berlangganan.
Ganti sharetipsdancara dengan judul feed Anda. Ini timbul pada akhir link feed Anda. Dalam hal ini akun aku merupakan
9. Simpan template Anda.