Template New Johny Wuss Versi Terbaru - NJW V2 Update

INILAH Template SEO Friendly, Fast Loading, Responsive-Mobile Friendly Terbaru: New Johny Wuss Versi Terbaru - NJW V2 Update.

Demonya masih beralamat di NJW V2, namun templatenya sudah NJW V2.1 alias NJW Terbaru yang diupdate dan disempurnakan sesuai dengan perkembangan "coding" template blogger terkini.

Kode SEO-nya sudah diupdate. Demikian juga Structured Data Microdata Schema sudah ditambahkan. Navigasi halaman nomor diperbaiki.

Menu Navigasi Responsive juga diperbaiki, ditambah TOP MENU di atas header.

Selebihnya silakan bandingkan dengan NJW V2. Yang jelas, inilah Template New Johny Wuss Versi Terbaru - NJW V2 Update.

Jangan terkecoh dengan NJW Versi 4, Versi 5, Versi 6, bahkan ada Versi 7 !!! Wow.... !!! Ada juga yang berubah nama menjadi SL apa gitu, wkwkwkwk....! Padahal itu aslinya NJW. Cuma diubah sana-sini aja dengan tambah ini itu.

Waspadalah.... ! New Johny Wuss (NJW) yang "resmi" ya dari CB Blogger--muridnya maskolis :)

Ini penampakan dan link downloadnya.

Live DEMO | DOWNLOAD 

Panduan Setting NJW V2.1

CARA INSTAL
1. Theme/Template > Backup/Restore (Cadangkan/Pulihkan)
2. Browse > Open > pilih file template > Upload !
3. Klik Ikon Gear > klik "No. Show desktop...."

Featured Post
Tambahkan Label Featured (dengan F besar/kapital) pada postingan yang akan ditampilkan.

Panduan Setting Lainnya

Template New Johny Wuss Versi Terbaru - NJW V2 Update ini masih GRATIS alias Free Download! Good Luck! (www.contohblog.com).*

Pengertian Viral: Virus Virtual di Media Sosial

KATA atau istilah VIRAL kian akrab di telinga dan mata kita. Apa sebenarnya Pengertian Viral?

Hasil "studi online" menunjukkan, Viral adalah singkatan dari bahasa Inggris, Virus Virtual. Virus adalah penyakit. Virtual adalah artinya tidak nyata.

Dalam kamus Bahasa Inggris disebutkan: viral ks. disebebkan kuman virus. v. pneumonia radang paru disebabkan kuman virus.

Di Kamus Bahasa Indonesia, vi.ral diartikan sebagai (a) berkenaan dengan virus dan (b) bersifat menyebar luas dan cepat seperti virus: kampanye itu telah menjadi viral.

Pengertian praktisnya, Virus Virtual atau Viral adalah penyebaran informasi atau komunikasi melalui dunia maya (media internet), khususnya di media sosial.

"Menjadi viral" artinya disebarluaskan para pengguna media sosial atau pengguna aktif internet (netizen/warga intenet) -- --share, like, comments.

Di Wikipedia kita menemukan istilah Pemasaran Viral (Viral Marketing), yaitu strategi dan proses penyebaran pesan elektronik yang menjadi saluran untuk mengkomunikasikan informasi suatu produk kepada masyarakat secara meluas dan berkembang.

Pemasaran Viral berkembang melalui jaringan internet, yang menduplikasikan dirinya menjadi semakin banyak, seperti kerja sebuah virus komputer. Pemasaran Viral memerlukan koneksi jaringan Internet dalam penggunaannya.

Situs-situs berita sering memberikan kejadian atau peristiwa yang menjadi viral di media sosial. Berikut ini contoh judul berita tentang viral:

• Video Pemukulan Pada Pengemudi Mobil di Purbalingga Jadi Viral
• Ejek Pasangan Makan Nasgor Pinggir Jalan, Cewek Ini Jadi Viral
• Video Nenek Dipaksa Mengemis Jadi Viral, Dia dan "Cucunya
• Dewi Mulyani, Siswi SMK yang Mendadak Menjadi Viral di Medsos 
• Video Penganiayaan Orangtua Jadi Viral, Pelakunya Anak Kandung 
• Polwan Cantik Ini Jadi Viral Setelah Ikut Kepung Pelaku Bom di Bandung

Khusus judul berita yang terakhir, ini dia foto Polwan Cantik bernama Ismi Aisyah yang menjadi viral di media sosial :)

Bripda Ismi Aisyah, Polwan Cantik yang Jadi Viral. Foto: vidioviral.com

Cantik ya? Dinas di Polda Jabar. Salah satu asisten pribadi Kapolda Jabar.

Kembali ke soal viral. Bagaimana caranya agar berita, posting, foto, atau video menjadi viral?

Kata para ahli sih, tidak ada rumus baku alias tidak ada tips yang bisa menjamin postingan di medsos jadi viral. Alamiah alias natural aja kali ya, nggak bisa direkayasa.

Btw, baca atau pengucapan viral yang benar (dalam bahasa Inggris: vayrel, ˈvīrəl).

Demikian sekilas ulasan ringkas tentang pengertian viral. Happy Blogging! (www.contohblog.com).*

Cara Mendaftarkan Blog dan Sitemap ke Google Webmaster untuk SEO

Cara Mendaftarkan Blog dan Sitemap ke Google Webmaster - Dasar SEO Blogger.

UNTUK mempercepat blog diindeks Google, kita harus mendaftarkan blog (Submit Url, Add Url, atau Tambah URL) dan Sitemap (Peta Situs) ke Google Webmaster.

Submit URL agar blog kita cepat diindeks. Demikian pula Submit Sitemap agar konten atau posting blog kita cepat diindeks Google dan tampil di halaman hasil pencarian (SERP).

Hanya dua cara ini --Submit Url & Sitemap-- yang merupakan SEO Dasar untuk membuat blog lebih cepat diindeks mesin pencari, sebagaimana dinyatakan Google dalam Panduan Pengoptimalan Mesin Telusur.

Tidak ada yang dapat menjamin peringkat #1 di Google.
Hati-hati terhadap SEO yang mengklaim dapat menjamin peringkat, menyatakan memiliki "hubungan khusus" dengan Google, atau mengiklankan "pengiriman prioritas" ke Google. Tidak ada pengiriman prioritas untuk Google. Kenyataannya, satu-satunya cara untuk mengirimkan situs ke Google secara langsung adalah melalui laman Tambah URL kami atau dengan mengirimkan Peta Situs dan Anda dapat melakukannya tanpa biaya sedikit pun.

Berikut ini panduan lengkap Cara Mendaftarkan Blog dan Sitemap ke Google Webmaster disertai gambar untuk mempermudah blogger pemula.

Cara Mendaftarkan Blog dan Sitemap ke Google Webmaster - Dasar SEO Blogger

1. Buka Submit Url Google.
2. Akan terbuka halaman seperti ini:

3. Masukkan Url Blog Anda seperti contoh di atas, klik I'm not a robot, dan klik Submit Request.
4. Akan muncul konfirmasi bahwa blog Anda sudah didaftarkan ke Google dan tinggal diproses.

5. Lanjutkan dengan klik link Continue di bagian atas, akan muncul halaman seperti ini:

6. Klik ADD A PROPERTY untuk mendaftarkan blog Anda.
7. Muncul halaman pop-up seperti ini:

8. Masukkan alamat blog Anda seperti contoh di atas.
9. Klik Add dan akan muncul halaman seperti ini untuk memverifikasi kepemilkan blog.

10. Klik HTML tag dan copas kode yang muncul di atas kode <head> di template blog Anda, sebagaimana dicontohkan Google --klik link Show me an example untuk melihayt contoh penempatan kode.

11. Setelah kode dimasukkan ke template, klik tombol Verify yang ada di bagian bawah. Akan muncul konfirmasi bahwa Anda sudah terverifikasi sebagai pemilik sah blog yang didaftarkan.

Cara Mendaftarkan Peta Situs (Sitemap)

Langkah berikutnya adalah mendaftarkan peta situs. Klik link Continue seperti dalam gambar di atas.

12. Klik menu Sitemaps di halaman baru Webmaster Google yang sudah terbuka..

13. Akan muncul pop-up, lalu klik ADD/TEST SITEMAP seperti gambar berikut ini, dan tambahkan atau masukkan kode/teks sitemap.xml seperti contoh di bawah ini.

14. Anda bisa klik link refresh untuk mengecek sitemap yang sudah didaftarkan. 

Selesai!

Tahapan Mendaftarkan Blog dan Sitemap ke Google Webmaster untuk SEO sudah selesai. Beberapa detik atau menit kemudian, Anda akan menerima email dari Google seperti ini. Anda boleh abaikan karena proses Mendaftarkan Blog dan Sitemap ke Google Webmaster untuk SEO sudah selesai.

Demikian panduan atau tips dasar SEO Blogger dengan cara Mendaftarkan Blog dan Sitemap ke Google Webmaster.

Good Luck & Happy Blogging! (www.contohblog.com).*

2 Menu Navigasi Blog Responsive Dropdown + Media Sosial Tanpa Javascript

2 Menu Navigasi Blog Responsive Dropdown + Media Sosial Tanpa Javascript. Fast Loading!

Berikut ini kode 2 Menu Navigasi Blog Responsive Dropdown + Media Sosial Tanpa Javascript. Yang satu topbar menu atau menu di atas header. Satunya lagi Main Menu yaitu menu utama di bawah header.

Kedua kode menu navigasi buat blogger yang responsive plus dropdown plus link media sosial ini tanpa javascript sehingga ringan, fast loading, tidak membebani loading blog, dan anti-error. Cocok dipasang di template blogger biasa ataupun jenis template blog AMP.

Top Menu dan Main Menu Responsive Dropdown plus Media Sosial Link yang menggunakan Javascript sudah dishare di posting sebelumnya: Dua Menu Responsive Blogger.

KODE MENU TOP / TOPBAR MENU

CSS Top Menu Blogger
Simpan di atas kode ]]></b:skin>

#menutop{width:100%;margin:0 auto;height:45px;background:#fff;border:1px solid #e9e9e9;max-width:950px;z-index:9999}
#menutop ul,#menutop li{margin:0;padding:0;list-style:none;}
#menutop ul{height:45px}
#menutop li{float:left;display:inline;position:relative;font-family:'Open Sans';font-size:12px;
font-weight:bold;}
#menutop a{display:block;line-height:45px;padding:0 14px;text-decoration:none;color:#919392;}
#menutop ul li:hover a{color:#666;}
#menutop input{display:none;margin:0 0;padding:0 0;width:100%;height:45px;opacity:0;cursor:pointer}
#menutop label{font-family:'Open Sans';font-size:30px;font-weight:400;display:none;width:35px;height:45px;line-height:45px;text-align:center;}
#menutop label span{font-size:13px;position:absolute;left:35px}
#menutop ul li ul{height:auto;overflow:hidden;position:absolute;z-index:99;color:#919392}
#menutop ul li ul li a{color:#919392;height:45px;line-height:45px;background:#fff;width:100%;}
#menutop ul.menux{visibility:hidden;opacity:0;height:auto;overflow:hidden;background:#fff;position:absolute;z-index:99;color:#919392;box-shadow: 0px 2px 3px rgba(0,0,0,0.1);top:10px;transition:all 0.3s ease-in-out;}
#menutop li:hover > ul.menux{visibility:visible;opacity:1;top:45px;}
#menutop a.dutt{padding:0 27px 0 14px}
#menutop a.dutt::after{content:"\f0d7";font-family:FontAwesome;margin:0 auto;width:10px;height:10px;line-height:45px;position:absolute;top:0;right:10px;}
#menutop a.dutt:hover::after,#menutop ul li:hover a.dutt::after{content:"\f0d7";font-family:FontAwesome;margin:0 auto;width:10px;height:10px;line-height:45px;position:absolute;top:0;right:10px;}
#menutop ul.menux li a{background:#fff;color:#919392;}
#menutop ul li ul li a:hover{background:#fcfcfc;color:#8493a0;}
#menutop li.facebook {padding:0 5px;}
#menutop li.facebook,#menutop li.twitter,#menutop li.youtube,#menutop li.googleplus,#menutop li.linkedin{background:#fff;text-align:center;color:#666;float:right;transition:all 0.2s ease-in-out;}
#menutop li a.facebook:hover,#menutop li a.twitter:hover,#menutop li a.youtube:hover,#menutop li a.googleplus:hover,#menutop li a.linkedin:hover{color:#8493a0;}
#menutop li.facebook .fa.fa-facebook,#menutop li.twitter .fa.fa-twitter,#menutop li.youtube .fa.fa-youtube,#menutop li.googleplus .fa.fa-google-plus,#menutop li.linkedin .fa.fa-linkedin{color:#919392;transition:all 0.2s ease-in-out;}
#menutop li.facebook:hover,#menutop li.twitter:hover,#menutop li.youtube:hover,
#menutop li.googleplus:hover,#menutop li.linkedin:hover{background:#fcfcfc;color:#8493a0;}
#menutop li.facebook:hover .fa.fa-facebook,#menutop li.twitter:hover .fa.fa-twitter,#menutop li.youtube:hover .fa.fa-youtube,#menutop li.googleplus:hover .fa.fa-google-plus,#menutop li.linkedin:hover .fa.fa-linkedin{color:#8493a0;}
@media screen and (max-width:800px) {
#menutop li:hover > ul.menux{display:block;}
#menutop ul{border:none;border-bottom:1px solid #e9e9e9;}
#menutop{position:relative;border:none;border-bottom:1px solid #e9e9e9;z-index:9999}
#menutop ul{background:#fff;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none;}
#menutop ul.menux{width:100%;position:static;border:none}
#menutop li{display:block;float:none;width:auto;text-align:left}
#menutop li a{color:#666}
#menutop li a:hover{background:#f1f1f1;color:#f9f9f9}
#menutop li:hover{background:#8493a0;color:#fff;}
#menutop a.dutt{font-weight: bold;}
#menutop li:hover > a.dutt,#menutop a.dutt:hover{background:#b1b1b1;color:#fff;}
#menutop input,#menutop label{display:inline-block;position:absolute;right:0;top:0;}
#menutop input:after,#menutop label:after {content:"\f0c9";font-family:FontAwesome;
font-style:normal;font-weight:normal;text-decoration:none;font-size:30px;color:#666;
display:inline-block;position:absolute;right:15px;top:25%;line-height:30px;}
#menutop input{z-index:4;}
#menutop input:checked + label{color:#fff;font-weight:700}
#menutop input:checked ~ ul{display:block}
#menutop ul li ul li a{width:100%;color:#666;}
#menutop ul li ul li a:hover{background:#8493a0;color:#fff;}
#menutop ul.menux a{background:#fff;color:#666;}
#menutop ul.menux a:hover{background:#8493a0;color:#fff;}
#menutop ul.menux li{background:#fff;color:#666;}
#menutop ul.menux li:hover{background:#8493a0;color:#fff;}
#menutop ul.menux li a{background:#fff;color:#666;}
#menutop ul.menux li a:hover{background:#f1f1f1;color:#8493a0;}
}

HTML MENUTOP
Simpan di bawah kode <body> atau di atas kode header blog Anda.

<nav id='menutop'>
<input type='checkbox'/>
<label/>
<ul>
<li><a href='/' title='Home'>Home</a></li>
<li><a href='/p/about.html'>About</a></li>
<li><a href='/p/kontak.html'>Kontak</a></li>
<li><a href='/p/sitemap.html'>Sitemap</a></li>
<li><a class='dutt' href='#'>Dropdown</a>
<ul class='menux'>
<li><a href='#'>Submenu 1</a></li>
<li><a href='#'>Submenu 2</a></li>
<li><a href='#'>Submenu 3</a></li>
</ul>
</li>
<li><a href='http://www.contohblog.com' target='_blank'>CB Blogger</a></li>
<!-- Menu Link Sosial Media -->
<li class='sorting-01 facebook'><a href='#'><i class='fa fa-facebook fa-lg'/><span class='inv'/></a></li>
<li class='sorting-02 twitter'><a href='#'><i class='fa fa-twitter fa-lg'/><span class='inv'/></a></li>
<li class='sorting-03 googleplus'><a href='#'><i class='fa fa-google-plus fa-lg'/><span class='inv'/></a></li>
<li class='sorting-06 linkedin'><a href='#'><i class='fa fa-linkedin fa-lg'/><span class='inv'/></a></li>
<li class='sorting-04 youtube'><a href='#'><i class='fa fa-youtube fa-lg'/><span class='inv'/></a></li>
</ul>
</nav>
  <div class='clear'/>

MAIN MENU
Menu responsive dropdown di bawah header blog

CSS MAIN MENU
Copas di atas kode ]]></b:skin>

#menu-wrapper{background:#454545;height:40px;width:100%;position:relative;margin: 0 auto;max-width:950px;}
#menu1 {color:#fff;height:40px;z-index:999}
#menu1 ul,#menu1 li{margin:0;padding:0;list-style:none}
#menu1 ul{height:40px;background:#454545}
#menu1 li{float:left;display:inline;position:relative;font-size:15px;font-weight:bold;text-transform:uppercase}
#menu1 li a{background:#454545;color:#fff}
#menu1 a{display:block;line-height:40px;padding:0 14px;text-transform:uppercase;color:#fff;transition:all .2s ease-in-out;font-size:15px}
#menu1 li:hover > a{background:#48d;color:#fff}
#menu1 li a:hover{color:#fff}
#menu1 li:last-child a{border-right:none}
#menu1 input{display:none;margin:0;padding:0;width:80px;height:40px;opacity:0;cursor:pointer}
#menu1 label{font-family:'Oswald';font-size:30px;font-weight:400;text-transform:capitalize;display:none;width:35px;height:51px;line-height:51px;text-align:center}
#menu1 label span{font-size:13px;position:absolute;left:35px}
#menu1 ul.menus{visibility:hidden;opacity:0;height:auto;overflow:hidden;width:166px;background:#3f354a;position:absolute;z-index:99;display:none;color:#fff;transition:all .3s ease-in-out}
#menu1 li > ul.menus{transition:all .3s linear}
#menu1 li:hover > ul.menus{visibility:visible;opacity:1;display:block;-moz-animation:fadeInUp .3s ease-in-out;-webkit-animation:fadeInUp .3s ease-in-out;animation:fadeInUp .3s ease-in-out;transition:all .3s linear}
#menu1 a.ai,#menu1 a.trigger2{padding:0 27px 0 14px;transition:all .3s linear}
#menu1 li:hover > a.ai,#menu1 a.ai:hover{background:#48d;color:#fff}
#menu1 li > a.ai::after{content:"";margin:0 auto;background:url(https://2.bp.blogspot.com/-mHVCs4K3A84/U9vKbpqhSmI/AAAAAAAAE5E/y7Dp7HzmenA/s1600/arrow.png) no-repeat;width:10px;height:10px;line-height:40px;position:absolute;top:20px;right:10px;transition:all .3s linear}
#menu1 li:hover > a.ai::after{content:"";margin:0 auto;background:url(http://3.bp.blogspot.com/-ihlfaVl0yFM/U9vMSJa-tLI/AAAAAAAAE5Q/9SRXYxdvmmI/s1600/arrowhover.png) no-repeat;width:10px;height:10px;line-height:40px;position:absolute;top:20px;right:10px;transition:all .3s linear}
#menu1 ul.menus a{background:#3f354a;color:#fff;border-bottom:1px solid #3a3144;transition:all .3s linear}
#menu1 ul.menus a:hover{background:#322a3b;color:#fff;transition:all .1s linear}
#menu1 ul.menus li{display:block;width:100%;font-family:'Open Sans';font-size:13px;font-weight:400;text-transform:none}
#menu1 ul.menus li:hover{width:100%}
#menu1 ul.menus li:last-child{border-bottom:none}
#menu1 ul.menus li:first-child a{border-top:none}
#menu1 ul.menus li:last-child a{border-bottom:none}
#menu1 ul.menus li:hover a{background:#322a3b;color:#fff}
#menu1 .homers a{background:#f35d5c;color:#fff;padding-top: 5px;height:35px;}
#menu1 .homers a:hover{background:#d95353;color:#fff}
#menu1 a#pull {display:none;}
@media screen and (max-width:800px) {
#menu1{position:relative;background:#454545;color:#fff}
#menu1 ul{background:#3f354a;position:absolute;top:100%;right:0;left:0;z-index:5;height:auto;display:none}
#menu1 ul.menus{width:100%;position:static}
#menu1 li{display:block;width:100%;text-align:left}
#menu1 a{border:none;background:#111;}
#menu1 li a{color:#fff;background:#3f354a;}
#menu1 li a:hover{background:#f35d5c;color:#fff}
#menu1 li:hover{background:#f35d5c;color:#fff}
#menu1 li:hover > a.ai,#menu1 a.ai:hover{background:#f35d5c;color:#fff}
#menu1 li:hover > a,#menu1 li a:hover{background:#f35d5c;color:#fff;box-shadow:none;transition:.3s linear}
#menu1 ul.menus a{background:#3f354a;color:#fff;border-bottom:none}
#menu1 ul.menus a:hover{background:#f35d5c;color:#fff;border-left:none}
#menu1 ul.menus li{background:#3f354a;color:#fff;border-bottom:none}
#menu1 ul.menus li:hover{background:#f35d5c;color:#fff;border-left:none}
#menu1 ul.menus li a{background:#3f354a;color:#fff;border-bottom:none}
#menu1 ul.menus li a:hover{background:#f35d5c;color:#fff;border-left:none}
#menu1 input,#menu1 label{display:inline-block;position:absolute;right:0;top:0}
#menu1 input:after,#menu1 label:after{content:"";background:url(http://1.bp.blogspot.com/-P2RRijDirXA/U8ftwSomm6I/AAAAAAAAEbo/tLU4c5dk2K4/s1600/nav-icon.png) no-repeat;width:30px;height:30px;display:inline-block;position:absolute;right:5px;top:10px}
#menu1 input{z-index:4}
#menu1 input:checked + label{color:#fff;font-weight:700}
#menu1 input:checked ~ ul{display:block}
#menu1 .homers a{background:transparent;color:#fff}
#menu1 .homers a:hover{background:#f35d5c;color:#fff}
#menu1 li:hover > a.ai::after{content:"";width:6px;height:6px;border:2px solid #fff;border-right-width:0;border-top-width:0;transform:rotate(320deg);-webkit-transform:rotate(320deg);-moz-transform:rotate(320deg);-o-transform:rotate(320deg);-ms-transform:rotate(320deg);position:absolute;top:19px;right:12px;transition:all .3s linear}
#menu1 a#pull {display:block;}
}

HTML MAIN MENU:
Copas di bawah kode penutup header atau di atas kode main-wrapper atau content-wrapper di template blog Anda.

<div id='menu-wrapper'>
<nav id='menu1'>
<input type='checkbox'/><label><span/></label>
<ul>
<li class='homers'><a href='/'><i class='fa fa-home fa-2x fa-fw'/></a></li>
    <li><a href='/search/label/News?&amp;max-results=8' itemprop='url'><span itemprop='name'>News</span></a></li>
    <li><a href='/search/label/Sport?&amp;max-results=8' itemprop='url'><span itemprop='name'>Sport</span></a></li>
    <li><a href='/search/label/News?&amp;max-results=8' itemprop='url'><span itemprop='name'>Nasional</span></a></li>
    <li><a href='/search/label/News?&amp;max-results=8' itemprop='url'><span itemprop='name'>LifeStyle</span></a></li>
  <li><a href='#'>Categories <i class='fa fa-angle-double-down'/></a>
 <ul class='menus'>
 <li><a href='#'>Label 1</a></li>
 <li><a href='#'>Label 2</a></li>
 <li><a href='#'>Label 3</a></li>
 <li><a href='#'>Label 4</a></li>
 </ul></li>
<li><a href='#' target='_blank'>Link</a></li>
<li><a href='#'>Dropdown <i class='fa fa-angle-double-down'/></a>
 <ul class='menus'>
 <li><a href='#'>Submenu 1</a></li>
 <li><a href='#'>Submenu 2</a></li>
 <li><a href='#'>Submenu 3</a></li>
 </ul></li>
<li><a href='#' target='_blank'>Link</a></li>
</ul><a href='#' id='pull' style='font-family:Arial;font-size: 18px;'>MENU</a>
</nav>
  <div class='clear'/>
  </div>

Save!

Demikian 2 Menu Navigasi Blog Responsive Dropdown + Media Sosial Tanpa Javascript. Sekadar menyimpan kode sekaligus berbagi dengan Anda, pengunjung blog ini. Good Luck! (www.contohblog.com).*

Tips Dasar SEO untuk Blogger Blogspot dari Google

Tips Dasar SEO untuk Blog Blogger dari Google. Agar blog banyak pengunjung atau jumlah pembaca blog naik.

SEO adalah singkatan dari Search Engine Optimization atau Pengoptimalan Mesin Telusur. Menurut Google sebagai mesin pencari terpopuler di dunia, kita dapat mengelola preferensi mesin telusur untuk blog. 

"Pengoptimalan Mesin Telusur (Search Engine Optimization - SEO) membantu meningkatkan lalu lintas ke blog Anda dengan membuatnya muncul lebih tinggi dalam hasil penelusuran," tulisnya di laman Bantuan Blogger: Mengelola SEO di Blogger.

SEO paling dasar sekali untuk blogger adalah Daftarkan Alamat Blog dan Sitemap ke Webmaster Google.

1. Setting Penelusuran

Langkah pertama menurut Google adalah melakukan setting (setelan) di menu sebelah kiri dashboard blog, pilih Setelan > Preferensi Penelusuran > masukkan keterangan tentang niche blog Anda.

Misalnya, "blog tentang tips blogging, desain, dan template gratis kualitas premium" atau "blog tentang tips kesehatan dan olahraga".

SETTING PENELUSURAN

Menulis deskripsi untuk blog Anda. Deskripsi tampil di bawah tautan dalam hasil mesin telusur.

1. Di menu sebelah kiri, pilih Setelan > Preferensi Penelusuran.
2. Di samping “Deskripsi”, klik Edit.
3. Pilih Ya dan tulis deskripsi penelusuran Anda.
4. Klik Simpan perubahan.
5. Untuk menambahkan deskripsi penelusuran bagi setiap pos, klik “Setelan Pos” di sebelah kanan Editor Pos.

Setting lainnya sudah CB share di Panduan SEO Blogger untuk Pemula

2. SEO Gambar

Google juga menekankan pentingnya pengoptimalan gambar atau foto, yaitu dengan cara mengisi form properties alt text dan title text.

Membuat gambar Anda dapat ditelusuri

Untuk membuat gambar dapat ditelusuri dan diakses bagi pembaca tunanetra, Anda dapat menambahkan atribut "alt" (deskripsi singkat gambar) dan "title" (deskripsi panjang gambar) ke gambar.

1. Tambahkan gambar ke pos Anda dan klik gambar tersebut.  
2. Pilih Properti.
3. Dalam kotak teks, tambahkan deskripsi singkat pada "alt" dan deskripsi panjang di bawah "title".
4. Klik Oke.

Panduan lengkap SEO Gambar: 5 Cara Pengoptimalan Gambar di Posting Blog

SEO sangat penting bagi kesuksesan blog. Pasalnya, kita bersaing dengan banyak sekali blogger lain untuk bisa tampil di halaman pertama hasil pencarian.

SEO sifatnya mendukung posting atau konten, karena SEO yang utama tetap Konten Berkualitas. Content is King!

Panduan Lengkap SEO Blog dari Google dapat dibuka di SEO Starter Guide.

Demikian Tips Dasar SEO untuk Blogger Blogspot dari Google. Good Luck & Happy Blogging! (www.contohblog.com).*

Cara Mengetahui Foto Asli, Sumber Gambar, dan Hoax

Jangan terkecoh dengan foto cantik di media sosial. Kenali juga hoax dan sumber foto asli. Cek di Google Image!

HOAX menjadi trending issue. Banyaknya akun bodong (palsu) dan akun bayaran (buzzer) di media sosial, terutama Facebook dan Twitter, membuat hoax begitu mudah dibuat dan disebarkan.

Akun-akun bayaran juga sering merangkap akun palsu, dengan menggunakan foto profil orang lain. 

Banyak juga akun Facebook & Twitter yang menggunakan foto wanita cantik guna mendapatkan banyak teman dan follower.

Jangan terkecoh dengan foto cantik di media sosial! Cek akunnya dan foto-foto lain yang diunggahnya. Siapa tahu, ternyata itu foto model dan Uzbekistan, misalnya.  Padahal Anda sudah berteman dan memuji kecantikannya di komentar :)

Tips berikut ini, selain untuk mengetahui Hoax dan Foto Asli, juga menjadi cara mengetahui sumber gambar, terutama jika kita bingung mau menyebutkan sumber gambar di postingan blog, saking terlalu umumnya gambar yang kita download dan upload.

Cara Mengetahui Foto Asli, Sumber Gambar, dan Hoax

1. Buka Google Image
2. Klik icon Kamera di bagian kotak pencarian
3. Copas link gambarnya atau upload gambar yang akan dicek
4. Google akan menampilkan gambar asli dari berbagai situs terpercaya.

Contoh1

Mari kita cek gambar "How to Blog", yaitu gambar favorit CB. Ini hasilnya.

Contoh2

Mari kita cek foto profil wanita cantik di Facebook. Cantik banget sehingga banyak Facebooker lain "kesengsem" dan memuji kecantikannya.

Setelah dicek akunnya, tidak ada foto lain. Sudah bisa dicurigai, itu akun palsu atau foto palsu --maksudnya foto profil palsu, bukan foto asli pemilik akun.

Ternyata, itu adalah foto Muslimah cantik dari Kerala, sebuah negara bagian di India bagian barat daya. Kata kunci di Google "cute muslim girls in kerala". Untuk melihat fotonya yang banyak, silakan ketik "cewek berjilbab cantik" di Google Image.

Nah, kalo foto Polwan Cantik di Polda Jabar yang menjadi viral pasca ledakan Bom Panci Bandung berikut ini bukan hoax, tapi asli. Namanya Ismi Aisyah.

Ismi Aisyah. Foto: VidioViral.com.*

Demikian Cara Mengetahui Foto Asli, Sumber Gambar, dan Hoax, agar kita tidak tertipu dengan berita palsu, tahu sumber foto, dan tidak tertipu foto profil di media sosial. (www.contohblog.com).*

Cara Membuat Subdomain dari Domain yang Sudah Terpasang di Blogger

Cara Membuat & Custom Domain Subdomain yang Sudah Dipasang di Blogger.

YANG dimaksud membuat subdomain dari domain yang sudah dipasang di blogger adalah kita sudah punya domain yang sudah dipasang di blogspot.

Misalnya kita sudah punya www.contohblog.com yang sudah dipasang di contohblognih.blogspot.com, lalu ingin membuat subdomain www.news.contohblog.com dan dipasangkan di blog baru, misalnya contohblognews.blogspot.com.

Dengan membuat subdomain ini, Anda tidak harus membeli domain baru. Cukup menambah atau membuat subdomain dari domain yang sudah ada. 

Misalnya, itu tadi, sudah punya contohblog.com, lalu ingin membuat subdomain: news.contohblog.com, amp.contohblog.com, bootstrap.contohblog.com, dan sebagainya.

Berikut ini panduannya, beserta cara setting custom domain blogger untuk subdomain yang sudah dibuat itu. Contoh berikut ini dari provider Rumah Web, karena CB sewa domainnya di sana.

LANGKAH PERTAMA

Tahap pertama Anda membuat blog baru yang akan di-custom domain dengan subdomain dari domain yang sudah ada. 

Misalnya, bikin blog dengan alamat contohblognews.blogspot.com untuk nantinya di-custom domain atau dipasangkan subdomain news.contohblog.com

LANGKAH CUSTOM DOMAIN

Berikut adalah langkah-langkah setting custom domain blogger untuk subdomain :

1. Login akun Blogger Anda.
2. Pilih akun blognya yang baru dibuat tadi, masuk ke Setting –> Basic
3. Klik link menu Setup a 3rd party URL for your blog

4. Isi kolom dengan nama domain Anda. Misalnya, nama domain anda domain.com, maka cara mengisinya www.subdomain.domain.com kemudian klik Save.

5. Maka Akan menampilkan CNAME yang harus dipasang di domain manager Anda.

6. Buka laman Client Zone atau Member Area provider domain Anda dan login. Klik atau masuk ke Domain Manager untuk Setting DNS seperti ini.

Pengalaman CB sih, cukup mengisi form di atas saja, sudah bisa. Tunggu sekitar 2-3 menit sudah bisa diakses dengan alamat baru. Tidak lagi mengisi form berikut ini.

7. Kini buka lagi Setting Blogger. Kemudian klik Save

8. Setting Custom Domain Subdomain sudah selesai. 

Demikian Cara Membuat Subdomain dari Domain yang Sudah Terpasang di Blogger. Masing-masing provider ada panduannya, namun tidak jauh beda dengan langkah di atas. Kontak saja provider tempat Anda sewa domain untuk panduannya. 

Jika Anda memutuskan memilih blog berita, seperti punya CB tadi (news.contohblog.com), silakan pilih template berita yang cocok di Galeri Template.

Good Luck & Happy Blogging! (www.contohblog.com).*