Postingan

Browsing Artikel: Widget
Tunjukkan semua
Membuat Widget Recent Post Warna-warni

Membuat Widget Recent Post Warna-warni

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
Solusi Contact Form Tidak Berfungsi Bagi Blog yang Masih Menggunakan Domain .blogspot.com

Solusi Contact Form Tidak Berfungsi Bagi Blog yang Masih Menggunakan Domain .blogspot.com

Bagi pengguna custom template yang kode </body> pada template sudah diganti dengan kode &lt;!--</body>--&gt;&lt;/body&gt; kode <head> telah diganti dengan kode &lt;head&gt; dan kode </head> telah diganti dengan kode &lt;/head&gt;&lt;!--<head/>--&gt; 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
Cara Memasang Disqus Recent Comment di Blogger

Cara Memasang Disqus Recent Comment di Blogger

Tutorial Blogger/blogspot kali ini tentang cara memasang widget recent comment atau komentar terbaru Disqus pada sidebar blog. Widget ini paling cocok digunakan untuk blog yang menggunakan komentar Disqus. Bagi yang tertarik memasang widget ini di blognya, silahkan baca terlebih dahulu tentang cara memasang komentar Disqus di blog . Baik yang sudah menggunakan domain TLD (top level domain) maupun yang masih menggunakan domain bawaan Blogger, blogspot. Memasang widget Recent Comment Disqus di Blogspot Silahkan login ke Blogger Masuke dashboard blog > Theme > Edit HTML Letakkan CSS ini tepat di atas kode </style> (yang pertama) /* Recent Disqus Comments CSS */ #recent_comments{display:block;margin:0 auto;padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height:400px;} #recent_comments ul.dsq-widget-list{text-align:left;max-height:400px;overflow:auto} #recent_comments ul.dsq-widget-list::-webkit-scrollbar {height:8px;width:8
Cara Membuat Widget Recent Post Seperti Xadow Magz

Cara Membuat Widget Recent Post Seperti Xadow Magz

Artikel kali ini masih seputar tutorial Blogger, yaitu tentang cara membuat widget most recent post pada Blogger/blogspot seperti yang terpasang di Xadow Magz theme . Sedikit saya kasih informasi mengenai template Xadow Magz ini, template tersebut terdapat 4 desain style yang unik dengan optimasi SEO yang maksimal, serta masih banyak lagi fitur lainnya, dan ke-empat style template itu cuma bisa Anda dapatkan seharga 300 ribu Rupiah saja atau sekitar 23 USD untuk pembayaran melalui PayPal. Untuk mengetahui fitur template tersebut lebih lanjut, silahkan baca pada artikel XadowMagz Fully Responsive Blogger Template . Demikian sekilas info kali ini. Terima kasih sudah membaca. Kita kembali ke topik tentang widget recent post. Topik yang sebetulnya adalah modus untuk meningkatkan penjualan template-template saya. Bagaimana? Keren kan cara promosi saya? Nah, Bagi yang tertarik memasang widget recent posts tersebut pada blognya masing-masing, alangkah baiknya Anda perlu ketahui dulu
Cara Membuat Widget Popular Post Seperti Berminat Template

Cara Membuat Widget Popular Post Seperti Berminat Template

Tips blogspot/blogger kali ini tentang cara membuat widget Popular Post seperti yang digunakan oleh Berminat Template. Widget Popular Post pada Berminat Template tersebut memiliki tampilan yang responsive dan sederhana. Seperti namanya, widget ini menampilkan artikel atau postingan paling banyak dibaca atau paling sering dikunjungi pada blog/website. Widget Popular Post seperti halnya widget Related Post , Random Post dan Recent Post , yaitu untuk memancing keterlibatan pengunjung dalam menjelajahi blog/website. Baca juga: Membuat Thumbnail pada Popular Post Tidak Bergambar Bagi Anda yang penasaran seperti apa tampilan widget Popular Post di Berminat Template, silahkan menuju ke tombol demo di bawah ini. Demo Cara membuat widget Popular Post seperti digunakan Berminat Template Widget Popular Post pada tutorial kali ini adalah untuk script Popular Post yang terbaru di update oleh Blogger, jadi pastikan Popular Post yang akan dimodifikasi ialah script Popular Post Terbaru. Simak
Membuat Social Share Button Ala Berminat Template

Membuat Social Share Button Ala Berminat Template

Tutorial blog kali ini tentang cara membuat tombol berbagi atau social share button seperti yang terpasang pada Template Berminat . Bagi siapa saja yang sudah bertanya bagaimana cara membuat tombol berbagi ke media sosial pada template tersebut, silahkan membaca artikel ini. Beberapa widget tombol berbagi dengan gaya berbeda yang telah saya posting sebelumnya juga dapat anda lihat pada link-link berikut ini. Siapa tahu ada style yang sesuai dengan selera anda. Artikel serupa: Membuat Social Share Button Responsive Tanpa JavaScript di Blog Membuat Tombol Social Share dengan Counter di Blog Cara Membuat Tombol Share di Blog dengan Efek Peekaboo Nah, untuk membuat social share button seperti yang terpasang pada Template Berminat, berikut kode atau script yang anda butuhkan. Demo # Kode CSS Letakkan dan simpan kode CSS berikut ini di atas kode </head> atau &lt;/head&gt;&lt;!--<head/>--&gt; <b:if cond='data:blog.pageType == &quot;item&am
Cara Membuat Random Post dengan Thumbnail di Blog

Cara Membuat Random Post dengan Thumbnail di Blog

Tutorial blogspot kali ini tentang bagaimana membuat widget random post with tuhumbnail (dengan gambar) di blog . Widget random post ini akan menampilkan postingan atau artikel pada suatu blog secara acak. Dengan demikian, widget ini sangat berguna untuk pengunjung blog dalam menjelajahi isi postingan blog tertentu, sehingga membuat visitor lebih lama berada di blog tersebut. Kurang lebih fungsi widget random post ini sama seperti widget Popular Post , hanya saja widget popular post menampilkan artikel yang paling sering dibaca. Sementara itu, widget random post akan menamilkan postingan secara acak, baik itu postingan yang populer, terbaru dan terlama sekalipun, dalam jumlah yang sudah ditentukan pada konfigurasi widget tersebut. Baca juga: Membuat Widget Random Post Tanpa Thumbnail di Bawah Postingan Widget random post with dengan gambar yang akan dibagikan pada artikel kali sudah disesuaikan dengan optimize image, yang akan memperbaiki skor specify image dimensions baik itu di
Membuat Menu + Kolom Search Melayang Saat di Scroll Tanpa jQuery

Membuat Menu + Kolom Search Melayang Saat di Scroll Tanpa jQuery

Tutorial blogspot kali ini tentang cara membuat menu dropdown dan kolom search melayang setelah di scroll , atau yang lebih dikenal dengan sticky menu/floating menu. Banyak cara untuk membuat floating menu atau sticky menu di blog, beberapa diantaranya ialah pure menggunakan CSS, menggunakan JavaScript hingga menggunakan jQuery. Namun, pada tutorial cara membuat sticky menu kali ini ialah tanpa jQuery yang biasanya menggunakan stylesheet jQuery yang disinyalir membawa dampak buruk pada loading blog, sehingga blog menjadi terasa berat saat loading. Cara membuat menu melayang kali ini menggunakan sedikit bantuan dari JavaScript yang cukup ringan dan tentunya 100% work. Baca juga: Cara Memasang Iklan di Tengah Postingan Tanpa Merusak Tampilan Blockquote dan Gambar Cara ini sebetulnya saya sudah terapkan pada Template Perkasa Magazine , namun saya tidak membuat blog demonya. Namun, bagi yang tertarik untuk memiliki Template Perkasa Magazie tersebut, saya sudah sertakan HTML template