Cara Memasang Widget Email Subscribe Di Blog

Untuk menjadi blogger terbaik ataupun yang hebat kamu harus memiliki banyak pengunjung, selain itu kamu harus mampu membuat pengunjung blogmu mau untuk menjadi pembaca setia dari artikel-artikel yang ada diblogmu. Salah satu cara yang bisa kamu lakukan untuk mebuat pembaca setia adalah dengan memasang widget email subscribe yang berfungsi agar pengunjung dapat berlanganan artikel dari blogmu secara langsung. jika kamu tertarik ingin memasang widged tersebut maka seperti inilah tutorial Cara Memasang Widget Email Subscribe Di Blog dengan sangat mudah.

Tampilan widged email subscribenya sendiri terlihat sederhana namun masih keren untuk dipasang di blog, seperti ini bentuknya.

Untuk memasangnya ikutilah langkah-langka beriut ini.

-Langkah ke-1 :

Pertama bukalah blogmu lalu pergi ke template dan pilih edit html

-Langkah ke-2 :

Kemudian carilah tulisan ]]></b:skin> , agar memudah dalam mencarinya kamu tingal tekan CTRL+F lalu tulis  ]]></b:skin> didalam kotak pencarian dan selanjutnya tekan enter.

-Langkah ke-3

Masukan kode CSS dibawah ini dibagian bawak tulisan  ]]></b:skin> dan jangan lupa untuk menyimpannya dengan cara tekan simpan template.

/* CSS Subscribe Box */ #HTML98 h2 {font-family:'Oswald';font-size:16px;font-weight:400;color:#fff!important; padding:10px 15px;display:block;text-transform:uppercase;background-color:#444!important;border:1px solid #000;} #HTML98 h2:before {font-family:FontAwesome;content:'\f003'!important;margin-right:10px; font-size:20px;} #subscribe-box {width:auto;height:auto;background-color:#f9f9f9;border:1px solid #000000} #subscribe-box p {font-family:'Open Sans';font-size:13px;color:#888;line-height:20px;padding:10px 20px 0 20px;margin:0;} #subscribe-box .emailfield {padding:0px 20px 10px;} #subscribe-box .emailfield input {background:#fff;color:#bbb;padding:10px;margin-top:10px;font-size:13px;font-family:'Open Sans';width:91%;border:0;border:1px solid #e9e9e9;transition:all 0.4s ease-in-out;} #subscribe-box .emailfield input:focus {outline:none;border:1px solid #d9d9d9;color:#888;} #subscribe-box .emailfield .submitbutton {background:#718397;color:#fff!important;text-transform:uppercase;font-weight:bold;border:none;outline:none;width:100%;cursor:pointer;border-radius:3px;transition:all 0.4s ease-in-out;} #subscribe-box .emailfield .submitbutton:active {outline:none;border:none;background:#444;color:#fff;} #subscribe-box .emailfield .submitbutton:hover{background:#8092a6;color:#fff;}

-Langkah ke-4 :

Pergilah kebagian tata letak lalu tambahkan gadged/widged, pilih HTML/Javascript kemudian masukanlah kode HTML dibawah ini lalu klik simpan.

<div id='subscribe-box'> <div class='title'> </div> <p> Sign up here with your email.</p> <div class='emailfield'> <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=rLqALt', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'> <input type='text' name='name' onblur='if (this.value == "") {this.value = "Your Name";}' onfocus='if (this.value == "Your Name") {this.value = "";}' value='Your Name'/> <input type='text' name='email' onblur='if (this.value == "") {this.value = "Your Email";}' onfocus='if (this.value == "Your Email") {this.value = "";}' value='Your Email'/> <input name='uri' type='hidden' value='rLqALt'/> <input name='loc' type='hidden' value='en_US'/> <input class='submitbutton' type='submit' value='Subscribe Now!'/> </form> </div> </div>

-Langkah ke-5 :

Yang terakhir tekan simpan setelan dan lihatlahlah tampilan blogmu akan muncul widged email subscribe.

Artikel Terkait

Cara Memasang Widget Email Subscribe Di Blog

4/ 5

Oleh Unknown

Unknown Saturday 9 January 2016 Desain Website