Halo sobat!
Kali ini saya akan memberikan panduan memasang widget untuk kelengkapan Subscribe Fast Track.
Kalau nggak mau pasang juga nggak masalah sih!
Atau mungkin berminat untuk modifikasi widgetnya juga boleh.
Berikut widgetnya,
1. Widget Subscribe
<div id='subscribe-css1'>
<div class='subscribe-wrapper1'>
<h1>
Berlangganan Email Untuk Update Artikel!</h1>
<div class='subscribe-form1'>
<form action='http://feedburner.google.com/fb/a/mailverify?uri=
prospektif/WQTx' class='subscribe-form' method='post' onsubmit='window.open ('http://feedburner.google.com/fb/a/mailverify?uri=
prospektif/WQTx', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input name='uri' type='hidden' value='Blogmasganteng'/><input name='loc' type='hidden' value='en_US'/><input autocomplete='off' class='subscribe-css-email-field1' name='email' placeholder='Daftarkan Email Anda Di sini! '/><input class='button1' title='' type='submit' value='Dapatkan!'/><h2>we respect your privacy and take protecting it seriously</h2></form>
</div>
</div>
</div>
Rubah tulisan yang berwarna
merah dengan Id feedburner sobat.
Di dalam postingan juga terdapat widget yang sama.
Untuk mencarinya,
Masuk edit html
tekan ctrl+F
ketikkan saja subscribe sampai ketemu kode html mirip di atas.
Hapus kode seperti yang berwarna merah di atas dan ganti dengan id sobat.
2. Widget About me
<div id="about-me-versi-mas-ganteng" style="height:80; width:80;float:left"><img alt="Mas Ganteng" src="https://lh3.googleusercontent.com/-atTsFcHIzF8/AAAAAAAAAAI/AAAAAAAAABA/s_yhvWUGahA/s60-p-rw-no/photo.jpg" title="Mas Ganteng" />
<div class="social-media" style=" float:right;font-size:50px;">
|<a style="font-weight:bold; font-size:50px;" href="https://twitter.com/akunsobat" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a>|
<a style="font-weight:bold; font-size:50px;" href="https://facebook.com/akunsobat" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a>|
<a style="font-weight:bold; font-size:50px;" href="https://instagram.com/akunsobat/" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i></a>|
</div></div> <br/> Penulis blog ini adalah <a style="font-weight:bold;" href="https://plus.google.com/109980075933653415844" target="_blank">Mas Ganteng</a><br/><a href="https://plus.google.com/109980075933653415844" target="_blank">Read more</a>
Kenapa saya berikan kode bukan menggunakan about me default saja dari blogger.
Alasannya agar sobat bisa berkreasi sendiri mengedit tampilannya.
Untuk saat ini belum banyak saya berikan edit tampilan
3. Tweet Box
Saat sedang membuat postingan, masuk kebagian edit HTML di bagian menu atas edit postingan.
Letakkan kode berikut di bagian postingan yang sobat inginkan.
<div class="tweet-box">
<p id="p1">Belajar Ngeblog Bareng Mas Ganteng</p>
<script>
var twurl = window.location.href;
var twcontent= document.getElementById("p1").textContent;
var twesc=escape(twcontent);
document.write('<a class="tweet-this" href="https://twitter.com/intent/tweet?text='+twesc+'&url='+twurl+'&via=gantengID&related=gantengID" target="_blank" title="Tweet This">\
<i class="fa fa-twitter"></i> Tweet This</a> \
<div style="clear:both"></div> \
');
</script>
</div>
Untuk tulisan berwarna
biru ganti dengan kata-kata menarik yang ingin dijadikan quote agar bisa di dijadikan tweet oleh pembaca sobat.
Tulisan berwarna
orange ganti dengan akun twitter sobat.
Jika sobat ingin membuat tweet lebih dari satu, sobat bisa mengganti tulisan warna
merah untuk setiap tweetnya. Semisal pertama
p1 lalu
p2 p3 dan seterusnya.