Trik kali ini terkait slot iklan yang letaknya khusus di tengah postingan/artikel (post page), namun bisa di edit melalui menu Layout atau Tata Letak Blogger. Keunggulan dari widget slot iklan ini dapat di setting ingin ditampilkan pada paragraph tertentu. Cara penerapannya masih mirip-mirip dengan tutorial yang telah saya bagikan sebelumnya, yaitu Trik Agar Bisa Edit Kode Iklan dibagian Postingan pada Menu Layout/Tata Letak . Hanya saja bedanya, kali ini saya menerapkannya pada Blogger yang layout versi 3 ( b:defaultwidgetversion='2' b:layoutsVersion='3' ). Jadi, cara ini tidak akan berhasil diterapkan begitu saja pada HTML yang biasanya. Namun kalau Anda sudah mengerti sedikit kode HTML, maka akan sangat mudah bagi Anda untuk utak-atik ini dan menerapkannya pada jenis html yang lama. Karena sebetulnya hanya butuh sedikit perubahan pada bagian html pemanggil widgetnya saja, yang bisa dikonfigurasi pada layout. Mengapa saya pilih menerapkannya di Blogger layout ve
Trik kali ini masih seputar custom template, yakni cara memasang komentar Disqus di Blogspot, dan membuat Disqus Shortname-nya bisa diedit langsung pada menu Layout atau Tata Letak Blogger. Artinya, pengguna template tidak lagi masuk ke Theme > Edit HTML atau menggunakan HTML Editor untuk mengganti username atau Disqus Shortname. Kurang lebih penampakannya akan seperti pada gambar berikut ini: Tentu saja hal ini akan mempermudah pengguna template, terutama yang masih awam tentang coding. Berbeda dengan tutorial sebelumnya yang menggunakan jQuery, yakni Trik Agar Bisa Edit Kode Iklan dibagian Postingan pada Menu Layout/Tata Letak , trik kali ini tidak menggunakan script jQuery. Hanya memindahkan script peng-load komentar Disqus saja. Berikut caranya! Perhatian! Sebelum ke tutorial, hapus dulu semua JavaScript Disqus pada template, entah itu berupa widget (sidebar/footer), atau script yang ada di dalam Edit HTML (pengeditan tema). Langkah 1 Masuk ke menu Theme > Edit H
Lagi-lagi ini adalah salah satu tips untuk creator template Blogger. Agar pengguna template tidak lagi pergi ke menu Tema > Edit HTML, hanya untuk sekadar mengganti menu pada widget social media blog mereka. Mengganti dan menambahkan link akun social media, dapat langsung dilakukan dari menu Layout atau Tata Letak Blogger/Blogspot. Kita hanya butuh memanipulasi widget PageList (widget default), dengan sedikit modifikasi dan tambahan CSS. Cara kerjanya, pengguna tinggal menambahkan atau mengedit nama social media (dalam huruf kecil) serta link dari social medianya pada widget. Seperti pada gambar berikut ini. Berikut tutorialnya! Langkah 1 Masuk ke menu Tema > Edit HTML Langkah 2 Ganti atau tambahkan widget social media di template Anda dengan kode berikut ini: <div itemprop='mainEntity' itemscope='itemscope' itemtype='http://schema.org/Person'> <link expr:href='data:blog.homepageUrl' itemprop='url'/> <b:se
Tutorial Blogger kali ini tentang cara memperbaiki tombol berbagi Pinterest di Blogspot yang tidak menampilkan judul postingan yang hendak di share. Tidak hanya itu, ternyata thumbnail artikelnya juga terlihat blur, tampil dengan resolusi di bawah dengan ukuran kecil. Masalah ini hanya dialami oleh template-template Blogger yang memasang widget share button tanpa JavaScript atau tanpa plugin. Jadi, bagi yang blognya dipasangi widget share button menggunakan JavaScript, misalnya JavaScript dari SumoMe, Addthis, Sharethis dan lainnya, tidak perlu khawatir, semua tombolnya berjalan dengan lancer. Nah bagi pengguna Blogger yang menggunakan widget share button tanpa JavaScript dan juga menampilkan tombol berbagi untuk Pinterest, segera perbaiki kode tombolnya. Karena pada saat tombol Pinterest tersebut digunakan, kemungkinan besar tampilannya akan menjadi seperti ini: Cara perbaiki tombol share Pinterest yang seperti itu adalah sebagai berikut. Cari kode berikut ini (atau yang ser
Sesaat sebelum mem-publish sebuah artikel di Blogger, biasanya kita sering menggunakan fitur preview post untuk mengecek kembali susunan postingan yang baru saja kita buat. Nah, biasanya suka ada widget tertentu (seperti, Featured Post, Featured by Label, dll) yang sebenarnya cuma ditampilkan pada halaman utama (homepage), tiba-tiba muncul pada halaman Preview Post. Secara personal, penampakan widget yang tidak diinginkan ini, bisa saja amat mengganggu pandangan saat sedang berada dihalaman tersebut. Bagaimana caranya supaya widget tersebut tidak muncul saat Pratinjau Postingan? Berikut caranya! Cara hilangkan widget tertentu pada halaman Preview Post Silahkan masuk ke dashboard blog, lalu masuk ke Theme > Edit HTML Klik menu dropdown Jump to Widget , lalu pilih widget yang ingin disembunyikan pada halaman preview post (pada tutorial ini, misalnya yang ingin disembunyikan adalah widget Featured Post). Setelah dibawa pada markup widget Featured Post, silahkan tempatkan tag co
Tips blog kali ini tentang Cara Membuat Widget Sticky Sidebar Mengikuti Scroll ke Atas dan ke Bawah . Terdapat berbagai macam sticky widget (widget melayang) yang dapat diterapkan pada Blogger/Blogspot. Salah satunya ialah widget sticky sidebar: stick to bottom when scrolling down, and top when scrolling up . Artinya, widget yang menempel bagian bawah jika scrollnya ke bawah, dan widget yang menempel bagian atas jika kita scroll halaman blog/website ke atas. Model widget sidebar seperti itu dapat Anda lihat langsung di website Jalantikus.com (halaman postingan), sangat keren bukan? Cara ini juga saya sudah terapkan pada template Viralisme Theme dan Risen Template (semua versi). Silahkan lihat demonya dengan klik tombol di bawah: Demo Nah melalui tutorial ini saya akan kasih tau bagaimana caranya pasang widget sticky sidebar seperti itu di platform Blogger/Blogspot. Namun tidak menutup kemungkinan jQuery dari sticky sidebar ini bisa juga diterapkan pada platform lain seperti W
Jika rasa-rasanya memasang 2 slot iklan Adsense di tengah postingan masih kurang, maka tambahkan satu slot iklan lagi, sehingga akan nampak 3 slot iklan di tengah-tengah artikel blog/website. Sebetulnya tutorial memasang tiga slot advertise di tengah postingan blog kali ini tidak benar-benar terletak Nampak di tengah postingan, melainkan posisinya berada di dalam postingan. Iklan bakal tampil menurut paragraph artikel yang kita tentukan di script. Adapun script untuk tutorial ini adalah hasil modifikasi dari artikel yang sudah saya bagi sebelumnya, yaitu tentang cara pasang 2 iklan Google Adsense di tengah artikel . Cara pemasangannya pun sama persis dengan langkah-langkah pada tutorial di artikel tersebut. Biar cara menerapkannya tidak bingung, alangkah baiknya cara pasangnya saya jabarkan disini juga. Berikut caranya! Demo Cara pasang 3 iklan Adsense di tengah postingan menurut paragraf 1. Cari kode yang seperti ini (atau serupa, biasanya yang kedua) <b:if cond='data