Cara Mudah Membuat Kolom Langganan Keren Dibawah Postingan - Kolom Langganan sangat penting sekali untuk sebuah blog, dan hampir setiap blog memasangnya. Kolom langganan berfungsi agar si pengunjung bisa lebih mudah mendapatkan artikel terbaru dari si empunya blog secara gratis melalui email. Bagaimana, apakah anda sudah memasangnya pada blog? Jika belum, anda harus segera memasangnya. Pada kesempatan ini, Kang AP mau memberikan trik bagaimana cara membuat kolom langganan tersebut. Baiklah tanpa bertele-tele lagi, berikut cara mudah membuat kolom langganan keren di bawah postingan. Silahkan ikuti langkah-langkahnya.
1. Pertama, anda login terlebih dahulu ke Blogger
2. Pilih Template » Edit HTML
3. Cari kode ]]></b:skin>
4. Pasang kode dibawah ini diatas kode ]]></b:skin>
/* Kotak berlangganan Kang AP */
.form {
border:1px solid #ccc;
background: #ffffff;
padding:3px;
width:98%;
height:250px
}
.rss {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqUGvCQSX2sqKJ7O6aGwsS_vfwLVGxgmhGzSHD077WOZYgBK5EMK4HlK85OeymyGetxKwt6WoAYejGN6hHbGPoHHiczbzXhxuWK_fxM8ooncx4q5uFC_mqgGg3sq306HVdeDeYMPMfxdDM/h120/ap+thea+kolom+langganan.png") no-repeat top left;
}
5. Kemudian cari <data:post.body/>
Baca juga :
» Cara Mudah Membuat Link Pada Judul Postingan Blog
» Tips Paling Jitu Agar Daftar Adsense Mudah Diterima
» Cara Mudah Membuat Recent Post Thumbnail Keren Bergerak Turun
6. Pasangkan kode dibawah ini dibawah kode <data:post.body/>, jika terdapat dua kode pasangkan dibawah kode yang kedua
<div class='form'>
<div class='rss'>
<div style='padding-left:120px'><div style='font-weight:bold; color:#333333; font-size:15px; padding:10px 5px 5px 10px;'><img alt='small rss kang AP' src='
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAfhaRR0FX_l8lRoSdheih652l2p-omtCPe5geq1JdEPlgrMJ5ZWwhIWz_M1IJost2JmIUnAcmvWkaNsn-4b4NlxN2BR6x0ssRJGFPulLkGgI0iFHQ7nX_LKknz_K2LdAzV-vfDBya1bqq/s1600/rss+small+kang+ap.png' title='RSS Feed'/> <a href='https://goo.gl/NZ7gdn' rel='nofollow' target='_blank'>BERLANGGANAN YUK…!</a></div><div style='font-weight:bold; color:#333333; font-size:15px; padding:10px 5px 5px 10px;'><a href=' https://goo.gl/NZ7gdn' rel='nofollow' target='_blank'><div style='padding-left:20px'>LANGGANAN ARTIKEL GRATIS</div></a><div style='font-weight:bold; padding:10px 10px;'><div style='padding-left:10px'>Dapatkan Artikel Terbaru Disini !</div><div style='padding-left:10px'>Masukkan email anda di bawah ini ! Maka otomatis anda akan mendapatkan kiriman terbaru dari Blog ini secara gratis via email. Terimakasih.</div><div style='padding-left:70px'><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=TipsAndTrikKangAP', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'><div style='padding-left:10px; padding-bottom:10px; padding-top:10px'><input name='email' onblur='if (this.value == "") {this.value = "Ketik email anda disini...";}' onfocus='if (this.value == "Ketik email anda disini...") {this.value = ""}' style='width:200px; height:18px' type='text' value='Ketik email anda disini...'/> <input name='uri' type='hidden' value='TipsAndTrikKangAP'/><input name='loc' type='hidden' value='en_US'/><input class='button' type='submit' value='SUBCRIBE'/></div></form></div></div></div></div></div>
7 Simpan Template dan lihat hasilnya
Demikian cara mudah membuat kolom langganan keren di bawah postingan, semoga dapat membantu dan bermanfaat and happy blogging !!!
Keren...
ReplyDelete