Tips Agar Blog Banyak Komentar

ADA yang bertanya kepada CONTOHBLOG, bagaimana caranya agar blog kita banyak komentar? Dengan kata lain, bagaimana tips agar pengunjung/pembaca mau berkomentar di blog kita?

Komentar user memang menjadi "dambaan" setiap blogger. Di situ terjadi interaksi, diskusi, atau saling sapa sesama blogger. Kalo di blog Anda tidak ada yang komentar, kemungkinannya banyak:
1. User cuma perlu baca atau bahkan copas konten blog Anda.
2. User kurang tertantang untuk berkomentar di blog Anda.
3. User kurang nyaman dengan setting (pengaturan) kolom komentar di blog Anda.

Untuk mengatasi kemungkinan penyebab tidak banyak komentar di blog tersebut:
1. Isi blog Anda dengan konten (posting) yang berkualitas dan asli (orisinal), buatan sendiri, JANGAN COPAS dari blogger lain !
2. Di akhir posting/tulisan, Anda bisa menantang user untuk berkomentar, misalnya dengan "bagaimana menurut Anda?" atau "Ada pandangan lain?". Kita bisa meniru cara Wikihow yang biasa mengakhiri postingan dengan kalimat begini: Are we missing something? Add your method for how to ... below!

3. Ini terpenting kayaknya. Bikin user nyaman dalam berkomentar!
Caranya, setting kolom komentar di blog Anda dengan cara sebagai berikut, terutama bagian CAPTCHA. 

Jangan gunakan Captcha yang hanya bikin user "pusing" dan "repot" untuk berkomentar.

Perhatikan settingan komentar di bawah ini dan silakan tiru:

Keterangan:
1. Pilih "Embed"
2. Centang "Anyone"
3. Centang "Always" (untuk jaga-jaga adanya komentar yang tidak patut)
4. Centang "No" di bagian Show word verification. 
5. Centang "Show" di Show Backlink untuk "sedekah link" kepada komentator. 

PENTING!

• Segera publikasikan komentar yang masuk. Jangan biarkan komentator menunggu!
• Response/jawab komentar yang masuk, meski hanya menuliskan "sama-sama" dan sejenisnya.

Semoga bermanfaat.
Anda punya tips lain yang lebih OK? Silakan share di kolom komentar.

Read more ...

Haruskah Menggunakan Template Blog Responsif?

TEMPLATE blog responsif  (responsive blogger template) menjadi "trending design web" saat ini, seiring dengan pertumbuhan dan penggunaan HP Android, iPad, Tab, iPhone, dan perangkat mobile devices lainnya untu akses internet.

Para blogger pun dituntut mengikuti perkembangan zaman dan kebutuhan user itu.

Google pun merekomendasikan agar tampilan blog responsif demi kepentingan SEO dan kenyamanan user (User Experience, UX).

Template Blog Responsif adalah template blog yang bisa "merepons" atau menyesuaikan diri dengan perangkat dan operating system yang digunakan user (pengguna blog/pengunjung/pembaca).

Pengertian Gampangya begini: dengan Template Blog Responsif, blog kita akan tampil sesuai dengan perangkat yang digunakan user. Jika dibuka di PC, ya akan tampil "normal". Jika dibuka di HP, maka akan tampil versi mobile.

Jadi, haruskah menggunakan Template Blog Responsif?

Harus, karena Google sebagai mesin pencari utama di dunia merekomendasikannya:

Google recommends webmasters follow the industry best practice of using responsive web design, namely serving the same HTML for all devices and using only CSS media queries to decide the rendering on each device.” - Google

Kelebihan Template Blog Responsif a.l.

(1) Memudahkan pengunjung membuka blog kita di perangkat apa saja.
(2) Memudahkan blog diideks dan dirangking oleh Algoritma Google.
(3) Memudahkan Google "menyasar" (crawl) blog kita dan "Google can better crawl more of your site".

Yang Bagaimana Template Blog Responsif Itu?

Ya... seperti blog CB ini! Coba buka di HP Anda, maka tampilannya akan "mengecil", menyesuaikan dengan layar HP Anda. Itulah yang dimaksud "responsif".

Bagaimana kalau gak mau ganti template? Gak apa-apa, asalkan sudah disetting di Template > Mobile Version > pilih "Yes". Blogger sudah menyediakan template bawaan (default) bagi blogger yang tidak memasang template responsif.

Di mana bisa mendapatkan template blog responsif? Banyak sekali yang free dan keren-keren! Coba deh buka Koleksi Template Blog SEO Friendly dan Responsif.

Good luck and Happy Blogging!

Read more ...

Koleksi Template Blog Klub Sepakbola

Koleksi Template Blog Klub Sepakbola - Manchester United (MU), Liverpool, Chelsea, Arsenal, Barcelona, Real Madrid, dan Juventus. Masih banyak template blog tim sepakbola lainnya, tinggal Googling aja ^_^

Template Blog Klub Sepakbola di bawah ini belum ada demonya. Jadi, sebaiknya bikin demo sendiri aja ya, tinggal "Creat a new blog" (bikin blog baru) dan install templatenya.

Manchester United Blogger Template - Download Link

Liverpool Blogger Template - Download Link

Chelsea Blogger Template - Download Link

Arsenal Blogger Template - Download Link

Barcelona Blogger Template - Download Link

Real Madrid Blogger Template - Download Link

Juventus Blogger Template - Download Link

Good Luck!

Yang belum bisa install/ganti template blog, baca panduannya: Cara Ganti Template Blog

Read more ...

5 Alasan Kenapa Harus Ngeblog di Blogger (Blogspot)

Inilah 5 alasan penting kenapa kita harus ngeblog di blogger (blogspot), bukan di WordPress (WP) atau platform blog lainnya. Ini bukan berarti Anda tidak boleh ngeblog di WP. Silakan, untuk cari pengalaman atau sebagai "dummy blog" yang bisa dimanfaatkan untuk mempopulerkan blog lainnya.

Ke-5 alasan kenapa harus ngeblog di Blogger (Blogspot) ini terinspirasi posting MBT tentang 7 alasan untuk tidak pernah pindah dari blogger ke WordPress. Yang dimaksud adalah lebih baik tetap di blogspot ketimbang self-hosting dengan menggunakan CMS WordPress.

MBT juga mengingatkan beberapa batasan (limitations) yang ada di blogspot sebagai berikut:

1. Blog description = 500 characters. HTML mark up not supported.
2. Number of blogs = 100 blogs per account.
3. Number of labels = 2,000 unique labels per blog, 20 unique labels per post
4. Number of pictures = Up to 1 GB of free storage. Stored at Picasa.
5. Number of posts = Unlimited.
6. Static Pages = Limited to 20 stand-alone pages.
7. Team members (those who can write to a blog) = 100 per blog.
8. Size of pages = Individual pages (the main page of a blog or archive pages) are limited to 1 MB
9. Size of pictures = Pictures are scaled to 1600px

Yang terpenting dari 9 batasan tersebut adalah no.2 (jumlah blog yang bisa dibuat dalam satu akun/email gmail, no. 6 (maksimal jumlah halaman statis), dan no.9 tentang ukuran foto/gambar/image yang tidak boleh melebihi 1.600 pixel. 

Lagi pula, ukuran gambar untuk blog idealnya antara 300-600 pixel saja, biar tidak membuat blog jadi berat (slow loading).

5 Alasan Kenapa Harus Blogspot?

Alasan utama harus ngeblog di blogspot adalah karena ia milik Google dan merupakan perintis (pioneer) blogging. 

Dari referensi berbagai sumber dan pengamatan serta pengalaman CB, setidaknya ada 5 alasan kenapa kita harus ngeblog di blogger (blogspot), sebagai berikut:

1. Blogspot Aman. 

Blogspot terlindungi (protected), karena ia milik Google. Selama kita tidak melanggar aturan, blog kita aman dan tidak akan pernah didelet. Demikian halnya dengan isi (kontent) blog, juga aman. Namun, sebaiknya kita tetap punya Backup Data.

Belum ada ceritanya blog blogspot kena hack atau kena injeksi skrip, kecuali sang hacker berhasil mencuri username dan password akun gmail atau akun Google Anda. Email gmail Anda pun dilindungi Google dengan adanya konfirmasi via nomor HP.

2. Tampilan (Template) Bisa Dimodifikasi.

Blogger memberikan akses pada semua struktur blog melalui fasilitas "Edit HTM". Kita bisa sebebasnya mengubah (memodifikasi) tampilan/desain blog, mulai header, footer, navigasi menu, sidebar, hingga konten.

Banyak sekali template blogspot gratis dengan berbagai gaya: personal, magazine, online store, news, dll. Bahkan, banyak pula tema WordPress yang sudah dikonversi ke template blog, seperti yang ada di koleksi Get Everyting dan BTemplates.

3. Terintegrasi dengan Akun Google Account. 

Jika kita memiliki email Gmail, otomatis kita sudah memiliki account blogger.com. Kita tinggal login ke akun gmail, lalu buka tab baru dan mengetikkan blogger.com di address bar, pilih "Create a blog" atau "Buat Blog Baru".

Dengan akun gmail pula kita langsung bisa membuat akun FeedBurner, Google Analytic, Webmaster Tools, dan Google Adsense yang semuanya milik Google untuk mendukung optimalisasi dan popularitas blog.

4. Cepat Terindeks Google.

Blogspot lebih cepat terindeks mesin pencari Google dibandingkan. La iyalah... jelas... karena blogspot merupakan layanan dari Google. Berkat bantuan dari Google, maka dukungan jaringannya pun lebih unggul ketimbang platform blog lainnya.

Sebagai bukti, coba cari data/info apa saja di Google, paling banyak muncul adalah posting yang ada di blogspot. Bener 'kan...? ^_^

5. Bisa Domain Sendiri.

Untuk custom domain (domain berbayar), Blogspot lebih unggul dari segi biaya. Tanpa membeli paket hosting, pengguna Blogspot masih dapat melakukan custom domain dengan tetap menggunakan Blogspot sebagai media servernya.

Kita bisa membeli (menyewa) domain di mana saja, lalu disetting untuk menggantikan nama blog di blogspot. Baca panduannya di sini > Blog dengan Nama Domain Sendiri.

Kesimpulanya, blog di blogspot lebih aman, lebih cepat terindeks, dan kita bisa belajar web design dan web development. So, just go blogging on blogger!

Read more ...

Cara Pasang Kotak Komentar Facebook di Blog Blogspot

Cara memasang kolom atau Kotak Komentar Facebook (Facebook Comment Box) di Blog Blogspot sangat mudah. Kodenya sudah disediakan Facebook.

Ini cara paling mudah menampilkan kolom komentar yang bisa dishare langsung ke Facebook oleh Anda atau pengunjung.

Anda bisa "ambil" kode kotak komentar FB itu di sini: Facebook Developer.

Jika gagal, Anda bisa gunakan kode-kode di bawah ini yang digunakan CONTOHBLOG --namun hanya muncul di halaman posting ini saja, sekadar buat contoh dan bukti sukses :)

Cara Mudah & Cepat Pasang Kotak Komentar Facebook di Blog Blogspot

1. Dashboard --> Template -->Edit HTML

2. Cari (CRTL+F) kode <body> atau yang semisalnya. Soalnya ada juga template yang kode body-nya ity kaya gini <body exp.... bla bla.... > .

3. Copy + Paste kode berikut ini di bawah kode <body> tadi.

<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>

4.  Copy kode berikut ini dan simpan (Paste) tepat di bawah kode <div class='post-footer-line post-footer-line-3'> atau di bawah kode  <div class='comments' id='comments'>. Jika ada dua kode begitu di template blog Anda, simpan di bawah kode yang kedua.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='margin-top:20px'>
<div class='fb-comments' data-num-posts='5' data-width='600' expr:data-href='data:blog.url'/>
</div>
</b:if>

Catatan:

• Angka 600 di atas adalah lebar kotak komentar Facebook. Sesuaikan dengan lebar text area blog Anda.
• Bisa juga kode tersebut diletakkan di bawah kode yang digunakan untuk Related Posts (<div class='related posts'> ... dst.. sampai kode penutup </div>)

JIKA hanya ingin menampilkan kotak komentar Facebook di halaman tertentu, seperti yang CB punya yang hanya muncul di posting ini, maka gunakan kode berikut ini (ada tambahan yang warna merah).

      <div class='post-footer-line post-footer-line-3'>

<b:if cond='data:blog.url == "http://contohblognih.blogspot.com/2014/02/cara-pasang-kotak-komentar-facebook-di.html"'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div style='margin-top:20px'>

<div class='fb-comments' data-num-posts='5' data-width='600' expr:data-href='data:blog.url'/>

</div>

</b:if>

</b:if>

Ganti http://contohblognih.blogspot.com/2014/02/cara-pasang-kotak-komentar-facebook-di.html

dengan permalink atau url posting/page yang akan memunculkan kotak komentar Facebook

6. Save Template!

CARA KEDUA

Jika cara pasang kotak komentar Facebook di atas gagal alias 'gak muncul, maka coba cara "lebih rumit" berikut ini:

LANGKAH PERTAMA
1. Login ke akun Facebook Anda
2. Buat dulu ID Aplikasinya di Facebook App.
3. Klik “Create New App”.
4. Ikuti langkah berikutnya dan masukkan alamat blog di “App Domain”.
5. Masukkan juga alamat blog di bagian “Select how your app integrates with Facebook”, klik “Website”, masukkan "full url" seperti http://contohblognih.blogspot.com
6. Klik “Save Changes”.

Catatan:

• Simpan ID Aplikasi Facebook Anda yang berupa angka --yang muncul setelah tahap "Create New App".
• Untuk moderasi komentar yang masuk nantinya, buka saja FB Tools Comments. 

LANGKAH KEDUA
1. Template > Edit HTML

2. Copy & Paste kode berikut ini di bawah kode <head>. 

Ubah YOUR_APPLICATION_ID dengan "kepunyaan" Anda yang sudah didapat di langkah pertama.

<meta property="fb:app_id" content="YOUR_APPLICATION_ID"/>

3. Temukan kode <div class='post-footer-line post-footer-line-2'> dan Copas kode berikut ini di bawahnya:

<b:if cond='data:post.isFirstPost'> <script>(function(d){ var js, id = &#39;facebook-jssdk&#39;; if (d.getElementById(id)) {return;} js = d.createElement(&#39;script&#39;); js.id = id; js.async = true; js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;; d.getElementsByTagName(&#39;head&#39;)[0].appendChild(js); }(document));</script> </b:if> <a expr:href='data:post.url + &quot;#fb-root&quot;'><fb:comments-count expr:href='data:post.canonicalUrl'/> comments</a>

4. Temukan kode <div class='post-footer-line post-footer-line-3'> dan Copas kode berikut ini di bawahnya:

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='fb-root'/> <script>(function(d){ var js, id = &#39;facebook-jssdk&#39;; if (d.getElementById(id)) {return;} js = d.createElement(&#39;script&#39;); js.id = id; js.async = true; js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;; d.getElementsByTagName(&#39;head&#39;)[0].appendChild(js); }(document));</script> <div style='margin: 20px 0 0 0;'><fb:comments colorscheme='light' expr:href='data:post.canonicalUrl' expr:title='data:post.title' expr:xid='data:post.id' width='600'/></div> </b:if>

* Sesuaikan lebar kotak width='600' dengan lebar main area blog Anda atau biarkan begitu, biasanya lebar singla page blog memang segituan.

5. Save Template! Beres.....!

Kotak Komentar Facebok Ini, Bagus Tidak Buat SEO Blog?

Kotak Komentar Facebook di Blog bisa bagus buat SEO, jika banyak --bahkan kebanyakan-- pengunjung Anda komentar di sana dan di-share ke akun Facebooknya.

Tapi, jika hanya sedikit, bahkan tidak ada sama sekali yang komentar di kotak komentar Facebook itu, maka sebaiknya LEPAS saja, karena hanya memperlambat loading blog Anda dan ini artinya justru mengurangi SEO Blog --Google suka banget blog yang Fast Loading!

Good Luck and Happy Blogging....!

Ayo, gabung dengan Forum Blogger Indonesia untuk saling berbagi, tuker link, dan saling mempromosikan blog!

Read more ...

Cara Memasang Kode Share Facebook Twitter Google+ di Blog Blogspot

Cara Memasang Kode Share Facebook Twitter Google+ di Blog Blogspot sangat mudah dan sudah tersedia di dashboard. Ada dua cara, yaitu menggunakan social share default dari blogspot atau memasang kode sendiri.

Cara memunculkan Social Share yang sudah disediakan blogspot:
1. Dashboard
2. Layout
3. Klik "Edit" di Gadget Posting Blog
4. Centang “Show Share Buttons“.
5. Save!

Cara memasang Social Share sendiri
1. Dapatkan kodenya, misalnya di AddThis, simpan di Notepad
2. Dashboard --> Edit HTML
3. Simpan kode yang sudah didapatkan di addthis antara kode <body> dan </body> tags. Biasanya disimpan di bawah postingan, sebelum related posts.
4. Jika "malas" bikin akun di AddThis, Anda bisa gunakan kode di bawah ini:

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5156a09e76c1568f"></script>
<!-- AddThis Button END -->

5. Save!

Fasilitas Share Facebook Twitter Google+ di Blog menjadi hal wajib di era media sosial sekarang ini. Share posting blog ke media sosial akan meningkatkan jumlah pengunjung sekaligus promosi blog (mempopulerkan blog).

Untuh share ke akun media sosial sendiri (Facebook dan Twitter) bisa menggunakan jasa NetworkedBlogs. Untuk twitter saja bisa diotomatiskan di FeedBurner. Sebaiknya manual saja biar bisa nambahin dengan kata-kata sendiri.

Jangan lupa, supaya tidak muncul "kode aneh" dengan awalan pagar (#) di akhir postingan, baca posting ini:  Mengatasi Kode Aneh # di Akhir Posting Blog. Good luck!

Read more ...

Memilih Jenis Huruf (Font) Terbaik untuk Blog

JENIS huruf (font) menjadi isu tersendiri dalam dunia desain web, termasuk blogging. Jenis huruf akan menentukan tingkat keterbacaan (legibility and readability) sehingga berpengaruh pula pada SEO dan User Friendly.

Kita haris "bijak" dalam menentukan jenis huruf. Tidak bisa "seenaknya" atau "egois" dalam menentukan jenis huruf untuk teks posting blog. Ingat! Tidak semua font terinstall di komputer user! 

Jadi, pilih saja font yang umum digunakan dan terinstall. Jika kita peke font "aneh", tapi ternyata gak ada di komputer user, maka font itu jadi "berantakan" atau gak bisa muncul sama sekali.

Sebagai perbandingan dan acuan, Facebook menggunakan jenis huruf Lucida Grande. Kalau kita intip, Facebook menggunakan kode begini: font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;

Studi tahun 2002 oleh Software Usability and Research Laboratory menyimpulkan, jenis huruf yang paling mudah dibaca (most legible fonts) adalah: Arial, Courier, dan Verdana.

• At 10-point size, participants preferred Verdana. Times New Roman was the least preferred.
• At 12-point size, Arial was preferred and Times New Roman was the least preferred.
• The preferred font overall was Verdana, and Times New Roman was the least preferred.

Setelah CONTOHBLOG mengubek-ubek beberapa sumber soal Jenis Huruf (Font) Terbaik untuk Blog ini, dapat disimpulkan, inilah daftar font paling banyak digunakan dan terbaik untuk blog. Intinya, jangan gunakan font yang aneh-aneh, yang penting mudah dibaca user deh.... Unsur "indah" nomor sekian. Percuma huruf bagus, indah, kalo sulit dibaca atau "membikin pusing" pembaca.

Daftar Font paling banyak digunakan dan terbaik untuk blog

1. Arial 
2. Verdana
3. Tahoma
4. Helvetica
5. Georgia
6. Palatino Linotype
7. Times New Roman
8. Trebuchet MS
9. Courier New

Selain soal jenis huruf, hal lain yang harus diperhatikan adalah ukuran (size), spasi antar baris, dan pengaturan paragraf:

1. Font size & line spacing are important!
2. Keep lines short!
3. Keep paragraphs short!

Referensi - Link Untuk Baca Lebih Lengkap:
http://www.awaionline.com/2011/10/the-best-fonts-to-use-in-print-online-and-email/
http://www.yourinspirationweb.com/en/which-is-the-best-font-to-use-when-developing-a-website/
http://thenextweb.com/dd/2011/03/02/whats-the-most-readable-font-for-the-screen
http://signaltower.co/legible-paragraph-fonts-for-the-web/
http://blog.usabilla.com/8-guidelines-for-better-readability-on-the-web/
http://www.buildablog.co/whats-the-best-font-to-use-for-your-blog-or-website/

Read more ...

New Thesis SEO Blogger Template

PARA blogger yang suka "berburu" template blog SEO Friendly tentu sudah tidak asing lagi dengan template SEO Thesis. Template itu banyak dipakai dan terbukti SEO "banget". Kali ini CONTOHBLOG mengenalkan versi terbarunya: New Thesis SEO Blogger Template.

New Thesis SEO Blogger Template ini bisa dibilang Template SEO Friendly Terbaru 2014 karena baru selesai dikerjakan 18 Februari 2014.

Ini template modifikasi "total" dan terkini dari template blog SEO Thesis yang sangat digemari para blogger yang mengerti pentingnya SEO Blog itu.

Fitur template Thesis SEO yang asli antara lain: - SEO Friendly - Visitor Friendly - Dilengkapi dengan Dinamic heading (h1 pada header di index, dan h1 di judul post pada halaman posting) - Dilengkapi dengan dinamic meta tag deskripsi dan keyword otomatis (meta tag wajib untuk menghindari duplikat meta deskripsi & keyword) - Quicklink ke kotak komentar - Sudah dipersenjatai Autoreadmore - dilengkapi dengan tambahan beberapa Meta tag untuk mempermudah robot menjelajah blog sobat. - Loading yang cepat - Konsep minimalis & simple - dll.

Dalam New Thesis SEO Blogger Template ini, judul post diubah menjad h2 karena kabarnya h1 sebaiknya satu saja. Itu menurut Chkme. Nurut aja deh... ^_

New Thesis SEO Blogger Template ini lebih Clean, SEO Friendly, Simple, and Fast Loading Blog Template 2014 karena fiturnya ditambah dengan:
- Kode script untuk memunculkan deskripsi posting ketika di-share ke Facebook
- Kode script untuk menghilangkan kode aneh jika menggunakan kode social share AddThis.
- Menambah kolom iklan banner di header --samping judul/logo.
- Mengatur kembali ukuran posting area dan sidebar.
- dll.

Skor SEO New Thesis SEO Blogger Template ini bisa dicek di Chkme dan Kecepatan Loadingnya bisa dicek sendiri di GT Metrix.

Tak kalah pentingnya, bahkan "terpenting", New Thesis SEO Blogger Template ini GRATIS.

DEMO 
DOWNLOAD  (Ziddu)
DOWNLOAD (Mediafire)

Update!
Halaman statis ternyata tidak muncul sempurna (utuh), terpotong read more! Sudah diperbaiki. Silakan download versi updatenya: DOWNLOAD VERSI UPDATE atau New Thesis SEO Update

NEW!!! Kini tersedia Thesis SEO Responsif:
New Thesis SEO Responsive

Enjoy and Good Luck! Jangan lupa, bergabunglah dengan Forum Blogger Indonesia...!!!

Read more ...

9 Cara Meningkatkan Pengunjung Blog

Cara Meningkatkan Pengunjung Blog merupakan isu klasik yang tetap "seksi" dan diminati para blogger, terutama blogger pemula. Banyak sekali blogger yang baik hati, mau berbagi Cara Meningkatkan Pengunjung Blog. Padahal, bisa jadi itu akan menjadi "senjata makan tuan" --blognya sendiri "dikalahkan" di Indeks Google oleh blogger lain yang menggunakan tips darinya ^_^

Jangan "terlalu percaya" dengan tips SEO blog yang banyak kita baca. Bisa jadi, itu "jebakan". Misalnya, ada blogger yang berbagi tips SEO, namun dia sendiri tidak menerapkan tipsnya. 

Tips SEO Blog tentang Cara Meningkatkan Pengunjung Blog dijamin bukan jebakan karena ini diterapkan juga oleh Contoh Blog.

9 Cara Meningkatkan Pengunjung Blog

1. Menggunakan Template yang SEO Friendly 
2. Meta Description, Title Tag, dan Heading Tag
3. Emphasize (Seperti memberi Bold, Italic, Underline, dan lain-lain).
4. Image alt tag
5. Outbound link
6. Konten
7. URL
8. Social Media
9. Promosi Offline

#1 & 2. Menggunakan Template yang SEO Friendly 

Template Blog SEO Friendly artinya template blog yang sudah disetting sedemikian rupa hingga "bersahabat" dengan mesin pencari, terutama Google. 

Dengan menggunakan template SEO Friendly, otomatis Anda dengan mudah menjalankan tips kedua --menyusun Meta Tags (deskripsi blog, judul bloh, dan heading h1, h2, h3). Jadi, setelah install template SEO, jangan lupa isi bagian meta tagnya di Template > Edit HTML. 

#3. Emphasize / Highlight

Penekanan atau memberikan "highlight" pada posting blog, yaitu dengan memberikan bold, italic, underline, memberi warna yang berbeda, dan sebagainya pada kalimat atau kata terpenting pada artikel.

#4. Image Optimization: Title & Alternative Text 

Upload gambar ilustrasi atau foto yang diberi nama (image name/title) yang relevan dengan posting blog. Jangan upload gambar yang, misalnya, bernama img.jpg atau DCSN.jpg dan sejenisnya. Ubah dulu namanya, lalu upload. 

Setelah diupload, klik gambarnya sekali, maka akan muncul tiga menu besar: ukuran, posisi, dan proptertis. Di menu properties itulah muncul title text dan alt text. Keduanya bisa diisi dengan copas judul blog atau ringkasannya.

#5. Outbound Link
Outbound link adalah link yang kita keluarkan, maksudnya link dari blog kita yang mengarah ke blog lain. Contoh terbaik tentang ini adalah posting-posting di website Wikipedia --link menjadi kekuatan/keunggulan Wikipedia. Link pula yang menjadi kekuatan blog.

#6. Konten

Content is King adalah ungkapan populer di kalangan blogger. Intinya, buatlah posting, isi blog, atau artikel yang berkualitas --menarik, penting, dibutuhkan orang, orisinal, unik, bermanfaat, dan sekiranya dicari banyak orang. Konten inilah sebenarnya "top tips" untuk meningkatkan pengunjung blog. 

Salah satu posting yang mendongkrak blog Contoh Blog adalah banyaknya Tips Blog dan Template SEO Friendly yang dibutuhkan banyak blogger. Setidaknya itu kata Alexa dan Google Analytic.

#7. URL - Permalink 

Ini soal permalink. Harus ada keyword di permalink. Caranya, masukkan keyword pada judul posting dan alinea pertama, di tengah, dan di akhir. 

Manfaatkan juga Post Setting di sidebar kanan saat posting, yaity "Permalink" dan "Search Description". Cara gampangnya, bikin judul yang pendek biar masuk semua ke pemalink, dan Copas judul ke "Search Deskription" (Deskripsi Penelusuran).

#8. Social Media

Share atau sebarkan blog dan posting Anda di media sosial (Twitter, Facebook, Google Plus). Kabarnya, algoritma Google terbaru sangat memperhitungkan posting/blog yang banyak dishare oleh user media sosial, terutama Google Plus.

Kita harus aktif juga di forum-forum, sekaligus saling mengenalkan blog kita, seperti gabung dengan Forum Blogger Indonesia. Di sana kita bisa saling berbagi info, share link posting blog, dan sebagainya.

#9. Promosi Offline

Tidak harus bikin spanduk kaya' para caleg, minimal cantumkan blog Anda di kartu nama. Bila perlu bikin stiker berisi alamat blog Anda, lalu tempel di kendaraan pribadi dan tempat-tempat lain yang memungkinkan.

Good Luck! Jayalah Blogger Indonesia! Ayo, gabung di Forum Blogger Indonesia! 

Read more ...

Template Blog SEO Simple dan Clean dari Theme Junkie

SALAH satu kelebihan ngeblog di blogger/blogspot adalah banyaknya alternatif tampilan (template), bahkan banyak tema wordpress yang dikonversi jadi template blog.

Kali ini CB berbagi Template Blog Simple dan Clean dari Theme Junkie yang cukup populer di kalangan blogger self hosting wordpress. Template ini hasil konversi Blogger Theme9. Anda bisa melihat koleksi template blog keren lainnya di sana.

FreshLife Blogger Template

FreshLife v2.0 or 'FreshLife template' is up for blogger blogs. You may enjoy 'freshlife blogger theme' for free. 

Its features are simply amazing with new animated navigation bar, usage of gradient colors and awesome strokes. 

This SEO Blogger Template can be used by all sorts of bloggers such as wallpapers, fashion, news, gossips, magazine etc.

DEMO 

DOWNLOAD

Daily v2.0 Blogger Template

Daily v2.0 blogger theme is a surprise for all those bloggers, who were anxiously waiting for this theme to be available for blogger blogspot. 

This SEO Friendly theme is designed for those users who wants to give their blog a professional look, online magazines, newspapers or community blogs, etc.

DEMO

DOWNLOAD

Enjoy! Good Luck....!

Read more ...

Cara Membuat Kotak Popup Facebook Like Page di Blogspot

Membuat Fanspage Facebook Like Popup Box alias Kotak Like FB yang muncul/melayang di halaman blog adalah salah satu tips & trik untuk meningkatkan Like Fans Page.

Lihat DEMO

UPDATE !!!
Jangan teruskan bacanya, silakan baca updatenya di CB Logger Lab sekaligus demonya ada di sana!

Jika Anda berminat memasang Kotak Popup Facebook Like Page di blog Anda, seperti tampak dalam ilustrasi posting ini, dan seperti dalam demo, silakan di blog demo itu juga ada tutorialnya.

Cara Cara Membuat Kotak Popup Facebook Like Page di Blogspot berikut ini CB kopas dari Haak Blog.

Cara Membuat Kotak Popup Facebook Like Page di Blogspot

1. Dashboard > Klik Template > Klik Edit HTML
2. Cari (CTRL+F) kode </body>. Biasanya ada di bagian akhir/di bawah.
3. Copy dan Paste kode berikut ini tepat di atas kode </body> tadi

<!-- FB FANS PAGE LIKE BOX -->
<style type='text/css'>
#haakblogFBpop {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background:#FEFEFE;font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#haakblogFBpop a.haakblogclose {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#000000;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:25px;
cursor:pointer;
}
</style>
 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(window).bind(&quot;load&quot;, function() {
// Animate Top
$(&#39;#haakblogFBpop&#39;).animate({top:&quot;150px&quot;}, 1000);
// Widget by www.haakblog.com
$(&#39;a.haakblogclose&#39;).click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='haakblogFBpop'>
<center>
  <b>Ayo, Gabung Komunitas Blogger Indonesia!<br/>
    Forum Share dan Tuker Link untuk Tingkatkan Traffic. Klik Like/Suka!
</b></center>
  <hr/>
<center>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fcbblogger&amp;width=300&amp;height=258&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;show_border=false&amp;header=false&amp;appId=196282097100252' style='border:none; overflow:hidden; width:300px; height:258px;'/>
</center>
<a class='haakblogclose' href='#'>&#215;</a>
<center style='float:right; margin-right:10px;'>
<span style='font-size:xx-small; color:#000; text-decoration:none;'/>
<a href='http://www.haakblog.com' rel='dofollow' target='_blank' title='blogger'><img alt='blogger' border='0' src='https://bitly.com/haakblog' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='https://www.facebook.com/cbblogger' style='font-size:xx-small; color:#3B78CD; text-decoration:none;' target='_blank'>Forum Blogger Indonesia</a></center>
</div>
<!-- FB FANS PAGE LIKE BOX -->

4. Ganti kata cbblogger dengan username Page Facebook Anda sendiri
5. Ganti juga kata-kata berwarna biru dengan kata-kata Anda sendiri.
6. Save!

Good Luck!

UPDATE POSTING INI ADA DI CB BLOGGER LAB!

Jangan lupa klik LIKE/SUKA Fans Page Forum Blogger Indonesia agar kita saling berbagi untuk meningkatkan traffic blog kita. Thanks!

Read more ...

Pengertian Nama-Nama Domain Ekstensi dot Com, dot Net, dot Org

Kita sudah akrab dengan nama-nama ekstensi domain (domain extension) seperti dot com, dot net, dot org, dot co.id, dot go.id, dan sebagainya, seperti google.com, yahoo.co.id, indonesia.go.id, wordpress.org, dsb. 

Tapi, sudah pahamkah kita akan makna atau pengertian .com, .net, .org dan seterusnya itu? Bagi yang belum tahu, nih CB Blogger share di bawah ini yang diolah dari berbagai sumber. Ini juga agar kita tidak salah memilih nama domain ekstensi.

COM
Singkatan dari Commercial (komersial, bisnis). Awalnya, nama domain dot com diperuntukkan untuk nama-nama komersial atau lembaga bisnis, seperti singkatannya: commercial, seperti nama perusahaan, nama produk, hingga nama-nama merek.

Namun, nama domain ini dapat digunakan untuk keperluan apa saja, misalnya untuk nama seseorang, produk, lembaga, dan sebagainya. Tidak ada larangan dan batasan untuk dapat menggunakan domain ini karena dapat didaftarkan tanpa persyaratan khusus.

NET
Singkatan dari Network atau Networking, yang artinya jaringan. Nama domain ini diperuntukkan untuk nama-nama yang berhubungan dengan jaringan, perusahaan-perusahaan komputer, IT, layanan-layanan internet dan sejenisnya. 

Namun, pada umumnya nama domain ini juga dapat digunakan untuk apa saja, seperti halnya dot com, karena dapat didaftarkan tanpa dengan pesyaratan khusus. Biasanya, jika dot com sudah diambil orang, maka ada pilihan mengambil yang dot net-nya.

ORG
Singkatan dari Organization (organisasi). Nama domain ini sangat pas bila digunakan untuk website organisasi, lembaga, atau perkumpulan. Tidak ada pesyaratan khusus untuk mendapatkan domain dot org karena sama dengan dot com dan dot net. 

Meski boleh dipakai untuk website apa saja, termasuk website pribadi, namun umumnya dot org digunakan untuk website lembaga. Jarang sekali ada website pribadi menggunakan nama domain dot org.

BIZ
Singkatan dari Business (bisnis, usaha). Meski boleh dipakai untuk website apa saja, tapi nama domain ini lebih cocok untuk hal-hal yang berhubungan dengan bisnis atau lembaga usaha, termasuk toko online. Nama domain ini juga bisa dijadikan salah satu alternatif bila nama domain .COM atau .NET atau nama domain lainnya sudah dimiliki orang lain.

INFO
Singkaran dari Information. Bisa dipakai untuk website apa saja, termasuk blog pribadi. Namun, nama domain dot info ini lebih cocok untuk sesuatu yan sifatnya informasi. Misalnya, kesehatan.info, lalulintas.info, dan sebagainya. Tidak ada persyaratan khusus untuk membeli domain dot info.

CO.ID
Singkatan dari Company Indonesia, perusahaan Indonesia. Dari namanya saja sudah jelas, domain yang dibacanya "dot ko dot aidi" ini diperuntukkan bagi website perusahaan, juga nama produk, maupun merek yang memiliki identitas Indonesia. 

Ada syarat khusus untuk menggunakan nama domain co.id, yaitu fotokopi KTP penaggung jawab, SIUP/TDP, NPWP, dan Akta Notaris. 

OR.ID
Singkatan dari Organization Indonesia, organisasi Indonesia. Sudah jelas, nama domain ini untuk nama organisasi di Indonesia, seperti ormas, parpol, LSM. Ada syarat khusus untuk bisa menggunakan domain or.id, yaitu foto kopi KTP penganggung jawab, Akta Notaris, dan SK Internal Organisasi. 

AC.ID
Singkatan dari Academy Indonesia, akademi Indonesia. Nama domain ini untuk website lembaga pendidikan (akademi), khususnya perguruan tinggi, sekolah tinggi, atau universitas. Ada syarat khusus untuk menggunakannya, yaitu foto kopi KTP penanggung jawab, SK Depdiknas Pendirian Lembaga dan SK Pengangkatan Rektor/Pimpinan. 

SCH.ID
Singkatan dari School Indonesia, sekolah Indonesia. Nama domain khusus untuk sekolah SD hingga SMA/SLTA. Syaratnya: foto kopi KTP penanggung jawab dan Surat Permohonan dari Kepala Sekolah.

GO.ID
Singkatan dari Government Indonesia, pemerintah Indonesia. Nama domain khusus untuk instansi atau lembaga pemerintahan, termasuk kementeria, pemerintah provinsi, pemeirntah kota, dan lembaga-lembaga negara lainnya. Syarat khusus: foto kopi KTP penanggung jawab, Surat permohonan di tanda tangani
oleh Sekjen/Sekmen/Sekut untuk Pemerintah Pusat.

Masih banyak nama domain ekstensi lainnya, termasuk dot co (CO = Company). Ini alternatif lain jika dot com sudah dimiliki orang. Tidak ada syarat khusus untuk menggunakannya, beda sama co.id.*

Read more ...

25 Provider Web Hosting Terbaik di Indonesia

JIKA kita akan membuat blog di blogspot dengan nama domain sendiri, tanpa ada nama blogspot.com di belakang nama domain, tentu kita harus membeli, tepatnya menyewa, domain di  Provider Website Hosting atau provider nama domain & hosting.

Demikian juga jika kita akan membuat blog/website dengan nama domain dan hosting sendiri (self-hosting), Anda harus "berurusan" dengan Provider Web Hosting.

Kita bisa bayar per bulan atau --umumnya-- per tahun. Harga domain rata-rata antara 90 ribu hingga 120 ribuan per tahun. Harga sewa hosting tergantung besaran kapasitas, antara Rp12 ribu (standar/minimal) hingga jutaan rupiah per tahun.

Di mana kita menyewa domain dan/atau hosting? Banyak sekali penyedia web hosting, baik di dalam maupun di luar negeri. Berikut ini daftar 25 Perusahaan Provider Hosting Terbaik di Indonesia (Top Hosting Companies in Indonesia) versi Web Hosting Info, berdasarkan Market Share dan Jumlah Domain yang terjual.

25 Top Hosting Companies in Indonesia

Rank Hosting Company Market Share Total Domains
1 MASTERWEBNET.COM 20.0896 % 54,999
2 MASTERWEB.NET 18.8575 % 51,626
3 IDWEBHOST.COM 17.8271 % 48,805
4 RUMAHWEB.COM 10.8131 % 29,603
5 ARDHOSTING.COM 4.483 % 12,273

6 JAGOANHOSTING.COM 3.5837 % 9,811
7 QWORDS.COM 2.9229 % 8,002
8 INDOWEBSITE.NET 2.8889 % 7,909
9 DRACOOLA.NET 2.8385 % 7,771
10 INDORACKHOSTING.COM 2.2011 % 6,026

11 JAKHOSTER.COM 1.9502 % 5,339
12 PASARHOSTING.COM 1.4848 % 4,065
13 KOTAHOSTING.COM 1.4479 % 3,964
14 RUMAHOSTING.COM 1.1736 % 3,213
15 PLASAHOSTING.COM 1.1627 % 3,183

16 EAZYSMART.COM 1.0944 % 2,996
17 DAPURHOSTING.NET 1.056 % 2,891
18 DAPURHOSTING.COM 0.9734 % 2,665
19 PUSATHOSTING.COM 0.9508 % 2,603
20 SERVERORANGE.COM 0.8003 % 2,191

21 HOSTINGCERIA.COM 0.7879 % 2,157
22 1ST-IN-GAS-PUMP.COM 0.6221 % 1,703
23 CBN.NET.ID 0.6093 % 1,668
24 iixmedia.com 0.5775 % 1,581

25 WHPLUS.NET 0.5735 % 1,570

Dari data di atas, Master Web Net (MWN) merupakan web hosting paling top di Indonesia. Data di atas masih bisa berubah seiring berubahan Market Share dan Total Domain yang mereka jual.

Jumlah penjualang domain/hosting juga dipengaruhi oleh manajemen marketing, promosi, pelayanan, dan harga yang ditawarkan oleh masing-masing provider web hosting. Ada juga lho yang harus bayar pajak sehingga harga sewanya nambah 10%.

Silakan dipilih-dipilih....!

Read more ...

Cara Mengganti Template Blog (Mengubah Tampilan)

Panduan cara mengganti template blog (mengubah tampilan) ini tentu untuk blogger baru yang belum tahu cara mengubah tampilan blognya.

Namun, blogger lama juga bisa "mengintip"-nya, siapa tahu ada "hal baru" dalam tutorial dasar blogging ini.

*** Biar mudah dalam mengikuti panduan ini, silakan DOWNLOAD dan Print, sudah termasuk cara membuat blog lengkap.

SIAPKAN DULU TEMPLATENYA!
Yang dimaksud mengganti template blog di sini bukan ganti template dengan yang disediakan blogspot, tapi menggantinya dengan template hasil download dari situs-situs penyedia template blog seperti:

• Template Blog SEO
• BTemplate, 
• BTemplates4u, 
• Mastemplate, 
• AllBlog Tools,
• Cool B Theme.
• Borneo Template
• dan masih banyak lagi.

1. Download Templatenya.
Pilih template yang clean, fast loading, dan SEO Friendly. Baca review templatenya (jika ada). 

Anda bisa Test ke-SEO-an demo templatnya di Chkme. Test loadingnya di GTMetrix.

2. Simpan file  ekstensi xml.
Jika hasil download berupa file ZIP atau RAR, ekstrak file tersebut. Caranya: 

• Klik kanan > Exctract to [nama file]) sehingga menjadi file ekstensi XML. 
• Jika menjadi lebih dari satu file, "amankan" yang berekstensi XML. 
• File lain biasanya berupa "readme" atau panduan instalasi dan link.

Cara Mengganti Template Blog

1. Login ke Blogger. Ketik www.blogger.com di address bar browser Anda.
2. Klik menu Template / Tampilan di kiri bawah Dashborad Blog.

3. Klik menu Backup/Restore (Cadangkan/Pulihkan) di kanan atas Dashboard Blog.

4. Backup Template lama Anda (optional) dengan klik "Download Full Template".

5. Klik Choose File / Pilih File.

6. Anda akan dibawa menuju folder di komputer untuk menemukan file template blog. Klik file ekstensi XML yang sudah didownload/diekstrak, lalu klik "Open".

7. Klik Upload (Unggah).

8.  Tunggu hingga selesai..... dan Beres! Selamat, tampilan blog Anda sudah berubah!

Video Cara Ganti Template Blog

Mengganti Template Blog: Tahap Lanjutan 

Mengganti template belum benar-benar selesai setelah langkah ke-7 tadi. Masih ada beberapa hal yang mesti diperhatikan, di antaranya:

1. Mengganti Favicon
Favorit icon. Gambar kecil yang muncul di samping blog. Siapkan gambar ukuran sama lebar-sama panjang, misalnya 100x100 pixel.

Klik Layout > Edit Favicon > Upload!

2. Mengganti Logo. 

Ini jika di template baru Anda ada logo gambar. Ganti dengan logo versi Anda: Klik Layout > Edit Header > Upload!

Catatan:
- Klik "Instead of title and description" sebelum klik "Save" !
- Kadang-kadang ada template yang logonya di dalam (kode HTML). Cari file tersebut di dalam template (Template > Edit HTML) dan ganti dengan URL logo Anda. 

2. Mengganti Menu. 

Ganti nama-nama menu dan link-nya dengan menu yang Anda inginkan. Caranya: 

• Klik Template > Edit HTML > cari menu tersebut (CTRL+F) dan Ganti/Ubah.
• Kadang-kadang ada template yang menu HOME-nya menggunakan link desainer template. 
• Cek menu dan link home di dalam template. Jika linknya seperti ini, <a href='/'>HOME</a>, tidak usah diubah, sudah benar. Jika tidak begitu, ganti menjadi begitu.

Anda bisa mengganti warna huruf dan warna lainnya dengan mengganti kode warna yang ada. Lihat  Kode Warna HTML.

2. Cek link RSS Feed/Subscribe. 

Apakah masih kosong atau menggunakan FeedBurner ID yang lain. Ganti dengan FeedBurner ID Anda!

3. Cek juga link SEARCH (jika ada). 

Arahkan link searchnya ke blog Anda (jika ada nama blog lain, ganti dengan nama blog Anda). 

Misalnya, ada kode begini: 

<form id="searchform" action="http://contohblognih.blogspot.com/search".../>

 maka ganti dengan nama blog Anda.

4. Cek Link Copyright!

Yaitu link footer bagian "Copyright (c) Tahun NAMA BLOG. All right reserved", apakah sudah mengarah ke nama blog Anda atau ke nama blog lain. 

Jika yang muncul nama blog lain, misalnya nama template, ganti dengan nama blog Anda. Umumnya sih sudah mengarah ke nama blog Anda. Tapi ada juga yang menggunakan nama template.

AKHIRUL KALAM

Masih banyak langkah lain untuk mempercantik tampilan blog. Jika ngerasa "ribet" dengan subjudul "Tahap Lanjutan", maka pilih saja template blog yang sudah disediakan CB Blogger. Dijamin, aman dan SEO friendly.

Biar mudah dalam mengikuti panduan cara mengganti template alias mengubah tampilan blog ini, silakan DOWNLOAD dan Print, sudah termasuk cara membuat blog lengkap.

Other Download Link: Cara Membuat Blog Lengkap.pdf - 169 KB

Good Luck and Happy Blogging...!
Copyright (c) http://contohblognih.blogspot.com/

Read more ...

Cara Menampilkan Hari dan Tanggal di Blog

Posting cara memasang atau menampilkan hari dan tanggal di blog ini, sebelumnya sudah dites dan berhasil ketika CB memodifikasi template New Fastest Magz dan berhasil pula dipasang di blog ini (di atas logo/nama blog).

Sebentar! Apa perlu menampilkan hari dan tanggal di blog? Bukankah user atau pengunjung blog tidak memerlukannya karena sudah ada di komputer masing-masing?

Oke deh, jika merasa perlu, seperti CB lakukan di blog ini dan di New Fastest Magz, ini dia cara menampilkan hari dan tanggal di blog. Ada tiga cara:

Cara #1 Menampilkan Hari dan Tanggal di Blog
1. Dashboard > Layout
2. Page Element
3. Klik salah satu Gadget
4. Pilih HTML/Javasript
5. Masukkan kode berikut ini:

<script type="text/javascript">
now = new Date();
if (now.getTimezoneOffset() == 0) (a=now.getTime() + (7*60*60*1000))
else (a=now.getTime());
now.setTime(a);
var tahun=now.getFullYear()
var hari=now.getDay()
var bulan=now.getMonth()
var tanggal=now.getDate()
var hariarray=new Array("Minggu","Senin","Selasa","Rabu","Kamis","Jum'at","Sabtu")
var bulanarray=new Array("Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember")
document.write(hariarray[hari]+" "+tanggal+" "+bulanarray[bulan]+" "+tahun)
</script>

6. Save!

Cara #2 Menampilkan Hari dan Tanggal di Blog
Cara ini dilakukan CB di blog ini (Template Johny Wuss).

1. Template > Edit HTML
2. Masukkan kode tersebut di bawah kode <div id='wrap2'> atau di atas kode <div id='header-wrapper'>
3. Save!

Cara #3 Menampilkan Hari dan Tanggal di Blog
Cara ini yang dilakukan CB di Template New Fastest Magz. Perhatikan kode di bawah ini, khususnya yang berwarna merah.

<div id='topwrapper'>
   <form action='/search' id='search-top' method='get'> <input name='q' placeholder='Search...' size='40' type='text'/><input id='search-button-top' type='submit' value='GO'/></form>
  <div class='newspic'>
<span class='breakingnews'>Latest News</span> 
    <script type='text/javascript'>
var cssfeed=new gfeedrssticker(&quot;example1&quot;, &quot;example1class&quot;, 5000, &quot;_new&quot;)
cssfeed.addFeed(&quot;Feed Blog&quot;, &quot;http://free-btemplate.blogspot.com/feeds/posts/default&quot;) //Specify &quot;label&quot; plus URL to RSS feed
cssfeed.displayoptions(&quot;date&quot;) //show the specified additional fields
cssfeed.setentrycontainer(&quot;span&quot;) //Wrap each entry with a DIV tag
cssfeed.filterfeed(10, &quot;date&quot;) //Show 10 entries, sort by date
cssfeed.entries_per_page(1)
cssfeed.init()
    </script>
  </div>

Semua kode yang berwarna biru di atas dihapus semuanya, sehingga menjadi begini:
<div id='topwrapper'>
  <div class='newspic'>
  </div>

Nah, kode hari dan tanggal di atas lalu masukkan setelah kode   <div class='newspic'>, menjadi sebagai berikut:

<div id='topwrapper'>
  <div class='newspic'>
<script type="text/javascript">
now = new Date();
if (now.getTimezoneOffset() == 0) (a=now.getTime() + (7*60*60*1000))
else (a=now.getTime());
now.setTime(a);
var tahun=now.getFullYear()
var hari=now.getDay()
var bulan=now.getMonth()
var tanggal=now.getDate()
var hariarray=new Array("Minggu","Senin","Selasa","Rabu","Kamis","Jum'at","Sabtu")
var bulanarray=new Array("Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember")
document.write(hariarray[hari]+" "+tanggal+" "+bulanarray[bulan]+" "+tahun)
</script>
  </div>

Anda bisa meniru langkah di atas untuk blog Anda. Intinya, kode yang berwarna biru itulah untuk memasang atau menampilkan hari dan tanggal di blog Anda, misalnya di atas nama/logo blog atau di navigasi Good Luck!

Read more ...

Template New Fastest Magz Gratis (Free) Download

UPDATE! 17 Mei 2014. Tampilan baru  Template Blog "New Fastest Magz" - SEO Friendly, Fast Loading, Responsif, dan Lebih Simple!

Di tampilan terbaru CB tambahkan Featured Post dan Menu Khusus versi Mobile (hanya muncul di tampilan HP). Tampilan yang "jauh" beda, sehingga bisa dikatakan inilah New Fastest Magz Versi 2.

BLOGGER yang rajin cari template blog SEO Friendly, Fast Loading, dan Keren, tentu tidak asing dengan Template Blog Fastest Magz. Nah, CB (Contoh Blog) berusaha "menjiplak" sekian persen (tidak 100%) template blog tersebut dengan cara CB sendiri, jadilah Template New Fastest Magz. Gratis (Free) Download.

Karena "njiplak", tentu template ini tidak persis sama dengan aslinya, tapi bisa jadi lebih keren? ^_^. CB sarankan, jika Anda menyukai Fastest Magz,  silakan ke tempat aslinya di Templateku. Ini template premium. Murah kok, cuma 4 dolar.

Posting ini dibuat setelah CB melakukan "modifikasi pamungkas" terhadap Template New Fastest Magz. Modifikasi terbaru dari template ini adalah mengganti HEADLINE (LATEST NEWS) di Top Navigasi dengan Hari dan Tanggal.

Pertimbangannya, headline itu hanya "bikin pusing" dan tidak penting, juga mempengaruhi kecepatan loading blog karena animasi latest news menggunakan script!

Update! Di New Fastest Magz V2 ini Hari dan Tanggal, juga menu Sosial Media, dihilangkan, diganti dengan menu khusus untuk tampilan versi mobile (tidak muncul di desktop).

Link DEMO dan DOWNLOAD Template New Fastest Magz Gratis (Free) Download: 

DEMO
DEMO VERSI 2
DOWNLOAD
PANDUAN INSTAL

UPDATE! 
Template Sesusai Demo: New Fastest Magz

Read more ...

Cara Menghilangkan Ikon Quick Edit dan Wrench (Tips SEO Blog)

Quick Edit Icon (gambar pinsil untuk edit cepat) dan Wrench Icon (ikon obeng dan tang) biasanya tampil di Blog Blogspot saat kita login. Ikon Quick Edit (gambar pinsil) biasanya muncul di bagian akhir posting. Fungsinya untuk memudahkan blogger mengedit postingannya. Tinggal klik gambar atau ikon pensil itu, maka blogger bisa mengedit atau mengupdate postingan.

Icon Wrench  muncul di setiap Gadget/Widget di sidebar. Fungsinya sama dengan ikon quick edit, yaitu memudahkan blogger untuk mengedit widget di blognya.

Masalahnya, sebagian blogger merasa terganggu dengan ikon-ikon tersebut. Toh kita bisa mengedit widget dan posting langsung di dashboard.

Lagi pula, keberadaan kedua icon tersebut rupanya menjadikan blog kita jadi "kurang SEO Friendly". Buktinya, silakan cek di Chkme, maka akan muncul Image Missing Description & Title, di antaranya ikon Wrench yang beralamat di http://img1.blogblog.com/img/icon18_wrench_allbkg.png.

Selain itu, Ikon Quick Edit dan Icon Wrench rupanya membuat blog kita tidak Valid HTML, sehingga memang harus dihapus.

Cara Menghilangkan Ikon Quick Edit dan Icon Wrench di Blogspot
1. Dashboard > Template > Edit HTML
2. Cari dan hapus semua kode  <b:include name='quickedit'/>
3. Save! Mudah 'kan?

Setiap kali kita menambahkan widget di sidebar atau di mana pun, maka Wrench Icon akan muncul, artinya kode <b:include name='quickedit'/> akan muncul pula di template. Maka, setiap menambah widget, kita harus menghapusnya pula! Capek deeeeh......!

Untuk Quick Edit yang bergambar pinsil, bisa juga dihilangkan dengan cara tidak mencentang Quick Edit di Dashboard: Layout > Blog Post > Edit.

Bagaimana biar tidak muncul atau menghilangkannya secara otomatis?
1. Dashboard > Template > Edit HTML
2. Cari kode </b:skin>
3. Copas kode di bawaa ini dan simpan di atas kode </b:skin>. Kalau sudah ada, pastikan display-nya "none".

.quickedit{display:none;}

4. Save!

Mudah 'kan Cara Menghilangkan Ikon Quick Edit dan Icon Wrench di Blogspot? Good luck....!

* Thanks to LawnyDesigns for this tips.

Read more ...

VideoBox Blogger Template untuk Blog Foto dan Video

APAKAH Anda seorang fotografer atau sekadar hobi fotografi, dan ingin membuat blog khusus untuk share hasil jepretan Anda? Anda punya akun atau channel Youtube dan ingin share video Anda khusus melalui blog? Maka, VideoBox Blogger Template ini jawabannya.

Dengan template VideoBox Blogger Template ini, Anda bisa membuat blog foto dan/atau video yang menarik. Ada bisa download gratis di Sora Templates, ada juga yang berbayar (premiumnya) dengan fasilitas extra.

Ada dua jenis VideoBox Blogger Template: Free Version dan Full Version.

Description: VideoBox Blogger template is a great layout for video websites and video blogging. It is featured packed with custom features.

Template Features : 

1. Wordpress Look, 
2. 4 Columns, 
3. Right Sidebar, 
4. 4 Columns Footer, 
5. Portfolio, 
6. Featured Video Slider, 
7. Fixed Width, 
8. Wood Background, 
9. Dropdown Menu, 
10. Header Banner, 
11. Page Navigation Widget.

Memang masih banyak template blog untuk foto dan video lainnya. Template blog VideoBox Blogger Template ini hanya salah satu alternatif yang Wordpress Look, elegan, dan like a pro!

DEMO
DOWNLOAD
INSTALASI

Read more ...

Download MP3 Video Youtube dengan CatchVideo dan ListenToYouTube

Untuk mendownload video youtube, juga bisa mengubahnya menjadi file mp3, kita tinggal membuka situs Catch Video dan copas link video yang mau didownload. Tinggal "klik", video sudah pindah ke komputer Anda!

Jadi, dengan Catch Video ini, kita 'gak usah lagi install Youtube Downloader dan sejenisnya. Cukup buka Youtube, cari video yang mau didownload atau diconvert menjadi file MP3 (audio only), copy link-nya, dan paste-kan di Catch Video. Beres!

Convert Video Youtue ke MP3
Untuk mengkonversi video Youtube ke file MP3 dan mendownlodnya, gunakan saja Listen to Youtube. It's free, gratis, fast, cepat, dan lancar...!!!!

Posting ini untuk menjawab pertanyaan teman tentang cara mendownload video youtube. Siapa tahu Anda juga belum tahu....^_^ Good luck!

Read more ...