Monday, July 6, 2009

Meta Deskripsi Dan Meta Keyword Dinamis Untuk Tiap Halaman Blogspot

Meta deskripsi dan meta keyword terbaik ialah yang dinamis, artinya berubah-berubah sesuai dengan tema per halaman. Blogger.com dengan Blogspotnya tidak mengakomodir meta deskripsi dan keyword jenis dinamis ini, namun blogspot menggunakan meta deskripsi dan keyword statis berarti tiap halaman blogspot anda tidak akan mempunyai deskripsi dan keyword sendiri seperti pada Wordpress. Bagi mereka yang ingin mengoptimalkan blogspotnya di search engine tentulah faham bahwa meta deskripsi dan keyword statis tidaklah bagus.


Disini saya mempunyai hack untuk mempunyai deskripsi dan keyword dinamis untuk tiap-tiap halaman blogspot anda. Ini contohnya, ini saya ambil dari salah satu blog saya

http://dunia-puisi.blogspot.com/, jika anda buka view source dan lihat deskripsi dan keyword dihalaman index blog ini maka akan tampil seperti ini:


<meta content='Kumpulan Puisi dari WS Rendra' name='description'/>
<meta content='puisi, ws rendra, sajak, pidato' name='keywords'/>

<title>Kumpulan Puisi</title>

Namun jika anda buka salah satu postingan diblog itu, misal klik posting pertamanya, yaitu Doa Orang Lapar, maka meta deskripsi dan meta keywordnya akan tampil begini:

<meta content='kelaparan adalah burung gagak yang licik' name='description'/>

<meta content='orang lapar' name='keywords'/>
<title>Doa Orang Lapar - Kumpulan Puisi</title>

Anda lihat sendiri kan bahwa meta deskripsi dan keyword antara halaman index/homepage berbeda dengan meta deskripsi dan keyword untuk sub-halaman. Tidak seperti deskripsi dan keyword blogspot pada umumnya, disemua posting memakai deskripsi yang sama dengan deskripsi halaman index.

Oke lanjut dan jika anda mengklik halaman berikutnya yaitu Sajak Seorang Tua Di Bawah Pohon, maka akan begini tampilannya:

<meta content='inilah sajakku seorang tua yang berdiri di bawah' name='description'/>

<meta content='sajak seorang tua' name='keywords'/>
<title>Sajak Seorang Tua Di Bawah Pohon - Kumpulan Puisi</title>

Dan begitu seterusnya untuk tiap halaman, canggih bukan? :mrgreen_wp:. Ini blogspot loh bukan Wordpress…hehehe. BTW (by the way) karena blogger.com secara default tidak memprogram templatenya untuk mempunyai deskripsi dan keyword dinamis, maka untuk menjalankan hack ini diperlukan cara yang cukup melelahkan, mau tahu apanya yang membuatnya melelahkan? Mari yuk baca selanjutnya.

Caranya:

1. Masuk ke blogger.com lalu ke Layout > Edit HTML

2. klik expand widget template anda:

3. Temukan ini:

<head>

<b:include data="blog" name="all-head-content" />


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

4. Setelah tag ini <b:include data="blog" name="all-head-content" />, masukan tag berikut:

<b:if cond='data:blog.url == "http://abibakarblog.blogspot.com/"'> <meta content='DESKRIPSI' name='description'/> <meta content='KATAKUNCI' name='keywords'/> </b:if>


5. Ganti abibakar.blogspot.com dengan alamat blog anda, dan juga ganti deskripsi dan katakunci dengan deskripsi dan katakunci halaman index/homepage blog anda.

6. Yang diatas meta deskripsi dan keyword untuk halaman index/homepage, Sekarang meta deskripsi dan keyword untuk tiap halaman. Lakukan hal yang sama seperti langkah nomor 3, 4, 5, namun karena sekarang yang anda ingin buat adalah deskripsi dan keyword perhalaman maka url dan deskripsinya harus diperjelas, misalnya halaman url saya begini http://www.abibakar.blogspot.com/2008/05/meta-deskripsi-meta-keyword.html, maka tagnya harus begini:

<b:if cond='data:blog.url == "http://johndoe.blogspot.com/2008/05/meta-deskripsi-meta-keyword.html"'> <meta content='meta deskripsi dan keyword untuk blogspot' name='description'/> <meta content='meta keyword, meta deskripsi' name='keywords'/> </b:if>


Tentu abibakar.blogspot anda ganti dengan alamat url perhalaman anda juga deskripsinya dan keywordnya anda rubah. Hal ini diperuntukan untuk memberikan deskripsi spesifik pada halaman yang dimaksud. Faham? Tentu saja! Mudah kok.

Kelemahan hack ini,Ada 2 kelemahan yang akan anda temui jika menerapkan hack ini:

1. Seperti sudah saya ulas diatas bahwa hack ini cukup melelahkan jika di terapkan. Karena untuk tiap halaman anda harus memasukan tag diatas, misalnya anda mempunyai 3 posting diblog anda maka anda harus memasukan deskripsi dan keyword untuk masing2x halaman, contohnya seperti ini:

<b:if cond='data:blog.url == "http://dunia-puisi.blogspot.com/"'> <meta content='Kumpulan Puisi dari WS Rendra' name='description'/> <meta content='puisi, ws rendra, sajak, pidato, bait, doa, pantun' name='keywords'/> </b:if>

<b:if cond='data:blog.url == "http://dunia-puisi.blogspot.com/2008/05/doa-seorang-serdadu-sebelum-perang.html"'> <meta content='Tuhan ku wajah Mu membayang di kota terbakar dan firman Mu' name='description'/> <meta content='sajak serdadu' name='keywords'/> </b:if>


<b:if cond='data:blog.url == "http://dunia-puisi.blogspot.com/2008/05/sajak-seorang-tua-di-bawah-pohon.html"'> <meta content='inilah sajakku seorang tua yang berdiri di bawah pohon meranggas' name='description'/> <meta content='sajak seorang tua' name='keywords'/> </b:if>


2. Membuat template anda jadi panjang jika anda sudah mempunyai banyak posting.

Solusi dari saya: Jika blog anda sudah mempunyai banyak sekali posting sebaiknya hack ini diterapkan hanya untuk halaman-halaman yang anda ingin optimalkan, agar tidak membuat lelah dan template anda menjadi panjang. Walaupun mempunyai kode template panjang tidak mengapa, toh tidak akan terlihat oleh publik, alias anda sendiri yang tahu :mrgreen_wp:

Sampai jumpa diposting berikutnya.

Thanks to Andreiaga for this hack!


Sumber : http://abibakarblog.com/tutorial-blogger/meta-deskripsi-dan-meta-keyword-untuk-tiap-halaman-blogspot/
Selengkapnya... Meta Deskripsi Dan Meta Keyword Dinamis Untuk Tiap Halaman Blogspot »

Sunday, July 5, 2009

Top 10 Template Blog Bergaya Magazine

Beberapa kelebihan dari template blogspot bergaya "Magazine" adalah adanya penambahan javascript untuk membuat thumbnail image dari setiap postingan.

Di bawah ini ada beberapa template yang dibuat menggunakan gaya magazine, menurut saya template-template ini layak di konsumsi koleksi dan juga bisa sebagai referensi untuk anda yang suka mengotak atik layout dan html template blog.

*Gambar di samping hanyalah gambaran sebuah majalah, bukan berati saya mau sharing majalh "Play Boy".


1. Schemermag Blogger Template

 Demo   |   Download
 
2. Turnout Mag Blogger Template
 Demo   |   Download
 
3. Falker press blogger Template
 Demo  |   Download  
 
4. Revolution church Blogger Template V2

Demo  |   Download 
 
5. Revolution church Blogger Template V1



Demo  |   Download 
 
 
6. Revolution Lifestyle blogger Template

  Demo  |   Download
 
7. Digital Statement blogger Template
 Demo  |   Download 

8. Madmagazine blogger Template  
Demo   |   Download
 
9. magazine Template two
 Demo   |   Download
 
10. Rebel Magazine Blogger template
 Demo   |   Download
Selengkapnya... Top 10 Template Blog Bergaya Magazine »

Saturday, July 4, 2009

Cara Mensubmit Sitemap Blogger ke Google

Sitemap adalah kumpulan daftar halaman sebuah blog atau bisa dibilang sebuah daftar isi (A site map (or sitemap) is a representation of the architecture of a web site). Dengan adanya sitemap, akan memudahkan search engine untuk mengcrawler blog kita. Caranya bisa dengan mendaftarkan blog kita di google yaitu di google addurl, namun kita juga disarankan untuk mensubmit blog kita ke google dengan layanan Google webmaster tools, dimana kita akan mendapatkan gambaran bagaimana google mengindeks blog kita serta memberi tahu kesalahan atau error pada blog kita.


Untuk menambah dan mem-verify blog:
  1. Sign pada Google Webmaster Tools dengan Google Account.
  2. Click Add a site, and ketik URL blog yang akan anda tambahkan. Pastikan anda tidak salah mengetikkan alamat URL blog, contohnya http://indonesiangeblog.blogspot.com/
  3. Click Continue. Halaman Site verification akan terbuka.
  4. Pilih metode verification sesuai keinginan anda, tetapi jika anda menggunakan Blogger maka pilih Meta tag.

  5.  
    • Meta tag: We will ask you to add a meta tag with a unique value to your site's home page. This is the easiest solution if editing your home page's HTML is easier than uploading new files. In addition, this solution lets you easily verify sites you've created using Google Sites.
    • HTML file: We will ask you to create a file with a specific name and upload it to a specific directory on your webserver. The file can be empty—Google cares only about the file's location, not about its content.

  6. Copy meta tag dan paste ke template blog kamu. Letakkan di bawah kode <head>.

    <head>
    <meta content="xLqz2ZWNbM1234324WMnSjd62Q=" name="verify-v1">

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


    Kemudian Simpan Template anda.
  7. Kembali ke halaman Google Webmaster tadi dan klik Verify
  8. Jika meta tag belum anda tambahkan pada html blog anda, kemudian anda klik verify maka
    We weren't able to verify your site. Did you add the meta tag to the following URL: http://indonesiangeblog.blogspot.com/?
  9. Namun jika berhasil maka
    Congratulations! You're a verified owner of this site: http://indonesiangeblog.blogspot.com/
  10. Kemudian jika proses verifikasi berhasil, maka anda akan di bawa ke halaman Dashboard
  11. Langkah selanjutnya adalah menambahkan sitemap Blog
    Klik Submit a Sitemap (ada di pojok kanan bawah)
  12. kemudian masukkan atom.xml
    http://indonesiangeblog.blogspot.com/atom.xml has been added as a Sitemap.
Proses verifikasi dan submit sitemap pun sudah selesai, dan tinggal menunggu sang Bot Google mengunjungi blog kita dan meng Crawl.
Tujuan dari ini adalah agar blog kita cepat terindek oleh google





Reblog this post [with Zemanta]
Selengkapnya... Cara Mensubmit Sitemap Blogger ke Google »

Friday, July 3, 2009

Menampilkan Jumlah Total Postingan dan Total Komentar

Jika anda mempunyai blog yang sudah bagus alias trend, banyak pengunjung dan yang berkomentar (tidak seperti blog Tutorial Blogger ini yang masih sepi dengan komentar dan postingan tutorialnya juga belum banyak. Soalnya masih baru). Tentu ada kebanggaan sendiri jika anda menampilkan total postingan anda dan jumlah semua komentar di blog.


Contoh tampilan :

Total Posts: 1969
Total Comments: 2455

Caranya :


1. Log in blogger dashboard
2. Klik Layout --> Page Element --> Add Gadget
3. Pilih HTML / JavaScript and klik add.
4. Copy kode dibawah ini and paste.

<script style="text/javascript">
function numberOfPosts(json) {
document.write('Total Posts: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
function numberOfComments(json) {
document.write('Total Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
</script>
<font color="black"><script src="http://indonesiangeblog.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script>
<script src="http://indonesiangeblog.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></font>

5. Jangan Lupa ganti http://indonesiangeblog.blogspot.com/ sesuai dengan alamat blog anda.
6. Save.

Kalo masih bingung dan ada masalah, tinggalkan komentar.
Selengkapnya... Menampilkan Jumlah Total Postingan dan Total Komentar »

Thursday, July 2, 2009

Template Blogger Bergaya Magazine "Falkner Press"

Di belakangan ini, mencari sebuah template untuk blogger tidaklah sulit. Banyak sekali para designer membuat template untuk platform blogger ini. Mulai dari mengedit dari template bawaan blogger, misalnya "minima", mengkonvert "css template", sampai dengan mengkonvert "theme wordpress" untuk blogspot.

Template dengan bergaya "Magazine" saat ini sangatlah populer, karena tampilannya yang sangat elegant dan bisa menampilkan thumbnail image dari postingan.

Salah satu template yang masih terbilang baru yaitu "Falkner Press" buatan Blogger Tricks
Template ini sendiri merupakan hasil konvert theme wordpress buatan CamelGraph.com.
Template ini memiliki beberapa fitur bergaya magazine, diantaranya : Automatic Thumbnails dan Automatic Post summarize pada  homepage, Youtube video integration, dsb.


 
  Features Utama:
* Automatic Thumbnails on posts
* Automatic Post Summarize
* Featured Content Slider
* Adsense ready
* PSD Custom Logo Included
* Youtube Video embedding Integrated
* Fully SEO Optimized
* Advertisement Block Ready
* 3 Columns
* Social Bookmarking Icons
* Twitter Updates widget
* Feedburner Email Subscription ready
* Thumbnails on Recent Posts in Sidebar
* Integrated Search box
* Beautiful top Navigation bar
* Cross-browser compatible
* and many more....
Selengkapnya... Template Blogger Bergaya Magazine "Falkner Press" »

Wednesday, July 1, 2009

Tentang Blog

Perkembangan dunia blogger yang saat ini sangat populer dikalangan masyarakat dunia dan Indonesia pun juga tidak mau kalah ketinggalan untuk ikut-ikutan ngeblog.

Melalui blog ini mudah-mudahan masyarakat dan temen-temen blogger bisa saling sharing "All About Blog" terutama platform "Blogspot (blogger)" Selengkapnya... Tentang Blog »