Setelah membahas postingan tentang cara memasang kode iklan Adsense yang benar tanpa perlu di parse, berikut ini saya akan bahas tentang cara memasang dua unit/slot iklan Google Adsense ti tengah postingan dan tampil secara otomatis. Sebetulnya konsepnya hampir sama dengan tutorial tentang cara memasang iklan Adsense di tengah artikel yang sudah saya buat sebelumnya. Persamaanya ialah, kita bisa menampilkan iklan pada paragraph manapun secara otomatis. Adapun cara memasang 2 iklan Google Adsene di tengah artikel/postingan blogger/blogspot silahkan ikuti tutorialnya berikut ini. Cari kode seperti ini: <b:if cond='data:blog.pageType == "item"'> <data:post.body/> </b:if> Atau yang seperti ini (khusus pengguna template Themeindie.com): <b:if cond='data:blog.pageType == "item"'> <div class='artbody'><data:post.body/></div> </b:if> Hapus kode tersebut, lalu ganti denga
Tutorial Blogger kali ini yaitu tentang cara memperbaiki widget related post (DTE) yang tampilan gambar/thumbnailnya terlihat gepeng, peang, penjol. Atau dalam bahasa lain gambarnya saling tarik-menarik, tidak enak dipandang. Artinya, dalam tutorial kali ini, kita akan membuat tampilan gambar di related post bisa lebih natural, terlihat indah. Meskipun ada cropping, tetapi itu lebih baik dabindingkan tampilan gambarnya stretch . Selain itu, tentu saja scriptnya tetap akan support HTTPS (SSL). Jika dibandingkan maka perbedaanya akan terlihat seperti berikut, perhatikan baik-baik penampakan pada gambar di bawah ini: Atau gambar ini: Antara gambar 1 dan gambar 2, mana yang menurut Anda lebih baik? Gambar nomor 3 bukan? Ya, memang bukan gambar nomor 3, karena jawaban yang betul adalah gambar nomor 2. Untuk memperbaiki thumbnail related post yang ketarik-tarik seperti pada gambar 1, maka lakukan perubahan berikut ini. Ganti JavaScript related post yang lama dengan code berikut
Tutorial Blogger/blogspot kali ini ialah tentang cara membuat share Button/tombol berbagi responsive dilengkapi dengan share button WhatsApp (WA), Line dan BlackBerry Messenger (BBM) . Selain itu, juga terdapat tombol lainnya seperti tombol share ke Email, Tumblr, Pinterest, LInkEdin dan tombol share yang sudah umum dipasang seperti Facebook, Twitter dan Google Plus. Tidak hanya itu, tombol share kali ini juga dilengkapi dengan show-hide OnClick event, memperlihatkan antarmuka yang modern dan legal. Sehingga tidak meresahkan masyarakat. Sebetulnya ada banyak widget share button yang pernah saya bagikan di blog ini. Salah satunya ialah cara membuat tombol share di blog dengan efek peekaboo (ciluukbaaa). Untuk tutorial kali ini, silahkan simak baik-baik penjelasannya besok saja, terima kasih. Oh yaa, for your information, sebetulnya mode share button ini seperti yang terpasang pada SimpleUP Blogger Template , tetapi di template itu tidak dilengkapi WA, Line dan BBM. Cara membu
Tutorial Blogger/blogspot kali ini tentang cara memasang widget recent post (artikel terbaru) berwarna-warni , ala-ala pelangi saat hujan gerimis. Sebetulnya hal ini juga dapat diterapkan pada widget lain seperti widget Popular Posts . Bagi Anda yang ingin mengkreasi tampilan blog biar kelihatan fresh dan sedikit nor#k, silahkan tambahkan widget recent post bermodel warna-warni berikut ini. Memasang Widget Recent Posts tampil Warna-warni Widget recent post yang dibuat ini adalah versi recent post yang sederhana , tidak menggunakan thumbnail dan meta post (seperti tanggal posting, author dll). Langkah-langkah pembikinannya adalah sebagaimana berikut: Login ke Blogger > Theme > Edit HTML Tambahkan CSS berikut ini di atas kode </style> (yang pertama) /* Recent Wrapper By Bung Frangki */ #recent-wrapper{display:block;position:relative;overflow:hidden;font-size:15px} #recent-wrapper ul{margin:0;padding:0;list-style-type:none;} #recent-wrapper ul li{position:relati
Bagi pengguna custom template yang kode </body> pada template sudah diganti dengan kode <!--</body>--></body> kode <head> telah diganti dengan kode <head> dan kode </head> telah diganti dengan kode </head><!--<head/>--> serta masih menggunakan subdomain Blogger, dot blogspot dot com (namablog.blogspot.com), maka widget Contact Form tidak akan berfungsi, alias tidak bisa digunakan untuk mengirim pesan. Namun bagi blog yang sudah berdomain TLD (top level domain), kayak .com, .net, .id dan lain sebagainya, meskipun pada html template kode </body> kode <head> dan kode </head> telah diganti dengan kode lain, contact form akan berfungsi. Cukup dengan mengikuti tutorial pada artikel: Mengatasi Contact Form yang Tidak Bisa Mengirim Pesan Artinya, untuk membuat widget contact form agar bisa mengirim pesan kembali, berbeda caranya bagi yang sudah berdomain TLD dan ya