Home / Archived For 2014

Kamis, 11 Desember 2014

7 Jenis Komentar Blog: Anda Termasuk yang Mana?

Add Comment
Jenis Komentar Blog
DALAM sehari, komentar di blog CB ini rata-rata antara 10-15 komentar. Paling sedikit 5 komentar per hari. Pernah bahkan sering juga sampai 20-an komentar dalam sehari dengan beragam jenis komentar.

Dengan banyaknya komentar tersebut, CB jadi tahu Jenis-Jenis Komentar Blog, dari yang Tulus, Modus, Tanya, hingga Spam bahkan "Nyampah".

Tidak semua komentar CB publish, sebagaimana tidak semua komentar CB jawab/balas, entah karena "terlewat", tidak sempat, memang tidak perlu ada reply, atau juga karena CB tak tahu jawabannya :) Kebanyakan sih terlewat karena banyaknya komentar yang masuk.

jenis-jenis komentar blog

Dari semua komentar blog yang masuk sejauh ini, CB mengidentifikasi jenis-jenis komentar blog sebagai berikut:
  1. Komentar Tulus
  2. Komentar Asal
  3. Komentar Modus
  4. Komentar Sampah
  5. Komentar Spam
  6. Komentar Tanya
  7. Komentar Berkualitas
#1. Komentar Tulus
Ada yang menyenbutnya "The Truly Interested". Komentar yang benar-benar tertarik dengan posting yang dikomentari. Biasanya berupa tambahan ide, memberikan perspektif baru, atau mengajukan pertanyaan yang memang benar-benar ingin ditanyakan (bukan pura-pura nanya biar komennya dimuat dan direspons).

#2. Komentar Modus 
Disebut juga "The Self-Promoter". Blogger yang satu ini hanya punya satu agenda: mempromosikan blognya! Komenrnya hanya "modus" untuk promosi blognya.

Biasanya berisi minta ("mengemis") kunjungan balik --misalnya "keren tulisannya... kunjungan balik ya..."-- dan "pura-pura" nanya. Padahal yang ditanyakan sudah dibahas di posting! [Oo... kamu ketauan :)] Baca deh: Tidak Usah Minta Kunjungan Balik.

#3. Komentar Asal 
Disebut juga "The Generic". Komentarnya asal, seperti "artikel yang menarik", "nice post", "great post", "terima kasih informasinya", dan sejenisnya. Komentar begini masih bisa ditoleransi dan dipublish.

#4. Komentar Sampah
Dikenal dengan "Junk Comment". Komentar yang tidak berguna dan tidak bermutu sama sekali. Sama dengan komentar spam.

#5. Komentar Spam (The Spammer)
Komentar yang menyertakan link hidup (live link) atau link aktif (active link). Komentas jenis ini menjadi musuh bersama (common enemy) blogger.

Termasuk komentar spammy adalah komentar yang isinya promosi blog atau produk. Ini contohnya: "bagus saya suka, tapi ada gak template yang untuk xxxxxx yang cocok untuk [alamat blog]" atau "kunjung blog saya [alamat blog]".


#6. Komentar Tanya
Ini banyak diterima CB. Sebagian besar CB jawab semampunya. Yang tidak dijawab, mohon maaf, bisa jadi gak sempat, terlewat, atau memang CB gak tau jawabannya.

#7. Komentar Berkualitas
Disebut juga "The Truly Interested", sama dengan jenis komentar blog #1. Tulus. Komentarnya menunjukkan ia benar-benar membaca tulisan dan tertarik. Ini jenis komentar terbaik, sama dengan komentar tulus.

Baca juga: Tips Komentar di Blog

Jika komentar kita berkualitas, maka itu akan menunjukkan kualitas blog kita juga. Dampaknya, pembaca komentar akan tertarik mengunjungi blog kita tanpa harus diminta. Isi komennya menambahkan, memberi ide baru, atau menjawab pertanyaan komentator lain.

Jenis-jenis komentar blog lainnya bisa disimak di:

Blog Anda sepi komentar? Cari tau penyebabnya: Why No One Comment on Your Blog.

Senin, 08 Desember 2014

Cara Mengubah Tahun Copyright Footer Blog Otomatis

Add Comment
Cara Mengubah Tahun Copyright Footer Blog Otomatis
SEBELUMNYA  CB sudah share tentang Cara Mengubah Tahun Copyright Blogger secara Otomatis versi pertama, yaitu mencantumkan dua jenis tahun: tahun pembuatan blog dan tahun yang sedang berlangsung di footer, seprti Copyright (c) 2012-2014 Nama Blog. All rights reserved.

Kali ini CB share kembali soal perubahan tahun copyright itu versi kedua, yakni hanya mencantumkan tahun yang sedang berjalan, seperti Copyright (c) 2014 Nama Blog. All rights reserved.

Sekarang bulan Desember 2014. Sudah pasti dong, insya Allah, bulan depan Januari 2015. Tahun baru tuh. Maka, tahun copyright di footer blog Anda pun harus diubah dong nanti, dari 2014 menjadi 2015.

Nah, dengan sebuah kode, kita gak usah repot-repot edit HTML template untuk mengubahnya setiap pergantian tahun. Kode ini akan otomatis menampilkan tahun yang sedang berjalan, tanpa harus edit template.

Cara Mengubah Tahun Copyright Footer Blog secara Otomatis 

Jika kode copyright di footer blog Anda sudah seperti kode di bawah ini, tentu tidak harus diubah lagi.

Jika kodenya biasa saja, misalnya seperti ini:
  • Copyright 2014 <a href="URL-BLOG">Nama Blog</a>. All Rights Reserved
  • Copyright 2014 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>. All Rights Reserved
Maka, ubahkan dengan kode berikut ini:

Copyright &#169; <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script> <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>. All rights reserved.

Cara mengubahnya:
1. Template > Edit HTML
2. Cari (Ctrl+F) kode "Copyright" (biasanya di bagian bawah)
3. Pastikan kodenya seperti kode di atas. Jika tidak, ganti (replace) dengan kode di atas.
4. Save Template!

Dengan begitu, maka tahun copyright di footer kita akan berubah secara otomatis tiap pergantian tahun.

Hasilnya akan seperti ini:
Copyright © 2014 Contoh Blog. All Rights Reserved.

Tahun depan akan seperti ini:
Copyright © 2015 Contoh Blog. All Rights Reserved.

Good Luck!

9 Tips SEO Dasar untuk Blog Blogspot

Add Comment
9 Tips SEO Dasar untuk Blog Blogspot
BANYAK blogger "frustrasi" karena pengunjungnya sedikit. 9 Tips SEO Dasar untuk Blog Blogspot ini bisa mendongkrak jumlah pembaca blog dan menambah semangat blogging.

Menerapkan Tips SEO saat ini WAJIB dilakukan, terutama jika posting kita setema atau setopik dengan posting blogger lain.

Search Engine Optimization (SEO) akan menjadi pembeda karena akan menempatkan sebuah posting (blog) di posisi atas, minimal di halaman pertama, halaman hasil pencarian (SERP).

Berikut ini 9 Tips SEO Dasar untuk Blogger pemula. CB sadur dari Shout Me Loud dengan beberapa penambahan & pengurangan (edit).

1. Optimalkan Post Permalink.
Usai menulis, edit menu "Permalink" di sidebar kanan. Klik "Permalink" > pilih "Custom Permalink", terutama jika judul posting Anda panjang dan "rumit".
  • Usahakan jumlah huruf (karakter) judul posting tidak lebih dari 50 karakter.
  • Hapus "stop words" atau kata-kata yang tidak perlu di permalink, seperti "sebuah", "untuk", "dan", "yang", "bagi", "ke", "kepada", dll.
  • Contoh: 10 Tips SEO Dasar untuk Blog Blogspot diubah menjadi 10-Tips-SEO-Dasar-Blog -Blogspot. (Jangan lupa gunakan tanda pisah/strip antar-kata).
2. Atur Kepadatan Kata Kunci
Kepadatan kata kunci (keyword density) adalah aspek penting untuk ranking lebih baik. Namun, harus pas! Jika kebanyakan, akan dianggap spam dan menurunkan peringkat. Jika kurang, kurang pula ranking blog di SERP. Kepadatan kata kunci dalam posting blog sekitar 2%.

4. Gunakan Label (Kategori) dan Related Posts
Label menambah keyword density posting. Label juga berdampak pada daftar posting terkait. Gunakan 2-3 Label dalam setiap posting blog.

5. Format Judul Posting Blog
Gunakan Meta Tag Title SEO Friendly. Ganti kode berikut ini di template blog Anda.

<title><data:blog.pagetitle/></title>

menjadi

<b:if cond= 'data:blog.pageType == &quot;index&quot;'> 
<title><data:blog.title/></title> 
<b:else/> 
<title><data:blog.pageName/></title> 
</b:if>

6. Format Gambar (Image) untu SEO
Lakukan optimisasi gambar, image, atau foto ilustrasi dengan mengisi "title text" dan "alt text" yang sesuai dengan nama file gambar dan kata kunci atau judul posting. Jangan biarkan gambar di blog Anda tanpa deskripsi (alt text). (Baca: 5 Cara Optimisasi Gambar untuk SEO Blog).

7. Provide Meta Tags
Meta Tags adalah tag HTML yang digunakan mesin pencari untuk mengidentifikasi judul, deskripsi, dan rician URL lainnya. Maka, gunakan Meta Tags SEO Friendly.

Jangan lupa isi Meta Tags di Dashboard Blog: Setting > Basic > Meta Tags > Description, lalu pilih "Yes" Enable search description.

Saat menulis posting, isi pula menu "Search Description" di sidebar kanan.

8. Gunakan "Nofollow" untuk Link Eksternal
Gunakan atribut "Nofollow" untuk tautan keluar (external link).

9. Cobalah memasukkan kata kunci saat menjawab komentar.
Gunakan pula media sosial Google Plus untuk share posting blog secara otomatis. Buat juga Google Page sebagai "Publisher" posting blog Anda.

Demikian 9 Tips SEO Dasar untuk Blog Blogspot. Jangan lupa manfaatkan pula Webmaster Tools untuk membuat Sitemap & Google Analytic untuk memantau pengunjung.

Trik SEO Blog lainnya bisa disimak di Tips SEO Blog.

Sambil optimisasi seo blog, mari nikmati musik asyik Kitaro ini :)

 

Selasa, 02 Desember 2014

Cara Pasang Player Musik/Lagu MP3 di Blog

Add Comment
Cara Memasang atau Membuat Player Musik/Lagu MP3 di Blog
Cara Pasang Player Musik/Lagu MP3 di Blog

MEMASANG player lagu di blog tidak dianjurkan. Pasalnya, ia tidak dibutuhkan mayoritas pengunjung karena mereka juga punya koleksi musik/lagu di komputernya masing-masing, juga bisa download lagu yang mereka sukai.

Namun, jika Anda tetap "maksa" mau pasang, atau memang ada file MP3 yang akan disisipkan dalam posting blog atau dipasang di sidebar, ini dia cara Cara Pasang Player Musik/Lagu MP3 di Blog.

Ada dua langkah utama:
1. Membuat Blog Penyimpan Lagu/Musik/File MP3 di Site Google.
2. Membuat atau Memasang Kode Music Player-nya.

LANGKAH PERTAMA
  1. Login ke Akun Google/Blogger Anda.
  2. Buka Google Site.
  3. Klik "Create" 
  4. Choose "Blank Template" 
  5. Kasih Nama 
  6. Pilih "Create"
  7. Cari dan pilih menu "Page Settings"
Selanjutnya? Hmm... agak ribet nin. Silakan langsung ke TKP aja ya. Buka saja link ini "Embed MP3 in Blogger".

Cara Lain Pasang Player Musik/Lagu MP3 di Blog:

Ini contohnya: Selamat Bergoyang :)



Senin, 01 Desember 2014

Membuat Widget Popular Posts Keren di Blog

Add Comment
Membuat Widget Popular Posts Keren seperti yang bisa dilihat di Blog ini sangat gampang. Anda tinggal menambahkan kode CSS di template blog.

Namun, sebelumnya, tentu Anda harus memasang dulu Widget Popular Postnya di Sidebar blog.

Popular posts berfungsi sebagai navigasi menu dan internal link yang bagus buat blog dan dianjurkan oleh Google. Dengan internal link, blog kita jadi User Friendly.

Cara Membuat Widget Popular Posts Keren di Blog:
  1. Di Blogger Dashboard, klik menu "Layout"
  2. Klik “Add a Gadget” di Sidebar
  3. Tambahkan/Pilih “Popular Posts Widget” 
  4. Centang pilihan sesuai selera, bisa dengan gambar, ringkasan, atau dua-duanya. Bisa juga cuma judul doang.
  5. Save!

Langkah menambah style Popular Post Widget

  1. Klik menu "Template" > "Edit HTML"
  2. Cari (Ctrl + F) kode </b:skin>
  3. Copy + Paste kode berikut ini sebelum atau di atas  kode </b:skin> tadi.
.popular-posts ul {
padding-left: 0px;
counter-reset: popcount;
}
.popular-posts ul li:before {
list-style-type: none;
margin-right: 15px;
padding: 0.3em 0.6em;
counter-increment: popcount;
content: counter(popcount);
font-size: 16px;
background: #292D30;
color: #ffffff;
position: relative;
font-weight: bold;
font-family: georgia;
float: left;
border: 2px solid #dddddd;
box-shadow: 1px 2px 9px #666666; }
.popular-posts ul li {
border-bottom: 1px dashed #dddddd;
}
.popular-posts ul li:hover {
border-bottom: 1px dashed #696969;
}
.popular-posts ul li a {
text-decoration:none; color:#5A5F63;
}

.popular-posts ul li a:hover {
text-decoration:none;
}

Selamat, Anda sudah Membuat Widget Popular Posts Keren di Blog!

Cara Membuat Navigasi Halaman Blog dengan Nomor

Add Comment
Cara Membuat Navigasi Halaman Blog (Numbered Page Navigation) dengan Nomor di bagian bawah Homepage.

Cara Membuat Navigasi Halaman Blog dengan Nomor
NAVIGASI halaman merupakan bagian dari internal link (tautan internal) yang dianjurkan oleh Google. Fungsinya untuk memudahkan user mengeksplorasi konten blog kita.

Demonya bisa dilihat di bagian bawah halaman depan (Home) blog ini.

Berikut ini cara mudah membuat Numbered Page Navigation atau Navigasi Halaman blog:

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

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 14px;padding: 5px 12px;margin-right:5px; color: #666; background-color:#eee;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#359BED;text-decoration:none;color: #fff;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#359BED;}
.showpageOf{display:none!important}
#blog-pager .pages{border:none;}

3. Copas kode berikut ini di atas </body>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
/*<![CDATA[*/
var perPage=7;
var numPages=6;
var firstText ='First';
var lastText ='Last';
var prevText ='« Previous';
var nextText ='Next »';
var urlactivepage=location.href;
var home_page="/";
/*]]>*/
</script>
<script src="http://helplogger.googlecode.com/svn/trunk/page-navigation2.js"/>
</b:if>
</b:if>

4. Save template!

Model atau gaya Navigasi Halaman Blog dengan Nomor lainnya bisa dilihat di Help Blogger.*

Memasang Tombol Pinterest di Gambar Posting Blog

Add Comment
Cara Menambah, Menampilkan, atau Memasang Tombol Pinterest di Gambar Posting Blog.

Memasang Tombol Pinterest di Gambar Posting Blog
PINTEREST merupakan salah satu media sosial yang terus berkembang dan kian populer. Media sosial yang mirip instagram --fokus ke gambar/foto-- ini bisa mendongkrak popularitas blog dan menambah seo social media blog.

Kita bisa Memasang Tombol Pinterest di Gambar Posting Blog agar user atau kita sendiri dengan mudah share gambar dan posting blog ke akun Pinterest.

Btw, membuat akun di Pinterest bagus buat membuat backlink gratis blog kita, sekaligus Social Media SEO --salah satu dari 3 pilar seo blog selain link dan konten.

Ini dia cara Memasang Tombol Pinterest di Gambar Posting Blog

1. Template > Edi HTML
2. Copas kode berikut ini di atas kode  </body>

<script>
//<![CDATA[
var custom_pinit_button = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNuzmfDsnIPB1lvRjzScvMyvfI6DbcGK6jQPhOsRx-otLZceaNnqsTizsRd3qgsIYzsZZcx1UjukPjBbZRaDf67s_kXY75eVNXel3xgSMFJFavkH4BbpWH_RsUjiHm-fdaP1RqUCZ_0JLS/s1600/pinit-button.png";
var pinit_button_position = "center";
var pinit_button_before = "";
var pinit_button_after = "";
//]]>
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script>
<script id='pinit-img-button' src='http://helplogger.googlecode.com/svn/trunk/pinterest-button1.js' type='text/javascript'>
</script>


3. Save template!

Selamat, Tombol Pinterest sudah terpasang di  Gambar Posting Blog Anda!

Belum punya akun pinterest? Buat Sekarang!

Cara Membuat Konten Blog SEO Friendly

Add Comment
Tips Jitu Membuat Posting, Tulisan, atau Konten Blog SEO Friendly

Cara Membuat Konten Blog SEO Friendly
SAAT Anda membuat sebuah tulisan (posting) di blog, sangat mungkin tulisan serupa sudah ada dan banyak di blog lain.

Agar mampu bersaing, bahkan mengalahkannya di hasil pencarian mesin pencari Google (SERP), buatkan konten yang seo friendly.

Konten blog SEO Friendly artinya tulisan, posting, atau isi blog yang mudah dan cepat terindeks Google atau mesin pencari lainnya, sehingga mudah dan cepat pula ditemukan oleh user di halaman hasil pencarian (SERP), sekaligus bisa menaikkan popularitas dan ranking.

Cara Membuat Konten Blog SEO Friendly

1. Gunakan Kata Kunci
Tempatkan kata kunci (keyword) pada judul, subjudul, dan paragraf pertama!

2. Ulang Kata Kunci
Lakukan pengulangan kata kunci (keyword) di tengah dan akhir tulisan. Jangan terlalu sering (banyak), maksimal 2% dari total jumlah kata dalam artikel.

3. Highlight!
Gunakan huruf tebal (Bold), garis bawah (Underline) huruf miring (Italic) di kalimat tertentu.

4. Heading Tag
Gunakan tag H1, H2, H3, dan seterusnya

5. Internal Link
Buatlah internal link antar-konten. Contoh terbaik untuk hal ini adalah Wikipedia yang membuat internal link (inbound link) untuk kata atau kalimat yang relevan dengan artikel lainnya. Tiru!

Demikian Cara Membuat Konten Blog SEO Friendly untuk kesuksesan blog. Good Luck!

Membuat Subjudul (Subtitle) untuk SEO Posting Blog

Add Comment
Membuat Subjudul Posting Blog Agar Lebih SEO & User Friendly

Subjudul (Subtitle) untuk SEO Posting Blog
UNTUK bersaing dengan blogger lain, posting blog kita harus dioptimalkan SEO-nya.

Membuat Subjudul (Subtitle) merupakan salah cara untuk memperkuat SEO Posting Blog (SEO Onpage).

Selain itu, subjudul juga akan menarik perhatian pengunjung (eye catching). Skema judul dalam tulisan di blog kita akan menjadi seperti ini:

Judul (Title): Add a Subtitle to a Blogger Blog
Subtitle (Subjudul): Make Your Posts More Search Engine Friendly and User Friendly

Ini dia cara Membuat Subjudul (Subtitle) untuk SEO Posting Blog:

1. Di Dashboard Blogger, klik "Template" > "Edit HTML"
2. Cari (Ctrl+F) kode </b:skin>
3. Copy and + Paste kode berikut ini dan simpan di atas/sebelum kode </b:skin> tadi.

.subtitle{
font-family:Trebuchet MS',Verdana,Arial,Sans-serif;
font-size:15px;
color: #ca1717;
line-height:20px;
}

Anda bisa ganti warna subjudul dengan mengganti kode warna color: #ca1717 menjadi kode warna HTML lainnya.

4. Save Template!

5. Buat posting baru atau edit posting lama yang akan ditambahkan Subjudul.

6. Copy + Paste kode berikut ini di bagian teratas sebelum isi posting (sebelum alinea pertama tulisan).

<div class="subtitle">Subtitle Text. Please Substitute for your own text</div>

7. Masukkan Subjudul ke bagian yang berwarna merah dalam kode di atas.
9. Klik Publish!!! Beres......

Membuat Subjudul juga bisa di tengah postingan. Caranya: gunakan Subheading di subjudul posting blog.

Minggu, 30 November 2014

Tombol "Back to Top" Bisa Mengurangi SEO Blog

Add Comment
Tombol "Back to Top" SEO Friendly
Cara Memasang Tombol "Back to Top" SEO Friendly & Fast Loading di Blogger.

BLOG Anda memasang menu atau tombol "Back to Top" (Kembali ke Atas)? Hati-hati lho, itu bisa mengurangi skor SEO blog Anda. Setidaknya, itu menurut Chkme.

Bahkan, jika gambar panah atau ikon back to topnya "kegedean", bisa mengurangi juga kecepatan loading blog!

Untuk mengatasinya, maka gunakan deskripsi gambar di image "back to top" yang Anda gunakan, serta gunakan gambar yang ukurannya kecil saja.

Misalnya: <img src="URL IMAGE" alt="Alternative Tex atau Deskripsi Gambar di Sini"/>

Contoh Javascipt/HTML Bact to Top yang CB gunakan:

<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img alt="kembali ke atas" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmxoZKJ1VQcZUNoOrkXL6H6RYlBbPCvMxBYBt0J0IiePteYlMLp7e49XiO4g9vrdNegKN_Baj4OSIS3GIZscyRBjcZj5a0prnxNGhbSMwZIKzlrkwCz9OZMKdkldav7g0yXmf3A3SXh_c/s1600/back+to+top.png "/></a>

Kode di atas bisa juga Anda gunakan untuk blog Anda.

Ini Cara Memasangnya:
1. Layout > Add a Gadget 
2. Pilih Javascript/HTML
3. Kolom "Title" (Judul) Kosongkan!
4. Copy + Paste kode di atas di kolom "Content" (Isi)
5. Save!

Selamat, blog Anda sudah ada tombol "Back to Top" yang SEO Friendly!

Alternatif gambar back to top lainnya bisa dilihat di: Cara Memasang 'Back to Top' di Blogspot.

Tombol "Back to Top" memudahkan user atau pengunjung kembali ke bagian atas blog, dalam satu klik, tanpa harus men-scroll mousenya atau "mengusap-usap" jarinya di "touch pad" atau layar SmartPhone-nya. So, tombol bact to top itu juga User Friendly!

Good luck and Happy Blogging!

Sabtu, 29 November 2014

Download Kalender 2015 Indonesia Lengkap CorelDraw Bisa Diedit

Add Comment
Link download gratis Kalender 2015 Corel lengkap, hari libur nasional, tanggal 1436 Hijriyah, tanggal Jawa

Download Kalender 2015 Indonesia Lengkap CorelDraw Bisa Diedit
Download Kalender 2015 Indonesia Lengkap CorelDraw Bisa Diedit. Kalender 2015 M plus Tanggal Hijriyah 1436, plus Hari Libur Nasional, Tanggal Jawa, lengkap Januari s.d. Desember 2015. Pokoe komplit plit gratis tis !!!

File CorelDraw Kalender Indonesia 2015 ini tentu dibutuhkan oleh siapa saja yang ingin punya kalender sendiri, termasuk instansi, perusahaan, organisasi, dan menambahkan logo dan produk/jasanya di kalender 2015 ini.

Download Kalender 2015 Indonesia, Format CDR, Vector Gratis, PDF, Excel, beserta hari libur nasional, Kalender Jawa Hijriyah.

Berikut ini link Download Kalender 2015 Indonesia Lengkap versi CorelDraw yang tentu Bisa Diedit.
Download Kalender 2015 Indonesia, Format CDR, Vector Gratis, PDF, Excel, beserta hari libur nasional, Kalender Jawa Hijriyah. Silakan share and enjoy!!!

Download Kalender 2015 Indonesia Lengkap CorelDraw Bisa Diedit

Jumat, 28 November 2014

Template Blog New Johny Wuss V2 versi Modifikasi

Add Comment
New Johny Wuss V2 versi Modifikasi
Template Blog Keren, SEO Friendly, Fast Loasing, dan Responsive New Johny Wuss V2 bisa diubah-ubah lagi alis dimodifikasi, misalnya dari sisi warna dan jenis huruf.

Bisa pula dimodifikasi bagian featured post-nya, diganti dengan versi featured image post/content slide yang lain. Ini dia contoh New Johny Wuss V2 versi Modifikasi.

Di template New Johny Wuss V2 versi Modifikasi ini ada sedikit perubahan dan tambahan fitur:

  1. Top Menu menjadi lebar 100% dan berubah warna.
  2. Search Box (Kotak Pencarian) otomatis ada di Sidebar.
  3. Featured Post diganti dengan Featured Post gaya Metro UI Template.
  4. Perubahan pada warna latar bagian Footer Credit.
Jika Anda juga melakukan modifikasi, silakan share di sini. Tentu, modifikasi bebas dilakukan sesuai dengan selera, tanpa menghilangkan Credit Link Maskolis dan CB Bloggerz di bagian Footer.

Keampuhan SEO dan Fast Loading New Johny Wuss V2 versi Modifikasi tetap sama bagus dengan NJW asli, NJW V1, dan NJW V2. Hanya soal desain yang sedikit berbeda.

Soal background, misalnya, bisa juga disesuaikan dengan niche blog, seperti blog www.sepakbolamagz.com yang menggunakan NJW V2 dan diganti dalam hal warna serta latar belakangnya menjadi hijau --sesuai dengan warna khas lapangan sepakbola: hijau.*

Selasa, 25 November 2014

New Thesis SEO V2 - Responsive Fast Loading Blogger Template

Add Comment
New Thesis SEO V2 - Responsive and Fastest Blogger Template
KABAR gembira khususnya bagi Anda pengguna template keren, simple, seo friendly, dan fast loading New Thesis SEO. Kini telah di-update menjadi New Thesis SEO V2 dengan tambahan fitur utama: responsive (responsif/adaptif).

Seperti New Thesis SEO versi 1, NTS V2  ini selain  responsive juga lebih cepat (faster), tambah keren, tetap simple (sederhana) dan bersih (clean), makin SEO Friendly, SEO Optimized, SEO Ready, pokoe.. mantap!

Template atau Tema (theme) Thesis aslinya adalah tema WordPress (WP) dari DIY Theme yang dikenal sangat ramah dan bersahabat dengan mesin pencari (Google Friendly).

Tidak diragukan lagi, thesis adalah konsep template yang sangat baik untuk mendongkrat trafik dan popularitas blog, sekaligus menaikkan PageView & PageRank di halaman hasil pencarian Google (SERP).

Kelebihan New Thesis SEO V2

1. Lulus test Google Structured Data
2. Skor SEO Chkme 100%
3. Loading cepat banget!

Skor SEO versi CHKME:
SEO Score: 100%

Kecepatan Loading versi GT Metrix:
Latest Performance Report for http://newthesisseov2.blogspot.com/
New Thesis SEO V2 - Responsive and Fastest Blogger Template

Summary
Page Speed Grade: (92%) A
YSlow Grade: (86%) B

Get New Thesis SEO V2 - Responsive and Fastest Blogger Template !!! Free!!

Minggu, 23 November 2014

Tips SEO Dasar bagi Blogger Pemula dan Blog Baru

Add Comment
Tips SEO Dasar bagi Blogger Pemula dan Blog Baru
BERIKUT ini CB share tentang tips SEO dasar bagi blogger pemula dan/atau pembuat blog baru. Kita tahu blog baru butuh waktu lama untuk segera terindeks mesin pencari, terutama Google dan Bing. Bahkan, blog lama pun banyak yang tidak terindeks.

Maka, agar blog cepat diindeks mesin pencari, terutama mesin pencari terpopuler Google & Bing, lakukan langkah berikut ini:

  1. Daftarkan Blog ke Google.
  2. Daftarkan Blog ke Bing.
Masih belum terindeks juga? Atau biar yakin blog segera terindeks mesin pencari? Lakukan langkah berikutnya:
  1. Daftarkan Sitemap blog Anda ke Google Webmaster Tools.
  2. Buatlah RSS Subcsribe di Google Feedburner
  3. Daftarkan pula blog Anda di Google Analytics.
Sudah semua... tapi masih belum terindeks juga. Coba lanjutkan ikhtiarnya dengan cara berikut ini:
  1. Gunakan Template Blog SEO Friendly & Fast Loading.
  2. Isi blog Anda dengan Konten Berkualitas.
  3. Lakukan setting dasar seo blog di dashboard blog: Setting > Basic > Description
  4. Isi pula: Setting > Search Preferences > Meta Tags > Description
  5. Share blog Anda ke Media Sosial (Facebook, Twitter, Google Plus, Pinterest, Instagram, dll.)
Jangan lupa, pastikan Meta Tags blog Anda SEO Friendly. Biasanya, Template Blog SEO sudah berisi meta tags seo sebagai berikut:

    <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <title><data:blog.pageTitle/> - Deskripsi & Kata Kunci Blog di Sini</title>
    <b:else/>
    <title><data:blog.pageName/> - Nama Blog Anda</title>
    </b:if>

Jika di template Anda cuma ada kode <title><data:blog.pageTitle/></title>, maka ganti dengan kode Meta Tags SEO di atas.

Itulah dasar-dasar SEO Blog bagi blogger pemula atau blog baru. Namun, langkah terpenting adalah Konten Berkualitas karena CONTENT IS STILL & ALWAYS BE... THE KING!!!

Demikian Tips SEO Dasar bagi Blogger Pemula dan Blog Baru agar blog baru kita cepat terindeks mesin pencari Google & Bing. 

Good luck and happy blogging!

Rabu, 19 November 2014

Ikon Gambar (Image) Home Fastest Magz Menghilang

Add Comment
Icon Gambar (Image) Home Fastest Magz Menghilang
Tidak Ada Ikon Gambar Home
ANDA pengguna template Fastes Magz? Coba perhatikan menu navigasi HOME. Icon (ikon) gambar (image) home-nya menghilang 'kan?

CB "tak sengaja" membuka beberapa blog pengguna template Fastest Magz, baik versi lama maupun versi baru.

Ternyata, icon image home-nya pada ngilang. Setelah CB cek di blog demo aslinya, ternyata masih ada kalo di blog demonya!

Rupanya, url gambar ikon home di menu Fastest Magz sudah ganti url. Pantes ngilang!

Icon Gambar (Image) Home Fastest Magz Menghilang
Tidak Ada Ikon Gambar Home
Bukan hanya itu, gambar/image "Back to Top"-nya juga menghilang! Soalnya, url image-nya satu paket dengan url image home itu!

Saya cek blog desainernnya, Mas Sugeng, tidak menemukan penjelasan soal itu. Mungkin lupa atau belum.

Mungkin juga pengguna Fastest Magz "belum sadar" atas kehilangan ikon tersebut :)

Url Image Lama (Sudah Gak Ada!)

http://3.bp.blogspot.com/-60fYApN0j2M/Ub8uXOv4rNI/AAAAAAAACBs/6PDa4uu3cHk/s1600/csg-51bf2d6764c79.png

Url Image Baru:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7W9naJIzSwDZRg8Lnmt3yuYQIP9GHikqRQHPc4051w_MVuVbcuP3tceDwXjyGhjp65rTh7oEqAbnAiHEv8L8IqSdRTC00GSkqTCvRPwVnTxGaPsRzkeGXuFjXUJAz9rN4UH7PpwMU11U1/s1600/meta-icon.png

Nah, Anda pengguna Fastest Magz, jika ingin memunculkannya kembali, tentu saja harua mengganti atau mengubah URL Image Icon Homenya, dari yang lama menjadi yang baru.

Bisa juga menggunakan url ini:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3LTo_QDlKH1cvFdoHXMFS0uCe68kT-FED1sqQYNdbWvQWma1ANKb2L1EGEMiqv1-DzjCm1ASFJYjrBstS4qzlibAFM4v7O3m7CfpahScjaWdnDn98_69aObTmYogZ3co37irFkFKMK2C5/s1600/meta-icon.png

Caranya:
1. Template > Edit HTML
2. Temukan (Ctrl+F) Url lama di atas. Ketik saja "csg". Ada dua url ya!
3. Hapus kedua url lama itu dan dan ganti keduanya dengan Url Baru.

Ini bukan masalah besar sih, tapi 'kan lumayan "mengganggu" jika ikon image home itu hilang. Good Luck!

Cara Membuat Posting Pake Password (Protected Post)

Add Comment
Cara Membuat Posting Pake Password (Protected Post)
SEBELUM berbagi tentang cara membuat posting (tulisan) pake password (protected post) ini, CB sudah share tentang cara membuat halaman statis (static page) pake password.

Gunanya password di posting blog ini tentu agar hanya mereka yang punya password yang bisa membukanya atau membacanya.

DEMO atau Contoh Posting yang Menggunakan Password:
7 Rahasia Kunci Sukses CB Blogger

Cara Membuat Posting Blog Pake Password 

Ini dia cara membuat posting atau konten blog yang dilindungi password. CB kutipkan dari My Blogger Tricks. Ada dua tahap.

TAHAP PERTAMA
1. Klik menu "Template" >  "Edit HTML"
2. Cari/Temukan (Ctrl + F) kode ]]></b:skin>
3. Copy + Paste kode berikut ini di bawahnya:

<script type="text/javascript" src="http://www.vincentcheung.ca/jsencryption/jsencryption.js"></script>

4. Save Template!
5. Kembali ke Dashboard Blog!

TAHAP KEDUA
1. Klik "New Post" (Entri Baru), seperti biasa kita akan membuat posting baru. 
2. Seperti biasa, isi JUDUL, ISI POSTING, Label, Masukkan Gambar, dst.
3. Selesai nulis, klik mode "HTML". 
4. Buka situs JavaScript Encryption

Di sana ada 4 kotak isian:
  1. Key
  2. Plain Text
  3. Clipher Text (Abaikan!)
  4. HTML Code
5. Isi kolom "Key" dengan password yang Anda inginkan
6. Copy semua teks posting di Blog Anda yang sudah dibuka dalam Mode HTML (Tahap Kedua No. 3) dan PASTE di kotak "Plain Text".

Cara Membuat Posting Pake Password (Protected Post)

7. Klik tombol "Encrypt"
8. Akan muncul kode di kotak "HTML Code" seperti ini:

Cara Membuat Posting Pake Password (Protected Post)

8. COPY deh tu kode HTML yang ada di sana!
9. Hapus KONTEN posting Anda yang di Mode HTML.
10. PASTE kode HTML tadi di kolom konten posting yang sudah dikosongkan

Kita bisa mengubah tulisan "Show Encrypted text" menjadi tulisan apa saja, misalnya menjadi "Baca Tulisan Ini!".

Kita juga bisa menambahkan tulisan SEBELUM atau SESUDAH kode HTML tersebut.

TAHAP AKHIR
1. Jangan ubdah mode HTML. Tetap biarkan begitu.
2. Klik "Publish" (Publikasikan)!

Selamat, Anda sudah punya Posting yang Pake Password (Protected Post)!

Beda Antara Post (Entri) dan Page (Halaman) di Blog

Add Comment
Posting tentang perbedaan Beda Antara Post (Entri) dan Page (Halaman) di Blog termasuk "dasar-dasar blogging" agar blogger memperlakukan keduanya juga secara berbeda.


Beda Antara Post (Entri) dan Page (Halaman) di Blog
PADA Februari 2010 Blogger memperkenalkan fitur Page (Halaman). Page dimaksudkan untuk membuat  posting (tulisan/konten) khusus dan memiliki link (tautan) di menu bar di bagian header blog atau daftar link di sidebar.

Page dikenal juga sebagai "Static Page" (Halaman Statis) karena bagian ini biasanya berisi informasi rerensi yang tidak berubah atau tidak sering diedit isinya. (Baca: Cara Membuat Page).

Sebaliknya, Post (Entri) dikenal sebagai "Dynamic Page" (Halaman Dinamis) karena sering berubah atau bertambah seiring update konten blog. 

Konten atau Halaman Page biasanya terdiri dari:
  1. "About" (Tentang)
  2. "Contact" (Kontak)
  3. "Sitemap" (Daftar Isi)
  4. "Disclaimer" atau "Privacy Policy" (bisa dibikin otomatis di Disclaimer Generator). 

Ini dia perbedaan Post dan Page selengkapnya:
  1. Page biasanya tanpa tanggal publikasi, beda dengan Post yang biasanya ada tanggal publikasi. 
  2. Page juga tidak terdaftar di gadget arsip blog, tidak masuk dalam daftar Recent Post dan Popular Post --karena memang bukan Post, tapi Page :)
  3. Page juga tidak masuk dalam RSS feeds blog
  4. Halaman tidak memiliki label, tag, atau kategori sebagaimana dimiliki posting.
  5. Halaman tidak bisa disetting menjadi Homepage karena blogger menampilkan homepage dengan posting terbaru. 
Beda Antara Post (Entri) dan Page (Halaman) di Blog selengkapnya bisa disimal di Edu Blogger dan  Blogger Hints atau Blogging Tricks.

Tambahan, halaman statis juga tidak memunculkan menu Social Share di bawah konten, maka kita harus memasang kode khusus untuk Menampilkan Like & Share di Halaman Statis. 

Masalah Halaman Statis
Blogger --tepatnya template blog-- biasanya punya dua masalah seputar Page (Halaman) blog ini:
  1. Tidak muncul utuh --kepotong "read more"
  2. Tidak menampilkan kolom komentar.
  3. Cara Menampilkannya di Homepage.
CB sudah share tentang mengatasi masalah No. 1 dan 2:
  1. Cara Mengatasi Halaman Statis Blog yang Tidak Muncul Utuh.
  2. Cara Memunculkan Kolom Komentar di halaman Statis Blog.

Untuk masalah No. 3 (cara memunculkannya), sangat mudah:
  1. Biasanya, di template blog sudah ada "Menu Navigasi" (misal: Navigation Menu), tinggal diganti, ditambah, dan diedit.
  2. Banyak juga template blog yang sudah menyediakan menu Page List, tinggal diisi.
  3. Di "Layout" (Tata Letak), klik "Add Gadget" dan pilih menu "Page" (Display a list of stand-alone pages on your blog.)
Selain itu, kita juga bisa membuat Halaman Khusus yang dikasih Password agar hanya bisa dibuka oleh yang punya password. Lihat: Cara Membuat Password untuk Halaman Statis Blog.

Itulah beda antara Page (Halaman) dan Post (Entri) di Blog Blogspot. Blogger harus tahu dong biar tau juga kegunaannya. Good luck and Happy blogging!

Selasa, 18 November 2014

Cara Efektif Membangun Backlink Blog

Add Comment
Cara Efektif Membangun Backlink alias Inbound Links Blog

Cara Efektif Membangun Backlink Blog
BANYAK blogger yang "rajin" berkomentar di banyak blog. Mereka "keliling" alias "jalan-jalan" ke sejumlah blog --dikenal dengan istilah "blogwalking"-- untuk berkomentar sekaligus meninggalkan link.

Tak jarang, mereka berkomentar berupa "komentar sampah" (junk comment) dan "komentar spammy" (nyepam).

Blog CB ini tergolong sering banget mendapatkan komentar sampah dan spam. Maaf ya... 'gak dipublish tuh :)

CB ingatkan lagi, Jangan Mengemis Kunjungan Balik saat berkomentar, juga Jangan Meninggalkan Link di komentar.

"Jangan habiskan waktu dan tenaga untuk nulis komentar plus meninggalkan link blog," begitu kira-kira nasihat salah seorang blogger sukses, Daily Blog Tips. Bahkan, katanya, hindari meninggalkan nama blog Anda di komentar! (Baca deh: Avoid leaving your blog name on comments).

Backlink alias Inbound Links memang penting, tapi jauh lebih penting adalah konten berkualitas --posting asli, karya sendiri, bermanfaat, enak dibaca, dan sekiranya dicari pengunjung.

Dalam optimisasi mesin pencari atau Search Engine Optimization (SEO), backlink merujuk pada hyper-links yang mengarah ke halaman web tertentu.

Backlink penting untuk SEO karena Google mempertimbangkan kualitas (mutu/bobot) dan kuantitas (jumlah) backlink untuk menentukan Page Rank.

Namun demikian, backlink bukan satu-satunya faktor penentu ranking blog. Ada banyak faktor lain.

Jika Anda ingin mendapatkan backlink yang sah, valid, tidak melanggar kebijakan Google, maka buatlah konten yang bagus, posting yang baik, tulisan yang sekiranya akan di-link blogger lain.

Sumber

Sabtu, 15 November 2014

Template SEO Responsive untuk Blog Foto

Add Comment
CB Blog Foto - SEO Gallery Responsive Blogger Template
Template SEO Responsive untuk Blog Foto. Salah satu jenis blog adalah phlog, singkatan dari photo blogging atau ngeblog dengan konten khusus foto atau galeri foto/gambar.

Phlog biasanya dilakukan oleh fotografer untuk share dan dokumentasi foto-foto cantik dan unik hasil jepretan sendiri.

Bisa juga phlog dilakukan oleh bukan fotografer, tapi blogger yangb hobi koleksi foto indah, lucu, dan unik.

Blog foto juga menjadi alternatif bagi Anda yang ingin ngeblog tapi "malas" nulis artikel.

Blog foto sama menariknya dengan blog lain, apalagi ada ungkapan a photo is worth a thousand words (sebuah foto sama nilainya dengan 1000 kata).

Berikut ini beberapa template blog foto keren, unik, seo freiendly, dan fast loading. Bisa juga digunakan untuk blog toko online --menampilkan produk barang/jasa-- alias blog bisnis online (lihat: Cara Membuat Toko Online dengan Blogspot).

Top 5 Template SEO Responsive untuk Blog Foto



MXfluity - Template Blog Foto Responsive


MXfluity - Template Blog Foto Responsive


Vector - 
Template Blog Foto Responsive


Vector - Template Blog Foto Responsive





Aware - Template Blog Foto Responsive


Aware - Template Blog Foto Responsive







Pathmo Gallery - Responsive Blogger Template

Pathmo Gallery - Responsive Blogger Template



CB Blog Foto - SEO Gallery Responsive Blogger Template

CB Blog Foto - SEO Gallery Responsive Blogger Template



Bonus!
Photo Therapy Responsive Blogger Template

Photo Therapy Responsive Blogger Template



Sebelumnya CB juga sudah share beberapa template blog khusus foto dan soal cara upload foto yang benar ke blog. Silakan cek:
1. Cara Upload Foto yang Benar ke Blog.
2. Melindungi Gambar dari Copas.
3. Template Blog Foto Minimalis.
4. VideoBox Blogger Template.
5. ShotMag Blogger Template for Photo & Business.

Good Luck and happy blogging!

Rabu, 12 November 2014

Cara Pasang Logo Media Sosial di Sidebar Blog

Add Comment
logo link media sosial sidebar blog
MENAMPILKAN atau memasang logo (link) akun media sosial Facebook, Twitter, Google+ dll. di sidebar blog sangat diajurkan para pakar media sosial. Tujuannya, agar menambah follower, member, atau liker.

Lagi pula, akun media sosial biasa kita gunakan juga untuk share posting blog, sehingga pengunjung bisa mengikuti update tulisan blog kita melalui akun media sosial mereka.

Jika Anda ingin memasang logo akun atau link media sosial seperti yang dipasang di blog CB ini (di sidebar kanan), ini dia caranya!

Cara Pasang Logo Media Sosial di Sidebar Blog

1. Login ke Blog Anda
2. Di Dashboard Blog, klik menu "Layout"
3. Klik "Add a Gagdet" > Pilih "Javascript/HTML"
4. Masukkan kode berikut ini setelah Anda ganti tulisan yang berwarna merah (ID Akun Sosmed Anda)

<div class="widget-content">
<style>
    #socialwidget {
   width: 300px;
   margin-left: -7px;
    }
    .TZ-social{
    padding: 10px 5px 10px 5px;
   border-bottom: 1px dotted #EBE2E2;
    }
    .TZ-social img:hover{opacity:0.8}
    .googleplus {
    background: #ffffff;
    border-top: 1px solid white;
    border-bottom: 1px solid #ebebeb;
    font-size: 12px;
    color: #000;
    padding: 9px 11px;
    ine-height: 1px;
    font-family: Verdana, Geneva, sans-serif;
    }

    .TZ {
    background: #ffffff;
    border-top: 1px solid white;
    font-size: 12px;
    color: #000;
    padding: 9px 11px;
    line-height: 1px;
    font-family: Verdana, Geneva, sans-serif;
    }
    .TZ span {
    color: #000;
    font-size: 11px;
    position: absolute;
    margin: -12px 100px;
    width: 310px;
    }
    #widgetbox .author-credit a {
    font-size: 10px;
    font-size: 10px;letter-spacing: 1px;
    color: #1E598E;
    text-decoration: none;
    }
    .TZDefault {border: 0px solid #dedede;text-shadow: #d08d00 1px 1px 0;background-color: #ff9b00;background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ffca00),color-stop(1,#ff9b00));background: -webkit-linear-gradient(center top,#ffca00 0,#ff9b00 100%);background: -moz-linear-gradient(center top,#ffca00 0,#ff9b00 100%);background: -o-linear-gradient(center top,#ffca00 0,#ff9b00 100%);background: -ms-linear-gradient(center top,#ffca00 0,#ff9b00 100%);background: linear-gradient(center top,#ffca00 0,#ff9b00 100%);}
    .TZDefault:hover {background-color: #ff9b00;background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ffe480),color-stop(1,#ff9b00));background: -webkit-linear-gradient(center top,#ffe480 0,#ff9b00 100%);background: -moz-linear-gradient(center top,#ffe480 0,#ff9b00 100%);background: -o-linear-gradient(center top,#ffe480 0,#ff9b00 100%);background: -ms-linear-gradient(center top,#ffe480 0,#ff9b00 100%);background: linear-gradient(center top,#ffe480 0,#ff9b00 100%);}
    </style>
    <div id="socialwidget">
    <!-- Begin Widget -->
    <div class="TZ-social">
    <!-- social ico -->
    <center>
    <a style="margin-right: 15px;" href="http://facebook.com/cbblogger" target="_blank" rel="nofollow">
    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT5DklDGiRcach0G_t4GpCEajVnniFQk4EzKA_IibJjU57e1SoaZDMQMymvCHQwVP0-6h0YY3cYYHH5lJod4kBd73XVwnBxlE7xudDPEwsPDeb7Xg80cqVi9ypv-XBsuPgGifutyqE-Uw/s1600/facebook.png" title="Facebook" /></a>
    <a style="margin-right: 12px;" href="http://twitter.com/contohblog" target="_blank" rel="nofollow">
    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipN72O9YXLgZu1o5p0iooJWNtEWIGlAiokG40QntFgaC4pk14bs1is0diBI-YVStGHiZ22MiMhpGe52Q59hU0TBZcM3KX12Dt9FLzCMGtbsQHxyeeUkcGxeMy2lny4RQ4rH3pO2Ei765c/s1600/twitter.png" title="Twitter" /></a>
    <a style="margin-right: 12px;" rel="me" href="https://plus.google.com/106869251529186655236/posts" target="_blank">
    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuPrU3vgNlC-jkKQY_Kqrt7xUMvLCtftTxgSzKJoc5EYjiEeWkAmLkFRMyNBEnNBNGq9aH-j_Hsai4Uqu-fKCZ1NiDyi9X3ZPK5-jtBEXMqvuwAlNZrWBxZzsDPPieCqe0ettrQs8tqbM/s1600/gplus.png" title="Google Plus" /></a>
    <a style="margin-right: 12px;" href="http://www.pinterest.com/cbblogger" target="_blank">
    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgy3LChf0hJpav6RKHLmCV9vp9XWWruavr6iv9Zy_2ZXC7j_9IPGyc9GgZyUFyLcsxZ73odKasFEZ_PUtcxIhkzkJpXcz8_WvZ76nMQ_YRWLUKumBmh34qXqh6HTXSwx-mNW8Sfb3UQb4/s1600/pinterest.png" title="Pinterest" /></a>
    <a style="margin-right: 12px;" href="http://feeds.feedburner.com/contohblognih" target="_blank" rel="nofollow">
    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbyo8XVqyWGHwyxjobF2CZOLS3rgzMVGHuv-pIoxA3Y5wjtzVfUZlvii1VbpxAfnI6L7XOXwZRG6QuCs_skrrmBN29lceHfFbcsh-iSalbcUTMu3WUXLKBg7MvXJPck9EA0hTXAeuScUc/s1600/rss.png" title="RSS Feed" /></a>

    <a style="margin-right: 12px;" href="http://www.linkedin.com/in/cbblogger" target="_blank" rel="nofollow">
    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjroi17Fc-ZPX5wBV88s6D94h8TCqY7nDla7VcHpL1HRW5q1ebQtgwKMuvUoVJEspNFfEIs2up1uhhBrm6ToljfQMNlTtbK9u1crIwZQaSgPajbbBnq10c0TnhjWmb44UMRbz7RFnAbptk/s1600/linkedin.png" title="Linkedin" /></a>
    </center>
    </div>
    <!-- End Widget -->
    </div>
</div>


MENAMBAHKAN KOTAK BERLANGGANAN
Jika Anda ingin menambahkan kotak berlangganan (RSS Subscribe) di bawahnya, seperti pada blog CB ini, maka tambahkan kode berikut ini. Jangan lupa, ganti tulisna berwarna merah dengan ID Feedburner Anda.

<style>
.hl-email{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLRMNRHt00HqDHxVr5vIvXebs-fZwE0_lMZXvM9o-f7UO8wvoOlX_qMeTzyCRbG9MkvC8PcRKzyY30dnYKwLcJqET511ukiozwXnowlNWzyk7BZLcdCN7Lb6SBnWonj4SojbXZPB5ux44/s1600/mail.png) no-repeat 0px 12px ;
width:300px;
padding:10px 0 0 55px;
float:left;
font-size:1.4em;
font-weight:bold;
margin:0 0 10px 0;
color:#686B6C;
}
.hl-emailsubmit{
background:#9B9895;
cursor:pointer;
color:#fff;
border:none;
padding:3px;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:12px sans-serif;
}
.hl-emailsubmit:hover{
background:#E98313;
}
.textarea{
padding:2px;
margin:6px 2px 6px 2px;
background:#f9f9f9;
border:1px solid #ccc;
resize:none;
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;
width:180px;
color:#666;}
</style>
<div class="hl-email">
Subscribe via Email <form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=contohblognih', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}" onfocus="if (this.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" value="Enter email address here" type="text" />
<input type="hidden" value="contohblognih" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="hl-emailsubmit" value="Submit" type="submit" />
</form>
</div>

Nah itu dia Cara Pasang Logo Media Sosial di Sidebar Blog. Kalo mau pasang di bawah postingan, ini caranya: Pasang Kotak Langganan dan Sosial Media di Bawah Posting Blog.

Mau model lainnya? Nih... ada 100 macam widget sosial media untuk blog. Silakan pilih....! Good Luck and Happy Blogging!

Gunakan Rata Kiri (Align Left) di Posting Blog Anda!

Add Comment
Gunakan Rata Kiri (Align Left) di Posting Blog Anda!
MASALAH rata kiri (align left) atau rata kiri-kanan (justify) dalam tampilan posting (tulisan) di blog adalah masalah keterbacaan (readability) dan keterpindaian (scannability).

Ini soal Format Posting (Tulisan) di Blog atau Situs Web.

Faktor Readable & Scannable merupakan masalah penting, terkait kenyamanan user/pengunjung, juga terkait UX (User Experience) dalam membaca tulisan (teks) di situs web.blog.

Langsung aja ke pokok deh: Gunakan Rata Kiri (Align Left) di Posting Blog Anda!

Ada tiga alasan utama kenapa naskah posting (tulisan) di blog (website) harus rata kiri (align left), bukan "rata kiri-kanan" (justify, justified).

1. This makes it easier to read. 
Naskah rata kiri lebih mudah dibaca. Lebih nyaman di mata. Lebih mengesankan rileks, santai, gak kaku!

2. Justified Alignment is actually non-standard for the web.
Rata kiri-kanan (justify) bukan standar website. Ia standar surat-menyurat, tulisan "serius" (skripsi atau karya ilmiah).

3. Bawaannya Rileks!
Rata kiri-kanan (justify) menunjukkan formal, kaku, tidak rileks. Rata kiri (align left) akan menyisakan "ruang putih" (white space) lebih banyak untuk "istirahat mata".

Selain itu, justify biasanya memunculkan jarak antar kata yang "tidak kompak" alias "acak-acakan". Lihat contohnya berikut ini. Rata kiri lebih enak dibaca (readable) alias dipindai (scannable).

ALIGN LEFT (RATA KIRI)

In publishing and graphic design, lorem ipsum is a filler text commonly used to demonstrate the graphic elements of a document or visual presentation. 

Replacing meaningful content that could be distracting with placeholder text may allow viewers to focus on graphic aspects such as font, typography, and page layout.

The lorem ipsum text is typically a scrambled section of De finibus bonorum et malorum, a 1st-century BC Latin text by Cicero, with words altered, added, and removed such that it is nonsensical, improper Latin.		JUSTIFY (RATA KIRI-KANAN)


In publishing and graphic design, lorem ipsum is a filler text commonly used to demonstrate the graphic elements of a document or visual presentation. Replacing meaningful content that could be distracting with placeholder text may allow viewers to focus on graphic aspects such as font, typography, and page layout.


The lorem ipsum text is typically a scrambled section of De finibus bonorum et malorum, a 1st-century BC Latin text by Cicero, with words altered, added, and removed such that it is nonsensical, improper Latin. 


CB mendapatkan "dukungan" soal align left ini dari DMJ Design dalam posting "Why you shouldn’t align html justify".

Apalagi di sana ada pernyataan Komite Standar W3C yang menguatkan bahwa rata kiri (align left) lebih baik ketimbang rata kiri-kanan (justify):

Many people with cognitive disabilities have a great deal of trouble with blocks of text that are justified (aligned to both the left and the right margins). The spaces between words create “rivers of white” running down the page, which can make the text difficult for some people to read. This failure describes situations where this confusing text layout occurs. The best way to avoid this problem is not to create text layout that is fully justified (aligned to both the left and the right margins).

Alasan lainnya, kenapa harus Gunakan Rata Kiri (Align Left) di Posting Blog adalah justify itu gaya suratkabar (koran). Bahkan majalah dan tabloid kebanyakan sudah menggunakan rata kiri di layoutnya.

Satu lagi, silakan cermati tampilan posting di situs-situs ternama, seperti detik.com, kompas.com, cnn.com, BBC, CNN, dan sebagainya. Semuanya menggunakan align left!

Namun, terserah Anda sih, mau pilih rata kiri atau rata kiri-kanan. Bebas kok! Jika Anda tipe orang yang "formal-birokratis", Anda akan lebih memilih justify, layaknya format surat.

Jika Anda tipe orang yang tidak kaku, "nyantai", maka Anda akan pilih rata kiri. Sekali lagi, rata kiri (align left) adalah format tampilan posting blog terbaik. Wasalam.

Baca juga: Format Posting Blog yang Baik

Catatan Tambahan:
Untuk mengubah "justify" menjadi "align-left", maka cari saja di template blog Anda kata "justify", lalu GANTI dengan kata "left". Bisanya diawali ada di jajaran kode "font-family" (jenis huruf).
Langganan: Komentar (Atom)