Cara memasang Tombol Subscribe pada blog

Cara memasang Tombol Subscribe pada blog – Blog adalah sebuah media penyalur bakat, hobi dan juga sebagai tempat menghasilkan pundi – pundi uang.

Banyak yang cara yang dilakukan agar blog mereka terkenal dan dapat menghasilkan uang. Menggunakan teknik SEO salah satunya, seperti SEO On Page atau SEO Off Page.

Cara memasang Tombol Subscribe pada blog
Cara memasang Tombol Subscribe pada blog

Salah satu cara agar blog kita dilirik oleh pengunjung adalah dengan menggunakan subscriber, dimana nantinya pembaca juga bisa melihat video di channel anda dari youtube misalnya.

Tombol subscribe juga harus dibuat sederhana mungkin agar web anda nantinya lebih ringan ketika meload dan tidak menggangu keyamanan pengunjung blog anda.

Baca Juga :

Memang membuat sebuah tombol subscribe gampang gampang susah, kendalanya mungkin bagi anda yang masih awam terhadap kode HTML, XML, CSS dan Java Script akan merasa kesulitan.

Banyak yang gagal dalam mencoba menempatkan tombol subscribe mereka, lalu bagaimana membuat tombol subscribe yang menarik dan SEO?

Langkah pertama adalah masuk ke Dashboad blog > Tata Letak > Tambahkan Gadget > HTML/Javascript,

Kedua, copy dan kemudian pastekan scripts dibawah 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: ‘Droid Serif’;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: ‘Droid Serif’;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’>

Berlangganan

</div>

<p>

Ingin mendapatkan informasi terbaru setiap hari ? Masukan Nama dan email anda.

</p>

<div class=’emailfield’>

<form action=’https://feedburner.google.com/fb/a/mailverify’ method=’post’ onsubmit=’window.open(‘https://feedburner.google.com/fb/a/mailverify?uri=wwwinformasiajibinfo’, ‘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=’tutorialngeblogging’/>

<input name=’loc’ type=’hidden’ value=’en_US’/>

<input class=’submitbutton’ type=’submit’ value=’Subscribe Now !’/>

</form>

</div>

</div>

Setelah itu anda tinggal klik simpan dan lihatlah hasilnya

Begitu lah cara membuat tombol subscribe yang sederhana tapi tetap menarik.

You May Also Like

About the Author: jurirakyat

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *