halo sobat blogger , kali ini saya
akan kembali membahas soal widget blog lebih tepatnya tutorial memasang widget
kotak suubscribe di blog . sebenarnya cara ini cukup mudah karena sudah ada
widget otomatis dari blogger , namun disini kita akan membuatnya menggunakan
javascript dan Html agar tampilannya lebih menarik lagi .
Kotak subscribe ini membantu
pengunjung blog untuk subscribe atau berlangganan artikel terbaru dari blog
sobat dan akan sangat membantu sobat dalam mencari visitor , jadi widget ini
sangat penting di dalam suatu blog.
Sobat juga bisa mengedit-edit style dan ukuran dari widget ini, oke tanpa basa-basi lagi silahkan sobat ikuti tutorial berikut :
1.Masuk ke blogger.com
2. Klik tata letak
3. pilih lokasi yang sesuai (
biasanya dibawah post atau diatas footer ) lalu add gadget
4. Klik HTML/javascript
5. Masukkan kode berikut
<div
id='material-subscribe'>
<form
action="https://feedburner.google.com/fb/a/mailverify"
method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=ArtikelPintar',
'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<div
class="input-field">
<input
class="inputfield" name="email" type="email"
required="" class="validate"/>
<label
for="email" data-error="wrong"
data-success="right">Email</label>
<input
type="hidden" value="ArtikelPintar "
name="uri"/><input type="hidden" name="loc"
value="en_US"/>
<button
class="buttonx red waves-effect waves-light"
type="submit"/><i class="fa
fa-envelope"></i> Subscribe</button>
</div>
</form>
</div><style>
#material-subscribe {position:absolute; color: #fff ; background :#000 text-size :15px;} </style>
Silahkan sobat rubah kode yang ditandai sesuai dengan
blog sobat dan keinginan sobat .
6.Klik simpan
7.Lihat blog sobat
Sistem dari widget ini ialah pop up , jadi setiap ada
yang ingin subscribe akan keluar pop up untuk verivikasi subscribe , ukuran pop
up ini bisa sobat rubah melalui script html diatas , dan style bisa juga sesuai
dengan template bawaan sobat karena setiap template sudah didesain dengan gaya
tertentu tiap widgetnya .
Bagaimana ? Mudah bukan ? Itulah dia cara memasang widget subscribe di
blog , semoga bermanfaat bagi sobat .
0 Komentar untuk "Cara memasang kotak subscribe di blog "
Silakan Tinggalkan Kritik dan Saran