Membuat Meta BlogCatalog

Jumat, 12 Februari 2010

Sekali lagi sebagus apapun blog,jika tak terindex mesin pencari sama saja bohong khan? itu sebabnya kali ini Pelajaran Blog membahas tentang membuat meta blogcatalog.
Awalnya memang tidak bisa di pastikan bahwa meta ini bisa di jadikan referensi agar cepat terindex mesin pencari,Google pada khususnya.Tapi setelah beberapa hari,salah satu teman terbaik saya,yang menyebut dirinya "Cah Donorejo",seperti nama yang dia pakai saat berkomentar pada blog ini,memberi tahu saya bahwa meta yang diberikan BC,sangat efektif dan memang terbukti cepat terindex Google.

Seberapa akuratkah meta BlogCatalog?
Jika kurang yakin,ketikkan kata kunci "Supaya Cepat Terindex Google" pada www.google.com,inget ya bukan www.google.co.id(jika terset google.co.id,pilih tulisan "Google.com in English") dan ketikkan kata kunci di atas.

Supaya cepat terindex google" di Google ,http://cepat-terindex-google.blogspot.com/,klik disini untuk melihat. menempati posisi pertama.

Klik link tersebut untuk menuju halamannya dan klik kanan lalu "View Source",disitu dia meletakkan beberapa meta,dan meta blogcatalog salah satunya.

**Tapi,jika sudah berubah wajar dunk,khan algoritma google juga selalu berubah-ubah.
Ini membuktikan bahwa setelah dia meletakkan meta BC,bukan sesuatu yang sulit untuk cepat terindex mesin pencari.

Bagaimana saya bisa mendapatkan Meta BlogCatalog?Contoh dari meta ini(saya ambil dari meta BC dari blog ini) seperti di bawah ini:

<meta content='9BC9206xxx' name='blogcatalog'/>

Untuk mendapatkannya cukup mudah,anda hanya kunjungi http://www.blogcatalog.com/,setelah itu Sign Up,di sebelah kanan bagian atas(jika belum berubah).
Setelah itu,tulis dan isikan form seperti yang diinstruksikan,untuk username,biasanya BlogCatalog tidak mengizinkan 2 kata nama yang dipisahkan dengan spasi.

Setelah anda mengisi semua form dan data dari blog anda,lalu klik tombol "Submit Blog".
Tunggu beberapa saat dan akan muncul halaman link setelah anda memferivikasi email dari BC tentunya.
Copy salah satu kode link BlogCatalog kedalam HTML anda.

Lalu dimana Meta nya?

Meta ini oleh BC,diletakkan paling bawah,copy kode tersebut dan letakkan pada halaman HTML anda di bawah kode <head>
Simpan.Selesai.

Sumber : pelajaran-blog.blogspot.com

Membuat Meta y_key pada Yahoo Add My Site

Apakah anda sudah mempunyai meta y_key?

Meskipun saat ini meta sudah tidak begitu vital diterapkan sebagai langkah untuk Search Engine Optimation(SEO),tapi masih banyak blogger-blogger papan atas menggunakan langkah ini.

Selain meta diskripsi dan keyword yang sering diterapkan (meta ini di letakkan di antara <head> dan </head>)seperti:

Contoh meta untuk diskripsi di pelajaran-blog.blogspot.com:

<meta content='Pelajaran tentang cara membuat blog di blogspot,juga belajar tentang menghias blog,membuat sambil blogging belajar menghias blogger khusus untuk pemula' name='description'/>

**Untuk menjelaskan diskripsi dari blog tersebut

Contoh meta untuk keyword di pelajaran-blog.blogspot.com:

<meta content='pelajaran blog,cara membuat blog,belajar menghias blog,untuk pemula,blogspot,blogger,blogging' name='keywords'/>

**Untuk menjeaskan kata kunci untuk menuju blog tersebut

Nah!yang akan kita bahas kali ini,adalah meta y_key.

Bagaimana saya bisa mendapatkan meta y_key?Meta y_key adalah meta yang dimiliki oleh Yahoo,maka kita harus mempunyai account di Yahoo,sebelum mensubmit blog kita ke directory mereka.

Contoh bentuk meta yang di berikan,nantinya akan seperti ini :

<meta content='32bf6291ec6ec61f' name='y_key'/>

Langkah pertama,masuk Yahoo dengan ID Yahoo anda yang masih valid tentunya,untuk lebih cepat anda bisa kunjungi di https://siteexplorer.search.yahoo.com/.

Selanjutnya,masukkan alamat URL blog anda,lalu klik Add My Site.

Setelah itu,anda di hadapkan halaman bahwa anda telah mensubmit URL blog anda,pada tabel keterangan nya disitu ada kolom Sites,Feeds,Action dan Status pada kolom terakhir.

Nah! pada kolom Status,hanya diperlihatkan sebuah object berbentuk bulat,klik tanda bulat tersebut untuk melihat status.
Selanjutnya anda akan di hadapkan 2 pilihan.

By uploading a verification file to my site.
By adding a META tag to my home page

Pilih tanda segitiga pada tulisan "By adding a META tag to my home page" dan copy kode y_key nya,yang mana ya?
Yang mirip seperti ini:

<META name="y_key" content="xxxxxxxxxxxxxxxx">

Kode diatas hanya contoh kodenya,tulisan "x" diatas adalah nomor key blog anda.
Copy kode tersebut dan letakkan di bawah kode <head> pada halaman HTML anda lalu Simpan Template anda.
Setelah anda berhasil meletakkan kodenya,kembali ke halaman account Yahoo dimana anda baru saja mengcopy kode tadi,setelah itu klik Tombol "Ready to Authenticate",dan tunggu sampai muncul halaman yang memberi tahu bahwa y_key anda telah berhasil untuk difungsikan.

Contoh tulisan jika sudah berhasil kurang lebih seperti ini :

Your site has been authenticated

If you have added the META tag <META name="y_key" content="<meta name="y_key" content="xxxxxxxxxxxxxxxx" >, please keep the tag in your site's home page. We will revalidate your site ownership by checking this META tag regularly.

If you have uploaded the verification file, please keep the file y_key_xxxxxxxxxxxxxxxx.html on your site root http://alamat-blog-anda.com and do not change the content (xxxxxxxxxxxxxxx). We will revalidate your site ownership by checking this file regularly.

Saat saya meletakkan y_key, koq Error ya?Error,mungkin hanya disebabkan kode yang tidak ditutup dengan benar.Memang dari Yahoo sendiri,memberikan kode yang seperti ini:

<META name="y_key" content="xxxxxxxxxxxxxxxx">

Anda tinggal disuruh menyisipkan tanda "/" pada akhir kode,yang nantinya menjadi seperti ini:

<META name="y_key" content="xxxxxxxxxxxxxxxx"/>

Dalam waktu kurang lebih 24 jam,Bibi Yahoo akan segera mengindex anda. :)

Sumber : pelajaran-blog.blogspot.com

Tentang SEO

SEO (Search Engine Optimization)

Merupakan langkah/kiat menuju pengoptimalan dalam hal ini masalah Search Engine. Sebagus apapun sebuah situs,jika tak dapat direkam/ditangkap/di indexoleh mesin pencari,sama halnya dengan sia-sia.Dengan terindex mesin pencari kemungkinan situs kita akan di lihat oleh seluruh orang di dunia ini akan semakin besar.Banyak di jumpai blog yang bagus, namun kurang optimalnya kiat dalam peng-index-an.
Dibawah ini salah satu langkah peletakkan meta tags agar terindex mesin pencari :

Kode ini cukup anda letakkan di bawah kode <head>.

<meta content='nama anda' name='Author'/>
<meta content='Tulis Diskripsi Blog' name='description'/>
<meta content='Tulis Kata Kunci Blog' name='keywords'/>
<meta content='follow, all' name='robots'/>

Atau jika anda ingin menambah meta yang lain,coba kunjungi disini
Anda juga bisa menggunakan langkah-langkah SEO ala pelajaran-blog.blogspot.com.
Adapun langkah-langkahnya,anda simak di bawah ini :

Gunakan nama blog yang tidak terlalu panjang.
Gunakan kode <h1> pada awal artikel.
Jika anda meletakkan gambar jangan lupa tuliskan kode alt="nama blog
anda" .(contoh : <img src="http://bla-bla-bla.jpg"alt="nama
blog anda">
Tambahkan URL anda ke Altavista,Alltheweb,MSN,Yahoo dan submitter yang lain.
Perbanyak teman blog untuk memasang Link blog kita.
Berkomentarlah di kotak komentar sebuah blog yang sudah cukup terkenal.
Buatlah Blogroll blog-blog terkemuka.
Jika perlu ngemis blogger lain untuk me link kan link kita.
Chatting,lampirkan alamat blog kamu,karena semakin jauh jangkauan IP
seorang pengunjung,akan meningkatkan PageRank kita.
Buatlah SiteMap
Update selalu.
Berikan tanda Bold / Huruf tebal pada setiap kata yang berkaitan dengan
nama blog anda.

Semoga,langkah-langkah diatas sedikit bisa membantu anda agar ter index oleh mesin pencari.

Sumber : pelajaran-blog.blogspot.com

Mendaftarkan Blog di Google

Mendaftarkan Blog di Google
Langkah ini merupakan keharusan jika kita ingin publikasi. Search engine sendiri banyak sekali, namun berdasarkan pengalaman dengan joomla cukuplah dengan mendaftarkan di google.com, yahoo.com dan msn.com (karena ketiga search engine inilah yang sampai saat ini masih mendominasi di dunia internet).

Pertama kali pertama kita coba mendaftarkan blog kita ke Google

Siapkan sebuah email gmail.com, silahkan mendaftar jika belum mendaftar (gratis) dan saya rasa semua sudah bisa kan.

Tambahan webmaster tool dari google. Jika anda sudah membuat, silahkan masuk dan akan tertampil gambar seperti berikut.

Silahkan mengetikkan alamat URL blog dan klik Add.Misalnya: http://blackinews.blogspot.com/

Kalau langkah tersebut sudah anda lewati, maka akan muncul gambar berikut

(Perhatikan blackinews.blogspot.com sudah masuk)

Selanjutnya akan saya terangkan cara verifikasi blogspot anda sebagai berikut :

Melanjutkan dari tutorial sebelumnya add black in news with google.

Langkah kedua setelah mendaftarkan blog kita ke google, maka selanjutnya kita diminta oleh google untuk memverifikasi blog kita, atau biasa diistilahkan dengan verified.

Proses verifikasi sendiri ada dua: (dipilih salah satu)

Menambahkan meta tag
Upload HTML file

Namun pada blogspot, paling mudah adalah dengan memilih metode pertama.

Nah cara menambahkan meta tag adalah:

Pilih “add a meta tag” seperti gambar berikut.

Lalu akan muncul kode-kode yang di dalam sebuah kotak.

Biasanya diawali meta name

Nah, jangan bingung itu kode yang Anda butuhkan yang nantinya akan ditambahkan di template blog yang kita pakai.

Sekarang masuk ke blog rekan-rekan blacky account blogspot masing-masing
Pilih pengaturan >> edit html. Silahkan lihat gambar

Sekarang rekan-rekan black idea harus mencari tag <head>

Lalu copy meta name tadi yang kita dapat dari google dan paste di bawah <head>, atau sebelum kode </head>

Jangan lupa untuk menyimpan setiap editing yang dilakukan dengan meng-klik simpan template yang ada di pojok bagian bawah.

Langkah terakhir dalam proses verifikasi adalah di account webmaster google tool.

Sekarang bubuhkan centang pada seperti terlihat pada gambar dan klik verify.

Dan kalau sukses maka akan muncul seperti gambar seperti berikut.

Sumber : blackinews.blogspot.com

SEO Properties

Kamis, 11 Februari 2010

Meta Title, Description dan Keyword di Blogger

Rabu, 10 Februari 2010

Tulisan ini berjudul selengkapnya Mengungkap Semua Rahasia Tersembunyi Pada Meta Title, Description dan Keyword di Blogger yang saya ambil dari blognya mas O-Om. Bigi sobat yang mau mempelajari secara lengkap silahkan kunjungi dengan mengklik link judul diatas.

OPTIMASI SEO PADA META DESCRIPTION DAN KEYWORD - CARA I

Cara pertama dibawah ini bisa kita gunakan untuk melakukan optimasi pada Meta Description dan Meta keyword, kita dapat melihat perbedaan pada setiap hasil temuan pada mesin pencari dimana setiap halaman memiliki tambahan meta tertentu sesuai dengan judul postingan (lihat rumus).

Silahkan coba ganti meta description dan keyword anda menggunakan kode dibawah ini, jangan lupa sesuaikan deskripsi dan kata kunci blog rekan masing dengan mengganti karakter ditandai warna merah dibawah.

<b:if cond='data:blog.pageType != "item"'>

<meta content='Blog ini menyediakan kisi-kisi soal CPNS dan prediksi soal CPNS terlengkap' name='description'/>

<meta content='Dowload soal CPNS dari UGM, Prediksi Soal CPNS, Jawaban Soal CPNS, Pendaftaran CPNS, tanya jawab Soal CPNS' name='keywords'/>
<b:else/>

<meta expr:content='data:blog.pageName + "Blog ini menyediakan kisi-kisi soal CPNS dan prediksi soal CPNS terlengkap" name='description'/> <meta expr:content='data:blog.pageName + " Dowload soal CPNS dari UGM, Prediksi Soal CPNS, Jawaban Soal CPNS, Pendaftaran CPNS, tanya jawab Soal CPNS" name='keywords'/>

</b:if>

Contoh Rumus hasil pencarian pada halaman index.

<BLOG TITLE>
<Meta Description>
<URL>

Prediksi soal CPNS terlengkap
Blog ini menyediakan kisi-kisi soal CPNS dan prediksi soal CPNS terlengkap.
www.cobacobaaja.com - Tembolok - Mirip

Contoh Rumus hasil pencarian pada halaman Postingan.

<POST TITLE>
<Post Title> <Meta Description>
<URL>
Rahasia kunci jawaban soal CPNS tahun 2009

Rahasia kunci jawaban soal CPNS tahun 2009 - Blog ini menyediakan kisi-kisi soal CPNS dan prediksi soal CPNS terlengkap.
www.cobacobaaja.com/.../kisi-kisi/soalcpns.hml -Tembolok - Mirip

OPTIMASI SEO PADA META DESCRIPTION DAN KEYWORD - CARA II

Cara yang kedua hampir sama dengan cara yang pertama, yang berbeda hanya pada deskripsi pada halaman postingan (lihat rumus).

Silahkan coba ganti meta description dan keyword anda menggunakan kode dibawah ini, jangan lupa sesuaikan deskripsi dan kata kunci blog rekan masing dengan mengganti karakter ditandai warna merah dibawah.

<b:if cond='data:blog.pageType != "item "'>

<meta content='Blog ini menyediakan kisi-kisi soal CPNS dan prediksi soal CPNS terlengkap' name='description'/>

<meta content='Dowload soal CPNS dari UGM, Prediksi Soal CPNS, Jawaban Soal CPNS, Pendaftaran CPNS, tanya jawab Soal CPNS' name='keywords'/>

<b:else/>

<meta expr:content='data:blog.pageTitle + " Blog ini menyediakan kisi-kisi soal CPNS dan prediksi soal CPNS terlengkap" name='description'/>
<meta expr:content='data:blog.pageTitle + "
Dowload soal CPNS dari UGM, Prediksi Soal CPNS, Jawaban Soal CPNS, Pendaftaran CPNS, tanya jawab Soal CPNS" name='keywords'/>

</b:if>

Contoh Rumus hasil pencarian pada halaman index.
<BLOG TITLE>
<Meta Description>
<URL>

Prediksi soal CPNS dari UGM

Blog ini menyediakan kisi-kisi soal CPNS dan prediksi soal CPNS terlengkap.
www.cobacobaaja.com - Tembolok - Mirip

Contoh Rumus hasil pencarian pada halaman Postingan
<POST TITLE>
<Blog Title> <Post Title> <Meta Description>

<URL>

Dowload gratis rahasia kunci jawaban soal CPNS tahun 2009
Prediksi soal CPNS terlengkap: Download gratis rahasia kunci jawaban soal CPNS tahun 2009 - Blog ini menyediakan kisi-kisi soal CPNS dan prediksi soal CPNS terlengkap.
www.cobacobaaja.com/.../kisi-kisi/soalcpns.hml -Tembolok - Mirip

Cara pertama dan kedua diatas terus terang sama bagusnya, jadi silahkan pilih salah satu saja. OK! Semua teknik rahasia SEO pada sebagian Meta Tag sudah saya ungkap semuanya, jadi silahkan dipelajari dengan seksama dan semoga berhasil.

Sumber : Diambil dari Blog sobat O-Om.com

Memasang Symbol Emotion pada postingan

Berikut ini cara Memasang Symbol Emotion pada postingan

1. Pertama-tama yang harus tersedia adalah Mozilla Firefox yang berversi 1.5 atau diatasnya. Kalau belum silahkan download Firefox Google Toolbar

2. Setelah download lalu Install Greasemonkey (aku pun xtau fungsi Grease Monkey untuk apa sebenarnya.)

3. Setelah itu Install Script ini.

4. Selanjutnya cari kode ini ]]></b:skin> dan paste kode yang berwarna merah seperti di bawah ini.

img.emoticon {
padding: 0;
margin: 0;
border: 0;
}

]]></b:skin>

5. Setelah selesai, boleh lihat hasilnya seperti di bawah ini.

Sumber : dari teranung.blogspot.com

Kode Warna HTML 2

Disini saya sediakan informasi kode warna. Sebelumnya ada juga saya posting kode yang memakai kode RGB, dapat anda lihat disini

COLOR NAME	CODE	COLOR
Black	#000000
Grey0	#150517
Grey18	#250517
Grey21	#2B1B17
Grey23	#302217
Grey24	#302226
Grey25	#342826
Grey26	#34282C
Grey27	#382D2C
Grey28	#3b3131
Grey29	#3E3535
Grey30	#413839
Grey31	#41383C
Grey32	#463E3F
Grey34	#4A4344
Grey35	#4C4646
Grey36	#4E4848
Grey37	#504A4B
Grey38	#544E4F
Grey39	#565051
Grey40	#595454
Grey41	#5C5858
Grey42	#5F5A59
Grey43	#625D5D
Grey44	#646060
Grey45	#666362
Grey46	#696565
Grey47	#6D6968
Grey48	#6E6A6B
Grey49	#726E6D
Grey50	#747170
Grey	#736F6E
Slate Grey4	#616D7E
Slate Grey	#657383
Light Steel Blue4	#646D7E
Light Slate Grey	#6D7B8D
Cadet Blue4	#4C787E
Dark Slate Grey4	#4C7D7E
Thistle4	#806D7E
Medium Slate Blue	#5E5A80
Medium Purple4	#4E387E
Midnight Blue	#151B54
Dark Slate Blue	#2B3856
Dark Slate Grey	#25383C
Dim Grey	#463E41
Cornflower Blue	#151B8D
Royal Blue4	#15317E
Slate Blue4	#342D7E
Royal Blue	#2B60DE
Royal Blue1	#306EFF
Royal Blue2	#2B65EC
Royal Blue3	#2554C7
Deep Sky Blue	#3BB9FF
Deep Sky Blue2	#38ACEC
Slate Blue	#357EC7
Deep Sky Blue3	#3090C7
Deep Sky Blue4	#25587E
Dodger Blue	#1589FF
Dodger Blue2	#157DEC
Dodger Blue3	#1569C7
Dodger Blue4	#153E7E
Steel Blue4	#2B547E
Steel Blue	#4863A0
Slate Blue2	#6960EC
Violet	#8D38C9
Medium Purple3	#7A5DC7
Medium Purple	#8467D7
Medium Purple2	#9172EC
Medium Purple1	#9E7BFF
Light Steel Blue	#728FCE
Steel Blue3	#488AC7
Steel Blue2	#56A5EC
Steel Blue1	#5CB3FF
Sky Blue3	#659EC7
Sky Blue4	#41627E
Slate Blue	#737CA1
Slate Grey3	#98AFC7
Violet Red	#F6358A
Violet Red2	#E4317F
Deep Pink	#F52887
Deep Pink2	#E4287C
Deep Pink3	#C12267
Deep Pink4	#7D053F
Medium Violet Red	#CA226B
Violet Red3	#C12869
Firebrick	#800517
Violet Red4	#7D0541
Maroon4	#7D0552
Maroon	#810541
Maroon3	#C12283
Maroon2	#E3319D
Maroon1	#F535AA
Magenta	#FF00FF
Magenta1	#F433FF
Magenta2	#E238EC
Magenta3	#C031C7
Medium Orchid	#B048B5
Medium Orchid1	#D462FF
Medium Orchid2	#C45AEC
Medium Orchid3	#A74AC7
Medium Orchid4	#6A287E
Purple	#8E35EF
Purple1	#893BFF
Purple2	#7F38EC
Purple3	#6C2DC7
Purple4	#461B7E
Dark Orchid4	#571B7E
Dark Orchid	#7D1B7E
Dark Violet	#842DCE
Dark Orchid3	#8B31C7
Dark Orchid2	#A23BEC
Dark Orchid1	#B041FF
Plum4	#7E587E
Pale Violet Red	#D16587
Pale Violet Red1	#F778A1
Pale Violet Red2	#E56E94
Pale Violet Red3	#C25A7C
Pale Violet Red4	#7E354D
Plum	#B93B8F
Plum1	#F9B7FF
Plum2	#E6A9EC
Plum3	#C38EC7
Thistle	#D2B9D3
Thistle3	#C6AEC7
Lavendar Blush2	#EBDDE2
Lavendar Blush3	#C8BBBE
Thistle2	#E9CFEC
Thistle1	#FCDFFF
Lavendar	#E3E4FA
Lavendar Blush	#FDEEF4
Light Steel Blue1	#C6DEFF
Light Blue	#ADDFFF
Light Blue1	#BDEDFF
Light Cyan	#E0FFFF
Slate Grey1	#C2DFFF
Slate Grey2	#B4CFEC
Light Steel Blue2	#B7CEEC
Turquoise1	#52F3FF
Cyan	#00FFFF
Cyan1	#57FEFF
Cyan2	#50EBEC
Turquoise2	#4EE2EC
Medium Turquoise	#48CCCD
Turquoise	#43C6DB
Dark Slate Grey1	#9AFEFF
Dark Slate Grey2	#8EEBEC
Dark Slate Grey3	#78C7C7
Cyan3	#46C7C7
Turquoise3	#43BFC7
Cadet Blue3	#77BFC7
Pale Turquoise3	#92C7C7
Light Blue2	#AFDCEC
Dark Turquoise	#3B9C9C
Cyan4	#307D7E
Light Sea Green	#3EA99F
Light Sky Blue	#82CAFA
Light Sky Blue2	#A0CFEC
Light Sky Blue3	#87AFC7
Sky Blue	#82CAFF
Sky Blue2	#B0E2FF
Light Sky Blue4	#566D7E
Sky Blue	#6698FF
Light Slate Blue	#736AFF
Light Cyan2	#CFECEC
Light Cyan3	#AFC7C7
Light Cyan4	#717D7D
Light Blue3	#95B9C7
Light Blue4	#5E767E
Pale Turquoise4	#5E7D7E
Dark Sea Green4	#617C58
Medium Aquamarine	#348781
Medium Sea Green	#306754
Sea Green	#4E8975
Dark Green	#254117
Sea Green4	#387C44
Forest Green	#4E9258
Medium Forest Green	#347235
Spring Green4	#347C2C
Dark Olive Green4	#667C26
Chartreuse4	#437C17
Green4	#347C17
Medium Spring Green	#348017
Spring Green	#4AA02C
Lime Green	#41A317
Spring Green	#4AA02C
Dark Sea Green	#8BB381
Dark Sea Green3	#99C68E
Green3	#4CC417
Chartreuse3	#6CC417
Yellow Green	#52D017
Spring Green3	#4CC552
Sea Green3	#54C571
Spring Green2	#57E964
Spring Green1	#5EFB6E
Sea Green2	#64E986
Sea Green1	#6AFB92
Dark Sea Green2	#B5EAAA
Dark Sea Green1	#C3FDB8
Green	#00FF00
Lawn Green	#87F717
Green1	#5FFB17
Green2	#59E817
Chartreuse2	#7FE817
Chartreuse	#8AFB17
Green Yellow	#B1FB17
Dark Olive Green1	#CCFB5D
Dark Olive Green2	#BCE954
Dark Olive Green3	#A0C544
Yellow	#FFFF00
Yellow1	#FFFC17
Khaki1	#FFF380
Khaki2	#EDE275
Goldenrod	#EDDA74
Gold2	#EAC117
Gold1	#FDD017
Goldenrod1	#FBB917
Goldenrod2	#E9AB17
Gold	#D4A017
Gold3	#C7A317
Goldenrod3	#C68E17
Dark Goldenrod	#AF7817
Khaki	#ADA96E
Khaki3	#C9BE62
Khaki4	#827839
Dark Goldenrod1	#FBB117
Dark Goldenrod2	#E8A317
Dark Goldenrod3	#C58917
Sienna1	#F87431
Sienna2	#E66C2C
Dark Orange	#F88017
Dark Orange1	#F87217
Dark Orange2	#E56717
Dark Orange3	#C35617
Sienna3	#C35817
Sienna	#8A4117
Sienna4	#7E3517
Indian Red4	#7E2217
Dark Orange3	#7E3117
Salmon4	#7E3817
Dark Goldenrod4	#7F5217
Gold4	#806517
Goldenrod4	#805817
Light Salmon4	#7F462C
Chocolate	#C85A17
Coral3	#C34A2C
Coral2	#E55B3C
Coral	#F76541
Dark Salmon	#E18B6B
Salmon1	#F88158
Salmon2	#E67451
Salmon3	#C36241
Light Salmon3	#C47451
Light Salmon2	#E78A61
Light Salmon	#F9966B
Sandy Brown	#EE9A4D
Hot Pink	#F660AB
Hot Pink1	#F665AB
Hot Pink2	#E45E9D
Hot Pink3	#C25283
Hot Pink4	#7D2252
Light Coral	#E77471
Indian Red1	#F75D59
Indian Red2	#E55451
Indian Red3	#C24641
Red	#FF0000
Red1	#F62217
Red2	#E41B17
Firebrick1	#F62817
Firebrick2	#E42217
Firebrick3	#C11B17
Pink	#FAAFBE
Rosy Brown1	#FBBBB9
Rosy Brown2	#E8ADAA
Pink2	#E7A1B0
Light Pink	#FAAFBA
Light Pink1	#F9A7B0
Light Pink2	#E799A3
Pink3	#C48793
Rosy Brown3	#C5908E
Rosy Brown	#B38481
Light Pink3	#C48189
Rosy Brown4	#7F5A58
Light Pink4	#7F4E52
Pink4	#7F525D
Lavendar Blush4	#817679
Light Goldenrod4	#817339
Lemon Chiffon4	#827B60
Lemon Chiffon3	#C9C299
Light Goldenrod3	#C8B560
Light Golden2	#ECD672
Light Goldenrod	#ECD872
Light Goldenrod1	#FFE87C
Lemon Chiffon2	#ECE5B6
Lemon Chiffon	#FFF8C6
Light Goldenrod Yellow	#FAF8CC

Sumber : diambil dari teranung.blogspot.com

Memasang Google Page Rank Checker

Semua sudah tau tentang Google Page Rank? Ranking yang diberi pada blog anda berdasarkan dari Bot/Crawler/Spider Google. Setiap hari Bot/Crawler/Spider Google ini bergerak dari satu site ke satu site yang lain mengambil informasi untuk dimasukkan dalam index list Google. salah satu kriteria dalam menentukan page ranking ini adalah sebagai contoh bile Site A buat link ke Site B. Itu adalah satu vote dari Site A ke Site B.

Tetapi tak hanya satu kriteria itu saja. terdapat lebih dari 100 kriteria dalam menentukan ranking sebuah website/blog. Tujuan utama pihak Google buat semacam ini adalah untuk menentukan site yang paling sesuai dan paling bagus untuk dijadikan search result bila seseorang user masukkan keyword untuk search di google.

Sekarang, anda boleh memasukkan Google Page Rank Checker dibawah ini ke web/blog anda. copy kode dibawah ini dan paste web page sesuai kinginan anda. Pilih salah satunya dibawah ini..kemudian letakkan di blog anda dengan cara login dulu, pilih Tata Letak, Tambah Gadget, HTML/JavaScrip

	<a href="http://www.prchecker.info/" target="_blank"><img src="http://www.prchecker.info/PR1_img.gif" alt="Page Rank Checker" border="0"></a>
	<a href="http://www.prchecker.info/" target="_blank"><img src="http://www.prchecker.info/PR2_img.gif" alt="Page Rank Checker" border="0"></a>

IMPORTANT: Please DO NOT modify the code, otherwise we can not guarantee the correct work of our free page rank checking tool that displays the page rank value!

Sumber : teranung.blogspot.com & prchecker.info

Memasang Read More

Cara pasang semi otomatis

Dulu memasang Read More pada tempelate lama, sayangnya template klasik tidak lagi digunakan sekarang ini. Saat ini kita lebih senang menggunakan versi terkini
Versi ini lebih menarik dan kerana anda tidak lagi perlu membaca halaman secara keseluruhan. Ini juga digunakan untuk memudahkan pemahaman anda.
1. Dalam halaman TEMPLATE tekan tulisan Edit Html. Jangan lupa Tick Expand Widget Template.

Letakkan script di bawah ini sebelum </head>

<script type='text/javascript' src=
'http://marzukijalil.googlepages.com/hackosphere.js' />

2. Selanjutnya, cari kode biru ini <b:includable id='post' var='post'> dan tambah kod yang berwarna merah seperti yang ditunjukkan di bawah.

<b:includable id='post' var='post'>
<div class='post uncustomized-post-template' expr:id='"post-" + data:post.id'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>

<div class='post-header-line-1'/>

<div class='post-body'>

<b:if cond='data:blog.pageType == "item"'>

<p><data:post.body/></p>

<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a href='javascript:void(0);' expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"'>Read More...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a href='javascript:void(0);' expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"'>Summary only...</a></p>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>

<div style='clear: both;'/> 
</div>

3. Terakhir sekali setelah kode yang berwarna merah di tambah, save templates. Setelah itu pegi ke tab Setting -> Formatting. Dan di bawah sekali letakkan kode di bawah ini:

Tulisan anda yang pertama disini
<span id="fullpost">
dan tulisan selanjutnya disini
</span>

Selain cara diatas ada lagi yang lebih baru dari O-Om, lihat disini.

Sumber : teranung.blogspot.com

Memasang Hide Show Navigation

Selasa, 09 Februari 2010

Hide/Show Navigation Elemen digunakan untuk menggantikan drop-down menu ataupun archieve drop-down menu dan blogroll agar ia tampil lebih pendek dan ringkas serta memudahkan pengunjung menjelajahi blog kita.

1. Login ke blog, pilih Tata Letak, Edit Html, dan centang Expand Template Widget kemudian simpan code di bawah ini sebelum tag ]]></b:skin>.

.commenthidden {display:none}
.commentshown {display:inline}

2. Simpan Code di bawah sebelum code atau tag </head>

<script type="text/Javascript"> function togglecomments (postid) { var whichpost = document.getElementById(postid); if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; } } </script>

3. Dan code di bawah merupakan kode yang akan kita simpan pada Sidebar, postingan atau di mana saja selama kode ini akan di gunakan.

<a aiotitle="click to expand" href="javascript:togglecomments('UniqueName')">Title
</a><br /> <div class="commenthidden" id="UniqueName">..isi..</div>

UniqueName : Anda boleh rename pada UniqueName1, UniqueName2, UniqueName3 atau sebagainya untuk membedakan UniqueName antara satu sama lain.

Title : Merupakan judul (boleh diletakkan tulisan ataupun imege) yang apabila di tekan akan menampakkan atau meyembunyikan sebuah elemen.

Isi : Merupakan Elemen yang di sembunyikan. biasa berupa postingan, linklist dll.

Penggunaan Dalam Postingan
Untuk menggunakan cara ini ke dalam postingan. Pertama dalam Editor blog kita harus menulis dalam bentuk Html jadi tekan Edit html.

Kemudian contoh penulisan kodenya seperti ini.

<a aiotitle="click to expand" href="javascript:togglecomments('CONTOHPERTAMA')">
Postingan...+/-</a><br /> <div class="commenthidden" id="CONTOHPERTAMA">Untuk menggunakan kode ini ke dalam postingan. Pertama dalam Editor blog kita harus menulis dalam bentuk Html jadi tekan Edit html.</div>

Penggunaan Dalam Widget LinkList atau Blogroll

Untuk di gunakan ke dalam elemen widget LinkList atau blogroll. Pertama cari dulu kode html LinkList kita. Caranya dalam halaman TEMPLATE buka EDIT HTML kemudian tandai Expand Template Widget.

Setelah itu cari kode html LinkList. Misalnya kodanya seperti di bawah. Dan lihat tulisan berwarna olive merupakan kode Hide/Show Elemen, yang saya tambahkan dan tempatkan di antara kode html LinkList.

<b:widget id='LinkList1' locked='false' title='Photoshop' type='LinkList'> <b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if> <div class='widget-content'>
<a aiotitle='click to expand' href='javascript:togglecomments("Basic")'>
Blogroll...(+/-)
</a><br/> <div class='commenthidden' id='Basic'>
<ul>
<b:loop values='data:links' var='link'>
<li><aexpr:href='data:link.target'><data:link.name/>
</a></li>
</b:loop>
</ul></div>
<b:include name='quickedit'/>
</div>
</b:includable> </b:widget>

Basic : merupakan uniqname
Blogroll...(+/-) : merupakan title atau semacam tombol

Sumber : teranung.blogspot

Cara pasang Auto Read More terbaru

Fungsi Read More ini mampu menampilkan image pertama dalam postingan dan mem-fload image tersebut di awal paragraf awal, meskipun gambar yang kita letakan berada di tengah atau akhir postingan. Mungki lebih nyaman saya sebut saja dengan fasilitas image thumbnail.
Tidak hanya itu saja, kita dapat juga pengatur jumlah karakter yang ditampilkan. Disini ada 2 pilihan untuk jumlah karakter. Yang pertama, jumlah karakter yang ditampilkan jika ada image yang diikutsertakan dalam postingan dan yang kedua jumlah karakter tanpa image. Masih bingung maksudnya? sama..yang jelasin juga puyeng wkwkwkw Ya sudah, biar sama2 gak pusing langsung ke tutorialnya saja ok.
Penting! Yang sudah memasang Read More
versi lama sebaiknya di kodenya kembalikan dulu ke seperti semula, caranya hapus
kode yang berwarna merah dibawah ini (Setiap template mungkin berbeda, jadi
tinggal disesuaikan saja)

<div class='post-header-line-1'/>
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Readmore</a>
</b:if>
<div style='clear: both;'/>

OK, kalo sudah tinggal lanjutkan dengan tutorial dibawah.
Pertama, silahkan tuju langsung ke halaman EDIT HTML, Cari kode </head> kemudian letakan script dibawah ini di atas kode </head> Kalo sudah, jangan lupa di simpan terlebih dahulu.
Langsung copy paste aja kode dibawah ini:

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>

<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)
(C)2008 by Anhvo
visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img
src="'+img[0].src+'" width="'+img_thumb_width+'px"
height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

Masih pada halaman EDIT HTML, Beri tanda centang pada "Expand widget template" lalu temukan kode seperti dibawah
<data:post.body/>

Kalo sudah, ganti kode <data:post.body/> dengan semua kode dibawah ini
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script><span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span></b:if><b:if cond='data:blog.pageType =="item"'><data:post.body/></b:if>

Silahkan disimpan dan lihat hasilnya.

Keterangan:

var thumbnail_mode = "float"; (kita dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti
dengan (no-float)

summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)

summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail)

img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)

img_thumb_width = 120; (Thumbnail 'lebar dalam piksel)

Selamat mencoba..happy tutorial with o-om.com :)

Membuat Meta Keyword Yang Dinamis

Jumat, 05 Februari 2010

Dari sobat : Azis Lamayuda | www.z33s.co.cc

Setiap orang yang jadi seorang Blogger pasti selalu berharap dan ingin sekali jika Web atau Blognya berada di jajaran depan mesin pencari seperti Mbah Google, Yahoo, dan Yang lainnya. Namun itu semua tak lupu dari beberapa usaha yang harus dilewati dengan penuh kesabaran. mungkin salah satu usaha yang bisa ditempuh itu salah satunya yang akan saya posting disini yaitu Membuat meta keyword yang dinamis dengan cara mengotak-atik HTML Template Blog/web kita.

Meta Keyword Dinamis atau sering disebut juga Dynamic Meta Keyword adalah salah satu teknik SEO dimana meta keyword yang digunakan dapat berubah-ubah sesuai dengan artikel.
Penggunaan Meta Keyword Dinamis juga untuk menghindari duplikat meta content. Umumnya kan yang digunain tuh meta keyword statis atau manual dimana keywordnya dimasukin sendiri satu persatu, selain itu juga untuk setiap halaman selalu sama. Sebelumnya juga Kita telah membahas mengenai optimasi meta keyword dan deskripsinya. Langsung saja, cara ini saya dapat dari Eblogtemplate yang telah mempopulerkannya. untuk melihat secara langsung klik disini.
Biasanya didalam barisan HTML meta tag nya seperti ini :

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title></b:if>

Lalu modifikasi atau ganti saja menjadi seperti ini:

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
<meta expr:content='data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName' name='Keywords'/></b:if>

Dengan begitu, maka jika postingan anda dibuka maka title di browser akan menampilkan judul postingan anda, meta deskripsi blog anda juga menampilkan judul postingan anda, dan meta keywordnya adalah judul postingan anda.
Jadi meta keyword dinamis seperti diatas hanya bisa menampilkan keyword berupa judul postingan anda saja. Sebenarnya bisa juga menggunakan label/kategori postingan anda sebagai keyword, tapi kurang etis jika untuk satu postingan anda harus memberi 10 label/kategori.

Jika sudah selesai cari kode <Head>, Lalu sisipkan kode berikut di atasnya:

<b:if cond='data:blog.pageType == "item"'>
<b:section id='meta1' showaddelement='no'>
<b:widget id='Blog2' locked='false' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'/>
<b:includable id='backlinks' var='post'/>
<b:includable id='post' var='post'/>
<b:includable id='status-message'/>
<b:includable id='comment-form' var='post'/>
<b:includable id='backlinkDeleteIcon' var='backlink'/>
<b:includable id='postQuickEdit' var='post'/>
<b:includable id='main' var='top'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<meta name="keywords" content="<b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if></b:loop>" />
</b:if>
</b:loop>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='feedLinks'/>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='comments' var='post'/>
</b:widget>
</b:section>
</b:if>

Agar Title SEO Friendly kata O-Om

Agar title blogger lebih lebih bersahabat dengan Search Engeine (SEO Friendly) kita dapat mengganti Title standar dengan Title kode yang sudah dimodifikasi.
Cari kode title dibawah ini:
<title><data:blog.pageTitle/></title>
Kemudian ganti semua kode diatas dengan kode dibawah

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

Memasang Meta tag pada bagian header kode template.

Kalau anda ingin memasang meta tag seperti Kang rohman pakai, kodenya adalah seperti ini :


<b:if cond='data:blog.pageType == "archive"'>
<meta content='noindex,follow' name='robots'/>
</b:if>
<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:blog.url != data:blog.homepageUrl'> 
<meta content='noindex,follow' name='robots'/>  
</b:if> 
</b:if> 
    <title><data:blog.pageTitle/></title>
<meta content='text/html; charset=utf-8' http-equiv='Content-Type'/>
<meta content='Judul Blog Anda' name='Author'/>
<meta content='1 days' name='revisit-after'/>
<meta content='Tentang isi blog anda' name='description'/>
<meta content='Keyword yang sesuai isi blog anda, seperti tutorial blog, bikin blog, cara bikin blog, download, software gratis, gratis, google adsense, bisnis internet, template dll' name='keywords'/>
<meta content='-5;120' name='geo.position'/>
<meta content='id' name='geo.country'/>

Untuk author serta meta keyword tentu saja harus di sesuaikan dengan milik anda sendiri. Khusus untuk para master, mohon di koreksi apabila ada kesalahan pemasangan kode (maklum pemula, pasang kode tidak tahu bener atau nggaknya).
Jangan lupa di Save, terus lihat dan rasakan hasilnya. selain itu , ada tips yang harus di perhatikan dalam hal membuat meta tag deskripsi atau keyword yaitu di antaranya :

Pastikan jumlah karakter keyword tidak melebihi 500 karakter.

Sebaiknya keyword yang di pasang di blog anda harus selalu berhubungan dengan apa yang anda tulis

Jangan membuat keyword yang melenceng dari jalur postingan yaitu keyword itu tidak nyambung dengan isi potingannya.

Selanjutnya ada cara yang terbukti sangat efektif meningkatkan SEO yang bisa di lakukan dengan meng-submit web/blog secara otomatis, selengkapnya daftar 159 SEO gratis dapat anda lihat disini

Mungkin itu saja yang bisa saya berikan dan kalau ada yang menambahkann saya tunggu. Terima kasih dan semoga bermanfaat.