Kehilangan SiteLink dan Blog Saya masuk Sandbox Google

Beberapa minggu yang lalu saya sangat panik dengan blog saya, karena tiba tiba sitelink blog saya hilang dari google, banyak post dari blog saya yang tidak masuk index google. Padahal dulu apabila kita memasukkan keyword ke google dengan keyword "Kumpulan Cheat Point Blank" atau "Kumpulan Cheat PB", blog saya akan tampil nomor satu di halaman pertama google, tapi setelah kejadian itu blog saya langsung turun menjadi peringkat lima (5), setelah saya menjadi apa yang terjadi pada blog saya dari google, akirnya saya tau apa penyebabnya, yaitu saya mengotak atik meta tag pada blog saya. Saya langsung mencari cara untuk mengembalikan sitelink blog saya, dan mengeluarkan blog saya dari sandbox. Dan akirnya setelah tiga(3) hari, akirnya sitelink blog saya kembali lagi dan blog saya kembali ni nomor 1 index google dengan keyword tertentu.

Sekarang saya Share bagaimana cara mengembalikan sitelink dan mengeluarkan blog dari sandbox google.

1. Update terus blog anda, selalu posting artkel yang masi segar dan menarik

2. Lakukan Ping pada blog anda setiap anda memPosting artikel terbaru, gunakan jasi ping blog gratis
Misalnya : http://www.mypagerank.net
                 feedshark.brainbliss.com
                 pingomatic.com

3. Update artikel jagoan blog anda, dengan menambah tanda titik, gambar atau lain lain, setelah itu publishlagi   artikel tersebut
Untuk melihat postingan blog anda yang sering di kunjungi coba lihat dari : Masuk ke Akun Bloger Anda --> Statistik --> Pilih Tab POST --> lalu pilih bagian All Time , lihat postingan anda yang memiliki jumlah penayang yang banyak
Intinya, seperti anda memberitaukan kepada google anda memiliki artikel baru, se

Untuk Melihat Secara Jelas tips trik nya lihat ini
  1. Keluar Dari SandBox Google
  2. Membuat Postingan cepat di Index Google versi kom-blog

  3. 15 Cara Optimasi Blog Agar Tampil Lebih Cepat

    semoga postingan inii membantu anda, jika anda memiliki tips atau cara lain, silahkan share dengan cara memberikan komentarnya.

    Salam Blogger....

» Read More...

Trik Mengatasi Autoblog Yang Mencuri Artikel Blog Kita

Trik Mengatasi Autoblog Yang Mencuri Artikel Blog Kita – Pagi ini seperti biasanya setelah saya online hal yang paling pertama saya lakukan adalah mengecek email. Ternyata ada beberapa pingback yang mengarah ke blog ini. Setelah saya buka, pingback ini berasal dari autoblog yang mencuri semua artikel saya. Sebenarnya agak kesal juga melihat kejadian ini dan berniat menelusuri pelakunya. Tapi setelah saya pikir percuma juga. Dunia maya hukumnya memang seperti ini. Kita harus siap menghadapi segala sesuatu yang terkadang merugikan kita.
Sebagaimana lyrik lagu saykoji :
“Jangan Mau dikontrol oleh panasnya situasi, balas dengan karya”
“Marah-marah di internet udah pasaran, Ngomel-ngomel dipasar kagak sabaran” :D
Dari pada kesal dan ngomel-ngomel mending saya browsing mencari artikel blogger senior yang lain siapa tau ada pencerahan.
Setelah browsing ternyata memang banyak teman-teman yang mengalami kejadian seperti ini dan cara mereka mengatasi juga bermacam-macam.
Salah satu cara yang paling mudah mudah yang disarankan teman saya adalah mengubah settingan For Each Article In a Feed Show menjadi Summary.
Caranya masuk pada menu Settings –> Reading.
Pada bagian For Each Article In a Feed Show terdapat dua pilihan yaitu Full Text Dan Summary. Silahkan pilih Summary.

Dengan memilih Summary maka autoblog yang menjadikan blog kita sebagai sasaran atau orang yang berlangganan email dengan artikel kita hanya bisa mencuri artikel sebanyak 50 word saja. Kalau kita memilih Full Text maka semua artikel secara lengkap akan terkirim ke autoblog tersebut.
Setelah  mengubah ke pengaturan ini saya lalu mencoba menerbitkan satu artikel, dan menunggu artikel  di update autoblog. Ternyata hasilnya memang benar, artikel yang terkirim ke autoblog  hanya sebanyak 50 kata (word) saja. Tapi masih ada kekurangan karena pada artikel tersebut  tidak ada link yang mengarah ke blog kita.
Tampilan artikelnya seperti pada gambar berikut :

Kalau diperhatikan artikel yang masuk ke autoblog diatas tidak ada sesuatu yang menguntungkan blog saya. Jumlah kata artikel memang hanya 50 kata tapi tidak ada link yang mengarah ke blog saya.
Saya lalu mencoba mencari cara lain dan menemukan sebuah plugin dengan nama RSS No More.
Berdasarkan deskripsi singkat dari plugin ini fungsinya adalah menampilkan link read more (baca selengkapnya) pada artikel yang terkirim ke email pembaca yang berlangganan artikel ke blog kita. Begitupun dengan autoblog yang mencuri artikel kita.
Jadi untuk membaca keseluruhan artikel maka harus mengklik link read more yang menuju ke blog sumber.
Setelah saya install plugin ini saya kembali mencoba menerbitkan artikel baru. Ternyata hasilnya belum ada perubahan, masih seperti sebelumnya.
Saya berpikir mungkin ada bentrok antara plugin RSS No More dan settingan For Each Article In a Feed tadi. Lalu saya mencoba mengubah settingan For Each Article In a Feed ke Full Text (bukan Summary lagi).
Setelah selesai artikel baru kembali diterbitkan dan mengecek ke autoblognya.
Hasilnya perhatikan gambar berikut :

Pada gambar diatas artikel yang masuk ke autoblog tersebut hanya sekitar 1 paragraf dan pada akhir kalimat terdapat kalimat “Baca Selengkapnya : Trik Memainkan Video Di Youtube Agar Tidak Terputus
Kalimat ini me-link ke artikel saya http://tenriewa.com/2010/trik-memainkan-video-di-youtube-agar-tidak-terputus/
Coba perhatikan link di status bar dibawah pada saat kursor diarahkan ke kalimat “Baca Selengkapnya : Trik Memainkan Video Di Youtube Agar Tidak Terputus”
Dengan demikian puaslah hati saya :D
Kalaupun ada puluhan autoblog yang mencuri artikel blog ini mereka justru memberi beberapa keuntungan bagi blog ini seperti :

  • Memberi backlink gratis
  • Membantu mempromosikan artikel blog ini
  • Meningkatkan traffic blog ini
Ok, sekian info dari saya….
Bagi anda yang mempunyai blog dari wordpress boleh menerapkan cara ini untuk mencegah pencurian artikel melalui autoblog seenaknya tanpa memberi feedback ke blog kita.

 semoga membantu anda para blogger mania
Sumber : KLIK INI

» Read More...

8 Tips untuk Mendapatkan Trafik dari Forum Online

Forum online sudah ada sejak pertama kali internet dibangun dan sudah banyak blogger pula yang menjadikan forum sebagai media untuk menjaring trafik bagi blog mereka. Walaupun tidak sebaik dan sebagus web 2.0 seperti twitter dan facebook, forum tetap menjadi media yang menggiurkan untuk mendatangkan trafik tertarget untuk blog Anda. Tips di bawah ini merupakan 8 hal yang harus Anda ingat untuk mendatangkan trafik tertarget dari sebuah forum.



GUEST BLOG: Penulis dibalik Artikel ini:
Musa Abdul Hamid 
| kangmusa.com


Pilih forum yang tepat.
Memilih forum yang tepat merupakan salah satu hal yang sangat penting. Saya berharap Anda sudah bergabung dengan satu ataupun dua forum yang sesuai dengan niche dan konten blog Anda. Jika Anda belum bergabung sama sekali dengan forum online, Anda bisa mencari forum-forum yang sesuai dengan niche Anda dengan mengetikkan "niche Anda forum", contohnya "SEO online forum" di mesin pencari Google.
Jika Anda bergabung dengan lebih dari satu forum, hendaknya Anda memusatkan konsentrasi pada satu forum dahulu untuk aktif dalam forum tersebut sehingga Anda menjadi salah satu member terbaik. Dengan begitu, Anda akan terkenal dalam forum tersebut. Dan jika Anda telah terkenal dalam sebuah forum, Anda bisa beranjak ke forum selanjutnya.
Pilih username yang baik.
Username Anda merupakan brand dalam forum tersebut karena username merupakan hal yang pertama kali dilihat dalam profil seorang member di sebuah forum. Sehingga Anda perlu untuk melakukan pemilihan kata yang sesuai untuk username Anda. Sebaiknya sesuaikan username Anda dengan niche blog Anda sehingga terlihat lebih profesional. Contohnya adalah "kangmusa.pakarseo".

Letakkan alamat blog Anda di signature
Signature merupakan teks, link atau gambar yang akan muncul di bagian bawah setiap post Anda. Meletakkan alamat blog Anda di bagian signature merupakan tulang punggung agar Anda mendapatkan limpahan trafik dari forum tersebut. Hal ini dikarenakan setiap pengunjung forum yang membaca posting Anda pasti akan melihat alamat blog Anda juga di akhir post. Maka dari itu, sebaiknya Anda membuat posting yang menarik dan sesuai sehingga trafik bisa langsung diarahkan untuk mengunjungi blog Anda.

Bangun profil Anda dengan baik.
Profil merupakan bagian yang akan dilihat pengunjung jika menekan username Anda. Dan biasanya sebuah profil akan menampilkan avatar Anda, biografi singkat, dan sebuah link ke blog Anda. Pada umumnya avatar digunakan untuk menampilkan potongan foto diri Anda. Anda bisa meletakkan foto wajah Anda di avatar tersebut. Namun jika Anda lebih suka menjadi pribadi yang anonim di sebuah forum, sebaiknya avatar Anda diisi dengan gambar yang mewakili niche blog Anda.
Sedangkan biografi singkat berisi cerita mengenai diri Anda secara keseluruhan. Buat bagian ini terlihat profesional, tidak membosankan dan multidimensi. Anda bisa menceritakan pengalaman Anda di bidang keahlian Anda. Pada intinya buatlah setiap orang yang melihat profil Anda ingin untuk berinteraksi lebih lanjut dengan Anda.

Jangan melakukan tindakan spamming
Ketika Anda berinteraksi dengan orang lain di forum online, berinteraksilah dengan baik. Jangan langsung memberikan kartu bisnis Anda kepada orang lain yang baru Anda ajak berjabat tangan dan berkenalan. Berinteraksilah dengan orang lain sewajarnya. Jangan melakukan tindakan-tindakan spamming di forum. Ingat tujuan Anda bergabung dengan forum bukan semata-mata untuk mempromosikan blog Anda, tapi berbagi ilmu dan berinteraksi dengan orang lain di forum tersebut.

Sediakan konten yang berkualitas
Anda pasti tahu bahwa nyawa sebuah blog adalah konten. Dan kontenlah yang akan membawa trafik ke blog Anda dengan sendirinya. Hal ini juga berlaku di forum online. Sebagai contoh, balaslah sebuah pertanyaan dari orang lain dengan sebuah jawaban yang jelas, runtut dan bermanfaat. Jangan hanya membalas dengan kata "ya" atau "tidak".
Salah satu taktik lain adalah meletakkan posting blog Anda di forum. Tentu posting yang benar-benar berkualitas dan bermanfaat. Dan di akhir posting, Anda bisa meletakkan kalimat seperti ini, "jika Anda rasa posting ini informatif dan bermanfaat, Anda bisa mengunjungi blogAnda.com untuk mendapatkan posting lainnya."

Buat thread baru
Jika seseorang membuka sebuah thread, maka orang tersebut akan melihat posting pertama. Posting pertama akan lebih banyak dibaca dibandingkan posting kedua, ketiga dan seterusnya. Maka dari itu, menjadi thread starter yang memberikan posting pertama sangatlah penting. Anda bisa memulai sebuah thread dengan pertanyaan karena akan membuat orang lain penasaran. Atau jika Anda tidak mempunyai pertanyaan, Anda juga bisa meminta opini orang lain mengenai suatu hal. Contohnya adalah "apa yang akan Anda lakukan jika Anda mempunyai penghasilan $500 per hari?" Hal itu akan membuat orang lain tertarik dan berpartisipasi di thread yang Anda buat.

Lakukan posting sesering mungkin
Hal ini juga penting untuk mendukung aktivitas Anda mempromosikan blog Anda di forum online. Semakin sering Anda melakukan posting, maka semakin sering Anda dilihat oleh orang lain. Semakin sering Anda dilihat, maka semakin sering alamat blog Anda ditampilkan. Dan semakin sering blog Anda ditampilkan, maka semakin banyak pengunjung yang datang ke blog Anda.

Itulah 8 Tips untuk Mendapatkan Trafik dari Forum Online. Lakukan yang terbaik di forum online yang sesuai dengan blog Anda, praktekkan 8 tips ini dan pastikan blog Anda kebanjiran trafik.

Sumber : o-om.com

» Read More...

Cara Gratis Menghasilkan Uang Dengan Hobi NgeBlog

Buat saudara/i yang suka ngeblog, manfaatkan peluang untuk menghasilkan uang melalui hobi ngeblog. Paling gampang untuk pengguna Blogspot. Apalagi blog saudara/i ramai dikunjungi setiap harinya, peluang untuk mendapatkan uang sangat terbuka lebar tanpa menggangu hobi memposting di blog. Tidak perlu menulis dalam bahas inggris seperti di google adsense

Anda bisa mendaftar di iklan PPC salah satunya Kumpul Blogger.

yang Daftarnya Gratis. Dengan menempatkan iklannya di blog, teman-teman akan mendapat uang setiap kali pengunjung melakukan klik. Contoh Iklan Klik Link Berikut KumpulBlogger

Cara Daftar Lihat Pada Penjelasan daftar Gratis di bagian bawah
Mungkin anda pernah mendengar atau membaca tentang system ini yang disebut PPC (pay per click) melalui Google Adsense. Beda dengan KumpulBlogger yang bisa dipasang dengan mudah, Google Adsense tidak bisa di pasang pada blog yang berbahasa indonesia. Iklan bisa di pasang pada sebanyak blog yang kamu miliki.

Mungkin timbul pertanyaan, berapa banyak uang yang di dapat?
Memang tidak begitu besar... Tapi jika blog kita mempunyai pengunjung yang rame, hasilnya lumayanlah bisa untuk bayar biaya mengakses internet atau kebutuhan sehari-hari lainnya.

1. Tiap 1 kali Klik bernilai : Rp.300,- , lumayan khan kalo 100 klik perhari artinya kita punya penghasilan cuma2 sekitar Rp.30.000,- per Harinya!
2. Untuk klik Mini Banner dihargai Rp 400 perklik.
Kemungkinan total penghasilan perhari = klik iklan blog kita + klik iklan blog referal

Jika perhitungan berjalan sesuai rencana, maka hasilnya adalah Rp.30.000/hari, atau sekitar Rp.900.000/bulan! Bayangin aja, hanya dengan ngeblog dan kita di gaji Rp 900 ribu.

Itu dengan asumsi hanya 100 klik/hari, misalkan 1000 klik perhari? Ingat pengakses internet ratusan juta loh…Iklan kumpulblogger bisa ditempatkan di seluruh blog milik anda..

Hingga saat ini telah ada pemilik blog yang mendapat komisi 14 juta lebih. Klik di sini untuk melihatnya

Sangat mudah kan? Hanya dengan posting di blog kita bisa mendapatkan uang. Tanpa kerja keras, hanya daftar ke KumpulBlogger dan pasang iklannya di blog dan biarkan pengunjung mengkliknya. Apalagi kalau anda memiliki lebih dari satu blog, peluang untuk berpenghasilan jutaan ataupun puluhan juta

BAGAIMANA CARA DAFTAR GRATIS KUMPULBLOGGER?
Sangat mudah, ikuti petunjuk berikut:

1. Tinggal klik di sini... (Jendela baru)
2. Selanjutnya akan terbuka halaman utama kumpulblogger.
3. Isilah kotak daftar baru dengan alamat email anda dan klik register.(Alamat email yang anda masukan merupakan username untuk masuk kumpulblogger selanjutnya)
4. Setelah mengklik register, pasword akan di kirim secra otomatis ke email anda. Segera Cek email dan akan diberitahukan password untuk log in ke kumpulblogger. Jika tidak ditemukan di inbox, cek di spam mungkin nyasar di situ.
5. Segera login dengan mengisikan email waktu mendaftar dan password yang di kirim ke email anda.
6. Setelah berada di kumpulblogger, klik edit profil di navigation menu pada sisi atas halaman. Isikan data kamu dan rekening bank untuk transfer pembayaran komisi dan klik submit. Sekarang anda telah terdaftar sebagai pengiklan (publisher) kumpul blogger. Dan anda tinggal memasukan kode iklan ke blog dan menunggu klik dari pengunjung blog dan komisi anda akan ditransfer ke rekening Bank anda.

Bagaimana cara memasukan kode iklan ke blog?

Memasukkan Kode Iklan Kumpul Blogger pada blog

1. Klik untuk login dan masukan email serta password yang diberikan (password yang dikirim dapat di ubah pada navigation menu)
2. Cari menu blogger dan klik link tambah blog. Hasil klik itu dapat anda lihat di halaman bagian tengah. Tarik scrool untuk melihatnya.
3. Setelah itu, isilah data2 mengenai blog yang didaftarkan sesuka anda. Yang terpenting alamat URL http:// nya jangan sampai salah. (Anda bisa mendaftarkan blog sebanyak yang anda punya dengan hanya sekali mendaftar).
4. Setelah blog anda terdaftar, cari dan klik menu scrift text advertising untuk blog anda.
5. Di sisi bawah halaman akan muncul kode iklan yang diperuntukkan untuk masing-masing blog yang didaftar (jika mendaftarkan lebih dari satu blog).
6. Copy paste script iklan pada halaman blog anda.
7. Dan nantikan klik-klik penghasil uang dari pengunjung blog anda tanpa harus mengganggu hobi anda melakukan posting di blog.

Kapan Di Bayar..??Dari pengalaman yang langsung saya alami, pembayaran dilakukan saat pendapatan total komisi telah mencapai di minimal Rp 50.000. Kalau sudah mau mengambil komisi, langsung beritahu pengelola melalui email yang telah di tunjuk. Uang itu akan di transfer langsung ke rekening anda. Dan setelah di transfer akan diberitahukan oleh pengelola melalui email.

Klik Di sini untuk daftar Kumpul Blogger


Selain memasang iklan teks, anda juga bisa memasang iklan mini banner di seluruh blog anda baik Blogspot, Wordpress, Multiply maupun pada friendster.

» Read More...

Membuat Daftar Isi Blog

Daftar isi di blog sangatlah penting perannya, karena ini dapat mempermudah pembaca kita menemukan artikel-artikel lain di blog kita.
Setelah berkutat berhari-hari dengan javascript, akhirnya selesai juga script untuk membuat daftar isi blog.

Daftar isi ini tidak hanya menampilkan judul dan link-nya, tapi juga menampilkan label, tanggal postingan, serta ringkasan dari artikel-artikel kita.

Selain itu, daftar isi ini dapat di-filter untuk menampilkan beberapa artikel dengan label atau tanggal tertentu saja, dan dapat juga diurutkan sesuai tanggal atau judulnya.
Untuk contohnya, kamu bisa lihat di sini

Caranya:

Masuk ke account Blogger kamu, pilih "Posting" - "New Post",
Kemudian isi judulnya dengan judul yang kamu inginkan, seperti "Daftar Isi" atau semacamnya,
Kemudian copy-paste kode di bawah ini:

<div id="cl_option">
Loading... </div>
<div id="cl_content_list">
</div>
<script type="text/javascript">
var jumlah_kata_dalam_ringkasan = 200;
</script>
<script src="http://copycat91.googlecode.com/svn/trunk/contentlist.js">

</script>
<script src="http://BLOGKAMU.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=onLoadFeed&amp;max-results=500">

</script>


Jangan lupa untuk mengganti BLOGKAMU dengan URL blog kamu,
Kamu juga bisa mengatur jumlah kata dalam ringkasan dengan mengubah nilai variabel jumlah_kata_dalam_ringkasan,
Untuk mencegah daftar isi ini berada di halaman paling depan, klik "Post Option" di bagian bawah sebelah kiri, kemudian ganti tanggalnya jadi beberapa hari yang lalu, sebulan yang lalu, atau setahun yang lalu,
Kalau kamu ingin yang versi bahasa inggris, ganti aja contentlist.js jadi contentlist_en.js.

Semoga bermanfaat!

O iya, kalau kamu mau menulis artikel tentang daftar isi ini di blog kamu, kamu boleh menambahkan kode

<div style="font-size: 80%; text-align: right;">
Re-published by: <a href="http://www.blogger.com/urlblogkamu.com"> Blog kamu </a></div>

di bagian bawah kode di atas pada artikel kamu.
Supaya blog kamu juga dapat backlink dari blogger yang pakai daftar isi ini.
:D

» Read More...

Cara cepat meningkatkan PageRank Google

Bagi anda yang mempunya blog dan ingin cepat mendapatkan pagerank berikut tips Cara cepat meningkatkan PageRank Blog yaitu dengan cara penyebaran link mengadopsi dari sistem Multi Level Marketing? MLM pada saat ini selain digunakan untuk mencari uang di dunia Digital, ternyata sistem MLM ini sangat berpengaruh untuk mendapatkan backlink sebanyak – banyaknya.

Buat temen-temen blogger lain yang ingin mencoba mengikuti Multi Level Backlink ini, silahkan copy paste tulisan dibawah ini dengan mengikuti ketentuan yang telah dibuat…. yang pasti Gratis sob… dan kita lihat seberapa ampuh sistem Multi Level Backlink digunakan untuk backlink… Untuk tips kali ini saya mau mencoba mengajak anda semua untuk memanfaatkan kedahsyatan faktor kali dan kecepatan penyebaran ini dalam bentuk backlink.
Caranya gampang kok, Yang perlu kamu lakukan adalah meletakkan link-link berikut ini di blog atau artikel kamu


1.
blog dofollow
2. ilmu belajar komputer
3. download pc media terbaru
4. Video Blog
5. Mazrosyid Blog
6. file4share
7. Kumpulan Video@youtube 

8. Harapan Putra Blog Tutorial
9. Tips Trik Blogspot | Tips Trik PPC Online
10. Cheat Point Blank[Update] | Tips Trik BLOG | SEO

Tapi ingat, sebelum kamu meletakkan link diatas, kamu harus menghapus peserta nomor 1 dari daftar. Sehingga semua peserta naik 1 level. Yang tadi nomor 2 jadi nomor 1, nomor 3 jadi 2, dst. Kemudian masukkan link kamu sendiri di bagian paling bawah (nomor 10).
Jika tiap peserta mampu mengajak 5 orang saja, maka jumlah backlink yang akan didapat adalah
Ketika posisi kamu 10, jumlah backlink = 1
Posisi 9, jml backlink = 5
Posisi 8, jml backlink = 25
Posisi 7, jml backlink = 125
Posisi 6, jml backlink = 625
Posisi 5, jml backlink = 3,125
Posisi 4, jml backlink = 15,625
Posisi 3, jml backlink = 78,125
Posisi 2, jml backlink = 390,625
Posisi 1, jml backlink = 1,953,125
Dan semuanya menggunakan kata kunci yang kamu inginkan. Dari sisi SEO kamu sudah mendapatkan 1,953,125 backlink dan efek sampingnya jika pengunjung web para downline kamu mengklik link itu, juga membuat blog kamu mendapatkan traffik tambahan.
Nah, silahkan copy paste artikel ini, dan hilangkan peserta nomor 1 lalu tambahkan link blog/website kamu di posisi 10. Ingat, kamu harus mulai dari posisi 10 agar hasilnya maksimal. Karena jika kamu tiba2 di posisi 1, maka link kamu akan hilang begitu ada yang masuk ke posisi 10.
Selamat mencoba

» Read More...

Tips Loading Blog lebih Ringan

Mempunyai sebuah blog atau web bagi seseorang merupakan sebuah kebanggaan juga yang dapat kita jadikan sebagi media online untuk saling berbagi pengalaman dan informasi. Mungkin ada hal-hal tertentu yang sering diabaikan oleh pemula (seperti saya hehehehe...)

Apa itu?
  1. Menggunakan template yang banyak fitur;
  2. Memasang widget-widget yang berlebihan.

Akibatnya?
Banyak pengunjung akhirnya merasa bosan menunggu loading blog tersebut. Apalagi bagi pengguna internet yang mempunyai bandwidth rendah (seperti saya, he he he...). Akhirnya lama kelamaan mereka enggan untuk berkunjung lagi ke blog tersebut. Memang "The Contents is king", tetapi sebagus-bagusnya isi artikel blog itu apabila tidak diimbangi dengan kecepatan loading yang memadai, maka berdampak pada pengunjung blog yang makin menurun.

Solusinya?
Beberapa tips di bawah ini bisa jadi pedoman walau tidak sepenuhnya. mengapa demikian? Banyak alasan yang sifatnya relatif untuk membuat blog, entah itu sekedar hobby atau yang lainnya.

  1. Mengurangi jumlah penggunaan gambar. Penggunaan gambar akan sangat mempengaruhi kecepatan akses dari suatu blog, hal ini dikarenakan kapasitas untuk satu file saja bisa mencapai beberapa kilobyte (Kb) dan bisa perhitungkan berapa lama waktu yang dibutuhkan untuk mendownload 1 file gambar saja; 
  2. Mengelompokkan dan memisahkan bagian-bagian isi menjadi perhalaman. Hal ini sangat penting karena tips yang kedua ini bermaksud agar halaman utama atau yang biasa disebut dengan halaman index tidak langsung menampilkan keseluruhan isi dari blog; 
  3. Kurangi banner-banner yang bergerak. Mungkin ini memang kebiasaan kita untuk bertukar banner, tapi alangkah baiknya kita pisahkan di bagian tertentu dan ukurannya kita perkecil lagi; 
  4. Dan yang terakhir dan kiranya perlu untuk diperhatikan adalah bagian dari pernak-pernik atau item-item pendukung seperti LinkList, Profile, ShoutBox, dll sebaiknya disembunyikan dalam list menu. Ini berarti item-item tersebut menjadi submenu dari menu diatasnya

» Read More...

Festival BLOG 2010

300x250

SYARAT PESERTA :
  1. Peserta bebas menggunakan blog apapun (blogspot, dagdigdug, wordpress, kompasiana, dll) namun khusus pengguna BLOGdetik postingan berhak dimasukkan ke dalam HOTBLOG di BLOGdetik dan berkesempatan mendapatkan hadiah IPAD
    (bagi yang belum mempunyai BLOGdetik silakan klik di sini )
  2. Peserta memposting : Tulisan yang bertemakan “Internet Sehat Bikin Hebat”
  3. Tulisan harus original dan belum pernah di publikasikan di media manapun.
  4. Apabila ada kata Internet pada postingan maka di hyperlink ke http://telkomspeedy.com/
  5. Apabila ada kata Blog pada postingan maka di hyperlink ke http://blogdetik.com/
  6. Memakai tag “Festival BLOG 2010” pada postingan
  7. Tidak berlaku untuk keluarga besar Telkom, Detikcom dan seluruh karyawannya.
  8. Peserta wajib memasang banner “Festival BLOG 2010” di bawah ini pada widget sidebar anda sebagai tanda keikutsertaan. Silakan copy paste kode html pada link ini pada text widget anda!
fb-150x200
CARA MENGIRIMKAN TULISAN :
  1. Peserta harus mengirimkan url (alamat) tulisan ke email : adminblog@detik.com dan di CC ke : program@detik.com; plasainternet@gmail.com dengan Subject: Festival BLOG 2010 atau klik disini!
  2. Dalam email tersebut peserta mencantumkan: Nama, Alamat dan Nomor telepon
  3. Peserta harus mengirimkan atau memberikan coment di fanpage facebook blogvaganza atau blogdetik dengan menyertakan url (alamat) tulisan
  4. Dengan mengirimkan coment dan email ikut serta pada kontes ini, peserta otomatis menyatakan kalau tulisan yang dikirimkannya adalah asli karya sendiri bukan merupakan hasil plagiat.
KRITERIA PENJURIAN :
  1. Pemenang adalah yang postingannya menarik, inspiratif dan mengandung nilai pesan internet sehat
  2. Banyaknya jumlah komentar di postingan peserta akan ikut dipertimbangkan dalam penulisan.
  3. Posting yang diikutkan harus dipublikasikan di blog pada saat kompetisi sedang berlangsung, bukan posting yang sudah dibuat sebelumnya dan belum pernah dipublikasikan.
  4. Isi artikel tidak mengandung unsur pornografi dan tidak mengandung SARA.
  5. Keputusan Juri mutlak dan Tidak dapat diganggu gugat.
  6. Pemenang IPAD, khusus pemakai blogdetik terfavorit pilihan juri.
  7. BLOGdetik tidak bertanggungjawab, apabila ada klaim kepemilikan terhadap hasil karya yang dikirimkan oleh peserta
HADIAH UTAMA :
  • IPAD
  • NETBOOK
  • BLACKBERRY
PERIODE LOMBA :
25 September 2010 s/d 10 Desember 2010
logomu

» Read More...

Membuat Search Engine di Blog Anda

http://cdn.devilsworkshop.org/files/2009/07/1220444004856_search-engines_t.gifTentu kita semua sudah tahu apa itu Search Engine (hari gini gak tahu apa itu search engine? cape' deeh...). Search Engine adalah ... bla.. bla..bla.. dst.
Saat ini Search Engine tidak bisa dipisahkan dalam dunia internet. Dengan Search Engine kita bisa mencari tahu tentang suatu hal yang kita inginkan sesuai dengan keyword yang kita ketikkan dan juga bla.bla..bla..... udah ah penjelasannya, yang mau dibahas disini adalah bagaimana caranya membuat search engine di blogger . Caranya sangat mudah, yaitu:

1. Login ke blogger terus klik Layout terus pilih page elements nha disitu kan banyak tulisan Add a page elements klik link tersebut dan sesuaikan dimana tempatnya menaruh search engine
2. kemudian pada layar baru yang muncul pilih HTML/Javascript kemudian copy/paste script/kode berikut ini di dalam kolom content.

<form action="http://nama-blogmu.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

Ganti nama-blogmu dengan nama blog kamu. Aangka 30 menunjukkan panjang kotak (text box) semakin banyak angkanya maka semakin panjang textbox-nya

» Read More...

Cara Pasang Social Bookmarking Buttons Untuk Blog

1.Pertama silahkan anda Menuju halaman Sociofluid dan lihat Widget

2.Kemudian Pilih Buttons Yang ingin anda pasang

3.Jika sudah Klik tombol Generate widget
4.Trus jika sudah Klik Tombol Add To Blogger
5.Maka anda akan di arahkan ke halaman blogger anda "Impor Page Elemant" trus klik tombol Add Widget
6.Pilih Posisi Tata letak..saya sarankan ada baiknya letakan di bawah postingan anda
7.Simpan dan silahkan lihat Hasilnya

Happy Blogging jangan lupa kasih comment ya....


Sumber: Klik Ini

» Read More...

Cara Menambahkan Image Sebelum Judul Postingan

Pertama Silahkan Login ke Blogger Pada Dasbor Klik Tata Letak/Rancangan->>edit html->>expand template widget jika sudah cari code berikut

<b:if cond='data:post.url'>

Kemudian Tambahkan Code Berikut ini tepat sesudah code di atas

<img src="URL GAMBAR ANDA"/>

Klik simpan template...nah jadi dech..:)

» Read More...

Cara Menambahkan Image Setelah Judul Postingan

Pertama silahkan login ke blogger pada DASBOR klik TATA LETAK/RANCANGAN->>EDIT HTML->>EXPAND TEMLPATE WIDGET kemudian cari code seperti ini


<a expr:href='data:post.url'><data:post.title/></a>

nah jika sudah ketemu silahkan tambahkan code berikut setelah code tadi

<img src="URL GAMBAR ANDA"/>

klik simpan jika sudah selesai......
KET:ganti tulisan yang berwarna merah dgn URL GAMBAR ANDA


Bersambung:

Cara Menambahkan Image Sebelum Judul Postingan

» Read More...

Cara Membuat Gambar latar belakang untuk Sidebar

Silahkan ikuti langkah-langkah Berikut ini:

1.Login ke blogger
2.Pada Dasbor klik Tata letak/rancangan
3.klik Edit html->>expand template widget
4.Kemudian Cari code seperti ini


#sidebar-wrapper {

5.Tambahkan code maka selengkapnya seperti di bawah ini

#sidebar-wrapper {
background-image: url(URL GAMBAR ANDA);

KET: Code yang berwarna MERAH adalah code yang harus anda tambahkan...

6.klik simpan template jika sudah selesai...

» Read More...

Bagaimana Cara Menemukan Lebar Header blog anda,sidebar dan kolom utama

Silahkan ikuti langkah-langkah Berikut ini:
1.Pertama Login ke Blogger
2.Pada dasbor klik Tata Letak->>edit html->>expand template widget
3.Kemudian scroll ke bawah dan temukan code seperti ini


#header-wrapper {
width:750px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

#main-wrapper {
width: 400px;
margin-left: 20px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
}

#sidebar-wrapper {
width: 150px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
}

4.code yang berwarna MERAH adalah code yang harus anda setting Untuk tempalte anda..
5.Jika sudah save template...

» Read More...

Cara membuat gambar latar belakang untuk postingan

Login ke blogger->>Dasbor->>Tata letak->>edit html->>expand template widget kemudian scroll ke bawah dan temukan code seperti ini:


#main-wrapper {

Jika sudah tambahkan code maka selengkanya seperti ini

#main-wrapper {
background-image: url(URL GAMBAR ANDA);

ket: Code yang berwarna MERAH adalah code yang harus anda tambahkan

» Read More...

Membedakan Tampilan Pengunjung dengan Jawaban Penulis di Blogspo

Salah satu kelemahan platfom blogger adalah tidak ada feature "Reply" komentar oleh penulis blog. Para pemilik blog biasanya menjawab komentar-komentar yang masuk adalah dengan menggunakan form komentar. Komentar-komentar yang masuk dengan jawaban yang diberikan oleh penulis, nampak tidak ada perbedaan.
Kalo kita lihat di blog kang rohman  ini, kita bisa lihat perbedaan mana komentar yang masuk dan mana jawaban dari kang rohman.
kotak komentar beda warna
Bagaimana cara membuatnya?
Setelah cari ke sana ke meri lalu sedikit utak atik template... eh bisa juga. Saya share di sini ya.. mohon para master memberi masukan agar bisa lebih sempurna dan mudah dipahami.
Langkah pertama seperti biasa masuk ke menu Design -> Edit HTML dan Back up Template dengan mengeklik " Download Full Template" simpan file template xml-nya.
Karena setiap template blogspot itu unik, masing-masing didesign secara custom, maka saya di sini mengambil contoh template magazine RC 1.5 yang dibuat oleh kang rohman sebagai bahan uji coba.
Centang "Expand Widget Templates" yang ada di pojok kanan atas form edit html. kemudian cari script block komentar berikut ini:

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
    <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
       <a expr:name='data:comment.anchorName'/>
           <b:if cond='data:comment.authorUrl'>
              <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a> on <data:comment.timestamp/>
            <b:else/>
              <data:comment.author/>
            </b:if>
            <data:commentPostedByMsg/>
          </dt>
          <dd class='comment-body'>
            <b:if cond='data:comment.isDeleted'>
              <span class='deleted-comment'><data:comment.body/></span>
            <b:else/>
              <p><data:comment.body/></p>
            </b:if>
          </dd>
          <dd class='comment-footer'>
<span class='comment-timestamp'>
             <b:include data='comment' name='commentDeleteIcon'/>
            </span>
          </dd>
        </b:loop>
</dl>
 
Bila kesulitan menemukan block komentar diatas bisa kita cari dengan search dari browser edit->find dengan mengetik atau copy paste code berikut:

<b:loop values='data:post.comments' var='comment'>
Setelah ketemu block komentar diatas, sekarang ubahlah menjadi seperti di bawah ini, di mana script yang berwarna merah adalah tambahan, sedangkan script yang berwarna hijau adalah dicopy dari aslinya.
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<b:if cond='data:comment.author == data:post.author'>
    <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
       <a expr:name='data:comment.anchorName'/>
           <b:if cond='data:comment.authorUrl'>
              <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a> on <data:comment.timestamp/>
            <b:else/>
              <data:comment.author/>
            </b:if>
            <data:commentPostedByMsg/>
          </dt>
          <dd class='comment-body-author'>
            <b:if cond='data:comment.isDeleted'>
              <span class='deleted-comment'><data:comment.body/></span>
            <b:else/>
              <p><data:comment.body/></p>
            </b:if>
          </dd>
          <dd class='comment-footer-author'>
<span class='comment-timestamp'>
             <b:include data='comment' name='commentDeleteIcon'/>
            </span>
          </dd>
<b:else/>
     <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
       <a expr:name='data:comment.anchorName'/>
           <b:if cond='data:comment.authorUrl'>
              <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a> on <data:comment.timestamp/>
            <b:else/>
              <data:comment.author/>
            </b:if>
            <data:commentPostedByMsg/>
          </dt>
          <dd class='comment-body'>
            <b:if cond='data:comment.isDeleted'>
              <span class='deleted-comment'><data:comment.body/></span>
            <b:else/>
              <p><data:comment.body/></p>
            </b:if>
          </dd>
          <dd class='comment-footer'>
<span class='comment-timestamp'>
             <b:include data='comment' name='commentDeleteIcon'/>
            </span>
          </dd>

</b:if>
        </b:loop>
</dl>
Setelah menjadi seperti diatas, lalu kita mengedit style css nya. Cari style cssnya di bagian paling atas dari template. Sebagai contoh sederhana kita ubah komentar "penulis" dibuat font dan garis putus-putusnya yang ada di bawah menjadi berwarna biru.
Cari script berikut:
#comments-block .comment-body { margin: .25em 0 10px; padding-left: 20px; font-size:12px; text-align:justify; }
Copy dan paste di bawahnya (warna hijau) dan tambahkan script yang berwarna merah di script warna hijau sehingga menjadi berikut:
#comments-block .comment-body { margin: .25em 0 10px; padding-left: 20px; font-size:12px; text-align:justify; }
#comments-block .comment-body-author{margin: .25em 0 10px; padding-left: 20px; font-size:12px; text-align:justify; color: #002F66;}
Demikian juga script berikut:
#comments-block .comment-footer { margin: -.25em 0 2em; line-height: 1.4em; text-transform: uppercase; letter-spacing: .1em; border-bottom:1px dashed #a29e9e; }
#comments-block .comment-footer-author{ margin: -.25em 0 2em; line-height: 1.4em; text-transform: uppercase; letter-spacing: .1em; border-bottom:1px dashed #002F66; }
Setelah itu save perubahan. Jika tidak ada pesan eror saat menyimpan perubahan. berarti proses edit bejalan dengan  baik. sekarang lihatlah perubahannya. Komentar yang ditulis oleh penulis berwarna biru, sedangkan komentar oleh pengunjung berwarna hitam.
komentar athor
Catatan:
<b:if cond='data:comment.author == data:post.author'>
Script diatas digunakan apabila kita menulis komentar menggunakan akun blogger/google sebagai identitasnya.
Bila ingin menggunakan identitas Name/URL, maka ubah menjadi berikut:
<b:if cond='data:comment.author == Nama Yang Diinginkan '>
Stylizing diatas hanya contoh kecil saja. anda bisa bermain-main dengan CSS agar penampilannya lebih baik. Tidak hanya perubahan warna font, tapi bisa gambar, background. dsb.

Sumber: Kang Rohman
Tentang Sumber: Sebuah Blog yang Berisikan tentang tutorial Blogspot
Blog: http://kolom-tutorial.blogspot.com

» Read More...

Pasang Kode Tuker Link

BangDhika beberapa waktu yang lalu mengajukan pertanyaan melalui shoutbox mengenai bagaimana cara membuat kode untuk tukeran link, dan sekarang saya akan coba membahasnya. Mudah-mudahan informasi ini bermanfaat juga bagi sobat lainnya yang belum mengetahui mengenai hal ini.

Untuk membuat kode tukeran link, kebanyakan para blogger menggunakan banner yang berukuran kecil atau di sebut juga dengan chiklet sebagai ciri khas dari blog masing-masing. Maka dari itu, saya akan mencoba mengulas pembahasan ini bermula dari pembuatan chiklet nya.

Untuk membuat sebuah chiklet, sobat bisa menggunakan berbagai software grafik & design semacam photoshop, corel, atau lain sebagainya. Tak hanya sebatas chiklet yang berupa gambar diam, sebuah animasi pun bisa di jadikan chiklet tukeran link, tentunya ini terserah kepada keahlian masing-masing dalam hal membuat chiklet.

Akan tetapi, bagi sobat yang belum bisa atau hanya sekedar malas untuk membuatnya karena memerlukan waktu yang cukup lama untuk berkreasi, sobat bisa menggunakan layanan berbagai situs pembuat chiklet. Salah satu situs yang menyediakan layanan ini adalah www.chicklette.net. Melalui situs ini sobat hanya perlu menentukan warna serta tulisan yang di inginkan, kemudian apabila sudah selesai, sobat tinggal save picture lalu menyimpannya dalam komputer sobat.

Itu tadi merupakan langkah pertama. langkah kedua adalah meng upload file chiklet tadi ke hosting untuk menyimpan gambar, boleh di blogger atau di hosting lain, untuk cara upload gambar sudah sering di bahas, apabila masih bingung coba baca lagi di sini ! Jika proses upload selesai, sobat tinggal mencatat atau mengcopy alamat URL gambar tersebut. Misal saya ambil contoh untuk chiklet blog ini adalah :

http://i162.photobucket.com/albums/t253/rohman24/kolomtutorial.gif

langkah selanjuatnya adalah membuat kode link dari alamat gambar tadi, contoh kodenya seperti ini :


<a href="http://kolom-tutorial.blogspot.com" target="_blank"> <img src="http://i162.photobucket.com/albums/t253/rohman24/kolomtutorial.gif" border="0" alt="Kolom blog tutorial "></a>


Nah itu tadi merupakan contoh link untuk membuat link ke blog ini, untuk ngelink ke blog sobat ya tinggal sesuaikan saja.

Apabila kode link sudah ada, langkah selanjutnya adalah membuat text area untuk menampung seluruh kode agar nanti bisa di copy oleh pengunjung yang mau nge link ke blog sobat, kodenya seperti ini :


<textarea name="code" rows="6" cols="20">

<a href="http://kolom-tutorial.blogspot.com" target="_blank">
<img src="http://i162.photobucket.com/albums/t253/rohman24/kolomtutorial.gif" border="0" alt="Kolom blog tutorial "></a>

</textarea>

Beberapa langkah sudah di lewati, langkah selanjutnya adalah merangkaikan kode-kode tadi, misalkan kode tukeran link ingin di bawah gambar chicklet agar tampak lebih menarik, kodenya kira-kira seperti ini :


<h2>Tukeran link</h2>
<br/><br/>
Copy kode di bawah masukan di blog anda, saya akan segera linkback kembali
<br/><br/>
<img src="http://i162.photobucket.com/albums/t253/rohman24/kolomtutorial.gif" border="0" alt="Kolom blog tutorial ">
<br/><br/>
<textarea name="code" rows="6" cols="20">
<a href="http://kolom-tutorial.blogspot.com" target="_blank">
<img src="http://i162.photobucket.com/albums/t253/rohman24/kolomtutorial.gif" border="0" alt="Kolom blog tutorial "></a>

</textarea>


Hasilnya nanti akan seperti ini :

Tukeran link




Copy kode di bawah masukan di blog anda, saya akan segera linkback kembali



Kolom blog tutorial




Dari tulisan diatas, terlihat ada tulisan yang memanjang kekanan. Akan tetapi jangan kawatir karena tulisan tersebut akan turun secara otomatis mengikuti lebar dari sidebar. Untuk mengatur lebar serta tinggi dari text area, sobat tinggal mengganti nilai dari rows serta cols saja.

Ada juga blogger yang suka memasang tombol LINK TO ME pada blog nya, ini di maksudkan agar ketika pengunjung yang ingin membuat link ke blog sobat tinggal mengklik tombol tersebut. Akan tetapi ini bekerja bagi mereka (yang ingin membuat link ke blog sobat) yang memakai template baru saja, sedangkan untuk yang template klasik tidak bisa, jadi menurut saya kurang efektif. Contoh tombolnya seperti :

The button image will displayed on your site like this

Kolom blog tutorial


Coba buktikan deh, klik saja pada tombol yang saya berikan.

Kode untuk membuatnya seperti ini :

<center>
<form action="http://beta.blogger.com/add-widget" method="POST">
<input value="FAVOURITE" name="widget.title" type="hidden"/><textarea style="display:none;" name="widget.content">
<a href="http://kolom-tutorial.blogspot.com" target="_blank" />
<img src="http://i162.photobucket.com/albums/t253/rohman24/kolomtutorial.gif" border="0" alt="Kolom blog tutorial "></a>
</textarea><input value="http://buzz.blogger.com" name="infoUrl" type="hidden"/>
<input value="http://www.blogger.com/img/icon_logo32.gif" name="logoUrl" type="hidden"/>
<input value="LINK TO ME" name="go" type="submit"/></form><p>The button image will displayed on your site like this</p><br/>
<img src="http://i162.photobucket.com/albums/t253/rohman24/kolomtutorial.gif" border="0" alt="Kolom blog tutorial "></a> </center>


Silahkan ganti alamatnya dengan yang di miliki sobat.

bagi sobat yang menggunakan template klasik, sobat tinggal menyimpan kode di atas pada sidebar yang sobat inginkan. Untu yang memakai template baru, sobat tinggal memilih tambah elemen, trus pilih HTML/Javascript, kemudian masukan kode yang seperti diatas, simpan dan selesai.

Semoga mudah untuk di mengerti.

Salam buat blogger sejati semua......

» Read More...

Membuat 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:



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>
  1. 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>
  1. Apabila selesai, klik SAVE CHANGES. Bila sudah DONE, klik REPUBLISH.
  2. 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://kolom-tutorial.blogspot.com/2007/04/bikin-blog.html">Membuat Blog</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/cara-setting-blog.html">setting Blog</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/memilih-template.html">Memilih Template</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/mengatur-hurup-dan-warna.html">warna & hurup</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/cara-memposting-artikel.html">Posting Artikel</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/membuat-read-more-1.html">Read more (1)</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/membuat-text-area.html">Text area</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/blogger-emoticons.html">Blogger Emoticons</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/yahoo-messenger-emoticons.html">Yahoo!Emoticons</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/download-gratis.html">Download Gratis</option>

</select></form>
Hasilnya akan seperti ini :



Mudah bukan? Selamat mencoba !

Ingin pintar dalam bahasa HTML silahkan download ebook nya di sini .
Ingin pintar membuat Website sendiri, klik di sini.

Sumber kang rohman

» Read More...

Membuat Text Area

 Di kutip dari Kang Rohman

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 : 


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 :



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 <HEAD> dan </HEAD> selamat mencoba.

» Read More...

Cara Mengganti Template di blogspot

 Postingan di kuti dari Blog Kang Rohman

Sekilas tentang template blog, Template website atau blog adalah desain-desain halaman web ataupun blog beserta seluruh komponennya (misal : gambar, stylesheet, dsb) baik berupa file statis maupun file dinamis yang berupa program atau aplikasi yang berjalan sebagai aplikasi web. Seperti yang anda lihat saat ini, bahwa terlihat tatanan gambar serta tulisan di layar monitor anda, itulah yang dinamakan template.
Di blogger atau blogspot, anda dapat dapat mengganti template blog anda secara leluasa sesuai dengan selera dan keinginan masing-masing. Jika anda telah mahir membuat template sendiri, anda dapat menggunakan template tersebut untuk blog anda. Namun, jika anda masih awam dalam membuat template, blogger atau blogspot sendiri telah menyediakan beberapa template yang bisa anda pilih sesuai dengan keinginan. Selain itu, anda dapat pula mengunduh atau mendownload template blogger gratis dari penyedia template blogger, salah satu contoh website yang menyediakan template blogger tersebut adalah beralamat di http://blogtemplate4u.com, disana terdapat ratusan template blogger yang bisa anda gunakan secara gratis. namun, jika anda menggunakan template gratis, syarat yang harus ditaati adalah tidak boleh menghapus atau menghilangkan credit link dari pembuat template tersebut. Dengan tidak membuang link credit pembuat template, itu adalah sebagai apresiasi atas kerja keras mereka dalam menyediakan template secara gratis.
Langsung ke topik utama, Cara mengganti template di blogspot atau blogger ada dua cara, yaitu mengganti template dengan template yang disediakan blogspot, atau mengganti template dengan template yang didapat dari penyedia template. kita. Berikut ulasannya :

Mengganti Template dengan Template yang disediakan blogger

Berikut cara-cara untuk mengganti template dengan template yang telah disediakan blogger:
  1. Silahkan login ke blogger dengan ID anda.
  2. Klik Rancangan.  rancangan
  3. Klik menu Perancang Template. Selanjutnya akan muncul jendela perancang template blogger. perancang template
  4. Klik pada pilihan template yang tersedia (saat tartikel ini ditulis template yang terdia berjumlah 6 template). Selain itu, anda dapat pula memilih background atau gambar latar belakang dari template tersebut. Jika sudah cocok dengan salah satu template,  klik APPLY TO BLOG. blogger template designer
  5. Selesai.

Mengganti Template dengan template dari penyedia template

Berikut cara-cara untuk mengganti template dengan template dari penyedia template :
  1. Download terlebih dahulu template yang anda sukai pada website penyedia template blog gratis. Salah satu contoh anda bisa download di blogger templates.
  2. File template yang didownload, biasanya masih dalam bentuk terkompresi (zip atau rar), oleh karenanya anda perlu mengekstrak atau menguraikan file tersebut dengan software ekstraktor seperti WinZip atau WinRar, Namun jika anda tidak memiliki software tersebut, anda bisa mengekstraknya secara online di Wobzip. ekstrak template
  3. Yang nanti di upload atau di unggah ke blogger hanyalah file yang berekstensi .xml.
  4. Silahkan login ke blogger dengan ID anda.
  5. Klik Rancangan. rancangan
  6. Klik menu Edit HTML. edit html
  7. Disarankan untuk membuat backup terlebih dahulu, klik pada tulisan Download Template Lengkap. download template lengkap
  8. Klik tombol Browse.., pilih file template yang tadi didownload dan telah diekstrak ( file ekstensi .xml saja ). Kemudian klik tombol Unggah.
    unggah template
  9. Apabila ada muncul peringatan tentang widget, klik pada tombol PERTAHANKAN WIDGET. pertahankan-widget
  10. Selesai.
Kini tampilan blog anda  lebih terasa fresh dibanding sebelumnya Winking
Selamat mencoba!

» Read More...