Postingan

Menampilkan postingan dari November, 2016

Cara Memasang Gambar Slider Otomatis di Blogger

Gambar
Cara Memasang Featured Post Content Easy Slider (Image) Otomatis di Blogger. GAMBAR Slider dan sejenisnya --Carousel, Animasi (Gambar Bergerak)-- tidak dianjurkan dipasang di website atau blog. "Slider's suck!" kata sebagian desainer web. Pasalnya, slider bukan hanya memberatkan loading blog, tapi juga membuat pengunjung tidak nyaman, karena slider menyilaukan mata atau membuat pusing pengunjung. Studi NN Group bahkan menyebutkan hanya 1% pengunjung yang nge-klik slider atau posting plus gambar bergerak di halaman depan website/blog. Namun demikian, tetap saja ada (banyak) blogger yang ingin memasang slider ini di blognya dengan alasan "keindahan". Demonya seperti ilustrasi gambar di posting ini. Berikut ini contoh pemasangan kode untuk membuat gambar slider otomatis di blogger. Saran CB sih, jika Anda memasangnya, matikan autoplay-nya agar slidernya tidak mengganggu atau menyilaukan mata pengunjung blog Anda. Cara Memasang Gambar Slider Otomatis di Blogger KOD...

Navigasi Top Menu dan Main Menu Responsive Terbaik untuk Blogger

Gambar
Cara Membuat Navigasi Top Menu dan Main Menu Responsive Terbaik untuk Blogger. SEKADAR mendokumentasikan kode navigasi menu sekaligus berbagi, berikut ini kode Navigasi Top Menu dan Main Menu Responsive Terbaik untuk Blogger.  Ini kode dan tutorial memasang dua navigasi menu sekaligus, yaitu Menu Atas (Top Menu) dan Menu Bawah (Main Menu). Penampakannya di versi mobile seperti dalam ilustrasi gambar posting ini. Navigasi Top Menu adalah menu navigasi yang biasa dipasang di atas header blog, berisi link halaman statis About, Kontak, Disclaimer, dan Sitemap, plus icon link media sosial. ➤  Tips Membuat Navigasi Top Menu Responsive Main Menu adalah menu utama blog yang biasa dipasang di bawah header, biasanya berisi link Label atau Kategori. ➤  Cara Membuat Navigasi Main Menu Responsive Demikian kode Navigasi Top Menu dan Main Menu Responsive Terbaik untuk Blogger. Good Luck & Happy Blogging! (www.contohblog.com).*

CB Gallery - Template Blog Foto & Toko Online Responsive Gratis!

Gambar
KALI ini persembahkan Template Blog SEO Friendly, Fast Loading (Ringan), Simple, Responsive (Mobile Friendly) untuk Blog Toko Online, Galeri Foto, dan juga bisa untuk blog Video.  Namanya CB Gallery. Gratis, Free Download!!! Template SEO Terbaru from CB Blogger. Ini penampakan dan data SEO & Loading Speednya: DEMO | DOWNLOAD Ukuran file xml CB Gallery ini di bawah 100 kb, yaitu hanya File size: 92.92 KB . Ringan pisan! Tentunya jadi kenceng, karena memang didesain berdasarkan template Johy Wusss yang dikenal Wuss Wussss Wusss!!! Features : SEO Optimized Fast Loads Responsive - Mobile Friendly Meta Tags SEO Auto Readmore Responsive Grid Style 2 Column Related Post with Thumbnail Image Navigasi Halaman Nomor/Angka Next Prev Judul Posting Popular Post with Thumbnail Image Cocok untuk Blog Foto Pas untuk Blog Video Juga bisa buat Blog Toko Online Terpenting... Gratis!!! NO SUPPORT for Template Gatis ☺ Demikian saja pengantar singkat CB Gallery - Template Blog Foto & Toko...

Cara Membuat Halaman Formulir Kontak di Blogger

Gambar
Cara Membuat Halaman Statis Formulir Kontak ini melengkapi sekaligus update tips cara membuat form kontak sebelumnya. Yang ini model lain lagi. Cara membuatnya sama dengan model sebelumnya, yaitu: 1. Layout > Add a Gadget > More Gadgets > Contact Form 2. Save! Tahap berikutnya memasukkan kode: 1. Template > Edit HTML 2. Cari kode ]]></b:skin> 3. Copas kode berikut ini di atas kode tadi: #ContactForm1{display: none !important;} 6. Save! Langkah selanjutnya adalah membuat halaman khusus form kontak: 1. Page > New Page 2. Segera isi judul halaman dengan Kontak 3. Klik mode HTML 4. Copas kode berikut ini: <style type="text/css"> .contact-form-widget{margin-left:auto;margin-right:auto;width:600px;max-width:100%;padding:40px 0}.contactf-name,.contactf-email{float:left;width:48.25%}.contactf-name{margin-right:3.5%}.contact-form-name,.contact-form-email,.contact-form-email-message,.contact-form-name:hover,.contact-form-name:focus,.contact-form-email:hov...

Serial Template Blog Berita & Majalah Online SEO Friendly

Gambar
Serial Template Blog Berita & Majalah Online SEO Friendly. Semuanya didesain dengan pengoptimalan mesin pencari agar ramah mesin telusur dengan feature utama fast loading (ringan, cepa), responsive mobile-friendly. Meta tags sudah SEO optimized, simple dan bersih, adsense ready, cocok untuk blog berita atau majalah online, namun juga bisa digunakan untuk blog pribadi dengan niche blog apa saja. Tersedia juga blog khusus video (video blog) dan blog khusus foto (photo blog) dengan desain simple dan mobile friendly. Detik Style Simple Magz Simple Magz NJW Magz Trendy Magz  MotoGP Crash - Sport Blog CB Style Magz CB Video Blog untuk Blog Video dan Foto CB Blog Foto untuk Blog Foto CB Simple News -  Newspaper Style1 CB Online News - Newspaper Style2 My Simple Mag - Online Magzine CB Sporty - Sport Blog Serial Template Blog Berita & Majalah Online SEO Friendly di atas semuanya ada di halaman Galeri Template CB --termasuk harga, DEMO, dan cara order. Happy Blogging! (www.con...

CB Classy - Template Blog SEO Friendly Responsive Fast Loading Terbaru

Gambar
CB Classy - Template Blog Simple SEO Friendly Responsive Fast Loading Terbaru. MEMENUHI permintaan dan kebutuhan blogger tentang template blog seo friendly dengan kode-kode terbaru sesuai dengan algoritma mesin pencari, khususnya Google, berikut ini CB hadirkan template blog seo optimized terbaru. Namannya CB Classy - New SEO Friendly Blogger Template. Template ini didesain simple karena berorientasi mobile-first dan loading cepat agar disukai oengunjung dan mesin pencari, khususnya Google. Google menyarankan kecepatan loading blog hendaknya di bawah empat detik. CB Classy ini blog demonya memiliki kecepatan hanya 1,5 detik untuk tampil! Ringan banget! Meta tags dan elemen dalam kode template diminimalisir sedemikian rupa tanpa mengabaikan elemen terpenting. Features: Fiturnya, sebagaimana Koleksi Template Blog CB lainnya, antara lain: Responsive - Mobile Friendly Fast Loading - Ringan, Kenceng, Cepat! Simple & Clean  Good Structured Data - No Error - All Good Skor SEO 100% ...

Cara Membuat Navigasi Menu Responsive Mirip Facebook

Gambar
TUTORIAL atau   Cara Membuat Navigasi Menu Responsive Mirip Facebook ini sekaligus update tips sebelumnya:  Cara Membuat Header Bar (Top Menu) Mirip Facebook . Bedanya, kali ini desain menunya responsive alias mobile-friendly. Anda bisa lihat contoh atau demonya di Script Tutorials  yang menjadi sumber kode dalam posting ini. Kenapa mirip Facebook? Ini menyangkut User Experience. Jika sebagian desain blog kita mirip situs terkenal (populer), maka pengunjung akan merasa "at home", nyaman, terbiasa dan betah. Cara Membuat Navigasi Menu Responsive Mirip Facebook Baik, langsung saja ini dia Cara Membuat Navigasi Menu Responsive Mirip Facebook dalam langkah mudah berikut ini. 1. Klik "Template" > "Edit HTML" 2. PASANG KODE CSS Pasang kode berikut ini di atas kode ]]></b:skin> * { margin: 0; padding: 0; } html { background-color: #E9EAED; height: 100%; } body { color: #333333; font-family: 'Helvetica Neue',Helvetica,Arial,'lucida grande...

Tampilan Baru Dashboard Blogger Lebih Simple dan Praktis

Gambar
Tampilan Baru Dashboard Blogger Lebih Simple dan Praktis DALAM beberapa hari terakhir, CB "kebingungan" karena tombol "Lihat Blog" (View Blog) yang biasa ada di atas dashboard blogger hilang. Rupanya, Blogger sedang mengubah tampilan dashboard blogger. Mulai hari ini, 23 November 2016, tampilan dashboard blogger seperti berikut ini: Tentu kita belum terbiasa, tapi lama-lama juga akan terbiasa, bahkan tampilan baru dashboard blogger ini lebih simple dan praktis, terutama bagi pemilik blog lebih dari satu. CB    mendapatkan Notifikasi perubahan tampilan dashboard blogger ini, sebelum menulis posting ini. Anda juga pasti mendapatkannya. Blogger sendiri mengumumkan tampilan baru Dashboard Blogger ini kemarin, 22 November 2016: A first few tweaks toward a better Blogger , plus screenshot seperti ini: " To kick things off, we’ve taken a crack at simplifying Blogger’s dashboard so that it’s easier for you to get right to the tools you need. Now, whenever you open Bl...

Cara Pasang Iklan AdSense di Atas dan Bawah Posting Blog

Gambar
Cara Pasang Iklan AdSense di Atas dan Bawah Posting Blog . PASANG iklan, termasuk Google AdSense , harus terlihat jelas oleh pembaca, namun jangan sampai mengganggu. Demikian saran Google. Sebaiknya iklan dipasang tanpa mengganggu tampilan tulisan. Lagi pula, pembaca lebih fokus ke postingan. Jangankan iklan, related post saja tidak dianjurkan dipasang di awal atau tengah postingan karena akan diabaikan pembaca yang sedang "serius" baca naskah. Jadi, sebaiknya iklan, juga related post, diletakkan sebelum dan sesudah tulisan, agar tidak mengganggu pengunjung yang sedang "mencerna" postingan. Cara Pasang Iklan AdSense di Atas dan Bawah Posting Blog ini bisa diterapkan di blog yang belum diterima Google AdSense sekalipun. Anda bisa pasang banner SPACE IKLAN atau iklan Anda sendiri, misalnya promosi blog Anda yang lain atau promo bisinis online Anda. Cara Pasang Iklan AdSense di Atas dan Bawah Posting Blog Berikut ini Cara Pasang Iklan AdSense di Atas dan Bawah Posting...

Membuat Recent Post Label Tertentu dengan Satu Gambar Thumbnail

Gambar
Cara Membuat Widget Recent Post Label Tertentu dengan Satu Thumbnail Image (Gambar Thumbnail) sudah lama ada di blognya Maskolis . Kodenya masih work . Widget posting terbaru berdasarkan label/kategori ini bisa dipasang di sidebar blog. Biasanya widget ini banyak digunakan oleh blog konten berita . Salah satu fungsi widget recent post per label ini untuk memudahkan para pembaca mengeksplorasi tiap kategori yang ada. Bisa juga untuk meringkas ruang pada sebuah template, khususnya yang tiga kolom. Penampakannya seperti gambar ilustrasi posting ini. CB share juga kode dan cara pasang widget posting terbaru berdasarkan kategori hanya berupa judul posting saja. Membuat Recent Post Label Tertentu dengan Satu Thumbnail 1. Template > Edit HTML 2. Copas kode berikut ini di atas kode ]]></b:skin> img.label_thumb{float:left;border:1px solid #8f8f8f;background:#D2D0D0;margin-right:10px;height:60px;width:60px;padding:2px} img.label_thumb:hover{background:#f7f6f6} .label_with_thumbs{...

Cara Memasang (Embed) Video Facebook di Posting Blog

Gambar
Cara Terbaru Memasang (Embed) Video Facebook di Posting Blog BANYAK Video Facebook yang bagus. Kita bisa mempublikasikan video facebook di posting blog dengan menempelkan kodenya. Ini cara terbaru. Cara lama tidak berlaku. Menu 'Option' tidak ada lagi pilihan kode tempel video untuk dipasang blog atau situs web. Sebagaimana dipandu laman resmi Facebook tentang Embedded Video & Live Video Player di blog atau website, berikut ini cara terbaru memasang video Facebook di blog. 1. Choose URL or Page Copy link atau URL Video Facebook yang akan dipasangkan. Caranya, klik kanan video, dan pilih "Show Video URL".  2. Code Configurator Buka laman  Code Configurator  lalu PASTE link video tadi, kemudian klik tombol " Get Code " untuk membuat kode tempel (embedded video player code). 3. Copy & Paste HTML snippet Copy dan paste kode yang muncul di mode HTML postingan blog. Ini contoh video di Facebook yang dipasang di postingan blog. Gol Sergio pada pertandinga...

Memadukan Media Sosial dan Blog untuk Pengembangan Bisnis

Gambar
MEDIA SOSIAL sejatinya adalah media pertemanan dan jejaring sosial ( social networking ). Namun, media sosial juga dapat dimanfaatkan untuk pengembangan bisnis online . Dipadukan dengan blogging ( toko online/online store ), maka pengembangan bisnis akan "sempurna" meningat masyarakat umumnya menggunakan internet untuk mencari info produk sebelum shopping, baik beli online langsung maupun beli offline. CB --kemungkinan besar Anda juga-- biasa Googling dulu sebelum membeli sebuah produk atau mencari layanan jasa (service). Saat CB mau beli burung kenari, misalnya, maka CB pun tanya ke Si Mbah dengan kata kunci "kenari bandung" atau "jual kenari panda bandung". Menurut para pakar internet marketing, perpaduan media sosial dan website atau blogging merupakan perpaduan sempurna untuk bisnis online. Media sosial berfungsi mempromosikan produk sekaligus berinteraksi dengan pelanggan atau calon pembeli. Website atau blog menjadi HUB atau pusatnya. Yang  dimuat d...

Widget Link Media Sosial plus Kotak Berlangganan (Subscribe/Newsletter) untuk Blogger

Gambar
Cara Memasang Widget Link Media Sosial plus Kotak Berlangganan (Subscribe Box/Email Newsletter) di Sidebar Blog. KODE widget berikut ini menggabungkan ikon & link media sosial dengan kotak berlangganan ( subscription box/email newsletter/follow by email ). Tampilannya simple, bersih, tapi keren. Ikon dan link medsosnya adalah RSS Feedburner, Google Plus, serta dua media sosial terpopuler --Facebook dan Twitter. CB juga pasang, namun menghilangkan ikon link medsosnya karena sudah ada di navigasi menu di atas header . Anda juga bisa memilih jenis Kotak Berlangganan plus Media Sosial lainnya . Penampakannya seperti di gambar ilustrasi di atas. Berikut ini cara memasangnya, tidak usah Edit HTML, cukup di Layout/Tata Letak blogger Anda. Cara Pasang Widget Link Media Sosial + Kotak Berlangganan 1. Layout > Add a Gadget > HTML/JavaScript 2. Judul Boleh Dikosongkan, Boleh juga diisi, misalnya: JOIN & FOLLOW ME! 3. Copas kode berikut ini ke kolom Content: <style> div.su...

Jangan Panik Jika Blog Tidak Tampil Normal atau Error

Gambar
Jangan Panik Jika Blog Tidak Tampil Normal atau Error. Misalnya, logo tidak muncul, related post atau navigasi menu nomor/angka tidak muncul, bahkan saat instal ganti template ada error warning . Bisa jadi, kesalahan, error, atau tampilan blog tidak normal itu karena koneksi internetnya drop atau down, lagi lambat. Maka, coba refresh (Tekan F5) halaman blog Anda. Jika koneksi kondisi normal, refresh halaman sudah dilakukan berkali-kali, tampilan blog tetap error, baru benar-benar kode dalam template blog Anda bermasalah. Bisa karena kode javascrip, css, atau html yang tidak semestinya, bentrok, kebanyakan, ada yang kurang, dan sebagainya. Yang paling sering CB alami sih, jika tampilan blog tidak normal, ada dua: Koneksi Internet Nge-Drop atau Terputus saat Loading. Ada kode yang tertinggal atau berlebih, misalnya kurang kode ], }, atau koma dan titik, atau kode penutup </div> dan sebagainya. Demikian sekadar berbagi pengalaman, khususnya buat pemula yang "gampang panik...

Kelompok Informasi Masyarakat (KIM) dan Blog

Gambar
Kelompok Informasi Masyarakat (KIM). Foto: babelprov.go.id Kelompok Informasi Masyarakat (KIM) adalah lembaga masyarakat yang berfungsi mengelola informasi dan komunikasi antar-warga masyarakat. Kelompok Informasi Masyarakat (KIM) adalah suatu lembaga layanan publik yang dibentuk dan dikelola dari, oleh dan untuk masyarakat yang secara khusus berorentasi pada layanan informasi dan pemberdayaan masyarakat sesuai dengan kebutuhannya. Secara praktis, KIM itu seperti lembaga media lokal yang meliput dan menyebarluaskan informasi seputar kegiatan lembaga masyarakat dan warga sekaligus media komunikasi antar-warga. Berdasarkan Peraturan Menteri Komunikasi dan Informatika RI No. 08/PER/M.KOMINFO/6/2010 tentang Pedoman Pengembangan dan Pemberdayaan Lembaga Komunikasi Sosial, tanggal 1 Juni 2010, Kelompok Informasi Masyarakat (KIM) atau kelompok sejenis lainnya adalah kelompok yang dibentuk oleh, dari, untuk masyarakat secara mandiri dan kreatif yang aktivitasnya melakukan pengelolaan info...