Postingan

Menampilkan postingan dari Agustus, 2016

Cara Membuat Daftar Isi (Sitemap) Blog Accordion Keren

Gambar
Cara Membuat Daftar Isi (Sitemap) Blog Accordion Keren Berdasarkan Label/Kategori. DAFTAR ISI , Table of Content (ToC), atau Peta Situs Sitemap adalah halaman blog berisi indeks atau daftar posting. Contohnya bisa dilihat di Sitemap . Fungsi widget daftar isi ini sebagai internal link dan navigasi blog yang memudahkan pembaca mencari tulisan yang dibutuhkan. Halaman statis sitemap ini bisa meningkatkan pageviews . Banyak sekali jenis desan tampilan sitemap/daftar isi blogger, salah satunya dari DTE  bernama daftar isi akordion (accordion table of content) seperti ini: Tampilan Daftar Isi (Sitemap) Blog Gaya Accordion  | Live Demo Anda masih bisa utak-atik atau edit warnanya di kode css. Model sitemap blogger ini dinamakan 'Tabel Konten Akordion dengan Sortir Label' karena disortir berdasarkan kategori posting. Cara Membuat Daftar Isi (Sitemap) Blog Accordion 1. Buat halaman baru: Page > New Page 2. Klik mode HTML 3. Copas kode berikut ini: <link rel="stylesheet"...

Navigasi Menu Responsive Dropdown Statis Melayang - Simple & Fast Loading

Gambar
Cara Membuat / MemasangNavigasi Menu Responsive Dropdown Statis Melayang - Simple & Fast Loading di Blogger. NAVIGASI menu blog responsive merupakan widget yang wajib dipasang di era mobile user sekarang ini. Demikian juga menu statis ( static menu ) atau menu melayang ( floating menu ) alias menu tetap ada jika halaman discroll ke bawah ( fixed menu ). Lihat  DEMO Kode-kode navigasi menu di bawah memenuhi semuanya --responsive aka mobile friendly , statis, floating, fixed alias tetap muncul saat halaman discroll ke bawah. Plus... DROPDOWN ! Jadi, ini navigasi menu untuk blogger lengkap banget, simple, dan fast loading karena javascript hanya untuk menjadikannya 'floating menu'. Sorry, ada Mika Tembayong ikutan mejeng :) Cara Pasang Navigasi Menu Responsive Dropdown Statis Melayang  KODE CSS Simpan di atas kode ]]</b:skin> atau </style> Bisa juga di pasang di atas kode </head> , tapi awali dengan kode pembuka css  <style> dan akhiri ...

CB Simple Store - Template Blog Toko Online SEO Responsive Ringan

Gambar
CB Simple Store - Template Blog Toko Online (Online Shop) SEO Friendly, Responsive, Fast Loading, Ringan, Cepat, Terbaru! YANG belum punya blog online-shop, silakan Ikuti Panduan Cara Membuat Blog Toko Online dengan Blogger , lalu gunakan template ini. Template ini "sekadar" menemani template CB Online Store yang lama "sendirian". Secara, baru satu CB Online Store itu yang CB bikin untuk template blog kategori e-commerce atau online shopping blogger template. Harga CB Simple Store: Rp150.000,- DEMO |  ORDER RESPONSIVE - MOBILE FRIENDLY SKOR SEO SEO  Score for http://cb-simplestore.blogspot.co.id 100 % Congratulations! Speed: Fast Loading!  Structured Data: All Good Desain CB Simple Store terinspirasi tampilan ebay yang simple. Zaman mobile friendly sekarang memang gak mesti neko-neko desain blognya. Yang simple akan lebih seo friendly, user friendly, dan fast loading serta mudah terindeks Google. CB Simple Store juga bisa digunakan untuk blog bukan Toko Onli...

Detik Style - Template SEO Fast Responsive untuk Blog Berita

Gambar
Detik Style - Template SEO Friendly Fast Loading Responsive untuk Blog Berita . SEBELUMNYA CB pernah share template blog mirip detik.com, Detikcom Style Blogger Template . Banyak yang unduh dan gunakan, khususnya blog berita. Kali ini CB hadirkan model terbaru template mirip situs berita detik.com tampilan terkini. Namanya Detik Style . Sengaja tidak dibuat mirip banget supata situs berita Anda juga punya ciri khas. DEMO  |  ORDER Berbeda dengan Detikcom Style yang berat dan tidak reponsive, Detik Style ini fast loading dan responsive dan Full SEO Optimized. Dinamakan Detik Style, ya karena "nyontek" tampilan detik.com. Template ini tiga kolom sehingga menyediakan ruang sangat leluasa untuk menampilkan posting atau iklan di mana saja. Blog pribadi juga bisa menggunakan template ini, namun dengan syarat banyak label atau variatif. Features Detik Style Blogger Template: Mirip situs ternama sehingga memenuhi User Experience (UX) SEO Optimized Responsive - Mobile Friendly User...

Trendy Magz - Template SEO Friendly Responsive Terbaru

Gambar
Trendy Magz - Template SEO Friendly, Fast Loading, dan Responsive Terbaru dari CB Blogger yang dirancang khusus untuk majalah berita online atau general blog (banyak label/kategori). Ini template premium. Berikut ini penampakan dan data-datanya: Trendy Magz - SEO Friendly Responsive Blogger Template Mobile-Friendly Test Awesome! This page is mobile-friendly. Structured Data TResting Tools :  All Good. No Error! SKOR SEO 100% Kecepatan Loading: A (93%) Live DEMO  | Order Now Fitur Trendy Magz - Template SEO Friendly Responsive Terbaru   - Responsive: Awesome! This page is mobile-friendly. - SEO Friendy: Skor SEO 100% di Chkme - Fast Loading: Skor Speed A di GT Metrix - Structured Data All Good di Webmaster Structured Data Testing Tools - Meta Tags SEO Friendly - Featured Post Image - Carousel Image Post untuk Galeri Foto, Produk, Posting Unggulan - Sidebar Tabber Tab - Multitab - Related Posts Image Dua Kolom - Social Share Included - Next Prev dengan Judul Posting - ...

Dampak Google Code Dihentikan, Banyak Widget Blog Tidak Tampil

Gambar
Pengaruh Dihentikannya Hosting Google Code terhadap Blogger. CB menerima email dari The Google Apps Team18 Agustus 2016. Isinya mengingatkan bahwa hosting atau simpanan kode di Google Code sudah dihentikan dan mulai 31 Agustus 2016, giliran file kode yang disimpan di Google Drive yang akan diberangus. Anda juga mungkin menerima email serupa, khsusunya jika Anda menggunakan layanan Google Code dan Google Drive untuk menyimpan kode CSS, HTML, ataupun JavaScript. Ini dia isi "surat" dari Google App Team: Hello from Google, We announced last year that we’re deprecating web hosting in Google Drive for users and developers . Our records show that you might have used this feature to publish a webpage or serve other web assets. On Aug 31, 2016, we will discontinue serving content via googledrive.com/host/[ id] and the webpages will not be accessible anymore. As an alternative to web hosting in Drive, we recommend: Blogger —An easy and free way to host websites. Firebase Hosting — A...

Top 10 Tim Sepakbola Terpopuler di Dunia Berdasarkan Media Sosial

Gambar
Top 10 Tim Sepakbola Terpopuler di Dunia Berdasarkan Liker dan Follower Media Sosial Facebook dan Twitter . PENGGEMAR sepakbola tidak akan asing dengan nama-nama Manchester United, Real Madrid, Barcelona, Chelsea, Arsenal, Liverpool, AC Milan, Bayern Munich, dan Manchester City. Berdasarkan Liker Fanspage Facebook dan Follower Twitter, merekalah klub atau tim sepakbola terpopuler di dunia, plua Galatasaray Tukri yang masuk ke dalam Top 10 Tim Sepakbola Terpopuler di Dunia Berdasarkan Media Sosial. Data Fanspage List menunjukkan, FC Barcelona merupakan klub sepakbola terpopuler di dunia, diikuti Real Madrid di posisi dua dan Manchester United di posisi ketiga. Dalam beberapa tahun terakhir, popularitas Barca tidak lepas dari popularitas sosok Lionel Messi plus Neymar. Madrid punya pemain terbaik dunia, Cristiano Ronaldo. Total follower Barca mencapai 112,653,313, beda tipis sama Madrid 112,428,646, dan cukup jauh meninggalkan MU 70,802,123. Maklum, United tergolong ...

Cara Membuat Contact Form di Halaman Statis Blog

Gambar
Cara Membuat Formulir Kontak (Contact Form) di Halaman Statis Blog BLOGGER sudah menyiapkan widget "Formulir Kontak" untuk dipasang di sidebar blog.   Widget contact form ini memudahkan pengunjung menghubungi admin blogger untuk "kepentingan pribadi" atau "pesan khusus" yang tidak ingin diketahui pengunjung lain. Dengan adanya halaman khusus Form Kontak ini, maka pengunjung/pembaca tidak mesti mengirimkan pesan via email, cukup di contact form ini. What a User Friendly! Berikut ini CB share cara membuat halaman khusus (halaman statis) formulir kontak sehingga Contact Form tidak muncul di sidebar. Contoh atau demo halaman kontak di blogger ini bisa dilihat di Halaman Kontak . Jika ada pengunjung  yang mengisi contact form tersebut, maka pesannya akan masuk ke Inbox Email Gmail kita sebagai admin blog, yaitu email yang digunakan untuk membuat blog. Jika tidak ada di folder email utama (Primary), maka akan masuk di folder "Social". Cara Membuat F...

Responsive Blogger Template - Template Blog Standar untuk Dimodifikasi Lebih Keren

Gambar
Responsive Blogger Template - Template Blog Standar untuk Dimodifikasi Lebih SEO & Keren. SEBELUMNYA CB sudah share  Template Blog SEO Friendly Valid HTML5 Siap Modif  dan Cara Modifikasi Template Standar Blogger Lebih SEO dan Responsive . Kali ini CB share satu template standar blogger atau bawaan blogger yang sudah responsive, namun masih perlu dimodifikasi lagi biar lebih SEO Friendly dan User Friendly, namanya 'Responsive Blogger Template'. Responsive Blogger Template ini sebenarnya sudah siap pakai, sudah responsive, dimodifikasi dari default blogger template Simple karya Josh Peterson yang menjadi template gratis yang disediakan blogger. Namun, bagi Anda yang mau belajar modif template, Responsive Blogger Template ini bagus buat dirombak lagi, sesuai selera Anda, misalnya dengan Auto Readmore, Related Posts, Social Share Button, dan sebagainya. Responsive Blogger Template bisa didownlod atau dicopy kodenya di Github . Untuk demonya, silakan buat blog baru, lal...

Cara Mengatur Ukuran Lebar Gambar di Postingan Blog

Gambar
Cara Membatasi atau Mengatur Ukuran Lebar Gambar di Area Posting Blog (Single Post) CB sering membuka blog, dengan template bawaan blogger, yang tampilan gambarnya kegedean, terlalu lebar, sehingga melebihi batas ukuran lebar area posting, menembus sidebar. Hal itu terjadi karena gambar yang diupload melebihi lebar area posting. Misalnya, ukuran area tulisan 600px, tapi gambar atau foto yang diunggah sebagai ilustrasi atau pelengkap postingan lebih dari itu, misalnya 800px atau 1024  pixel. Untuk mengatasinya, terutama bagi pengguna template bawaan blogger, maka tambahkan kode berikut ini di atas kode ]]> </ b: skin> .post-body img {max-width:100%} Cara Mengatur Ukuran Lebar Gambar di Postingan Blog Berikut ini langkah detail membatasi ukuran gambar/foto di postingan blog 1. Klik "Template" > "Edit HTML" 2. Cari (Ctrl+F) kode ]]> </ b: skin> 3. Copas kode berikut ini di atas ]]> </ b: skin> .post-body img {max-width:100%;height: auto...

Cara Download, Save, Menyimpan Gambar di Layar Komputer - Membuat ScreenShot

Gambar
Cara Membuat SceenShot - Simpan Gambar dari  Layar Komputer : Image: techglows.com.* Cara Download, Simpan Gambar, Membuat ScreenShot, atau Mengambil Image/Foto di Layar Komputer . BANYAK cara untuk unduh (download), membuat ScreenShot, atau mengambil gambar (image/foto) yang ada di layar komputer. Bukan hanya untuk kegiatan ngeblog (ilustrasi gambar posting), tips ini juga berlaku bagi Anda yang akan mengambil statistik, tabel, atau apa saja untuk kepentingan non-blogging. Berdasarkan pengalaman, setidaknya ada lima cara save, simpan, atau download gambar/foto/image yang ada di layar komputer, khususnya di website atau blog atau gambar yang ada di mana pun selama muncul di layar komputer: Klik kanan mouse dan Save As Snipping Tools Tekan PrtSc SysRq di keyboard Gunakan Software / Aplikasi WebSceen Shot Keadilan Sosial bagi Seluruh Rakyat Indonesia Cara Mengambil Gambar di Layar Komputer Cara #1. Save Imagae As Cara download gambar di layar komputer no.1 ini sudah sangat umu...

CB Theme - Template Blog Super SEO, Simple, dan Bersih

Gambar
Super SEO Friendly Blogger Template Terbaru Updated! Simple, Bersih, Good Looking!  Template SEO Friendly Hasil Modifikasi Template Bawaan Blogger Simple - Responsive UPDATE!  23 Agustus 2016 . CB THEME sudah diupdate menjadi lebih modern dan SEO Friendly. Lebih penting lagi, masi FREE alias Gratis Download, but Non Removable Credit Link. Apa saja yang diupdate? 1. Responsive - Mobile Friendly 2. Related Post with Thumbnail Image 3. Fix Error Structured Data 4. Navigasi Halaman Pake Nomor 5. Navigasi Menu Responsive dan Statis (Melayang/Floating) 6. Lebih rapi 7. Widget Footer Responsive 8. Next Previous Judul Posting 9. More SEO Friendly 10. Many More... Silakan cek DEMO untuk lihat perubahannya. It's so clean and simple dan dijamin tidak melanggar TOS ataupun Aturan Desain Blog Google karena ini aslinya template bawaan blogger. CB Theme --singkatan dari Contoh Blog Template-- bisa dikatakan Super SEO Blogger Template! Ini hasil modifikasi template bawaan (default) blogger b...

Cara Menuliskan Kode HTML & JavaScript di Komentar Blog

Gambar
Cara Menuliskan Kode HTML & JavaScript di Komentar Blog - Mengatasi 'Your HTML cannot be accepted: Tag is not allowed...'. KADANG kita harus menyertakan kode HTML  bahkan JavaScript saat menulis komentar di blogger. Namun,  form komentar blogger tidak mengizinkan kita menuliskan/menyisipkan kode HTML & JavaScript. Kalo kita "maksa" menuliskan kode HTML, misalnya sekadar menuliskan <div> saja, maka akan ada notifikasi warna merah seperti ini: ' Your HTML cannot be accepted: Tag is not allowed: DIV ' Kalo kita masukkan kode JavaScript dalam kolom komentar blog akan muncul notifikasi seperti ini: ' Your HTML cannot be accepted: Tag is not allowed: SCRIPT ' Artinya, kode HTML & JavaScript Anda tak bisa diterima: Tag tidak dibolehkan:DIV/SCRIPT. Begitu katanya. Untuk kode HTML yang dilarang contohnya berikut ini: Bagaimana mengatasinya? Bagaimana Cara Menuliskan Kode HTML & JavaScript di Komentar Blog? Solusinya adalah dengan men...

Pasang SEO Smart Links: Bagus atau Buruk buat Blog?

Gambar
Pasang SEO Smart Links: Bagus atau Buruk buat Blog? SEO Smart Link adalah kode javascript untuk membangun tautan internal secara otomatis (Auto Internal Linking) di posting blog. Dengan memasang script ini, maka Anda tidak harus secara manual memasukkan URL link ke dalam satu kata (text anchor) yang akan dijadikan hyperlink. Jika Anda ketik "Cara Pasang Smart Link di Blogger" di Google, akan akan banyaaaaaaak banget blogger yang  menulis posting dan share kode smartlink. Entahlah, siapa yang copas siapa. Yang jelas, setahu CB, sumber awalnya adalah Blog Juragan yang menulis posting Pasang SEO smart link untuk Blogspot/blogger (update)  tahun 2010. Lalu, posting itu dicopas berulang oleh blogger lain --kebanyakan sih tidak menyebutkan sumbernya. SEO Smart Link ini awalnya sebuah WP Plugin , bernama SEO Automatic Link, yaitu plugin untuk CMS WordPress yang fungsinya mengubah setiap kata yang kita tentukan menjadi sebuah link. Cara Memasang SEO Smart Link di Blogger Unt...