New Johny Wuss V4

Cara Mempercepat Loading Blog: Hapus CSS yang Tidak Digunakan

noreply@blogger.com (Farah Alwahida) — Sun, 01 Mar 2015 07:15:00 +0000

Cara menghapus kode CSS yang tidak terpakai secara otomatis untuk mempercepat loading blog.

SALAH satu cara mempercepat loading time blog adalah dengan menghapus kode-kode CSS yang tidak digunakan atau tidak terpakai di template.

Apa itu CSS? Kita tanya Wikipedia aja deh. Katanya, CSS itu singkatan dari Cascading Style Sheet (CSS). CSS merupakan aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. (Cascading Style Sheets; CSS defines how HTML elements are to be displayed).

Di template blog, kode-kode CSS yang menentukan "hitam-putih" tampilan blog kita itu ada di antara kode <b:skin> dan </b:skin>. Semua kode yang ada di situ, itulah kode CSS.

Agar loding time blog kita bagus, idealnya di bawah empat detik saja (silakan cek kecepatan loading blog Anda di GT Metrix), salah caranya adalah dengan memastikan tidak ada kode CSS yang "useless", tidak berguna, di dalam template, hanya memberatkan loading.

Salah satu tools online yang bisa kita gunakan adalah Unused CSS. Dari namanya saja sudah jelas, situs itu akan mengecek "CSS yang tidak terpakai".

Buka Unused CSS.
Masukkan link url atau semua kode CSS template Anda
Klik tombol yang ada dan tunggu hasil dan rekomendasinya.

CB sendiri sudah mengeceknya. Hasilnya, bersih! Semua kode CSS di template CB digunakan, tidak ada yang tidak terpakai, sehingga tak perlu bersih-bersih lagi:

KOMPRES CSS

Selain menghapus kode CSS yang tidak dipakai, cara lain untuk mempercepat loading time blog adalah mengkompress kode tersebut (CSS Compresse).

Kita bisa gunakan CSS Drive untuk melakukan kompres:

1. Buka situs CSS Drive
2. Copas saja semua kode antara kode <b:skin> dan </b:skin>
3. Klik "Compress It!"

3. Akan terbuka halaman baru berisi CSS yang telah di kompresi.

CB sendiri sudah melakukan kompress ini, namun 'gak CB pakai. Soalnya 'ga terlalu ngaruh. Secara blog CB ini sudah bagus loading timenya, di bawah empat detik. Cuma "keganggu" sama Google Adsense doang. Lagian, bedanya css asli dan hasil kompress cuma dikit, hanya 6%.

WARNING!
Langkah kompress css hendaknya dilakukan setelah Anda memutuskan tidak akan lagi memodifikasi blog. Soalnya, nanti kode-kode tersebut "rapat" dan akan sulit menemukan kode yang akan diubah.

Masih banyak cara lain untuk mempercepat loading blog, selain menghapus kode CSS yang tidak dipakai, seperi rekomendasi GT Metrik:

Di antaranya soal:

HTML Compression
Image Compression.
JavaScript Compression

Untuk pemula, daripada blognya error, cukup dengan langkah sebagai berikut dulu:

Jangan terlalu banyak menampilkan jumlah post di halaman depan (Home). Google menyaranakan maksimal 10 judul post.
Gunakan widget dan javascript dari blogger. Namun jika ingin menggunakan javascript dan widget dari pihak ketiga, pastikan penempatannya bagian bawah blog atau dibawah sidebar.
Kurangi ukuran gambar.
Jangan gunakan flash, jam, animasi.
Jangan memasang widget hit counter (statistik pengunjung), alexa rank, dll. yang hanya akan membenani loading blog.

Demikian Cara Mempercepat Loading Blog, khsusunya soal menghapus kode CSS yang Tidak Digunakan. Good Luck! (http://contohblognih.blogspot.com).*

7 Alasan Harus Menggunakan Template Blog Responsive

noreply@blogger.com (Farah Alwahida) — Sat, 28 Feb 2015 11:13:00 +0000

Kenapa Harus Menggunakan Template Blog Responsif? "Responsive or Go Home!" tulis Elegent Themes dalam ulasannya tentang trend desain website 2015 sebagaimana CB share di posting Top 5 Trend Webdesain.

Google, sebagai situs mesin pencari terpopuler di dunia, juga merekomendasikan para webmaster dan blogger agar mendesain atau menggunakan template responsif: "make it (your site) responsive" kata Google plus penjelasannya tentang yang dimaksud "Responsive Web Design".

Rekomendasi Google berdasarkan fakta: kini semakin banyak orang (user) yang mengakses internet menggunakan mobile device (HP/SmartPhone) yang memiliki ukuran layar serta resolusi yang berbeda satu sama lain.

Responsive desain membuat website/blog sangat "user friendly" alias "bersahabat dengan pengguna".

Trend tampilan responsif berada di urutan pertama dalam daftar "Web Design Trends To Look Out For In 2015" versi Elegant Themes. "Responsive or Go Home," katanya. Bahasa kitanya gini kali: responsif atau ke laut aja!

Alasan utama menggunakan template blog responsif adalah karena desain web responsif direkomendasikan oleh Google. "Make your site look great on mobile devices," kata Google.

Dalam ulasan Creative Market, sedikitnya ada 7 alasan kenapa kita harus menggunakan template blog responsif:

Template Blog Responsif membuat user nyaman membukanya. Istilahnya, "offer better UX (User Experiences)."
Template Blog Responsif mengurangi waktu yang dibutuhkan untuk mengelola blog.
Template Blog Responsif memungkinan kita "keep track" terhadap pengunjung blog.
Template Blog Responsif membantu meningkaykan SEO Blog (boost your SEO).
Template Blog Responsif menjadikan blog kita fleksibel untuk mengikuti perkembangan teknologi masa depan.
Template Blog Responsif efektif dan efisien.
Template Blog Responsif punya keungulan "Pay-Per-Click".

Bagaimana jika template blog kita tidak responsif? Itu tadi, ...Go Home aja!

Untuk blogger, jangan cemas, ada pilihan "default template" responsive jika Anda sudah telanjur sayang dengan template yang Anda gunakan saat ini. Namun, tentu lebih baik jika Ganti Template Blog dengan Template Blog SEO & Responsive. Good Luck! (http://contohblognih.blogspot.com).*

Cara Menghapus Tulisan Read More di Halaman Depan Blog

noreply@blogger.com (Farah Alwahida) — Fri, 27 Feb 2015 02:51:00 +0000

Cara menghilangkan, menyembunyikan, atau menghapus tulisan/tombol "Read More" (Readmore Button) di Halaman Depan Blog.

RINGKASAN posting di halaman depan (home) sangat populer digunakan para blogger. Biasanya, setelah judul, thumnbail, dan ringkasan tulisan, ada readmore button --tombol "read more" atau "continue reading"-- untuk membuka link posting.

Namun, banyak blogger tidak suka ada tombol readmore ini di halaman depan. Lagi pula, Google, Yahoo, Facebook, Google Plus, dan media-media berita tidak menggunakan tombol readmore ini. Pasalnya, user (pengguna) diasumsikan sudah paham bahwa jika ingin membuka posting, mereka tinggal klik saja judul posting yang mengandung hyperlink/link.

Sejauh ini, tidak ada keluhan soal tampilan posting halaman depan tanpa readmore. Artinya, dalam konteks UX (User Experience), tidak masalah.

Berikut ini contoh tampilan Google, Yahoo, dan Detikcom yang tanpa tombol readmore di Summary Post halaman depan (Homepage):

Itulah kenapa banyak blogger ingin menghapus atau menghilangkan tombol readmore di halaman depan. Apalagi, tombol readmore itu "hanya" akan menjadikan adanya link ganda di halaman depan (hyperlink di judul posting & tombol).

Cara Menghapus Tombol Read More di Halaman Depan Blog

1. Template > Edit HTML
2. COPAS kode berikut ini di atas kode </head>

<b:if cond='data:blog.pageType == "static_page"'>
<style>.readmore {display:none;}</style>
</b:if>

3. Save!

Jika tidak berhasil, karena kode templatenya beda, maka lalukan langkah ini:

1. Template > Edit HTML.
2. Cari kode seperti di bawah ini:

</script>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<div><a expr:href='data:post.url'>Read more »</a></div>
</b:if>
</b:if>

3. Hapus kode yang berwarna merah.
4. Hapus pula kode CSS Readmore yang biasa ada di atas kode ]]</b:skin>
5. Save!

Kini tombol autoreadmore sudah terhapus alias hilang di halaman depan blog Anda.

KEBALIKANNYA: MENAMPILKAN POSTING PENUH
Ada juga blogger, dengan alasan apakah tidak tahu, justru ingin menghapus sama sekali auto readmore. Artinya, ingin posting di halaman depannya utuh, tidak terpoting readmore.

Caranya gampang saja, gunakan saja template bawaan blogger! Namun, jika sudah telanjur sayang sama template yang digunakan, tapi ingin menghapus summary/snippets berupa auto readmore itu, maka lakukan langkah ini:

1. Template > Edit HTML
2. Cari kode seperti di bawah ini:

3. HAPUS tuh semua kode tersebut dan ganti DENGAN kode:

<data:post.body/>

CARA LAINNYA:

1. Cari kode

2. Akan ada kode seperi ini di bawahnya:

<b:if cond='data:blog.pageType != "static_page"'><br />
<b:if cond='data:blog.pageType != "item"'><br />
<div expr:id='"summary" + data:post.id'>
<data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script><br />
<div class='readmorecontent'>
</div>
</b:if><br />
</b:if><br />
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if><br />
<br />
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>

3. HAPUS dan GANTI dengan kode

<data:post.body/>

BERES!!!
Itu dia Cara Menghapus Tombol Read More di Halaman Depan dan sebaliknya: menampilkan posting secara utuh di halaman depan. Good Luck! (http://contohblognih.blogspot.com/).*

Sumber:
Knowing Itech
PB Templates
All Blogger Tips

Contoh Komentar Berkualitas di Blog CB

noreply@blogger.com (Farah Alwahida) — Thu, 26 Feb 2015 15:20:00 +0000

KOMENTAR yang masuk di blog CB ini lumayan banyak. Dalam sehari bisa sampai 20-an komentar, namun tidak semuanya bisa dipublish, karena banyak juga yang "nyepam" alias komentar spam, bahkan "sampah" (junk comments). Umumnya komentar spam itu dari blogger yang jual obat online.

Sejak CB menerapkan sebuah trik SEO ada penambahan jumlah pengunjung sekitar 2000-an per hari. Jumlah komentar pun bertambah banyak, banyak yang baru lagi! (Terima kasih kepada "new visitors" yang langsung mau komentar di blog ini).

Yang menggembirakan, di antara 4.405 komentar yang sudah dipublish hingga posting ini dibuat (26/2/2015), banyak komentar yang berkualitas, yaitu memberikan masukan, tambahan, relevan alias "nyambung" dengan isi tulisan.

Kebanyakan komentar yang masuk sih, komen berupa pertanyaan yang tentu "bikin repot aja" (JK). Risiko blog tips & trik memang begitu, banyak pertanyaan masuk, apalagi CB juga buka Ruang Konsultasi, meski tidak semua bisa dijawab --karena kelewat, gak sempet, atau CB sendiri belum tahu :)

Banyak juga komentar "modus", pura-pura tanya lah, nulis "nice info" tapi nyepam lah, dan banyak lagi, yang dikategorikan dalam 7 jenis komentar blog.

Contoh Komentar Berkualitas

Sebagai apresiasi atas komentar-komentar yang baik tersebut, sekaligus sebagai contoh komentar berkualitas yang layak ditiru blogger lain (khususnya newbie), CB tampilkan beberapa di antaranya. Mohon maaf, tentunya banyak yang tidak dimuat di sini, ini hanya "sample".

Yang ditampilkan di urutan pertama adalah komentar dari Maskolis, sekaligus penegasan bahwa CB bukan Maskolis, tapi "muridnya". Soalnya, banyak lho yang nyangka CB itu Maskolis, sampai-sampai manggilnya juga "Mas Kolis" (terutama via email).

Makasih mas, jarang ngeblog/online belakangan. Iseng jalan2 eh nyantol kesini. Saya hanya bisa bilang anda seorang blogger sejati... salut mas. Salam jabat erat dari saya.
Om CB kenapa gak pakai yang begini aja: expr:alt='data:post.title' kalau begitu kan sesuai dengan judul artikelnya?
sedikit tambahan aja om cb , di title nya di kasih H3 (di popular post) biar h3 gak zero.
Ternyata tidak semua tips SEO bisa kuikuti termasuk tips ini sebab menurutku tidak rapi kelihatannya kalau memakai tulisan rata kiri saja. Aku lebih suka memakai rata kiri dan kanan (justify) saat tulisan yang kubuat panjang karena terlihat lebih rapi. Tulisan pendek baru rata kiri saja. Btw, mau tanya kenapa blog ini tidak punya PR padahal raking Alexanya bagus sekali? Hehehehe!
begitulah mas, komentar seperti itu memang sudah biasa dan sudah lumrah... kadang orang ingin mendapat keuntungan dengan menghalalkan segala cara termasuk spam komentar :)
Sempet ngakak juga sebernanya pas jalan-jalan lihat spam dari penjual obat. eh, ktemu ni post, ntar ah kalo udah rame cukup share aja :3. ane ijin lanjutkan ya min, baru ngutak atik seo ma tampilan blog :3
Yang suka porno yah..... gunakan MEMEX pasti disalah gunakan Yang tau gunakan teknologi....... 'MEMEX' salah satu solusi untuk kemajuan bangsa
Ingatlah anak bangsa jangan dirusak mental, jiwa dan pribadimu oleh teknologi tapi kalahkan teknologi itu sendiri buat orang banyak
Semoga blogger banyak yang insyaf dengan cara ini dan korban dari konten dewasa berkurang, makasih infonya mas.

CB batasi 9 saja contoh komentarnya, secara angka 9 itu 'kan angka tertinggi, 'tul gak?

Anda bisa seleksi dan nilai sendiri komentar-komentar yang masuk di blog ini, termasuk di daftar "Top 5 Most Commented :Posts" yang ada di sidebar.

Mari biasakan komentar yang baik dan berkualitas, bukan nyepam! Good Luck and Happy Blogging! Komentar Anda juga Diindeks Google lho! Nanti kita bahas. (http://contohblognih.blogspot.com).*

Cara Pasang Widget Akun Media Sosial dengan CSS Sprite

noreply@blogger.com (Farah Alwahida) — Thu, 26 Feb 2015 14:36:00 +0000

Cara Menampilkan, Membuat, atau Memasang Widget Akun Media Sosial di Sidebar Blog dengan Gambar CSS Sprite agar Fast Loading.

WIDGET akun media sosial di sidebar blog berupa ikon (icon) logo seperti Facebook, Twitter, Google Plus, dll. bisa memperlambat loading blog, jika image-nya besar, tidak menggunakan dimensi ukuran, juga bisa mengurangi skor SEO jika gambarnya tanpa deskripsi (alt tag).

Contohnya, blog CB ini sebelumnya menggunakan sidebar ikon akun media sosial berupa gambar biasa. Meskipun skor seo tetap 100%, namun saat dicek di GT Metrix kecepatan loading berkurang cukup besar alias mengurangi loads time.

Hasilnya cek: 88% (B) dan 75% (C). Ada banyak catatan, salah satunya: The following images served from blogspot.com should be combined into as few images as possible using CSS sprites.

Kata GT Metrix, gambar-gambar ikon sosmed itu sebaiknya digabungkan menggunakan CSS Sprites. CB menggantinya dengan tips Pasang Widget Akun Media Sosial dengan CSS Sprite dari Spiceup Yourblog. Hasilnya sebagai berikut:

Hasilnya menjadi 91% (A) dan 80% (B) dengan Page load time: 3.90s alias di bawah 4 detik saja. Mantap 'kan? Mau juga?

CSS Sprite sendiri artinya koleksi beberapa gambar yang disatukan dalam satu gambar (collection of images put into a single image). Bagus banget untuk mempercepat loading blog. (CSS Images Sprites).

Cara Pasang Widget Media Sosial di Blog dengan Image CSS Sprite

1. Klik "Template" > "Customize"
2. Klik "Advanced" > "Add CSS"
3. Copy & Paste kode berikut ini di kolom yang tersedia:

#head-soc ul li {list-style :none; padding: 0 0 0 12px; float: right;}
#head-soc ul li a {text-indent: -9999px; font-size: 0; line-height: 0; overflow: hidden ; height: 32px; width: 32px ;border: 0; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBGV7iT1kDaUoKZqQDbO5ofCTqCuTsP4AlHONbF2oUmX0ATzZrGO2ZDWNdFSIVFETKL4AhKKxV0vnZmVXf6UhHzTShORdcCcNCH5piSnFvu6DMchKDrf_1QgHgmcg-ow26_H1KdxxfwAmJ/s1600/spice-up-blog-sprite.gif) no-repeat; display: block;}

#head-soc li#g a {background-position: 0px 0px;}
#head-soc li#g a:hover {background-position: 0px -32px;}

#head-soc li#rss a {background-position: -32px 0px;}
#head-soc li#rss a:hover {background-position: -32px -32px;}

#head-soc li#sub a {background-position: -64px 0px;}
#head-soc li#sub a:hover {background-position: -64px -32px;}

#head-soc li#fb a {background-position: -96px 0px;}
#head-soc li#fb a:hover {background-position: -96px -32px;}

#head-soc li#twit a {background-position: -128px 0px;}
#head-soc li#twit a:hover {background-position: -128px -32px;}

#head-soc li#li a {background-position: -160px 0px;}
#head-soc li#li a:hover {background-position: -160px -32px;}

#head-soc li#youtube a {background-position: -192px 0px;}
#head-soc li#youtube a:hover {background-position: -192px -32px;}

4. Klik "Apply to Blog"

Catatan:
- Kode CSS di atas terpasang di atas kode ]]</b:skin>
- Anda juga bisa memasangnya dengan cara Template > Edit HTML dan Copas kode tersebut di atas kode ]]</b:skin>

5. Klik "Back to Blogger Dashboard"
6. Klik "Layout" > Add a Gadget > pilih "HTML/Javascript"
7. COPAS kode berikut ini di kolom "Content". Judul gadget kosongkan.

<div id="head-soc" style="margin: 0 0 20px -10px">
<ul>
<li id="g"><a href="https://plus.google.com/106869251529186655236/posts" target="-blank">Google+</a></li>
<li id="rss"><a href="http://feeds.feedburner.com/contohblognih" target="-blank">RSS Feed</a> </li>
<li id="sub"><a href="http://feedburner.google.com/fb/a/mailverify?uri=contohblognih" target="_blank">Subscribe</a></li>
<li id="fb"><a href="http://facebook.com/cbblogger" target="-blank">Facebook</a></li>
<li id="twit"><a href="http://twitter.com/contohblog" target="-blank">Twitter</a></li>
<li id="li"><a href="http://www.linkedin.com/in/cbblogger" target="-blank">LinkedIn</a></li>
<li id="youtube"><a href="https://www.youtube.com/user/CBBloggerz" target="-blank">YouTube</a></li>
</ul>
</div>

8. Jangan lupa, ganti tulisan berwarna merah dengan ID akun medsos Anda. Jika belum punya, minjem dong, eh... ya bikin dulu lah...! Banyak akun medsos Bagus lho buat SEO blog!

9. Save!

Kini Widget Akun Media Sosial dengan image CSS Sprite yang Fast Loading sudah terpasang dan mestinnya sudah muncul di sidebar blog Anda. Good Luck! (http://contohblognih.blogspot.com/).*

Google Page Rank (PR) Tidak Penting Lagi bagi Blog

noreply@blogger.com (Farah Alwahida) — Thu, 26 Feb 2015 12:17:00 +0000

POSTING ini dibuat guna merespons komentar yang bagus dari pengunjung blog CB ini. Dia tanya, kok Pagerank (PR) blog CB nol (0), padahal Rank Alexa bagus?

CB sudah jawab di reply comment tulisan Tampilan Posting yang Baik dengan link searching Google yang intinya PR "tidak berguna lagi" dan abaikan soal PR!

Posting ini jadinya mirip soal Valid HTML5 yang gak ngaruh sama SEO blog. Jangan lagi terlalu ngurusin Valid HTML. Sekarang, tambah satu: Jangan Lagi Pedulikan Pagerank (PR) karena dia "tidak berguna" (useless).

PR tidak lagi diperhitungkan buat seo blog dan tidak usah dipedulikan adalah kesimpulan CB setelah Googling soal "Pagerank Useless". Sudah banyak juga blogger Indonesia yang menulis soal isu "kematian PageRank" ini, bahkan sejak 2013 lalu!

Artinya jika, PR blog Anda nol, jangan sedih. Gak ngaruh!

Benar sekali, Google PR blog CB ini NOL, tapi banyak postingnya yang nongol di peringkat atas SERP Google 'kan?

Alexa Rank blog CB juga gak jelek-jelek amat, lumayan di angka 35-ribuan global dan di posisi 500-an Indonesia.

Rank Alexa Contoh Blog 26 Februari 2015

Kok bisa? Tidak lain karena CB fokus ke konten, selain fokus juga ke SEO Onpage dan Fast Loading (Loading Time) atau kecepatan tampilan blog --meski "diganggu" dengan Google Adsense yang sedikit mengurangi loads time. Gak masalah, masih bagus kok loadingnya, masih terbilang kenceng.

Content is STILL the KING
Posting ini sebenarnya "kabar baik" bagi kita, para blogger. Intinya, abaikan PR dan fokus saja ke Konten Berkualitas. CONTENT is STILL and ALWAYS be the KING.

Pagerank tinggi bukan jaminan artikel mendapat peringkat yang lebih baik pada halaman hasil pencarian (SERP). Sebaliknya, Pagerank NOL sekalipun, seperti blog CB ini, bisa kok "menguasai klasemen" hasil penarian Google.

Berikut ini CB kutipkan beberapa ulasan mendalam yang menegaskan baha sekarang Google Page Rank (PR) Tidak Penting bagi Blog.

Menurut para pakar seo dan analis di luar sana, sudah lama berkembang rumor bahwa Google tidak lagi menggunakan Page Rank dan mengubahnya ke Trust Rank (TR) yang tidak dipublikasikan, namun TR itulah versi baru PR.

And there were rumors and suspicions that Google no longer used Page Rank and had moved to Trust Rank, which was not available publicly but was the new version of Page Rank.

Bahkan, dengan jelas Google mengatakan, Paga Rank tidak penting. "Even Google says Page Rank is not important. Google removed Page Rank from its webmaster tools because it is not important," tulis Hubspot.

Pekerja Google di bagian Webmaster Tools Analyst, Susan Moskwa menegaskan, para webmaster dan blogger gak usah terlalu "ngoyo" soal PR.

"We've been telling people for a long time that they shouldn't focus on PageRank so much; many site owners seem to think it's the most important metric for them to track, which is simply not true. We removed it because we felt it was silly to tell people not to think about it, but then to show them the data, implying that they should look at it." And many other places Google tells you to not worry about Page Rank.

Dalam sebuah posting bagkan disebutkan, "PR payah" (Pagerank sucks). "Pagerank is a metric that Google has said themselves, just “isn’t that big of a deal“. Google tell’s you not to obsess over page rank," tulis Sem Impact dalam "Ini alasan PR tidak berguna".

Masih kurang yakin? CB tambahin satu referensi lagi: "Alasan Page Rank tidak berguna buat SEO".

Kembali ke Anda, masih mau "berburu" Page Rank atau mengabaikannya saja. Tidak salah juga jika Anda meneruskan usaha mengejar PR tinggi, silakan saja, tidak ada larangan dan bukan pelanggaran. Yang jelas, Google sendiri sudah menegaskan: PageRank tidak penting lagi. (http://contohblognih.blogspot.com).*

Ini Dia Tips SEO yang Langsung Terbukti Hasilnya!

noreply@blogger.com (Farah Alwahida) — Thu, 26 Feb 2015 04:06:00 +0000

Ini Dia Tips SEO yang Langsung Terbukti Hasilnya. Rahasia Indeks Google!

BELUM lama ini CB share tentang sebuah tips SEO blog. Terbilang "sederhana", tapi ternyata, ini pengalaman CB nih, benar-benar terasa!

Hasilnya luar biasa! Maklum, tips seo itu 'kan sumbernya dari Google sendiri. Tips SEO Onpage.

Dalam sehari, jumlah pengunjung bertambah sekitar 200-an. Dalam seminggu, naik seribu lebih. Nah, dalam dua minggu, jumlah PageViews naik hingga 2000 lebih! Luar biadab, eh, luar biasa!

Itulah fungsi utama tips SEO. Mengoptimalkan posting blog kita agar mendapatkan peringkat yang baik di mesin pencari, bahkan bisa tampil di urutan nomo satu SERP Google.

Makin tinggi posisinya, makin tinggi pula potensi menarik pengunjung. Secara gitu, postingan yang ada di halaman depan Google itu masuk kategori konten berkualitas menurut Google.

CB jarang banget lho blogwalking, jarang komentar, apalagi komentas sampah (spam) dengan memasukkan link alamat blog dalam komentarnya, ihhhh... nggak banget deh! CB fokus mengandalkan SEO (Onpage). Hasilnya, alhamdulillah, blog CB ramai pengunjung dan ramai komentar.

Nah, ingin tahu Ini Dia Tips SEO yang Langsung Terbukti Hasilnya itu? CB akan buka di Forum Blogger! Silakan gabung di sana, kita buka-bukaan di sana saja, sekaligus bebas menuliskan link blog Anda di sana. (http://contohblognih.blogspot.com/).*

Yuk, Gabung Forum Blogger Indonesia (FBI)!

Gambar Thumbnail Popular Post Pengaruhi Skor SEO

noreply@blogger.com (Farah Alwahida) — Tue, 24 Feb 2015 13:51:00 +0000

Gambar Thumbnail (Image Thumb) Widget Popular Posts Mempengaruhi Skor SEO versi Chkme. Jika Alternative (Alt) Text <img>-nya dibiarkan kosong, maka skor seo berkurang. (Rahasia Skor SEO 100%).

ALTERNATIVE teks (alt text) untuk gambar, image, atau foto sangat penting bagi SEO blog. ALT text <img> ini merupakan elemen utama bagi mesin pencari untuk mengidentifikasi sebuah gambar.

Mesin pencari mengindeks tag ALT text. Gambar yang menggunakan deskripsi dan kata kunci akan menjadikannya menempati peringkat yang baik di mesin pencari (SERP).

Image ALT text is one of the major elements in <img> tag which defines search engines what the image is about. Search engines index the ALT text. So the more descriptive and keyword rich image ALT text is, your image will rank better on search engines. (Blogger Tricks).

Contoh penggunaan alt tag:

Eh.... judul posting ini 'kan soal Gambar Thumbnail Popular Post dan Skor SEO! Ok, kita bahas.

Gambar Thumbnail Popular Post Pengaruhi Skor SEO

Link gambar thumbnail (image thumbnail) widget Popular Posts itu biasanya sudah ada di dalam template, baik bawaan blogger (default template) maupun "third party" template atau yang dibikin para desainer template.

Masalahnya, tag alt text-nya masih kosong, seperti ini: <img alt=' ' src='url gambar'/> Nah, karena kosong, maka skor seo blog pun berkurang. Satu image missing descriptions mengurangi skor seo blog sekitar 3-4 poin, setidaknya itu menurut Chkme.

Hal itu CB alami saat mengecek skor seo tenplate New Johny Wuss V4 yang CB gunakan untuk blog CB Network. Saat dicek, skor seonya 89 dan ada pemberitahuan "missing descriptions" terhadap tiga gambar yang muncul di widget Popular Posts.

Missing Descriptions. For an image the description is fundamental. Correct this for a successful optimization. (Chkme)

Saat Popular Posts-nya diubah menjadi judul doang, skor seonya 100%. Artinya, ada missing tag alt tag di thumbnail image. Maka, CB lakukan perbaikan dengan menambahkannya di template. Just like this:

Menambah Alt tag di Gambar Thumbnail Popular Post untuk SEO

Aslinya, kode yang di-highlight kuning itu alt=' ' alias kosong. Diubah menjadi alt='thumbnail image' dan tralaaaaa...... skor seo NJW V4 tetap 100% saat di widget Popular Postnya disetting lenglap menampilkan judul, gambar, dan snippets (ringkasan/kutipan).

UPDATE!!!

Atas masukan dari Bung Achmad Muharya, di kolom komentar, CB juga jadi "tersadarkan", sebagaiknya alt tag yang kosong itu diganti dengan expr:alt='data:post.title' (agar alternative teksnya sama dengan judul posting) sehingga menjadi begini: expr:alt='data:post.title'
Satu lagi, kode border='0' yang ada setelahnya DIHAPUS saja. Kata orang-orang, kode itu useless dan mengurangi validasi CSS/HTML.

Silakan cek template Anda. Jika kosong, kontrakkan, eh... isi! Jika sudah ada isinya, biarkan, Anda beruntung!!! Good Luck! (http://contohblognih.blogspot.com).*

Mulai 23 Maret Google Blogger Akan Sikat Blog Porno

noreply@blogger.com (Farah Alwahida) — Tue, 24 Feb 2015 09:51:00 +0000

SEBAGAI blogger positif, CB menyambut baik kebijakan baru Blogger yang diumumkan sejak kemarin kepada para admin blogger: mulai 23 Maret 2015 Google Blogger akan menyikat habis blog berkonten pornografi, cabul, atau "konten dewasa".

Kebijakan itu dicantumkan dalam "Adult content policy on Blogger".

Anda yang mempunyai "blog porno" atau blog bisnis online berkonten pornografi untuk menarik pengunjung, siap-siap aja "gulung tikar".

Blog yang jelas-jelas menampilkan video seks vulgar alias "sexually explicit content" memang tidak dihapus sama sekali, tapi hanya akan otomatis menjadi "private". Hanya admin dan user tertentu yang bisa mengaksesnya.

"Sejak 23 Maret 25, Anda tidak akan bisa berbagi kepada publik gambar dan video seks vulgar atau menunjukkan gambar telanjang di Blogger," tulis Blogger.

Namun, Blogger memberi catatan, pihaknya masih membolehkan "gambar bugil" yang bernilai artistik serta dalam konteks pendidikan, dokumenter, atau ilmiah.

Note: We’ll still allow nudity if the content offers a substantial public benefit, for example in artistic, educational, documentary, or scientific contexts.

Khusus blog porno yang dibuat setelah 23 Maret 2015, Google akan menghapusnya atau melakukan tindakan lain.

Google meminta pengguna Blogger lama untuk segera menghapus semua konten melanggar aturan itu. Jika pengguna tetap keras kepala, Google sudah mewanti akan memaksa pengguna menghapusnya.

Nah, wahai para blogger, Google sudah mendukung banget blog positif dan anti-pornografi. Secara gitu, sekarang ini banyak blog yang mengandalkan konten porno, cabul, video b*kep, dsb. untuk menarik pengunjung.

Banyak juga iklan, khususnya iklan obat kuat, yang menampilkan grafis yang "sangat vulgar dan menantang", agar diklik pengunjung.

Kok CB tau, ya taulah... secara gitu, CB "bisa memantau" blog-blog yang menggunakan template hasil modifikasi. Makanya, CB juga tau kok para blogger menjijikkan yang suka menghapus credit link footer! (http://contohblognih.blogspot.com).*

Cara Mengatur Posisi Gambar (Foto) di Posting Agar SEO Friendly

noreply@blogger.com (Farah Alwahida) — Mon, 23 Feb 2015 08:20:00 +0000

TULISAN atau tips seo blog Cara Mengatur Posisi Gambar (Foto) di Posting Agar SEO Friendly ini CB buat usai "jalan-jalan" di twitter menyusuri hashtag #blog dan #blogging. Bagi CB, penempatan gambar ilustrasi yang seo friendly ini sesuatu yang baru.

credit: youbabymemummy.com

Tips SEO Image. Katanya, gambar, image, foto, atau ilustrasi itu harus kita posisikan setelah teks, misalnya di alinea kedua atau ketiga! Jangan simpan gambar di awal atau sebelum teks! Don’t put an image first.

Sebaiknya, sebelum memasukkan gambar, tulis dulu semacam "ringkasan" atau "lead" (teras, alinea pertama) dengan memasukkan kata kunci (keywords) yang jadi target.

Baca juga: 5 Cara Optimisasi Gambar untuk SEO Blog

Kebanyakan kita selama ini menempatkan gambar di awal posting. Benar 'kan? Itu tidak masalah dan kebanyakan blogger melakukannya.

Namun, ingat, mesin pencari --termasuk Google-- akan meng-crawl atau mengindeks bagian awal sebuah postingan! Karenanya, bagian awal tulisan harus mengandung kata kunci. Ya... contohnya kira-kira seperti awal postingan ini lah... Satu alienea, baru ada gambar.

Gambar yang diletakkan di awal posting tidak akan membantu SEO blog. Maka, awali posting Anda dengan alinea pendek (termasuk kata kunci), baru sisipkan gambar lengkap dengan "Title" dan "Alt Text" (Properties).

Siapa yang bilang begitu? Ini CB kutipkan selengkapnya. Ini kata "seorang tante" yang juga blogger di luar sana. Nama blognya juga "lucu": You Baby Me Mummy.

Don’t put an image first. Lots of people, (myself included for a long time), put the image as the first thing in their posts. The first thing in a post is what search engines will trawl and so this needs to include your keywords. An image first won’t help as much in terms of SEO. So start your post with a short paragraph (including keywords) then the image (with title on it if appropriate)... So a short paragraph containing your keywords, then your picture is the best way forward. (You Baby Me Mummy)

Itu dia sharing "si tante bule" yang menginspirasi sekaligus menjadi sumber utama posting "Cara Mengatur Posisi Gambar (Foto) di Posting Agar SEO Friendly" ini.

Make sense? Bagi CB, ya! Masuk akal banget. Bukankah selama ini juga banyak blogger, termasuk CB, yang suka "mengulang" judul posting di awal dan di akhir tulisan? Nyatanya, bagus 'kan buat SEO blog? Good Luck! (http://contohblognih.blogspot.com).*

Google Update Structured Data Testing Tool

noreply@blogger.com (Farah Alwahida) — Sun, 22 Feb 2015 17:52:00 +0000

SEJAK 15 Januari 2015, Google memperbarui Structured Data Testing Tool. Ini dia penampakannya. Blogger yang biasa berkunjung ke sana untuk mengecek blognya, pasti sudah tahu dong...!

Dalam pengumumannya di New Structured Data Testing Tool, Google menyatakan, penampilan terbaru ini lebih simple dan lebih baik.

Structured data markup helps your content get discovered in search results and across Google properties. We’re excited to share several updates to help you author and publish markup on your website:
A new Structured Data Testing Tool to better reflect Google’s interpretation of your content
Improved documentation and policy guidelines for Google features powered by structured data on the web.
Expanded support for the JSON-LD markup syntax

Beberapa Demo Template Blog yang tadinya ada error, di alat uji yang baru ini jadi hilang atau dinilai tidak error.

Blog Demo Johny Wusss misalnya, di alat lama ada error author dan update. Kini "tidak ada masalah". (http://contohblognih.blogspot.com/).*

Cara Menampilkan Tulisan di Blog yang Baik & User Friendly

noreply@blogger.com (Farah Alwahida) — Sat, 21 Feb 2015 05:24:00 +0000

BANYAK blogger yang menulis, menyajikan, atau menampilkan posting "asal jadi" di blognya. Kurang memperhatikan "aturan main" tampilan naskah teks di internet (media online).

Akibatnya, tulisan atau postingannya "bertumpuk", tidak enak dibaca, bikin pusing mata, alias tidak user friendly.

Tulisan ini sekadar "penegasan" atas posting sebelumnya: Format Posting Blog yang Baik.

Ini Dia Aturan Main Tampilan Tulisan (Naskah) yang Baik di Internet, Website, atau Blog:

1. No Indent

Tidak ada awal kalimat yang menjorok ke dalam. Perhatikan gambar di atas. Tidak ada tekuk atau menjorok ke dalam seperti berita koran atau tulisan makalah ilmiah dan surat resmi.

Biasanya, jika ada posting yang menggunakan indent, itu adalah COPAS tugas kuliah, makalah, atau copas tulisan dari MS Word. Termasuk salah satu ciri "blogger amater" alias "newbie". Bakalan susah diterima Google Adsense tuh!

Ini contoh naskah tulisan yang ada tekuk ke dalam. Ini tampilan media cetak, koran, atau buku, juga tampilan karya ilmiah/makalah. Tidak cocok untuk blog atau situs web.

2. Align Left

Gunakan Rata Kiri agar lebih mudah discan (dipindai). Perhatikan gambar di atas. Tampilan naskah sebelah kanan lebih enak dibaca ketimbang yang sebelah kiri. (Silakan simak: Best Way to Align Text on The Web).

Tampilan naskah rata kiri bisa disetting di template. Cari saja kode "text-align:justify;" dan ganti dengan "text-align:left;".

3. Short Paragraph

Gunakan alinea Pendek. Idealnya, maksimal 5 baris per alinea. Hasil penelitian menunjukkan, alinea pendek lebih mudah dipindai dan dibaca.

Alinea panjang, apalagi "bertumpuk", sulit dibaca dan tidak user friendly. Akibatnya, pengunjung tidak akan kembali karena tampilan naskah di blog gak enak dibaca.

Perhatikan contoh terbaik sajian naskah tulisan di BBC Indoensia ini. Enak 'kan? Alineanya bahkan ada yang cuma satu kalimat! Bandingkan dengan tulisan di blog Anda :)

4. White Space

Ada jarak/spasi antar alinea, seperti naskah di BBC di atas. "Ruang putih" antar-paragraf ini sangat penting intuk kenyamanan mata user. Naskah jadi mudah dipindai (scannable) dan tentu saja user friendly.

5. Highlights

Usahakan ada variasi huruf tebal (bold), miring (italic), warna, "quoted" (kutipan), terutama jika naskah/tulisannnya panjang.

6. Bullet & Numbering

Naskah posting berupa tips, tutorial, atau panduan lebih baik disajikan dalam bentuk bullet and numbering.

Sebagai referensi, silakan simak cara menulis yang terbaik di website atau blog di NN Group.

Apakah tulisan di blog Anda sudah memenuhi kriteri di atas? Jika belum, silakan edit. Jika maerasa malas edit, dan merasa gak apa-apa, silakan saja.... Bukan pelanggaran pidana kok! Yang pidana mah koruptor yang harus dihukum mati. #SaveKPK !!! (http://contohblognih.blogspot.com).*

Kepada Yth. Para Admin Blog Penjual Obat

noreply@blogger.com (Farah Alwahida) — Sat, 21 Feb 2015 03:32:00 +0000

Kepada Yth. Para Admin Blog Penjual Obat. Setiap hari di antara Anda adaaaaa saja yang nyepam alias nulis komentar spam cendeung sampah (junk comment) di blog ini.

Bahkan, kadang ada 10 komentar spam di 10 posting berbeda!

CB kasian aja. Sudah diingatkan di pesan komentar, jangan nyepam dan jangan sertakan link/nama blog dalam isi komentar, karena otomatis tidak akan muncul dan/atau dihapus.

Ini sekadar contoh komentar spam dari salah satu di antara Anda, wahai para admin penjual obat online:

Mantaap gan infonya :) Ditunggu info yang bermanfaat lainnya Izin share ya http://...../ http://..../ on Cara Membuat Tabbed Content di Sidebar Blog.
Mantap dah artikelnya gan... http://jualobatherbalnaon.... http://obatherbalesexmasdukanaon...
Ini gan yang saya cari, keren, terimakasih http//jualobatantikomentarspam....

CB buat "surat terbuka" ini karena kasihan dan "simpati" banget sama Anda. Capek-capek "blogwalking" dan tulis komentar, namun tak satu pun muncul.

Maka, demi Stabilitas Nasional dan Keutuhan Negara Kesatuan Republik Indonesia (NKRI), juga demi #SaveKPK dan #HukumMatiKoruptor, segera hentikan kebiasaan nyepam alias nulis komentar spam di blog ini maupun di blog lain.

Siapa yang mengajari Anda-Anda untu rajin blogwalking dan nyepam? Jika Anda mau menjadi "murid" CB dalam hal komentar di blog orang lain, maka silakan klik "cara komentar di blog".

Semangat Anda sungguh luar biadab, eh... luar biasa! Setiap hari Anda nulis komentar di blog CB dan blog-blog lain yang nge-link ke CB. Luar binasa, eh... luar biasa!!!

Namun, apa daya.... komentar Anda gak bisa muncul sesuai dengan peraturan perundangan yang berlaku berdasarkan Pancasila dan UUD '45 yang dituangkan dalam SK CB No. 00/Kom/X/2014 sebagaimana tercantum dalam Pesan Komentar.

Para Admin Blog Penjual Obat yang sama-sama ingin banyak pengunjung atau pembeli. Marilah kita bangun blogging yang sehat dan beradab. Bwahahaha..... lebay!!! Ringkasnya, jangan nyepam terus woiiiii!!!!! Percuma!!! (http://contohblognih.blogspot.com/).*

Mengatasi Gambar Salah (Tidak Muncul) Saat Posting Share ke Facebook

noreply@blogger.com (Farah Alwahida) — Fri, 20 Feb 2015 23:05:00 +0000

Cara mengatasi gambar (thumbnail image) posting blog yang salah atau tidak muncul saat share ke Facebook.

KADANG bahkan sering, saat posting atau tulisan di-share ke Facebook, gambar yang nongol di Facebook bukan foto yang ada di tulisan, tapi yang lain. Kadang juga yang muncul cuma judul doang.

Kalo soal mengatasi judul doang yang muncul, sudah ada solusinya: Memunculkan Deskripsi (Alinea Pertama) Posting di Share Facebook.

Share ke Facebook merupakan salah satu trik SEO untuk mengundang pengunjung dan menyebar link ke blog kita, minimal "link effect".

Mengatasi Gambar Salah (Tidak Muncul) Saat Posting Share ke Facebook

Untuk memunculkan gambar, foto, atau image posting yang benar di Facebook, lakukan dua hal ini:

1. Pastikan gambar yang diupload berukuran minimal 200x200 Pixel atau lebih besar.
2. Tambahkan kode meta tag "Open Graph Image Property" berikut ini ke dalam template Anda.
3. Copas kode berikut ini bagian kode <head> di bawah kode <b:include data='blog' name='all-head-content'/>

<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl 'property='og:image'/>
<b:else/>
<meta content='URL Alternate Image' property='og:image'/>
</b:if>

4. Ganti URL Alternate Image dengan link gambar yang akan muncul jika postingan tidak ada gambarnya.

Ingat, ukuran gambarnya juga minimal 200 x 200px.

5. Save!

Facebook butuh waktu sekitar 24 jam untuk mengenali perubahan itu di blog Anda. Namun, kita bisa mempercepatnya dengan memasukkan salah satu link posting sekalius mengetesnya di Facebook's Open Graph Debugger Tool. Good Luck! (http://contohblognih.blogspot.com).*

Sumber

Cara Mengatasi Pesan Komentar yang Ada di Bawah Kolom Comment

noreply@blogger.com (Farah Alwahida) — Fri, 20 Feb 2015 04:21:00 +0000

KADANG ada template yang pesan komentar (comments message)-nya ada di bawah Kotak Komentar (Comments Box). Tips berikut ini panduan mengubah posisi atau cara mengatasi agar pesan komentar berada di atas kotak komentar.

Kalau pesan komentar ada di bawah kolom komentar, pesan itu mungkin tidak terbaca atau dibacanya belakangan setelah pengunjung menulis komentar.

Jika ada di atas kolom komentar, tentu saja akan dibaca dulu oleh komentator sehingga pesan kita nyampe dan pengunjung akan berkomentar sesuai dengan "aturan main" admin blog yang dikomentarinya.

Ini penampakan pesan komentar yang tadinya ada di bawah kolom komen:

Ini penampakan pesan komentar setelah diperbaiki, seperti juga bisa dilihat di blog CB ini.

Cara Mengatasi Pesan Komentar yang Berada di Bawah Kotak Komentar

1. Template > Edit HTML
2. Temukan atau Cari (Ctrl+F) Kode:

<b:includable id='threaded-comment-form' var='post'>

Akan tampak rangkaian kode seperti di bawah ini:

<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable>

3. GANTI / Replace semua kode di atas dengan kode berikut ini:

<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<div id='form-wrapper'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
</div>
<b:else/>
<div id='form-wrapper'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</div>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable>

4. Temukan kode:

document.getElementById(domId).insertBefore(replybox, null);

5. GANTI dengan kode berikut ini:

document.getElementById(domId).insertBefore(document.getElementById('form-wrapper'), null);

6. Save Template!

Kini pesan komentar Anda sudah pindah dan berada di atas kolom komentar.

CARA MEMBUAT PESAN KOMENTAR

Pesan komentar (comment message) yaitu aturan main yang kita tentukan di blog tentang cara berkomentar, misalnya larangan nyepam, anjuran menggunakan akun Google Plus, dan sebagainya. Contohnya ada di bawah posting blog ini.

1. Setting > Posts and Comments

2. Isi kolom "Comments Form Message" sesuai dengan keinginan Anda!

3. Save Setting!

Demikian cara memperbaiki posisi pesan komentar plus cara membuat pesannya di Dashboard Blog. Good Luck!

Sumber

Cara Membuat Top Menu Bar Mirip Google

noreply@blogger.com (Farah Alwahida) — Wed, 18 Feb 2015 02:54:00 +0000

TOP Menu Bar atau bar navigasi menu di atas header blog menjadi salah satu trend desain website modern. Menu ini statis, sticky, alias floating (melayang), yakni tetap muncul saat discroll. Ini penampakannya:

Tips Cara Membuat Top Menu Bar Mirip Google ini melengkapi sekaligus alternatif dari posting sebelumnya tentang Cara Membuat Navigasi Menu di atas header atau Top Nav Menu Mirip Facebook.

Cara Membuat Top Menu Bar Mirip Google (Google Style Top Fixed Menu Bar)

1. Template > Edit HTML
2. Copas kode berikut ini di atas kode ]]></b:skin>

.menu{
position:fixed;
top:0;
left:0;
width:100%;
font:13px/27px Arial,sans-serif;
color:#3366cc;
height:30px;
background:#2D2D2D;
}

.menu a:hover{
background-color:#676767;
color:#CCCCCC;
}

.menu a{
text-decoration:none;
padding:6px 8px 7px;
color:#CCCCCC;
outline:none;
}

.menu ul{
list-style:none;
margin:0;
padding:0 0 0 10px;
}

.menu ul li{
padding:0;
float:left;
}

.menu ul li ul li{
padding:0;
float:none;
margin:0 0 0 0px;
width:100%;
}

.menu ul li ul{
position:absolute;
border:1px solid #C3D1EC;

/*box-shadow*/
-webkit-box-shadow:0 1px 5px #CCCCCC;
-moz-box-shadow:0 1px 5px #CCCCCC;
box-shadow:0 1px 5px #CCCCCC;
margin-top:-1px;
display:none;
padding:0px 16px 0px 0;
}

.active ul{
display:block !important;
}

.single ul{
display:block !important;
}

.active a{
background-color:white;
border:1px solid #C3D1EC;
border-bottom:0;

/*box-shadow*/
-webkit-box-shadow:0 -1px 5px #CCCCCC;
-moz-box-shadow:0 -1px 5px #CCCCCC;
box-shadow:0 -1px 5px #CCCCCC;
display:block;
height:29px;
padding:0 8px 0 8px;
position:relative;
z-index:1;
color:#3366CC;
}

/*Styling for the link of the current page*/
.current a{
background-color:#2D2D2D;
border-top:2px solid #DD4B39;/*red ribbon at top*/
border-bottom:0;
display:block;
height:25px;
padding:0 8px 0 8px;
position:relative;
z-index:1;
color:#FFFFFF;
font-weight:bold;
}

.active a:hover{
background-color:white;
color:#3366CC;
}

.active ul a:hover{
background-color:#e4ebf8;
}

.active ul a{
border:0 !important;

/*box-shadow*/
-webkit-box-shadow:0 0 0 #CCCCCC;
-moz-box-shadow:0 0 0 #CCCCCC;
box-shadow:0 0 0 #CCCCCC;
border:0;
width:100%;
}

.arrow{
border-color:#C0C0C0 transparent white;
border-style:solid dashed dashed;
margin-left:5px;
position:relative;
top:10px;
}

.mid-line{
background-color:#FFF;
border-top:1px solid #e5e5e5;
font-size:0;
}

3. Copas kode berikut ini di bawah kode <body>

<div class="menu">
<ul>
<li class="single-link"> <a target="_blank" href="http://plus.google.com">+You</a>
</li>
 <li class="current">
<a target="_blank" href="#">Web</a>
</li>
<li class="single-link"> <a target="_blank" href="#">Drive</a>
</li>
<li class="single-link"> <a target="_blank" href="http://gmail.com">Gmail</a>
</li>
<li class="single-link"> <a target="_blank" href="https://www.google.com/calendar">Calendar</a>
</li>
<li class="single-link"> <a target="_blank" href="https://docs.google.com">Documents</a>
</li>
<li class="single-link"> <a target="_blank" href="http://picasaweb.google.co.in/home">Photos</a>
</li>
<li> <a href="#">More<span class="arrow"></span></a>

<ul>
<li><a href="http://www.google.co.in/reader">Reader</a></li>
<li><a href="https://sites.google.com">Sites</a></li>
<li><a href="http://groups.google.co.id">Groups</a></li>
<li><a href="http://www.youtube.com">YouTube</a></li>
<li>
<div class="mid-line">
</div>
</li>
<li><a href="http://www.google.co.id">Images</a></li>
<li><a href="http://maps.google.co.id/maps">Maps</a></li>
<li><a href="http://translate.google.co.id/">Translate</a></li>
<li><a href="http://books.google.co.id">Books</a></li>
<li><a href="http://scholar.google.co.id/">Scholar</a></li>
<li><a href="http://blogsearch.google.co.id">Blogs</a></li>
<li>

<div class="mid-line">
</div>
</li>
<li><a href="http://www.google.co.in/intl/en/options/">even more >></a></li>
<li>
<div class="mid-line">
</div>
</li>
</ul>
</li>
</ul>
</div>

Ganti nama-nama dan link menu!

4. Copas kode berikut ini di atas kode </head>

UPDATE!!! Kode sudah diperbaiki! No Error Again Lah...!!!

4. Save Template!

Kini Top Menu Bar Mirip Google sudah muncul di atas header blog Anda.

Top Menu Bar Cara CB (Recommended!)

Bagi CB, setelah ujicoba, cara Membuat Top Menu Bar Mirip Google dari Lab Strike di atas agar "ribet" dan terlalu banyak kode.

CB rekomendasikan Anda mengggunakan cara berikut ini yang lebih simple. Tinggal ganti atau tambah aja nama-nama menunya dengan menu-menu mirip Google Top Bar itu.

1. "Template" > "Edit HTML"
2. Copas kode berikut ini di atas kode ]]></b:skin>

* html #top{position:absolute}
#top {margin: auto;padding:0 10px 15px 10px;width: 100%;background: #2d2d2d;border-bottom: 2px solid #777;z-index: 100;height: 20px;}
#top-wrap {margin:auto;padding: 0;width: 950px;background:#2d2d2d;}
#navwrap {margin: 0px auto; width:100%; float:left;background:#080705;}
.topnav ul {list-style:none;margin:0;padding:0px; float:left;}
.topnav li {float:left;margin:0;text-align:center;}
.topnav li a {font-family: arial; font-size:13px;display:block;padding:10px 10px;color:#f2f2f2;text-decoration:none;}
.topnav li a {background:none; }
.topnav li a:hover, li a:focus, li a:active {text-decoration:none; background:#444; color:#f2f2f2;}

3. Copas kode berikut ini tepat di bawah kode <body>

<div id='top' style='position:fixed'>
<div id='top-wrap'>
<div class='topnav'>
<ul id='topnav'>
<li><a href='#'>Google Plus</a></li>
<li><a href='#'>Gmail</a></li>
<li><a href='#'>Tips SEO</a></li>
<li><a href='#'>Desain</a></li>
<li><a href='#'>Posting</a></li>
<li><a href='#'>Free Templates</a></li>
<li><a href='#'>Naon Deui</a></li>
</ul>
</div>
</div>
</div>

4. Tambahkan kode padding-top: 45px; dalam kode .header-wrapper atau #header-wrapper

Contoh:
.header-wrapper {padding-top: 45px; ... }

Itu dia Cara Membuat Top Menu Bar Mirip Google untuk mempercantik blog sekaligus membuat navigasi menu tambahan dan internal link. Good Luck! (http://contohblognih.blogspot.com).*

New Thesis SEO V3 - Template Blog SEO Friendly Terbaru 2015

noreply@blogger.com (Farah Alwahida) — Tue, 17 Feb 2015 14:51:00 +0000

New Thesis SEO V3 - Template Blog SEO Friendly Terbaru 2015. Setelah meluncurkan New Johny Wuss V3, CB luncurkan New Thesis SEO V3, update dari New SEO Thesis V1 dan New Thesis SEO V2.

Alasan update sederhana saja, banyak pengguna yang minta tampilan New SEO Thesis V1 tapi Responsive. Beberapa update dan perbaikan juga dilakukan sehingga LEBIH bersahabat dengan mesin pencari.

Tidak banyak basa-basi lagi, ini dia penampakan dan data New SEO Thesis V3 yang tentu "lebih" SEO Killer untuk mendongkrak ranking dan trafik (pengunjung) blog Anda.

JUARANYA TEMPLATE SEO & SIMPLE !!!

SEO Score for http://newthesisseov3.blogspot.com/
100 %
Congratulations!

Fitur:

Responsive - Mobile Friendly

Drop Down Navigation Menu

SEO Heading Tags

Fast Loading

Markup Schema Ready

SEO Breadcrumbs

No Error at Rich Snippet Google

SEO Meta Tags (Dynamic SEO Meta Tags)

Easy Customized Design

Simple, Minimalis, Ringan!

New Thesis SEO V3 - Template Blog SEO Friendly Terbaru 2015

Live DEMO

DOWNLOAD

Cara Membuat Navigasi Menu Bar Statis di Footer Blog

noreply@blogger.com (Farah Alwahida) — Tue, 17 Feb 2015 03:17:00 +0000

SEBENARNYA menu bar gak pas disebut navigasi menu. Bahasa Inggrisnya "Floating Sticky Footer Bar", setidaknya menurut Help Blogger yang membagikan tips desain mempercantik blog ini.

Contoh atau demonya bisa Anda lihat di CB Blogger Lab. Lihat bagian bawah, bagian Footer. Kayaknya bisa juga dipasang di atas blog, seperti dalam tips Membuat Toolbar di Atas Header Blog.

Footer bar statis ini, selain mempercantik blog, juga menambah menu navigasi dan elemen lain yang ingin kita tonjolkan di halaman depan. Kelebihannya, static footer menu bar ini bisa dihilangkan oleh pengguna jika meras tertanggu, dengan satu klik saja.

Cara Membuat Navigasi Menu Bar Statis di Footer (Sticky Footer Bar)

1. Seperti biasa, awali dengan klik "Template" > "Edit HTML".
2. Copy & paste kode berikut ini di atas kode ]]></b:skin>

#custom-toolbar {overflow: auto;position: fixed;

background: #1B1B1B url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNnFEBg8FF8tM-LLl3QtT9gSr5eudmHdQZCImXt1d4pE-WC9VW3ymgDoO5nGZcloJWe_V0hIzQrPtiqiVMYJ1eXpxEZPgkM_tk9OpKpSbOgdSNW_Lf3w240oph1AC8fLf7D5dMDNMymWxM/s1600/pagelist.png") repeat-x scroll 0 bottom;
font: bold 13px/17px "Helvetica Neue",Helvetica,Arial,Geneva,sans-serif;
height: 33px;margin: 0 auto;width: 100%;bottom:0px;right:0;}

.close-toolbar {float: right;margin-top:6px;padding-right: 10px;cursor: pointer;}
.search-text {color: #D1D1D1;text-align: center;border-radius: 10px;}

.google_translate:hover img {filter:alpha(opacity=0.90);-moz-opacity: 0.90;opacity: 0.90;border:0;}

3. Copy & paste kode berikut ini di atas kode </head>

4. Terakhir, Copy & paste kode berikut ini di atas kode </body>

<td style='padding-left:40px; padding-top: 5px;'><a class='twitter-share-button' data-count='horizontal' data-lang='en' href='http://twitter.com/share' target='_blank' title='Publish on Twitter'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></td>

<td><a href='http://www.facebook.com/sharer.php' target='_blank' name='fb_share' title='Publish on Facebook' type='button_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></td>

</tr>

</table>

</div>

Jika mau menghilangkan menu atau link, hapus saja kode antara <td> ... </td>.

Demikian juga jika mau menambah menu atau link baru, tinggal tambah dengan diapit kode <td> dan kode penutup </td>.

Demikian Cara Membuat Navigasi Menu Bar Statis di Footer Blog. Boleh dicoba. (http://contohblognih.blogspot.com).*

Sumber

Mesin Pencari MEMEX: Canggih Sih, Tapi Namanya Itu Lho!

noreply@blogger.com (Farah Alwahida) — Tue, 17 Feb 2015 02:54:00 +0000

CB agak ragu juga menulis posting soal MEMEX ini. Semoga saja Google tidak salah paham dan tidak menilainya sebagai "posting dewasa". MEMEX adalah mesin pencari (search engine) baru, seperti mesin pencari Google, Yahoo, dan Bing.

Katanya, MEMEX ini lebih canggih dari Google! Canggih sih canggih, tapi namanya itu lho....! Mbok ya jangan memex dong!!! Yang ngasih nama bener-bener gak ngehargain bangsa Indonesia kali ya! Makanya, hai Pentagon, kenali juga dong bahasa Indonesia!!!

Seperti diberitakan Kompas.com dari Computer World, mesin pencari MEMEX dikembangkan Departemen Pertahanan Amerika Serikat (Pentagon) melalui lembaga Defense Advanced Research Projects Agency (DARPA). Teknologi mesin pencari ini diklaim jauh lebih unggul darip Google.

Disebutkan, Memex sanggup melakukan tugas pencarian lebih dalam, bahkan sanggup menjangkau 95 % pencarian informasi yang tak sanggup dilakukan oleh Google!

Memex is like the Google of the deepest, darkest parts of the web, focusing (for the moment). A tool called Memex, developed by the US military’s research and development arm, is a search engine on steroids. (Baca: Memex: A search engine more powerful than Google).

Kenapa MEMEX?
Mesin pencari ini diberi nama MEMEX, kombinasi kata Memory dan Index ini. Didesain untuk menjelajah informasi yang tak terindeks di internet, termasuk di antaranya mampu menjelajah database informasi yang tak ditampilkan di Google dan bagian tersembunyi lainnya dimana kegiatan kriminal justru dilakukan.

Memex akan menyajikan informasi ke dalam bentuk infografis yang canggih dimana informasi itu sulit ditemukan oleh Google.

Kembali ke pertanyaan, kenapa mesti bernama MEMEX yang berkonotasi "porno" dalam bahasa Indonesia?

Kayaknya harus bikin "somasi" atau "petisi" deh di Change agar nama mesin pencari baru ini diubah namana, jangan MEMEX dong!

Nama MEMEX berkonotasi porno di Indonesia. Pentagon harus mencari nama baru agar orang Indonesia tidak "risih" saat menuliskan dan menyebutkannya. Cari di Google! Enak kan...? Coba... cari di Memex! Apa gak risih tuh?

Bayangin kalo Memex ini nyedian blog juga. Bayangin deh... yuk, kita ngeblog di Memex! Gak enak 'kan bilangnya?

Googling! Enak kan? Memexing...??? Hadooh.... GANTI nama MEMEX !!!! Dukung petisi ini supaya sampai ke telinga Departemen Pertahanan Amerika Serikat! (http://contohblognih.blogspot.com).*

Cara Membuat Toolbar Statis di Atas Header Blog

noreply@blogger.com (Farah Alwahida) — Mon, 16 Feb 2015 11:02:00 +0000

TOOLBAR Statis (Floating/Static Toolbar) yaitu "palang" (bar) mirip menu navigasi yang muncul di atas header atau bagian atas halaman blog. Biar lebih jelas, lihat contohnya di blog demo New Thesis SEO. Di sana ada "pengumuman" bahwa telah tersedia New Thesis SEO V2 dan V3 Responsive!

Anda bisa menggunakan Toolbar Statis ini jika ingin mengumumkan sesuatu yang sangat penting. Bisa juga digunakan di blog toko online untuk mengumumkan sale, promo, diskon, atau produk baru.

Karena sifatnya statis, fixed, atau floating, Toolbar ini muncul terus saat halaman blog discroll ke bawah. Pokoknya lihat aja demonya deh. Variasi Toolbar Statis lainnya juga akan di-share di blog CB ini.

Cara Membuat Toolbar Statis di Atas Header Blog

Cara membuatnya gampang, tanpa javascript, cuma kode HTML & CSS, sehingga tidak pengaruh sama loading ataupun seo blog. Proses pembuatannya mirip cara membuat Navigasi Menu Statis di Atas Header.

1. Template > Edit HTML
2. Temukan kode <body>
3. Copas kode berikut ini di bawah kode <body>

<div id="toolbar" style='color:#fff;'>
<p>Kini hadir New Thesis SEO V2 dan V3 Responsive!!! Silakan meluncur ke <a href='http://contohblognih.blogspot.com/' target='_blank' style='color:#ff9;'>CB Blogger</a>
</p>
</div>

4. Temukan kode ]]></b:skin>
5. Copas kode berikut ini di atas kode ]]></b:skin>

#toolbar {
position: fixed;
width: 100%;
height: 15px;
top: 0;
left: 0;
padding: 0px 10px 25px;
background: #777;
z-index: 999;
border-bottom: 3px solid #ddd;
}

6. Save Template!

Anda bisa mengubah warna latar belakang dan warna huruf. Lihat: Kode Warna HTML.

Demikian Cara Membuat Toolbar Statis di Atas Header Blog. Good Luck! (http://contohblognih.blogspot.com).*

Code Source

Cara Memasang Widget Recent Posts SEO Friendly

noreply@blogger.com (Farah Alwahida) — Mon, 16 Feb 2015 09:30:00 +0000

BANYAK banget blogger yang berbagi tips cara membuat, nemapilkan, atau memasang Recent Posts, Latest Posts, atau Posting/Tulisan Terbaru di sidebar blog.

Namun, kebanyakan menggunakan kode Javascript yang membuat blog jadi tampil lambat (mempengaruhi kecepatan loading).

Apalagi, tidak sedikit kode-kode Latest Posts itu disisipi link, baik link tersembunyi maupun terang-terangan. (Namanya juga usaha dapat backlink!)

Tips berikut ini merupakan cara terbaik memasang widget Latest Posts untuk mengurangi "beban" loading blog, yakni TANPA JavaScript, sehingga lebih SEO Friendly.

Cara Pasang Widget Recent Posts Tanpa Javascript

CARA #1

1. Layout > Add a Gadget > pilih "Feed"

2. Masukkan alamat blog Anda, klik "Continue", dst.

CARA #2

1. Layout > Add a Gadget > pilih "Feed"

2. Masukkan alamat RSS Feed blog Anda dari Feedburner, klik "Continue", dst.

Kedua cara di atas kadang gagal. Loading daftar Latest Postsnya lama banget, bahkan gak nongol di sisdebar. Maka, berikut ini cara terbaik Memasang Widget Recent Posts Tanpa Javascript:

CARA #3

1. Login ke akun Feedburner Anda. Kalau belum punya, daftarkan dong!
2. Klik menu "Publicize"

3. Klik menu "BuzzBoost"

4. Lakukan seting seperti tampak dalam gambar di bawah ini. Atur jumlah judul posting terbaru yang akan ditampilkan. Sisanya jangan centang, biarkan kosong seperti ini:

5. Klik "Save"
6. Copy kode yang muncul.

CARA MEMASANGNYA
Beralih ke Dashboard Blog Anda.
1. Layout > Add a Gadget > pilih "HTML/JavaScript".
2. Copy & Paste kode tadi.
3. Save!

DEMO

Recent Posts dari FeedBurner ini dijamin 100% working dan tentu saja lebih SEO Friendly karena tanpa Javascript, juga aman dari sisipan link blogger lain. Jika ada link Feedburner, justru lebih bagus karena blog jika tertaut dengan situs ternama milik Google. Good Luck! (http://contohblognih.blogspot.com).*

Pengaruh Template Blog Valid HTML terhadap SEO & Indeks Google

noreply@blogger.com (Farah Alwahida) — Sun, 15 Feb 2015 16:44:00 +0000

APAKAH blog Anda sudah valid HTML & CSS? Sudah dicek di Validator HTML & CSS Validation Services? Banyak error dan warning? Bagaimana mengatasinya? Apa pengaruh pada SEO dan Indeks Google?

Jangan khawatir, asalkan tidak terlalu banyak error dan blog Anda terbukti terindeks Google, maka bisa dikatakan "Valid HTML Tidak Ada Kaitan dengan SEO & Indeks Google!"

Hasil "studi online" alias Googling menunjukkan, template valid HTML & CSS tidak berpengaruh pada SEO dan Indeks Google. Google masih berprinsip Content is King dan mengutamakan blog dengan Konten Berkualitas & Fresh!

So, jangan buang waktu ngurusin valid HTML & CSS. Asalkan tak terlalu banyak error, enjoy saja! Google "gak peduli"! Jika terlalu banyak error, tampilan blognya juga kan "gak normal".

Maka, jangan bersedih bagi Anda yang blognya tidak valid HTML & CSS alias banyak errornya, selama tampilan blog Anda normal dan yang penting "Lolos Testing Struktur Data" di Webmaster Richsnippet Testing Tools!

Kalo yang itu --struktur data-- jika error wajib dibenerin deh, soalnya 'kan itu gambaran bagaimana posting blog kita diindeks dan tampil di halaman hasil pencarian Google (SERP).

Jika Anda "ragu" dengan hasil temuan CB di atas, bahwa Valid HTML Tidak Ada Kaitan dengan SEO & Indeks Google, silakan ke sumber berikut ini:

Sekali lagi, jangan "sedih" dan "pesimistis" jika template blog Anda tidak valid HTML & CSS, asalkan tidak terlalu banyak dan blog tampil normal.

Sebaliknya, bagi blogger yang template blognya valid HTML, jangan terlalu "PD" apalagi "sombong". Valid HTML & CSS tidak ada hubungannya dengan SEO! (http://contohblognih.blogspot.com).*

Daftar Menu Wajib Ada di Blog untuk Google Adsense & Kredibilitas

noreply@blogger.com (Farah Alwahida) — Sun, 15 Feb 2015 05:25:00 +0000

BERIKUT ini daftar Menu yang wajib ada di Navigasi Blog , khususnya untuk kepentingan Google Adsense dan agar blog juga punya kredibilitas --tampak profesional, minimal terkesan "serius", gak main-main.

Navigasi Menu adalah link internal yang berisi tautan menuju Halaman Statis, juga bisa ke Halaman Dinamis, seperti mengarah ke daftar posting label tertentu, dan bisa pula berisi links yang mengarah ke blog lain (tautan eksternal).

Cara membuat Navigasi Menu sudah beberapa kali CB share di sini. Klik aja Navigasi Menu.

Kabarnya, salah satu pertimbangan Google dalam menerima blog di Google Adsense juga adanya "kelengkapan" daftar navigasi berikut ini.

5 Menu yang Wajib Ada di Blog Anda

Berikut ini lima menu navigasi yang wajib dipasang di blog Anda agar tampak profesional dan "serius" sehingga membangun kredibilitas di mata Google dan Pengguna.

1. HOME
Beranda. Halaman Depan. Navigasi nomor satu yang wajib ada di Menu Blog Anda.

2. ABOUT
Tentang. Bisa "Tentang Saya", bisa juga "Tentang Kami" (untuk blog dengan admin/author lebih dari seorang). Halaman "About" ini berisi identitas blog, tujuan blog, dan sang blogger. Bisa juga berisi Meta Deskripsi sehingga memperkuat Meta Tags blog di mesin pencari.

3. CONTACT
Kontak. Bisa juga "Hubungi Saya" atau "Hubung Kami". Halaman ini berisi cara pengguna menghubungi admin blog, misalnya via email, telepon/HP, media sosial, WhatsApp, dll.

4. DISCLAIMER
Sangkalan. Penolakan. Disclaimer adalah pernyataan admin blog tentang isi blognya berupa "peringatan" kepada pengunjung tentang asal-usul, sumber, kegunaan, dan konten blog. Kita bisa membuatnya di Disclaimer Generator.

5. PRIVACY POLICY
Kebijakan Privasi. Yaitu pernyataan admin blog tentang "tata tertib" atau aturan penggunaan blog bagi pengunjungnya. Gak usah ngerasa ribet, bikin aja di Privacy Policy Generator.

CB sendiri "menggabungkan" menu No. 4 dan 5 dalam satu halaman Disclaimer.

Bagaimana jika di blog kita tidak ada kelima menu tersebut? Ya... tidak apa-apa sih, yang penting 'kan konten berkualitas! Namun, seperti pada judul posting ini, kelima menu tersebut untuk kredibilitas dan khususnya kepentingan Google Adsense.

MENU BLOG BISNIS

Untuk blog bisnis, ada tambahan menu, seperti SERVICES (Layanan) dan PRODUCT, juga bisa ditambah PORTFOLIO.

CARA MEMBUATNYA
Menu-menu seperti About, Kontak, dst. dibuat di halaman statis (Static Page). Cara membuatnya mirip dengan membuat posting, namun memilih menu "Page":

Klik "Pages" > "New Page"

CARA MENAMPILKANNYA
1. Layout > Add a Gadget > PageList

ATAU

2. Template > Edit HTML > Masukkan ke dalam daftar Navigasi Menu yang biasanya ada di bawah Header Blog. (Lihat panduan instalasi template yang biasa diberikan oleh desainer). Good Luck! (http://contohblognih.blogspot.com).*

Cara Membuat 4 Kolom Iklan di Atas Posting Blog

noreply@blogger.com (Farah Alwahida) — Sat, 14 Feb 2015 23:55:00 +0000

BIASANYA desainer template menyediakan 4 kolom iklan di sidebar blog, ukuran 125x125 Pixel. Jarang yang menyediakan Empat Kolom Iklan di atas Posting Blog. Contoh atau demonya bisa dilihat di CB Blogger Lab.

Sebelumnya CB sudah share juga Cara Membuat Dua Kolom Iklan Adsense di atas Posting dan Cara Membuat Dua Kolom Adsense di bawah Posting.

Kali ini CB share Cara Membuat 4 Kolom Iklan di Atas Posting Blog, khususnya untuk iklan non-Google Adsense, atau sekadar mempercantik tampilan dan mengisinya dengan link blog lain.

Cara Membuat 4 Kolom Iklan di Atas Posting Blog

1. Klik "Layout" > "Add a Gadger" di atas widget "Blog Posts"

Jika widget di atas "Blog Posts" tidak tersedia, maka setting dulu di "Template" > "Edit HTML" > cari kode "showaddelement" > ganti "no" dengan "yes"

2. Pilih "HTML/JavaScript"

3. Masukkan kode berikut ini di kolom "Content"

Catatan:
Ukuran gambar bisa disesuaikan dengan lebar "main area" blog Anda, lebar dan tingginya, di angka 145 dan 125.

4. Save!

Jika ingin menampilkannya hanya di halaman dalam (Single Page/Single Posts), maka gunakan kode yang ada di Cara Mengatur Posisi Widget. Good Luck!

Anti Virus Smadav Rilis Update Terbaru 2015

noreply@blogger.com (Farah Alwahida) — Sat, 14 Feb 2015 23:31:00 +0000

Selain Smadav, setidaknya ada 3 antivirus lain yang wajib digunakan untuk melindungi komputer dari serangan virus terbaru --Avast, CCleaner, dan AdwCleaner.

SMADAV, anti virus lokal Indonesia yang ampuh mengatasi virus USB atau melindungi komputer Anda dari virus yang biasa nyebar lewat Flash Disk, merilis versi terbaru pada 10 Februari 2015. Para Smadaver --sebutan bagi pengguna anti virus ini-- bisa mendownload atau upgrade di situs resminya, www.smadav.net.

Blogger yang belum menggunakan antivirus ini, segera pasang! CB sudah bertahun-tahun menggunakan antivirus ini dan terbukti mampu mengamankan komputer dari virus. Dikombinasi dengan Avast, maka kita sudah memproteksi total terhadap komputer kita sehingga aman & nyaman ngeblog dan aktivitas "komputing" dan "browsing".

Disebutkan, di Smadav 2015 Rev. 10.0 ada perubahan tampilan dan bahasa Smadav 2015, Penambahan database 212 virus baru, Penyempurnaan metode pengebalan USB flashdisk, dsb.

DUA VERSI SMADAV

Smadav tersedia dalam dua versi, yakni Versi Gratis (Free) dan Versi Pro. Smadav Free & Pro mempunyai kemampuan deteksi yang sama. Bedanya hanya pada fitur auto-update dan fitur tambahan lainnya.

Smadav Pro mempunyai banyak fitur tambahan yang tidak ada di Smadav Free, seperti:

Update Otomatis Online
Scanning Lebih Cepat
Exception List
Maximize/Resize
Mengganti Warna Tema
Password Admin,
Izin Penggunaan

Pengguna Smadav Free harus men-download ulang file Smadav 2015 Revisi terbaru, kemudian membuka program Smadav tersebut di komputer Anda dan tidak perlu koneksi internet lagi, nanti akan ada konfirmasi bahwa Smadav akan di-update.

Smadav versi Free tidak mempunyai fitur update otomatis, untuk mendapatkan update otomatis lewat internet Anda harus menggunakan Smadav versi Pro.

KEGUNAAN SMADAV
Ada 4 fungsi utama Smadav :

Proteksi tambahan untuk komputer dan 100% kompatibel dengan antivirus lainnya! Artinya, tidak akan konflik atau bentrok dengan Avast misalnya.
Best USB Antivirus (Proteksi Total USB Flashdisk).
Best for offline use (tidak perlu update terlalu sering)
Cleaner dan tools untuk membersihkan virus.

KOMBINASI ANTIVIRUS LAIN

Komputer yang CB gunakan hingga kini aman-damai, tidak ada kisruh masalah virus dan tidak ada gangguan virus selama ngeblog dan aktivitas lainnya.

Selain memasang Smadav di komputer, CB juga pasang Avast Antivirus guna proteksi virus internasional, khususnya virus internet --Malware, Spyware, AdWare, dll.

Sebagai proteksi tambahan, kita juga bisa gunakan anti virus atau software internet lain, seperti:

CCleaner (Link Download)
AdwCleaner (Link Download)

CCleaner berfungsi membersihkan komputer dari file-file yang tidak berguna dan hanya membebani kinerja komputer --komputer jadi lemot alias lambat.

AdwCleaner berfungsi mirip CCleaner, namun fokus mendeteksi dan menghapus virus-virus malware yang bisa menyusup pada aplikasi atau program hasil download.

Kita harus download SEMUA antivirus di atas dari situs resminya, biar aman, tanpa sisipan link apa pun.

Banyak blogger berbagi antivirus di atas, namun "memanfaatkannya" untuk keuntungan dan kepentingan tertentu. Link yang CB share di atas langsung menuju situs resmi masing-masing antivirus.*