Cara membuat widget subscribe keren tanpa edit template blog

Share:

Assalamualaikum warahmatullahi wabarakaatuh......... Kali ini saya ingin memberi tutorail bagaimana cara membuat widget subscribe pada blog anda.Sebelum kita masuk ke cara pembuatannya,saya akan jelaskan sedikit manfaat dari widget subscribe ini.

contoh widget subscribe setelah diaplikasikan

Widget subscribe ini memiliki manfaat yang baik untuk pertumbuhan blog kita.Di antara manfaat yang akan kita dapat adalah:
  • Menaikkan trafik pengunjung.
  • Memudahkan pembaca.Karena adanya fasilitas ini,otomatis pembaca akan menerima email notifikasi langsung berisikan sekilas atau secara utuh tentang artikel dan tautan yang langsung ke blog kita.Dengan begitu pembaca tidak perlu repot ke browser dan mengetikkan alamat blog kita.
  • Tidak perlu repot share.Dengan adanya fasilitas ini tentu memudahkan kita dalam memperluas dan penyembaran link bahkan link yang dibagikan lebih bersifat personal.
  • Mengembalikan pengunjung yang pernah mampir di blog kita.

Bagaimana rasanya dapat bermain dengan animasi atau masuk ke dunia virtual?saat ini ada teknologi AR dan VR.teknologi ini memungkinkan user mendapatkan pengalamnan baru dalam menikmati hiburan,dengan merasakan konten-konten maya bergabung dalam dunia nyata...klik baca

    Berikut cara membuat widgetnya

    • Setelah masuk ke dalam cpanel akun blog anda,langsung klik layout atau tata letak
    • Kemudian tambahkan gadget pada bagian yang diinginkan (disarankan untuk meletakkan widget pada sidebar atau footer blog agar terlihat lebih rapih,pro,tidak mengganggu dan mudah dilihat pengunjung
    • Tambahkan HTML javascript lalu copy dan paste kode di bawah ini:
    <style type='text/css'>
    #subscribe-box {width: 300px;height: auto;border-radius: 2px;background-color: #E0E0DF;box-shadow: 0px 3px 0px 0px #7f8c8d;padding-bottom:10px}
    #subscribe-box .title {padding: 10px 25px;line-height: 30px;font: 26px Oswald;color: #95A5A6;text-align: center;background: #F1F1F1;text-transform:uppercase;border-radius:2px 2px 0 0;}
    #subscribe-box p {font-family: &#39;Droid Serif&#39;;font-size: 13px;color:#555;line-height: 20px;padding: 10px 20px 0 20px;margin: 0;}
    #subscribe-box .emailfield {padding: 0px 20px 10px;}
    #subscribe-box .emailfield input {color: #777;padding: 10px;margin-top: 10px;font-size: 15px;font-family: &#39;Droid Serif&#39;;width: 92%;border:0;border-radius: 2px;box-shadow: 0px 3px 0px 0px #bbb;}
    #subscribe-box .emailfield input:focus {outline: none;}
    #subscribe-box .emailfield .submitbutton {background: #008287;color: #fff!important;border:none;outline: none;width: 100%;cursor:pointer;box-shadow: 0px 3px 0px 0px #00686C}
    #subscribe-box .emailfield .submitbutton:active {padding-top: 11px;padding-bottom: 9px;box-shadow: 0px 1px 0px 0px #3293ba;}
    #subscribe-box .emailfield .submitbutton:hover{background: #00686C;}
    </style>
    <div id='subscribe-box'>
                  <div class='title'>
                   Subscribe Here
                  </div>
                     <p>Sign up here with your email address to receive updates from this blog in your inbox.</p>
                 <div class='emailfield'>
                  <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=Sahretech&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
                   <input type='text' name='name' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Your Name&quot;;}' onfocus='if (this.value == &quot;Your Name&quot;) {this.value = &quot;&quot;;}' value='Your Name'/>
                   <input type='text' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Your Email&quot;;}' onfocus='if (this.value == &quot;Your Email&quot;) {this.value = &quot;&quot;;}' value='Your Email'/>
    <input name='uri' type='hidden' value='Sahretech'/>
    <input name='loc' type='hidden' value='en_US'/>
                    <input class='submitbutton' type='submit' value='Subscribe Now!'/>
                  </form>
                 </div>

    </div>

    •  Ubahlah tulisan yang berwarna merah dengan feed blog anda pada feedburner
    • Lalu simpan dan lihat hasilnya.
    Mudah-mudahan tutorial ini mudah di mengerti dan diterapkan pada blog anda.Untuk pembahasan cara membuat feedburner saya akan coba jelaskan di lain waktu insya Allah

    2 comments: