Cara membuat shoutmix di blog

 Cara membuat shoutmix di blog

Berikut langkahnya ::
1. pertama kali kita masuk ke halaman http://www.shoutmix.com/main/

2. klik create shoutbox, maka akan muncul seperti gambar ini:

3. Lalu isikan field2 dengan data diri kita, lalu centang tanda setuju, lalu continue
4. setelah sukses akan keluar gambar seperti ini

5. lalu cari costumize size, klik tulisan tersebuat untuk masuk ke code HTML yang akan di copy
6. akan keluar gambar seperti ini

disana terdapat pengaturan width dan heigth
atur dulu sesuai dengan template blog agar dapat hasil yang memuaskan, setelah itu copy generate codenya ke  layout template di blogger kita

7. lalu kita masuk ke halaman layout blog kita

8.lalu kita pilih add gadget, kalo saya akan menaruhnya di side bar, lalu akan muncul gambar seperti ini

9. lalu kita klik gambar HTML/javascript, maka akan muncul halaman seperti ini

10. lalu isi kan field pertama dengan Guest Book (sbg contoh) dan paste source code shoutmix ke halaman tersebut, sebagai contoh lihat gambar ini:

lalu klik save dan lihat hasilnya

Semoga Bermanfaat ^_^

Read More

Rabu, April 27, 2011 | 0 comments

Cara Membuat Related Post di Blogspot / Blogger

Daftar judul posting yang tampil pada bagian bawah postingan kita dan biasanya dikelompokkan berdasarkan kategori dan sering disebut ‘related post’. Bagaimana cara menampilkan related post di blogspot?

Silakan login ke akun Anda yang ada di blogger kemudian, buka ‘layout’ atau ‘tata letak’ selanjutnya pilih ‘Edit HTML’ agar semua kode template akan ditampilkan, silakan beri tanda centang pada ‘Expand Template Widget’. Cari kode berikut ini:

<data:post.body/>

Kalau sudah ketemu, silakan copy kode related post dari sini, kemudian tempelkan di bawah kode di atas. Dan jangan lupa simpan perubahan.

Selamat mencoba, semoga bermanfaat.

Read More

Senin, April 25, 2011 | 0 comments

Google Webmaster Guidelines

Jumlah search engine di internet sangatlah banyak, ribuan atau mungkin puluhan ribu. Apakah blog kita harus melakukan optimasi untuk semua search engine tersebut? Kang Rohman sendiri hanya fokus ke satu search engine terbesar saja yaitu Google.

Kenapa harus fokus ke salah satu, tidak untuk semua search engine? karena algaritma search engine itu berbeda antara yang satu dengan yang lain, untuk memahami karakter dari masing-masing search engine perlu waktu yang lama dan itu hanya buang-buang waktu saja.

Kenapa harus fokus ke google tidak ke yang lain, misal Yahoo atau Bing? ini hanya sebuah pilihan saja, jika anda ingin fokus ke optimasi Yahoo ya monggo, atau jika anda ingin fokus ke bing ya silahkan saja.

Apa itu Google Webmaster Guidelines

Apabila blog anda ingin disenangi oleh Google, maka anda harus tau aturan main bersama Google. Dalam hal ini, Google telah menyediakan halaman khusus untuk para webmaster tentang apa yang harus dilakukan, apa yang boleh atau apa yang tidak boleh dilakukan. Halaman ini di sebut dengan Webmaster Guidelines atau jika dalam bahasa indonesia adalah pedoman untuk para webmaster.

Untuk mengunjungi halaman Webmaster Guidelines, silahkan ke :

http://www.google.com/support/webmasters/bin/answer.py?answer=35769

Disana terdapat banyak informasi yang terpercaya karena memang google sendiri yang membuatnya, oleh karenanya baca baik-baik semua pedoman yang mereka tulis agar anda tidak menemui masalah dengan Google di keumudian hari.

Read More

Sabtu, April 23, 2011 | 0 comments

Cara menampilkan judul posting tanpa isi (List Label)

Ketika melakukan pencarian atau membuka isi label [kategory] di blog saya pasti akan melihat hasil tampilan berupa link judul posting beserta tanggal tanpa menampilkan isi posting sama sekali,  tentu saja dengan cara ini sangat menguntungkan dan mempermudah mengunjung ketika berselancar di blog kita, coba bayangkan ketika pengunjung membuka label atau kategory yang isinya ada 100 posting

tentu hal ini menjadi masalah nantinya dan membutuhkan waktu yang lama sampai halaman benar-benar terbuka sempurna.

Untuk mengatasi masalah diatas ada baiknya kita hanya menampilkan judul posting beserta tanggal posting saja, selain mempermudah, tentu saja loading page kita akan 50x lebih cepat dari biasanya ketika membuka halaman label.

Buka Template -> Edit HTML -> Jangan lupa lakukan backup template :) -> kemudian beri tanda cek pada 'Expand Widget Templates'

Lihat kode dibawah ini:

<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'> <h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>

<b:include data='post' name='post'/>

Kemudian cari kode warna merah diatas, jika sudah ketemu ganti kode warna merah diatas dengan kode dibawah ini :

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<data:post.title/></a><br/><br/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

Jangan lupa disimpan dan lihat hasilnya. :)

Read More

Sabtu, April 23, 2011 | 0 comments

Riset Keyword menggunakan Google Keywords Suggestion

Google Suggestion Untuk Riset Keyword - Sedikit melengkapi tentang riset keyword, jika sebelumnya telah ditulis cara menggunakan google keyword tool suggestion, hari ini mencoba melengkapi dengan Google keyword suggestion.

Apabila kita menuliskan suatu kata kunci pada mesin pencari google, maka sebelum kita klik tombol Search, terlebih dahulu akan muncul beberapa kata kunci suggesti atau saran dari google, misal seperti ini :

Kata kunci yang muncul tersebut adalah kata kunci yang paling dicari user di google. Oleh karenanya secara tidak langsung itu dapat dijadikan inspirasi untuk riset keyword blog yang akan kita buat.

Setelah anda mendapatkan beberapa keyword sugesti, maka kombinasikanlah dengan melakukan riset dengan menggunakan Google AdWords Keyword Tool.

Semoga ada sedikit manfaat yang bisa diambil.

Read More

Jumat, April 22, 2011 | 0 comments

Riset Keyword dengan Keyword Tool

Riset Keyword dengan Keyword Tool - Pada tutorial tentang bagaimana mengetahui jumlah kompetisi serta jumlah pencarian di mesin pencari telah sedikit disinggung tentang cara menggunakan keyword tool dari google, sekarang sepertinya akan ditulis langkah-demi langkah penggunaan keyword tool tersebut.

Riset Kata Kunci

Sebelum anda memutuskan untuk membeli sebuah domain atau memilih nama blog anda di blogspot, ada baiknya anda melakukan riset atau penelitian tentang target yang ingin anda capai dengan blog tersebut. Riset kata kunci utama blog anda sangat penting untuk dilakukan agar perjuangan anda membangun blog tidak sia-sia dikemudian hari.

Persiapan Kata Kunci Utama

Yang harus anda lakukan pertama kali adalah mempersiapkan kata kunci utama untuk blog anda. Disini tentu saja masing-masing orang akan berbeda, contoh jika anda punya toko online yang khusus menjual sepatu, maka tentu kata kunci nya Sepatu, toko sandal ya sandal, dan lain sebaginya. namun kata kunci tersebut belum bisa digunakan dan perlu di teliti terlebih dahulu berapa banyak nanti saingannya dan berapa banyak orang yang mencari dengan kata kunci tersebut.

Yang perlu anda selalu ingat adalah

Jumlah persaingan harus sekecil mungkin, namun jumlah orang yang mencari harus sebanyak mungkin

Untuk mengetahui itu, sudah kang rohman bahas pada postingan kemarin, silahkan baca kembali jika memang belum sempat di baca.

Cara menggunakan Keyword Tool dari Google

Saatnya kita melakukan riset dengan menggunakan keyword tool dari google yaitu Google AdWords Keyword Tool. Berikut adalah langkahnya :

1. Silahkan kunjungi https://adwords.google.com/select/KeywordToolExternal
2. Untuk hasil yang lebih akurat, sebaiknya anda login terlebih dahulu. Atau anda juga dapat mengubah bahasa yang di pergunakan agar lebih mudah di pahami.
   
   
3. Untuk bahasa yang digunakan dalam tutorial ini, kita coba sepakat untuk menggunakan bahasa Indonesia.
4. Masukkan kata kunci atau keyword yang dan minati dan akan diteliti, boleh satu keyword atau banyak sekaligus pada form dibawah tulisan : Kata atau frasa (satu per baris).
   
   
5. Sebaiknya beri tanda ceklis pada : Hanya tampilkan gagasan yang terkait erat dengan istilah penelusuran saya. agar hasil yang di tampilkan tidak melebar kemana-mana.
   
   
6. Klik Opsi Lanjutan, untuk memilih bahasa dan negara target yang diinginkan. Silahkan pilih bahasa serta negara tujuan.
   
   
7. Tulis huruf yang ada pada gambar yang muncul. Lanjutkan dengan klik tombol Telusuri.
   
   
8. Silahkan lihat hasilnya.
   
   
9. Selesai.

Penutup

Yang namanya Riset atau penelitian tentu perlu waktu dan tenaga, begitupun dengan riset keyword, diperlukan pengorbanan waktu dan tenaga. Dalam melakukan riset keyword, selain keyword tool, ada hal lain yang sangat penting yaitu kreativitas anda dalam mencari keyword yang tepat.

Dalam mencari kata kunci yang tepat, sebaiknya jaangan hanya satu atau dua kali, namun coba cari beberapa variasi untuk menemukan hasil terbaik.

Read More

Jumat, April 22, 2011 | 0 comments

Kenali Jumlah Kompetitor dan Pencarian

Dalam belajar SEO kali ini mencoba untuk menulis tentang cara mengenali jumlah kompetitor dan jumlah percarian dalam search engine google.

Jumlah kompetitor dan pencarian di search engine

Apa itu jumlah kompetitor? jumlah kompetitor adalah banyaknya kompetitor atau persaingan untuk suatu keyword atau kata kunci pada mesin pencarian aka search engine. Darimana kita akan mengetahui jumlah persaingan tersebut? untuk mengetahui ini sangat mudah karena setiap kali kita melakukan pencarian di mesin pencari google, google akan secara otomatis memberikan jumlah persaingan untuk kata kunci tersebut.

Sekarang silahkan coba untuk melakukan pencarian dengan kata kunci “blog tutorial”, berikut contoh gambaran hasilnya :

Pada gambar yang diberi lingkaran merah tertulis Sekitar 113,000,000 hasil (0.09 detik), ini artinya jumlah kompetisi atau persaingan untuk kata kunci “blog tutorial” sebanyak 113,000,000. Atau dengan kata lain, ada sebanyak 113,000,000 website atau blog yang menulis dengan kata kunci tersebut yang terekam oleh google. Gampang bukan untuk mengetahui jumlah persaingan?

Apa itu jumlah pencarian? jumlah pencarian adalah banyaknya orang yang mencari suatu kata kunci di search engine, umumnya jumlah pencarian di tulis dalam skala bulanan. Dimana kita mengetahui rata-rata jumlah pencarian? untuk hal ini perlu bantuan tool. Dalam hal ini seperti yang ditulis pada postingan tentang niche kemarin, kita akan menggunakan Google AdWords Keyword Tool.

Sekarang silahkan coba kunjungi halaman Google AdWords Keyword Tool lalu tuliskan kata kunci blog tutorial, dan berikut contoh hasilnya :

Terlihat bahwa kata kunci “blog tutorial” jumlah pencarian perbulannya adalah 40500 untuk pencarian global (diseluruh dunia) dan 12100 untuk pencarian lokal (dalam contoh ini adalah google.co.id). Jadi, jika blog anda mengandalkan kata kunci “blog tutorial” dengan target pengunjung Indonesia, maka kesempatan untuk mendapatkan kunjungan adalah sekitar 12100 perbulannya, itupun jika blog anda berada pada posisi paling atas di search engine, dan pengunjung tertarik semua untuk mengunjungi blog anda (tapi ini jarang terjadi). Namun, jumlah pencarian itupun akan terus berubah dari waktu ke waktu.

Jadi, angka 12.100 hanyalah sugesti saja dan bukan angka pasti, namun ini bisa dijadikan sedikit gambaran untuk kita dalam menentukan kata kunci yang di kejar.

Kompetisi berbanding terbalik dengan pencarian

Dalam perencanaan keyword utama dalam blog, kita harus memperhitungkan antara jumlah kompetisi dengan jumlah pencarian. Yang harus anda ingat adalah Jumlah pencarian harus mencari yang jumlahnya besar, sedangkan jumlah kompetisi harus kecil. Artinya jumlah kompetisi dengan jumlah pencarian harus berbanding terbalik.

Semakin banyak jumlah persaingan, maka blog kita akan sulit untuk jadi pemenang di search engine. Namun, walaupun kita menjadi rangking 1 di google, akan menjadi sia-sia saja apabila tidak ada orang yang mencari.

So, silahkan lakukan riset terlebih dahulu sebelum anda memutuskan untuk mencari target utama dengan kata kunci tertentu.

Read More

Jumat, April 22, 2011 | 0 comments

Memahami Niche Keyword dan Niche Blog

Apaan sih Niche itu? Jika anda telah lama bergelut didunia blog, mungkin anda pernah mendengar istilah niche Keyword, niche blog, niche market dan lain sebagainya.

Sebenanya saya  juga sedikit bingung untuk menerangkan ini, namun sepertinya pembahasan tentang Niche sangat perlu untuk di ketahui. Jadi, mungkin sedikit ngawur ga apa apa kan

Niche adalah sesuatu yang terfokus atau spesifik. Niche Keyword adalah keyword atau kata kunci yang spesifik, Niche Blog adalah blog yang membahas tentang sesuatu yang spesifik bukan bersifat umum,

Niche market adalah target pasar yang dibidik sangat spesifik.

Agar tidak terlalu membingungkan, saya ambil contoh keyword : Sepatu. Jika di lihat dari segi Niche, Sepatu belum memenuhi syarat Niche karena masih umum. Lalu yang bagaimana yang termasuk Niche. Yang termasuk niche itu yang lebih spesifik, misal Sepatu Kulit Cibaduyut, Sepatu Olah raga adidas, Sepatu Futsal adidas, dan lain sebagainya.

Suatu blog dengan pembahasan yang spesifik mempunyai target pengunjung tersendiri, dan umumnya lebih mudah mendapatkan visitor tertarget di bandingkan dengan blog yang umum. Yang sangat penting untuk di perhatikan adalah anda harus jeli dalam memilih niche, niche apa yang banyak di cari orang namun sedikit kompetitornya di search engine. Untuk mengetahui ini semua, anda perlu mengadakan riset menggunakan tool keyword riset. Tool seperti ini banyak bertebaran di internet baik yang berbayar ataupun yang gratis.

Tool untuk tujuan keyword riset gratisan yang banyak di gunakan adalah Google AdWords Keyword Tool. Untuk tool-tool yang lain, anda tinggal mencari di google dengan kata kunci seperti “Keyword tool”, “Keyword suggestion tool”, dan lain sebagainya.

Untuk pembahasan riset keyword menggunakan Google AdWords Keyword Tool akan di coba di bahas pada posting berikutnya.

Read More

Jumat, April 22, 2011 | 0 comments

Google Insight untuk Riset Keyword

Google Insight untuk Riset Keyword - Sebanyak banyak data yang dapat dihimpun dalam melakukan riset keyword, maka kemungkinan besar hasilnya semakin akurat.

Ada alternatif lain dalam melakukan riset keyword selain dengan Google Adwords keyword tool atau Google keyword suggestion yakni dengan memanfaatkan Google Insight yang beralamat di http://www.google.com/insights/search/ . Google Insight dirasa lebih meyakinkan karena disitu terdapat pengaturan sesuai dengan keinginan kita seperti pemilihan kawasan, rentang waktu pencarian dan lain sebagainya.

Selamat melakukan riset keyword dengan Google Insight!

Read More

Jumat, April 22, 2011 | 0 comments

Keyword Utama terdapat pada Nama domain

Nama Domain Terdapat keyword Utama - Apabila blog anda ingin sukses sebaik anda melakukan optimasi dari hal yang sekecil mungkin, diantaranya adalah nama domain yang digunakan terdapat keyword utama. Tentu hal ini tidak wajib adanya, namun sebaiknya hal ini anda lakukan.

Sebelumnya telah ditulis bahwa untuk menentukan keyword utama sebaiknya anda terlebih dahulu melakukan riset keyword baik itu dengan menggunakan Google keyword suggestion, Google AdWords Keyword Tool, Google Insight, atau yang paling baik adalah menggabungkan tiga teknik tersebut.

Keyword utama pada nama domain

Yang dimaksud dengan keyword utama pada nama domain yaitu keyword yang kita targetkan terkandung pada nama domain yang digunakan. Contoh, apabila keyword target kita adalah :

“Sepatu Futsal”

Maka minimal dalam nama domain yang digunakan ada kata “Sepatu” atau “Futsal”, dan yang lebih baik lagi adalah kedua kata tersebut terkandung dalam domain. MIsal :

• sepatufutsal.com
• tokosepatufutsal.com
• sepatufutsalnike.com
• sepatufutsaloriginal.com
• hargasepatufutsal.com
• dan lain-lain

Ambil contoh yang lain, misal keyword utama yang di bidik adalah “Kawasaki Ninja”, maka sebaiknya  ada kata “Kawasaki” atau “Ninja”. Misal :

• motorkawasakininja.com
• hargakawasakininja.com
• kawasakininjaclubs.com
• bengkelkawasakininja.com

Mencari Nama Domain

Nama domain itu sifatnya unik dalam arti sebuah nama domain hanya bisa digunakan oleh satu pengguna diseluruh dunia, oleh karenanya jika sebuah nama domain telah digunakan oleh pihak lain, kita tidak bisa membelinya atau menggunakannya.

Bagaimana kita dapat mengetahui sebuah nama domain belum dibeli orang lain? kita dapat mengetahuinya dengan menggunakan tool whois yang banyak terdapat di internet seperti :

• http://www.whois.net
• http://www.domaintools.com
• http://www.whois.com
• http://who.is
• Dan lain-lain

Tidak hanya untuk mengetahui kepemilikan domain, namun tool whois atau domain tool juga memberikan sugesti nama-nama domain yang berhubungan dengan nama domain yang kita cari dan bisa kita pergunakan.

Read More

Jumat, April 22, 2011 | 0 comments

Daftar Tool SEO Penunjang SEO

Daftar Tool SEO Penunjang SEO - Dalam proses melakukan Optimasi blog atau web (SEO ) tidak cukup hanya dengan mengandalkan intelegensi atau perkiraan saja, namun diperlukan SEO tool atau aplikasi penunjang agar proses optimasi bisa efektif dan maksimal.

Ada banyak variant dari SEO Tool, mulai dari analisa keyword, meta tag, backlink, load speed, dan lain-lain. SEO tool ini ada yang berupa tool online yakni dipasang pada web-web tertentu yang menyediakan layanan SEO, ada aplikasi yang di install pada komputer, browser add ons dan lain sebagainya.

Daftar Tool SEO

Berikut daftar atau list SEO tool yang mungkin anda tertarik untuk menggunakannya.

Firefox add-ons SEO Tool

Bagi anda pengguna browser firefox, terdapat begitu banyak add ons yang bisa anda install pada broser anda, diantaranya adalah :

SeoQuake SEO extension

SeoQuake adalah add ons firefox yang sangat populer dan banyak digunakan oleh para pecinta SEO karena fungsinya yang sangat lengkap dan efektif.

Install Add ons SeoQuake

SEO Doctor

SEO Doctor dapat menganalisa berbagai faktor SEO pada blog anda secara langsung dan memberikan score sebagai penilaian atas faktor SEO yang anda terapkan di blog anda, mulai dari penilaian inbound backlink, Page Rank Flow, Headings dan lain sebaginya.

Install Add Ons SEO Doctor

SearchStatus

SearchStatus adalah Add-Ons Firefox favorite kang Rohman yang bisa menampilkan Google Page Rank, Alexa Rank, Compete Rank, SeoMoz Rank, nofollow link highting, check metatag, google index dan lain sebagainya hanya dengan sekali klik.

Install Add Ons Search Status

Page Speed

Add-ons yang dibuat oleh tim Google untuk menganalisa kecepatan website dan memberikan solusinya. Seperti yang kita tahu bahwa berat loading suatu blog atau website sangat berpengaruh terhadap SEO. Namun, add-ons page speed harus digandengkan dengan add-onsFirebug.

Install Add-Ons Firebug - Install Add-Ons Page Speed

Dan tentu masih banyak lagi Add-Ons Firefox yang lain untuk menunjang proses optimasi blog anda.

Online SEO Tool

Tedapat begitu banyak website penyedia SEO Tool yang bisa anda gunakan secara gratis, mulai dari cek backlink, analisa meta tag, cek posisi keyword anda di search engine dan lain sebagainya.

Iwebtool

Iwebtool adalah website yang menyediakan begiru banyak SEO Tool yang bisa digunakan secara gratis, diantaranya adalah PageRank Checker, Backlink Checker, Website Speed Test, Link Popularity, Search engine Position dan lain sebagainya.

Iwebtool

SEO Centro

Website serupa seperti iwebtool yang menyediakan banyak SEO tool yang bisa digunakan secara gratis seperti Meta Tag Analizer, Rank Checker, Keyword Analizer, LInk Popularity, Keyword suggestion dan lain sebagainya.

SEO Centro

Backlink Watch

Backlink adalah faktor yang sangat dominan dalam SEO , khususnya untuk Google. Sebagus apapun website anda tidak akan mempunyai posisi yang bagus di Search Google apabila tidak mempunyai backlink dari website lain. Backlink Watch adalah penyedia Backlink Checker populer untuk mengecek backlink blog kita termasuk backlink website lain yang menjadi kompetitor anda, sehingga anda dapat mengetahui seberapa kuat kompetitor anda untuk dikalahkan.

Backlink Watch

Masih banyak SEO tool lain bisa anda pergunakan, baik yang berbayar atau gratis seperti IBP, SEnuke, Scrapbox, XRumer, Market Samurai dan lain sebagainya.

Read More

Jumat, April 22, 2011 | 0 comments

Menu Dropdown

Dalam konsep blog, setiap posting kita akan terarsip otomatis secara rapi setiap bulan. Setiap memasuki bulan baru, seperti Januari, maka arsip bulan Desember akan tampil di sidebar. Masalahnya, kalau kita sudah ngeblog setahun, maka arsip dari Januari sampai Desember akan berjejer di sidebar kita. Bagaimana kalau dua dan tiga tahun lagi? Langkah praktis mengatasi hal ini adalah dengan membuat pull-down menu seperti di bawah ini:

- Archives - January 2007 February 2007 Mart 2007 April 2007

Jadi, berapa bulan/tahun kita blogging di blogger/blogspot, menu bulan-bulan tsb tidak akan memenuhi dan berjejer panjang di sidebar kita. Yg tampak hanya nama "Archives", baru setelah di klik, akan muncul nama bulan arsip-arsip kita.

Untuk membuat arsip pulldown ini ada dua yakni untuk blogger dengan template klasik, dan template baru. Untuk template klasik langkahnya yaitu :

1. Login ke blogger.com dg id Anda
2. Klik Template
3. Di bagian sidebar blog Anda bagian archives, ada kode html sbb:

<BloggerArchives>

<a href="<$BlogArchiveURL$"$gt;'><$BlogArchiveName$></a>

</BloggerArchives>

4. Nah, ganti kode di atas dg kode html di bawah ini:

<select name="archivemenu" onchange="document.location.href=this.options[this.selectedIndex].value;"> <option selected>- Archives -</option> <BloggerArchives> <option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option> </BloggerArchives> </select>

5. Apabila selesai, klik SAVE CHANGES. Bila sudah DONE, klik REPUBLISH.
6. Selesai.

Untuk anda yang memakai template baru, langkahnya lebih mudah yaitu :

1. login dulu, tentunya dengan id anda
2. klik LAYOUT
3. Klik PAGE ELEMENTS, cari element (kotak) yang bertuliskan Blog Archive
4. Klik Edit pada kotak Blog Archive tadi
5. Di samping tulisan Style ada beberapa radio button, pilih radio button yang bertuliskan Dropdown Menu dengan cara memberi tanda tik/cek
6. Klik Save Changes
7. Selesai

Nah keterangan di atas tadi merupakan langkah-langkah untuk membuat menu Dropdown untuk Arsip, Sekarang bagai mana caranya membuat menu dropdown yang di dalam nya ada linknya, saya ambil contoh untuk menu Dropdown milik saya pribadi yang berada di sebelah kanan atas yang berisi tulisan “ blog tutorial “. Untuk membuatnya silahkan anda copy kode HTML di bawah :

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu><option value=0 selected>tulisan disini yang akan muncul duluan</OPTION>

<option value="isi dengan addres yang ingin di tuju">tulisan di sini yang akan muncul</option> </select></form>

Sebagai contoh untuk menu Dropdown milik saya:

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>

<option>- Blog Tutorial -</option>

<option value="http://catatan-si-budi.blogspot.com/2011/04/panduan-membuat-blog-di-blogspot.html">Membuat Blog</option>

<option value="http://catatan-si-budi.blogspot.com/2011/04/cara-pengaturan-blog-di-blogger.html">Pengaturan Blog</option>

<option value="http://catatan-si-budi.blogspot.com/2011/04/mengganti-template-blog-di-blogspot.html">Mengganti Template</option>

<option value="http://catatan-si-budi.blogspot.com/2011/04/cara-membuat-posting-di-blogspot.html">Posting Artikel</option>

<option value="http://catatan-si-budi.blogspot.com/2011/04/membuat-text-area-di-blogspot.html">Text area</option>

<option value="http://catatan-si-budi.blogspot.com/search/label/Download%20Buku%20Pelajaran%20Gratis">Download Buku Gratis</option>

</select></form>

Hasilnya akan seperti ini:

- Blog Tutorial - Membuat Blog Pengaturan Blog Mengganti Template Posting Artikel Text area Download Buku Gratis

Mudah bukan? Selamat mencoba !

Read More

Rabu, April 20, 2011 | 0 comments

Membuat Text Area di Blogspot

Apa itu text area?. Untuk memudahkan anda memahami apa itu text area, silahkan alihkan perhatian anda ke kolom sebelah kanan layar, di bawah tulisan Mau tuker link, ada sebuah kotak yang di dalamnya berisi text kode-kode HTML, itulah yang di sebut text area. Nah dengan melihat contoh tadi, maka dapat kita katakan bahwa Text area adalah area atau tempat untuk menyimpan text atau tulisan dengan membentuk area baru. Biasanya text area ini di gunakan untuk menyimpan kode-kode HTML ataupun text lainnya agar bisa di copy oleh para pengunjung.

Untuk membuat text area, silahkan anda Copy kode di bawah ini :

<p align="center"><textarea name="code" rows="6" cols="20"> Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area </textarea></p>

Sebagai contoh :

<a href="http://catatan-si-budi.blogspot.com/" target="_blank"><img src="http://i162.photobucket.com/albums/t253/rohman24/animasichicklet.gif" border="0" alt="Blog Tutorial" /></a>

Keterangan : rows="6", menunjukan tinggi dari text area, jadi jika anda menginginkan text area yang tinggi maka silahkan ganti angka " 6 tadi dengan angka yang lebih tinggi nilainya.

Cols="20", menunjukan lebar dari text area. Jika anda menginginkan text area yang lebar maka silahkan ganti angka " 20 " tadi dengan angka yang lebih tinggi nilainya.

Text Area dengan memakai HighLight

Ada variasi lain dari membuat text area ini, yakni text area dengan menggunakan tombol highlight. dengan adanya tombol highlight ini akan memudahkan bagi para pengunjung untuk mengcopy seluruh text ataupun kode-kode yang di berikan, karena dengan hanya sekali tekan saja pada tombol highlight tadi, maka seluruh text ataupun kode-kode yang ada di dalamnya akan di highlight dan tinggal di copy saja. Fasilitas ini sangat berguna tatkala text ataupun kode-kode yang di berikan dalan jumlah yang sangat banyak dan ini akan mengurangi resiko tertinggalnya suatu text ataupun kode-kode untuk di copy. Untuk membuat text area dengan menggunakan highlight ini silahkan anda copy kode HTML di bawah :

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></div></form>

Sebagai contoh :

<script language="JavaScript"> function clickIE() { if (document.all) { return false; } } function clickNS(e) { if (document.layers(document.getElementById&&!document.all)) { if (e.which==2e.which==3) { return false; } } } if (document.layers) { document.captureEvents(Event.MOUSEDOWN); document.onmousedown=clickNS; } else{ document.onmouseup=clickNS; document.oncontextmenu=clickIE; } document.oncontextmenu=new Function("return false") </script>

Agar anda lebih memahami kode di atas, sedikit akan saya uraikan. Kode di atas mempunyai dua elemen bagian, yakni elemen kode untuk membuat tombol yang bertuliskan Highlight All, dan yang kedua adalah elemen kode untuk membuat text area.

Elemen tombol highlight All :

1. <div align="center"> --> kata center menunjukan bahwa posisi tombol akan berada di tengah, jadi jika anda ingin posisi tombol berada di tepi sebelah kiri, tinggal ganti dengan kata left. Dan jika ingin berada di tepi sebelah kanan, tinggal ganti dengan kata right.
2. <input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"> --> kode ini artinya ketika tombol highlight di klik, maka seluruh text yang ada di dalamnya akan di highligt (di tandai atau di blok), jadi anda jangan merubah tulisan ini.
3. Value="Highlight All" --> kata Highlight All adalah kata yang akan muncul di dalam tombol, jadi jika anda ingin merubah tulisan ini silahkan ganti dengan kata yang anda inginkan.

Element text area : 

1. <p align="center"> --> ini menunjukan bahwa text area akan berada di tengah, nah jika anda ingin text area anda berada di tepi kiri, ganti kata center dengan kata left, bila ingin di tepi kanan, ganti dengan kata right.
2. <text style="WIDTH: 300px"> -->kata "WIDTH:300px" menunjukan lebar dari text area tersebut sebanyak 300 pixel, jadi jika anda ingin memperpendek atau memperpanjang lebar text area, anda tinggal menggantinya dengan angka yang anda inginkan. misal: "WIDTH:700px;"
3. HEIGHT: 144px --> angka "144px" menunjukan bahwa text area akan mempunyai tinggi sebesar 144 px, jadi jika anda ingin merubahnya tinggal ganti angka tersebut dengan angka yang anda inginkan. Misal : HEIGHT:160px.

Contoh text area yang memakai tombol highlight diatas, memuat skript untuk melindungi dari right click para pengunjung. skript ini di pakai apabila anda tidak ingin tulisan-tulisan anda di copy paste oleh pengunjung. bagi yang berminat silahkan copy lalu pasang pada kode HTML anda antara kode dan selamat mencoba.

Read More

Rabu, April 20, 2011 | 0 comments

Cara Membuat Posting di Blogspot

Bagi anda yang mengalami sedikit kendala tentang tata cara memposting suatu artikel kedalam blog, maka kali ini akan di bahas tentang tata cara posting di blogger.com. Di dalam menu posting ada beberapa toolbar yang bisa anda gunakan.Jika anda sudah terbiasa menggunakan microsoft Word ataupun microsoft Excel tentu barangkali tidak akan mengalami kesulitan ketika memposting suatu artikel, tapi mungkin tidak ada salahnya bila saya bahas sekilas tentang ini, barangkali ada di antara teman kita yang masih bingung.

Toolbar yang ada ketika posting :

--> Untuk merubah jenis hurup yang di gunakan

--> Untuk merubah ukuran hurup (heading)

--> Untuk Menebalkan hurup

--> Untuk memiringkan hurup

--> Untuk merubah warna hurup

--> Untuk membuat link

--> Untuk membuat artikel menjadi rata kiri


--> Untuk membuat tulisan menjadi di tengah

--> Untuk membuat artikel menjadi rata kanan

--> Untuk membuat artikel menjadi rata kiri dan rata kanan

--> Untuk membuat sub bahasan oleh angka

--> Untuk membuat sub bahasan oleh bullet

--> Untuk mengecek spelling

--> Untuk memasukan gambar(upload gambar)

--> Untuk membuat artikel dalam kode HTML

--> Untuk membuat artikel dalam mode Compose (biasa)

--> Untuk me review (melihat) artikel

Cara penggunaan toolbar di atas adalah blok (beri tanda) terlebih dahulu tulisan yang akan di edit, kemudian tekan tombol toolbar yang di inginkan.

Langkah-langkah dalam memposting suatu artikel:

1. Sebaiknya klik terlebih dahulu “ Edit HTML”,jika langsung di mode “Compose”, sering terjadi hang pada komputer (pengalaman saya pribadi). Copy artikel yang telah anda buat sebelumnya, kemudian paste di area posting. Edit sesuai dengan kemauan anda.
2. Klik tombol “ compose “ untuk melakukan editing (jika anda masih bingung dengan kode HTML).
3. Klik tombol tool yang berlambang “ panorama” berwarna biru, jika anda ingin memasukan gambar ataupun photo untuk menghiasi posting-an anda.
4. Klik tombol “ Preview “ untuk melihat hasil posting-an anda yang nantinya akan tampil di dalam blog, barangkali masih ada yang perlu di edit.
5. Klik tombol “ publish “. Selesai. Tulisan hasil karya anda akan bisa dilihat dan di baca oleh seluruh dunia.

Read More

Rabu, April 20, 2011 | 0 comments