Cara Menghilangkan Sidebar Halaman Static di Blogger

Terkadang kita menginginkan sebuah halaman yang berbeda dari halaman artikel pada umumnya, baik karena menginginkan halaman yang yang sedikit lebih luas, maupun untuk keperluan lainnya. Kita tidak dapat menggunakan 2 template untuk 1 blog, tidak seperti wordpress. Untuk hal itu dibutuhkan untuk menghilangkan space sidebar kita, dan memperluas halaman posting page.

Ikuti Langkah berikut:
1. Buka Template -> Edit HTML.
2. Masukkan kode berikut setelah </b:skin>

<b:if cond='data:blog.pageType == "static_page"'>
<style>
.main-inner .columns {padding-left: 0px !important;padding-right: 0px !important;}
.main-inner .fauxcolumn-center-outer {left: 0px !important;right: 0px !important;}
.main-inner .fauxcolumn-left-outer, .main-inner .fauxcolumn-right-outer, .main-inner .column-left-outer, .main-inner .column-right-outer {display: none !important;}
</style>
</b:if>

coba save terlebih dahulu, dan cek apakah tampilan page sudah berubah, jika belum berhasil; buka blog anda, klik kanan > Inspect Element

Kemudian klik ikon kursor di sudut kiri atas inspect element.

Kemudian arahkan ke sidebar kanan, perhatikan hasil seleksi sidebar kanan yang menyeluruh, dan lihatlah penamaan sidebar kanan tersebut. kalau pada blog ini nama sidebar kanannya sidebar-container seperti gambar berikut:

ganti tulisan kuning di atas menjadi seperti berikut:

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style>
.sidebar-container {display: none !important;}
</style>
</b:if>

yep, cukup 1 baris aja.

sampai langkah ini, sidebarnya sudah hilang, outputnya bakal gini.

untuk melebarkan halaman postingan hingga penuh 1 halaman, gunakan inspect element lagi untuk melihat penamaan,  disini nama class nya post-container; tapi saya menggunakan id nya; class engga mau. mungkin untuk tahap ini lebih banyak coba cobanya.

dan tambahkan 1 baris lagi untuk mengmenuhkan halaman postingan sehingga menjadi seperti berikut:

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style>
.sidebar-container {display: none !important;}
#post-wrapper {width:100%; max-width:100%}
</style>
</b:if>

dan selesai, untuk blog dengan template ini, cuma butuh memasang script diatas dibawah </b:skin> , untuk blog dengan template lainnya, bisa mencoba mulai dari langkah awal. well selamat mencoba.

Cara Mudah Membuat Blog Menjadi Mobile-Friendly

Pada tanggal 16 April 2015 lalu, google mengumumkan bahwa ia akan menambahkan ke-mobile friendly -an suatu situ sebagai ranking signal pada hasil pencarian di google. Yang saya tangkap, padaTanggal 21 April 2015 bakal ada update algoritma google tentang template mobile friendly. disini dia akan mengecek, apakah blog atau web tersebut sudah  mobile friendly apa belum. bagi blog atau web yang tidak suppport mobile friendly, maka posisi rankingnya bakal turun di hasil pencarian google.

Cukup wajar, tujuannya sih untuk meningkatkan pengalaman pengguna, soalnya menurut si google ini, 33% trafik yang datang ke situs kita berasal dari pengguna HP atau sejenisnya

ini dia email tentang update algoritmanya,

awalnya, ketika saya mengecek tes Mobile Friendly blog echokita.blogspot.com ini, saya  mendapat banyak tanda silang seperti yang tampak pada gambar dibawah

Cara Mudah Membuat Blog Menjadi Mobile-Friendly

Blogger/ Blogspot sudah menyediakan settingan default untuk mengubah blog kita menjadi Mobile Friendly, walaupun kita tidak menggunakan template yang responsive (template yang support mobile friedly). Jadi, disini kita akan membuat blog menjadi mobile frindly tanpa mengganti template. Caranya cukup mudah, ikuti langkah berikut.

1. Login dengan akun blogger anda.
2. Masuk ke blog yang anda kelola, lalu klik menu Template
3. Lalu klik icon Costumize Mobile Template

1. Kemudian pada menu Costumize Mobile Template, Pilih Yes. Show mobile template on mobile devices. Lalu Klik Save

Oke, kita telah selesai Membuat Blog kita Menjadi Mobile-Friendly.

Cara Ngecek Apakah Blog Kita sudah Mobile Friendly ?

Cara untuk mengecek situs kita sudah mobile friendly menurut si google cukup mudah,

1. Kunjungi https://www.google.com/webmasters/tools/mobile-friendly/
2. Masukkan alamat blog anda pada kolum yang tersedia, lalu klik analyze

Sampai tahap ini seharusnya blog kita sudah siap untuk menghadapi algoritma yang lahir pada tanggal 21 April

Cara Mendaftar Domain TLD Gratis + Gambar Untuk Blogspot

TLD (singkatan dari Top Level Domain) adalah ekstensi pada huruf terakhir pada saat kita menulis alamat  suatu website. misalnya google.com. Bagi pengguna blog, penggunaan TLD bisa dikatakan penting untuk memudahkan pembaca dalam mengakses blog kita dengan menyingkat alamat blogger dari

Alamat.blogspot.com menjadi -> alamat.com

Melaporkan Pencuri Konten Blog ke DMCA + Gambar

DMCA (singkatan dari Digital Millennium Copyright Act) Adalah suatu hukum yang menangani perlindungan hak cipta di internet. Dalam hal ini adalah perlindungan hak cipta pada konten yang dipublikasikan oleh seseoarang diwebsitenya. Karena pada umumnya, tingkah laku seseorang (biasanya para blog-er (tidak semua)) ketika melihat konten yang baik itu bukannya di beri point berupa backlink, google +, facebook like, atau share ke twitter, tapi malah mencuri dengan Copy Paste bulat-bulat artikelnya

Cara Membuat Blog Menggunakan Blogger + Gambar

Blog

Blog adalah suatu sarana berbagi online melalui web. Umumnya, setiap pengguna blog(blogger) menggunakan blog untuk membuat tutorial, menulis catatan, maupun berjualan melalui blog. Mereka yang membuat catatan di blog