RECENT VIEWERS DARI BLOG CATALOG

Blog catalog merupakan salah satu Blog direktori yang banyak digunakan oleh para blogger. Kelebihan blog catalog dibandingkan dengan blog direktori lainnya adalah tersediannya fasilitas group, diskusi dan ada juga tool recent viewers yang banyak digunakan di blog. Fungsi tool recent viewers adalah untuk mengetahui siapa pengunjung yang menjadi member blog catalog yang berkunjung ke blog kita.

Untuk memasang tool ini yang pertama harus kita lakukan adalah mendaftarkan blog kita ke blog catalog alamatnya di http://www.blogcatalog.com/blogs/submit_blog.html. Setelah selesai pendaftaran kita akan mendapatkan email aktivasi untuk login di Blog Catalog.



- Setelah login, dihalaman dashboard klik create a widget








- Pada halaman widget pilih Recent Viewers di "Type of Widget"








- Pilih settingan yang sesuai dengan keinginan dan klik "update code and Preview Widget"




- Copy kode yang telah jadi dan letakkan di blog di lokasi yang kita inginkan.

Hasil recen Viewers akan terlihat seperti di bawah. Selain blog catalog tool recen viewer yang banyak digunakan adalag MyBlogLog dari yahoo.com.

Terima kasih dah membaca semoga bermanfaat.

Read more »

VIRUS KOMPUTER VS VIRUS BIOLOGI

Teman-teman pasti dah tahu apa itu virus komputer. Secara mudah dapat kita artikan bahwa virus komputer adalah program yang yang bisa menggandakan dirinya dan mengcopy kan dirinya sehingga bisa merusak file ataupun sistem dalam komputer. Terus mengapa program semacam ini dinamakan virus yang sama dengan virus biologi seperti virus HIV, Virus Flu, Virus H5N1 dll? Tenyata gerombolan virus ini mempunyai karakteristik yang sangat mirip.

Saya bukan ahli komputer apalagi ahli Biologi maka akan saya tuliskan setahu saya. (Maksudnya jangan dijadikan literatur ya ...hehe...just sharing...). Apa kemiripan mereka sehingga sama2 dinamakan VIRUSSS....(bukan lagunya SLANK ya....):



1. Tahukah teman2 bahwa Virus Biologi adalah hanya suatu benda yang tidak bisa dibilang hidup karena memang tidak mempunyai fungsi kehidupan dan hanya mempunyai kode2 genetik yang biasa disebut DNA. Virus Biologi baru bisa dibilang hidup dan berkembang dengan menempel pada sel mahluk hidup menggunakan fungsi2 kehidupan yang dipunyai sel mahluk hidup untuk bisa berkembang biak dan menggandakan dirinya. Begitu pula dengan Virus Komputer, dalam keadaan sendiri Virus komputer
adalah program yang tidak berguna. Dengan menempelkannya dengan file lain (biasanya dengan jalan diklik atau di download) Virus Komputer baru bisa menggandakan dirinya dan akan menggunakan file yang ditempeli tersebut sebagai media untuk menulari file2 lainya karena file yang terinfeksi virus komputer biasanya adalah file2 yang banyak dipakai oleh pengguna komputer.



2. Virus biologi akan menggandakan dirinya dengan cara membelah DNA nya sehingga akan terbentuk Virus baru yang sama persis kode DNA nya dengan merusak sel yang ditempelinya. Virus Komputer juga demikian, Virus Komputer menggandakan diri dengan cara menimpakan program pada file yang diinfeksi sehingga file itu rusak walaupun ada juga virus yang hanya menempeli saja sehingga tidak merusak file tetapi hanya memperbesar ukuran file saja.



3. Virus biologi bisa ditangkal dengan memberikan vaksinasi sehingga membuat mahluk hidup menjadi kebal terhadap serangan virus. Komputerpun juga demikian harus ditanami program antivirus agar komputer kebal terhadap virus.



4. Virus Biologi mewabah pada bulan2 tertentu dan periodik. Virus Komputer juga mempunyai rutin timer yang melakukan aksinya pada saat2 tertentu yang telah ditentukan pada fungsi timernya.



5. Virus Biologi ada yang Pathogen (mematikan) dan ada yang jinak. Virus komputerpun ada yang berbahaya sehingga membuat komputer rusak dan ada yang jinak yaitu hanya menampilkan tulisan2 atau gambar.



6. Virus komputer bisa bermutasi menjadi jenis virus lain yang kharakteristiknya sangat berberda dengan virus asal. Virus komputer juga dapat bermutasi menjadi virus yang sangat berbahaya setelah berinteraksi dengan file2 ataupun program2 tertentu
yang kadang si pembuat viruspun tidak bisa menghentikannya.



Sebenarnya masih banyak kesamaan2 yang dimiliki kedua jenis mahluk yang bernama VIRUS ini tetapi yang saya ketahui hanya ini .... (maaf ya pengetahuan saya kan terbatas ...), dan jika sobat2 mau menambahi ataupun menyanggah bisa komment disini ya....



Thanks dah membaca ...

Read more »

Membuat kategory pada situs iklan gratis blogspot

Dulu saya pernah memberikan sebuah tips membuat situs iklan gratis di blogspot. Ada beberapa pertanyaan yang disampaikan, bagaimana cara membuat kategory pada situ iklan gratis yang saya miliki.Sebenarnya itu bukanlah label seperti pada situs iklan gratis yang ada, karena posting yang ditampilkan secara otomatis oleh pemasang iklan dan kita akan kesulitan apabila memberi nama label sebagai

Read more »

Rumah Blogger Indonesia | Backlink dan trafik gratis

Baru-baru ini saya membuat sebuah blog yang bernama Rumah blogger Indonesia. Tujuan saya membuat blog ini adalah agar para blogger semua bisa menambah trafik dan mendapatkan backlink gratis ketika bergabung.Kamu bisa mengirim artikel dan mensubmit blog kamu pada rumah blogger indonesia. Memang blog tersebut masih baru, tapi saya yakin sejalan dengan waktu akan terus berkembang...Untuk bergabung

Read more »

MEMBUAT META TEXT DI BLOGGER

Sudahkah blogspot sobat-sobat sekalian mempunyai meta text?? (belum nich .... : boleh dibaca sampai selesai ya...) or (Sudah kok ... : yah anggap saja menambah postingan ..hehe ...)

Meta text fungsinya yang sederhana adalah untuk memberitahukan kepada search engine yang meng index blog kita tentang garis besar isi blog, kata kunci blog dan siapa yang menulis blog tersebut. (Emangnya knapa jika ndak pasang meta text ???) ya...nggak papa sih, untuk google.com jelas bisa mendata semua informasi diatas karena blogspot adalah punya google ... tapi untuk search engine seperti yahoo, lycos, altavista, Windows Live tidak akan tahu isi blog, kata kunci apalagi penulisnya dan yang akan muncul biasanya hanya judul dan keterangannya biasanya tidak jelas menerangkan isi blog. (Oooo.. gitu ya baru tahu aku .... sama aku juga..hehe..)



Trus caranya gimana ..??



Ok, cukup copy kode dibawah ini, ganti yang dicetak tebal dengan keterangan blok sobat, baris pertama adalah keterangan atau deskripsi blog, baris ke dua kata kunci dan yang terakhir adalah penulis blog.

<meta content='Sarana Bagi kita untuk saling bertukar informasi mengenai Trik-trik atau kiat-kiat ngeblog.' name='description'/>

<meta content='Blog Tutorial, Belajar Ngeblog, Blog Widget, Blog Tool' name='keywords'/>

<meta name='author' content='Pixel'/>

Buka dashboard blog -->layout --> Edit HTML --> Download Full Template (biasa ... untuk bakup template)

Cari kode <title><data:blog.pageTitle/></title> paste kode dibawahnya dan Save.

Selamat ya ... blog sobat telah mempunyai meta text ....

Sebelum menambahkan meta text sebaiknya sobat memeriksa meta text blog di http://www.submitexpress.com/analyzer/ dan setelah ditambahkan meta text di cek lagi untuk mengetahui perbedaanya ...


Thanks dah membaca, Semoga bermanfaat.

Read more »

Membuat Label Cloud Berputar

Label adalah pengelompokkan artikel blog dalam satu kategori, dan kemudian biasa di pasang di sidebar atau mungkin di bagian bawah template. Saat ini model atau bentuk label ada 3, label umum atau yang biasa (standard), label cloud, dan label cloud berputar. Yang akan kita bahas sekarang adalah memasang label cloud berputar di blog

Label cloud berputar ini terlihat lebih menarik karena gerakannya yang dinamis sehingga dapat menarik perhatian para pengunjung blog kita dan label cloud ini gerakannya juga mengikuti cursor.

Sebenarnya untuk membuat label cloud berputar ini membutuhkan kode HTML yang lumayan agak panjang dan sobat harus menambahkannya pada template sobat, jadi saran saya nanti sebelum mengedit template, ada baiknya backup terlebih dahulu template sobat.

I. Langkah Pertama

 

1. Login ke Blogger dengan ID sobat.

    

2. Klik Tata Letak

    

3. Klik tab Edit HTML

    

4. Download dahulu template sobat dengan mengklik Download Template Lengkap

    

5. Kemudian klik button Expand Template Widget dan cari kode yg seperti ini : 

    

   <b:section class='sidebar' id='sidebar' preferred='yes'>

    

6. Copy kode berikut ini setelah kode diatas :

    

   <b:widget id='Label99' locked='false' title='Labels' type='Label'>
   <b:includable id='main'>
   <b:if cond='data:title'>
   <h2><data:title/></h2>
   </b:if>
   <div class='widget-content'>
   <script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
   <div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
   <script type='text/javascript'>
   var so = new SWFObject(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
   // uncomment next line to enable transparency
   //so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
   so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
   so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
   so.addVariable(&quot;distr&quot;, &quot;true&quot;);
   so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
   so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
   so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
   so.write(&quot;flashcontent&quot;);
   </script>
   <b:include name='quickedit'/>
   </div>
   </b:includable>
   </b:widget>

    

7. Kemudian Simpan Template.

II. Langkah Kedua 

• Mengubah lebar dan tinggi kolom serta warna background 

   

  Angka "240" adalah lebar kolom
  

  Angka "300" adalah tinggi kolom
  

  Sedangkan #ffffff adalah kode untuk backgroud
  

   

• Merubah warna font, untuk kode warna bisa sobat lihat disini

   

  so.addVariable("tcolor", "0x333333");

   

• Merubah ukuran font

   

  so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");

 

Jika dalam membuat label cloud ini tidak berfungsi, silahkan sobat ganti label text menjadi label cloud. Perhatikan gambar dibawah ini :

 

 

Hanya itu ilmu yang bisa saya bagi-bagi, terima kasih buat roytanck dan amanda fazani yang telah menyediakan javascript untuk label cloud ini. Jika ada pertanyaan silahkan isi di kolom komentar.

Read more »

Siapa yang mengCopy Paste Tulisan pada blog kamu?

Kita bisa mengetahui siapa yang mengCopy paste tulisan yang ada pada blog kita tanpa pemberitahuan terlebih dahulu. Caranya sangat sederhana, kita bisa mengetahui siapa orang yang sudah mencuri karya yang telah kita buat.Orang yang sengaja mengcopy paste tulisan kita sangat merugikan kita, disamping dia telah mencuri tulisan yang telah kita buat, hal ini bisa menimbulkan pengaruh yang buruk

Read more »

CUSTOM DOMAIN BLOGGER

Sudah banyak artikel yang menjelaskan tentang custom domain Blogger, (trus ngapain ditulis lagi ??) ya.. Saya akan menjelaskan dengan bahasa saya sendiri (...alesan padahal untuk isi postingan aja ..hehe) Yup, kita mulai saja. Custum domain adalah salah satu fasilitas dari Blogger yang memungkinkan kita menggunakan Domain kita sendiri seperti contohnya http://www.contoh.com, http://www.contoh.co.cc atau http://www.contoh.co.id.

Langkah pertama adalah membeli domain atau dengan menggunakan doomain gratisan seperti co.cc atau uni.cc setelah itu masuk ke Dashboard --> Settings --> Publishing --> dan pilih Custom Domain














Pada halaman baru pilih Switch to advanced settings,












masukkan alamat domain kita misalnya www.contoh.com , ketik Word Verification dan Save Setting.

Centang Redirect contoh.com untuk meredirect jika ada yang mengetikkan alamat domain kita tanpa www menuju ke alamat domain kita, ketik Word Verification dan Save Setting.

Kembali ke setting DNS Domain

pilih Zona Record isi host dengan www, Type CNAME dan value isi dengan ghs.google.com dan Save Untuk dapat mengakses blogspot kita dengan alamat yang baru biasanya membutuhkan waktu 24 jam.




Akhirnya selesai juga menulis postingan .. hah ... trims telah membaca semoga bermanfaat..

Read more »

Membuat Menu Dengan Fungsi Scroll

Bagi blogger pemula seperti saya, membuat menu dengan fungsi scroll ini awalnya saya pikir susah, padahal jika kita mengerti bahasa pemrograman, membuat menu seperti ini sangatlah mudah. Untuk penghematan tempat jika sobat mempunyai daftar menu yang sangat panjang, menu dengan fungsi scroll ini bisa menjadi solusi yang tepat selain menggunakan marquee atau text berjalan.

 

Dan pembuatan menu ini tidak menggunakan kode HTML yang banyak dan ribet, yup hanya sedikit kode HTML, sobat sudah bisa membuat menunya. Menu ini bisa juga sobat menfaatkan dalam menempatkan blogroll yang panjang atau daftar menu postingan yang sobat miliki.

 

Untuk membuat menunya sobat hanya membutuhkan kode HTML seperti ini :

 

<div style="overflow:auto;width:320px;height:250px;padding:10px;border:1px solid #eee"> 

ISI MENU 

</div>

 

 

Keterangan :

• width --> lebar menu
  
  
• height --> tinggi menu
  
  
• padding --> jarak antar tulisan dengan garis pinggir
  
  
• border --> ketebalan garis pinggir

Tinggal sobat kreasikan sendiri sesuai dengan blog sobat.

Contoh kode HTML untuk menu yang saya punya :

 

<div style="overflow:auto;width:310px;height:200px;padding:10px;border:1px solid #eee">

1.<a href="http://miscah.blogspot.com/2009/04/panduan-membuat-blog.html"> Panduan Membuat Blog</a> 

2.<a href="http://miscah.blogspot.com/2009/04/mengganti-template-blogspot.html"> Mengganti Template Blogspot</a> 

3.<a href="http://miscah.blogspot.com/2009/04/cara-membuat-label-kategori.html"> Cara Membuat Label</a>

4.<a href="http://miscah.blogspot.com/2009/04/untuk-membuat-tampilan-tulisan-atau.html"> Upload Gambar ke Dalam Postingan</a>

5.<a href="http://miscah.blogspot.com/2009/04/cara-pasang-banner-di-blog.html"> Cara Pasang Banner</a>

6.<a href="http://miscah.blogspot.com/2009/04/tutorial-membuat-text-area.html"> Tutorial Membuat Text Area</a>

7.<a href="http://miscah.blogspot.com/2009/04/membuat-favicon.html"> Tips Membuat Favicon</a> 

8.<a href="http://miscah.blogspot.com/2009/04/trik-membuat-read-more.html"> Trik Membuat Read More</a>

9.<a href="http://miscah.blogspot.com/2009/04/cara-pasang-search-engine-di-blog.html"> Cara Pasang Search Engine</a>

10.<a href="http://miscah.blogspot.com/2009/04/menyimpan-file-di-geocitiesyahoocom.html"> Menyimpan File di Yahoo! Geocities</a>

11.<a href="http://miscah.blogspot.com/2009/04/kode-html-tampil-di-postingan.html"> Kode HTML Tampil di Postingan</a>

12.<a href="http://miscah.blogspot.com/2009/04/cara-pasang-meta-tag.html"> Cara Pasang Meta Tag</a>

13.<a href="http://miscah.blogspot.com/2009/04/daftarkan-blog-ke-search-engine.html"> Daftarkan Blog ke Search Engine</a>

14.<a href="http://miscah.blogspot.com/2009/04/alexa-rank.html"> Alexa Rank</a>

15.<a href="http://miscah.blogspot.com/2009/04/tips-membuat-efek-marquee.html"> Tips Membuat Efek Marquee</a>

16.<a href="http://miscah.blogspot.com/2009/05/pasang-kode-tukaran-link.html"> Pasang Kode Tukaran Link</a>

17.<a href="http://miscah.blogspot.com/2009/05/backlink.html"> Backlink</a>

18.<a href="http://miscah.blogspot.com/2009/05/yahoo-messenger-emoticons.html"> Yahoo Emoticons</a>

19.<a href="http://miscah.blogspot.com/2009/04/link-berkelip-warna-warni.html"> Link Berkelip Warna-Warni</a>

20.<a href="http://miscah.blogspot.com/2009/05/tips-membuat-menu-dropdown.html"> Membuat Menu Dropdown</a>

</div>

Hasilnya :

1. Panduan Membuat Blog

2. Mengganti Template Blogspot

3. Cara Membuat Label

4. Upload Gambar ke Dalam Postingan

5. Cara Pasang Banner

6. Tutorial Membuat Text Area

7. Tips Membuat Favicon

8. Trik Membuat Read More

9. Cara Pasang Search Engine

10. Menyimpan File di Yahoo! Geocities

11. Kode HTML Tampil di Postingan

12. Cara Pasang Meta Tag

13. Daftarkan Blog ke Search Engine

14. Alexa Rank

15. Tips Membuat Efek Marquee

16. Pasang Kode Tukaran Link

17. Backlink

18. Yahoo Emoticons

19. Link Berkelip Warna-Warni

20. Membuat Menu Dropdown

 

 

 

Sedikit keterangan tentang elemen diatas :

• overflow:auto adalah kode untuk penggulung halaman apabila isi dari halaman tersebut sudah melampaui batas tinggi atau lebar yang telah di tentukan.
• width:310px adalah lebar bidang yang di inginkan, dalam hal ini adalah sebesar 310 pixel, nilai ini tentunya di sesuaikan dengan keinginan atau di sesuaikan dengan lebar sidebar yang ada. namun, agar selalu sesuai dengan sidebar maka sebaiknya memakai nilai 100% (width:100%).
• height:200px adalah tinggi bidang yang di inginkan, nilai ini bisa di ubah sesuai keinginan, misal jadi 300px.
• padding:10px adalah jarak agar tulisan yang ada dalam halaman tersebut tidak menabrak dinding halaman, nilai ini tentu saja bisa di ubah sesuai keinginan. misal : padding:5px.
• border:1px solid #eee adalah garis pada pembatas setiap sisinya, #eee untuk kode warna abu-abu.

Selamat Mencoba !!

Read more »

Disable Klik Kanan ( Right Click )

Sudah sering kita jumpai sebuah website atau blog yang menonaktifkan klik kanan atau right click pada halaman blog tersebut. Berarti blog tersebut sangat hati - hati dalam menjaga privasi agar page source tidak dapat di lihat oleh orang lain. Sobat pun bisa membuat blog sobat menjadi disable klik kanan.

Sebuah website atau blog pasti ada yang mengandung konten privasi, seperti gambar yang kiranya sangat riskan untuk di copy oleh orang lain dan untuk keperluan yang bisa sangat merugikan sobat. Untuk itu di perlukan teknik men-disable klik kanan pada blog, maka gambar - gambar yang sangat privasi tidak akan bisa di copy dan di salahgunakan oleh orang lain.

Berikut langkah - langkahnya :

1. Login ke Blogger dengan ID sobat.
   
   
2. Klik Tata Letak --> Elemen Halaman.
   
   
3. Pilih yang HTML/JavaScript.
   
   
4. Copy kode dibawah ini ke dalam kolom kosong yang tersedia :

<script>
var message="Maaf, Klik Kanan Tidak Diperbolehkan !";
///////////////////////////////////
function clickIE4(){if (event.button==2){alert(message);return false;}}
function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}}
if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}
else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}
document.oncontextmenu=new Function("alert(message);return false")
</script>

kemudian Save, dan lihat hasilnya.
Mudah - mudahan dengan disable klik kanan pada blog sobat, gambar atau file privasi milik sobat akan aman dari tangan - tangan orang yang tidak bertanggung jawab.
Oke..selamat mencoba !!

Read more »

Menampilkan posting terbaru berdasarkan label

Bagaimana cara menampilkan posting terbaru berdasarkan label pada blog?. Mungkin sudah banyak yang sudah tahu tips blogger satu ini.Tapi saya akan mencoba berbagi dengan teman-teman semua. Posting terbaru berdasarkan label adalah, recent post yang tampil dari posting yang kita buat dengan label atau kategori tertentu.Bagaimana cara membuatnya?...Cara membuatnya cukup sedernaha.1. Tentu kamu harus

Read more »

Kotak Postingan Terpisah

Perhatikan blog ini, terlihat kolom postingan blog saya terpisah antara satu postingan dengan postingan yang lain.

Kolom postingan terpisah seperti ini juga terlihat lebih enak dipandang dan lebih memudahkan pengunjung blog dalam membedakan isi artikel yang kita tulis, daripada kolom postingan yang menyatu atau dalam 1 kotak saja.

Jika sobat ingin blog sobat tampilannya seperti ini, berarti sobat benar telah membaca artikel ini..

Untuk pemasangan kolom yang seperti ini, sobat hanya memerlukan sedikit tambahan kode HTML saja yang nantinya akan disisipkan ke blog sobat.

Berikut langkah - langkahnya :

1. Silahkan login dahulu ke Blogger dengan ID sobat tentunya.
   
   
2. Klik Tata Letak.
   
   
3. Klik tab Edit HTML.
   
   
4. Setelah itu cari kode yang seperti ini
   
   

   .post {

   
   
   
5. Kemudian tambahkan kode berikut ini tepat setelah kode tersebut
   
   

   Padding:15px; /* Jarak text post dengan garis pinggir */ Border-top: 2px solid #000000; /* warna garis pinggir atas */ Border-bottom: 2px solid #000000; /* warna garis pinggir bawah */ Border-left: 2px solid #000000; /* warna garis pinggir kiri */ Border-right: 2px solid #000000; /* warna garis pinggir kanan */ Margin-bottom: 30px; /* jarak antara post yang satu dengan yang lainnya */

   
   
   
6. Save Template.

Sekarang coba sobat lihat hasilnya, jika sobat benar meletakkan kode HTML nya Insya Allah pasti akan berhasil dan sama seperti punya saya. Tapi masih dalam bentuk kotak kaku alias lancip pada ujung - ujungnya. Nanti jika sempat akan saya tulis postingan tentang membuat garis melengkung pada sudut kolom.

Selamat mencoba !!

Read more »

Pasang Widget Alexa di Blog

Dalam artikel saya sebelumya yang membahas tentang Alexa Rank, maka postingan kali ini khusus membahas bagaimana cara pasang widget Alexa di blog.

Pada bahasan sebelumya, sudah saya jelaskan manfaat dari memasang toolbar Alexa di blog, nah sama dengan memasang toolbar Alexa, memasang widget Alexa juga fungsinya tidak lain adalah untuk meningkatkan traffic blog kita.

Alexa rank membuat peringkat berdasarkan banyaknya pengunjung blog kita, semakin banyak pengunjung blog atau web maka alexa rank akan tinggi nilainya. Darimana alexa mengetahui jumlah kunjungan suatu web atau blog? alexa akan mengetahui jumlah kunjungan terhadap suatu web atau blog berdasarkan informasi dari komputer yang browser internetnya memasang alexa toolbar.alexa widget pada blog atau web untuk mendapatkan data yang akurat tentang banyaknya kunjungan. Dengan memasang alexa widget di blog, maka mesin alexa akan mengetahui secara akurat berapa pengunjung serta Page view (halaman yang di lihat) pada web atau blog sobat.

^^^ Langkah Pertama

1. Klik disini untuk login ke Alexa
   
   
2. Masukkan alamat blog sobat pada kolom yang tersedia, contoh --> www.miscah.blogspot.com kemudian klik tombol "Build Widget"
   
   
   
   
3. Kemudian akan ada halaman yang memperlihatkan 3 ukuran dan bentuk widget yang berbeda, silahkan pilih sesuai selera sobat. Copy kode HTML yang terdapat didalam kolom kedalam notepad atau word.
   
   

^^^ Langkah Kedua

1. Login ke Blogger dengan ID sobat tentunya.
   
   
2. Klik Tata Letak
   
   
3. Klik tab Elemen Halaman
   
   
4. klik Tambah Gadget
   
   
5. Kemudian klik yang HTML/Java Script.
   
   
   
   
6. Paste kode HTML yang tadi sobat simpan di notepad kedalam kolom yang tersedia.
   
   
7. Klik Simpan.
   
   
8. Selesai.
   
   Selamat Mencoba !! mudah-mudahan dengan terpasangnya widget Alexa, blog sobat jadi semakin tinggi peringkatnya di Alexa.

Read more »

Mengganti warna Tulisan & Background Footer

Pada kesempatan kali ini saya akan mencoba berbagi Cara Mengganti warna Tulisan dan Background Footer, contohnya kamu bisa melihat tampilan kotak hitam yang ada di bawah blog saya ini.Kotak hitam tersebut adalah footer dari blog tips blogger saya ini. Apabila kamu ingn mengganti warna tulisan atau background dari footer pada blog kamu, silahkan ikuti langkah-langkah pada tips kali ini.Yang

Read more »

CARA CEPAT TERINDEX DI GOOGLE SEARCH

Google.Com mempunyai tool untuk mendaftarkan blog kita agar terindex di mesin pencari google yaitu Webmaster Tool.Dengan tool ini nggak sampai 1x24 jam blog dan semua postingang kita sudah terdaftar di google.

Caranya ???

1. Langsung kita menuju lokasi http://www.google.com/webmasters/tools (kita akan dibawa kehalaman Dashboard)


2. Isikan alamat URL Blog misal "http://free-blog-tutorial.blogspot.com" Klik Add site



3. Tunggu sampai muncul "your site has been add ...." klik Verify your site



4. Pilih mode Verifikasi "Add a meta tag" akan muncul meta tag kode, blog dan copy


5. Buka dashboard blog kita -->layout --> Edit HTML --> Download Full Template (untuk bakup template)


6. Cari kode <head> dan paste kode verifikasi dibawahnya dan Save


7. Kita kembali ke webmaster tool klik tombol Verify dan tunggu sampai muncul pemberitahuan bahwa verivikasi blog kita sukses ... ses...






8. Sudah selesai .... ?? Belum. Kita akan menambahkan sitemap. Klik Sitemaps disebelah kiri.



9. Ketik atom.xml disamping alamat blog dan klik "Submit Sitemap"

10. Ini baru beres..Akan muncul "You have added free-blog-tutorial.blogspot.com/atom.xml. Reports may take several hours to update. Thank you for your patience!" yang artinya kira2 kita disuruh menunggu beberapa jam sampai Pak Google selesai memeriksanya.



Coba kita tunggu besok saja dan kita cek hasilnya di google search dengan memasukkan keyword "site:http://free-blog-tutorial.blogspot.com" kalau tidak ada yang salah akan muncul semua postingan kita di mesin pencari punya mbah google .... hehe...Trims ya Mbah.

Read more »

Tips Membuat Menu Dropdown

Untuk menghindari arsip blog yang menumpuk atau berderet kebawah terlalu panjang, kita bisa menggunakan menu dropdown agar terlihat lebih efisien. Karena semakin banyak dan semakin lama kita ngeblog maka arsip blog kita akan bertambah panjang daftarnya. Seperti yang kita ketahui, blog di arsip setiap bulan. Bagaimana kalau sobat ngeblog bertahun-tahun, tentu akan semakin panjang kan daftar bulan arsip blog sobat.
Berikut ada sedikit tips untuk membuat menu dropdown, tapi saya hanya akan menjelaskan cara membuat menu dropdown untuk yang memakai template baru, karena saya sendiri juga menggunakan template baru.

• Login ke Blogger dengan ID sobat tentunya.
• Klik Tata Letak.
• Kemudian klik Elemen Halaman.
• Klik tambah Gadget --> kemudian pilih menu yang bertulikan Arsip Blog
• Disamping tulisan style, pilih radio button yang bertuliskan Dropdown Menu --> kemudian contreng kotak radio button tersebut.
• Klik Simpan.
• Itu tadi menu dropdown untuk Arsip Blog sobat, lantas bagaimana cara membuat menu dropdown yang didalamnya terdapat link. Seperti ini kode HTML nya :
  
  
  <form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu><option value=0 selected>judul menu</option>
  <option value="isi dengan addres yang ingin di tuju">judul link disini</option> </select></form>
  
  
• Contohnya seperti berikut :
  
  
  <form><select name="menu"  onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>
  <option>Blogspot Tutorial</option>
  <option value="http://miscah.blogspot.com/2009/05/yahoo-messenger-emoticons.html">Yahoo! Emoticons</option>
  <option value="http://miscah.blogspot.com/2009/04/tips-membuat-efek-marquee.html">Membuat Efek Marquee</option>
  <option value="http://miscah.blogspot.com/2009/04/cara-membuat-label-kategori.html">Cara Membuat Label</option>
  <option value="http://miscah.blogspot.com/2009/04/tutorial-membuat-text-area.html">Membuat Teks Area</option>
  <option value="http://miscah.blogspot.com/2009/04/membuat-favicon.html">Tips Membuat Favicon</option>
  <option value="http://miscah.blogspot.com/2009/04/trik-membuat-read-more.html">Tips Membuat Read more</option>
  </select></form>
• Hasilnya :
  
  
  Blogspot Tutorial Yahoo! Emoticons Membuat Efek Marquee Cara Membuat Label Membuat Teks Area Tips Membuat Favicon Tips Membuat Read more

Sangat mudah bukan, silahkan dicoba !

Read more »

Memasang gambar sebagai background tulisan

Bagaimana cara Memasang gambar sebagai background tulisan?. Contohnya bisa kamu lihat pada formulir feedburner yang saya miliki.Caranya sangat mudah, apabila kamu ingin mengetahui cara memasangnya, cukup ikuti langkah-langkah sederhana yang akan saya tuliskan berikut ini.Silahkan lanjut membaca untuk mengetahui cara memasang gambar sebagai background dari tulisan...Langkah-langkahnya adalah :1.

Read more »

Tanya jawab sahabat Tips Blogger

Ruang ini dikhususkan untuk sahabat tips blogger yang ingin bertanya tentang Tips blogger, tutorial blogspot, kode html, Seo, bisnis online, dan hal-hal yang berhubungan dengannya.Sahabat tips blogger bisa mengirimkan pertanyaannya pada kotak komentar pada postingan ini, saya membuat ruang ini bertujuan untuk mencoba lebih membantu sahabat semua yang ingin mudah dalam memajukan dan mengembangkan

Read more »

BlogRoll Dan About me

Posting ini saya buat untuk mengatur tata letak dari blog saya ini, saya bermaksud mengatur tampilan dari blog tips blogger agar enak dilihat.

Maka saya memindahkan About me atau tentang saya dan blogRoll atau link teman pada postingan ini. Tidak ada maksud lain selain mempercantik tampilan dari blog tips blogger ini hehehehe...

O ya bagi kamu yang ingin tukeran link silahkan berkomentar pada

Read more »

MEMBUAT RECENT POST DAN RECENT COMMENT

Seperti posting saya sebelumnya tentang membuat recent comment, banyak cara lainnya untuk membuat recent post atau recent comment. Salah satunya seperti dibawah ini. Untuk membuat recent post atau recent comment sebenarnya membutuhkan kode-kode yang sangat rumit terutama untuk orang awam seperti saya. Tapi dengan Script Generator seperti dibawah ini membuat recent post dan recent comment menjadi sangat simpel.

Kita tinggal memasukkan alamat URL blog misalnya http://free-blog-tutorial.blogspot.com dan berapa jumlah komentar atau posting terbaru yang
akan ditampilkan lalu klik Enter. Kita tinggal copy kode dan letakkan di lokasi blog yang kita inginkan. Setandarnya Script Generator adalah kode recent post, untuk recent comment tinggal kita ganti kode http://free-blog-tutorial.blogspot.com/feeds/posts/default
dengan http://free-blog-tutorial.blogspot.com/feeds/comments/default , hasil dari recent post generator seperti dibawah ini.

Tapi jangan lupa, kalau tidak keberatan tolong link balik blog ini ya. thanks.

Read more »

Yahoo! Messenger Emoticons

Ini dia yang paling seru dalam membuat postingan di blog, kita bisa menambahkan yahoo emoticons ke dalam postingan kita. Yahoo emoticons ini sebenarnya gambar yang bisa mengekspresikan diri kita dalam setiap tulisan yang kita buat, ekspresi senang, marah, lagi nyengir, sampai jatuh cinta juga ada.

Selain bisa membuat tulisan jadi lebih bervariasi, yahoo emoticons ini juga efektif dalam penulisan kata-kata, jadi kita tidak perlu menulis kata - kata yang panjang lebar untuk menunjukkan emosional kita, cukup dengan yahoo messenger emoticons pembaca sudah bisa melihat ekspresi kita.

Saya lagi marah nih : ..... .....

Biar marah tetap nyengir coey..hehe
Berikut beberapa contoh gambar beserta kode HTML nya

:)happy
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif" width=18 height=18 border=0>

:(sad
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif" width=18 height=18 border=0>

:Dbig grin
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif" width=18 height=18 border=0>

:-/confused
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif" width=20 height=18 border=0>

;)winking
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif" width=18 height=18 border=0>

;;)batting eyelashes
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif" width=18 height=18 border=0>

>:D<big hug
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/6.gif" width=42 height=18 border=0>

:">blushing
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/9.gif" width=18 height=18 border=0>

:xlove struck
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif" width=18 height=18 border=0>

:Ptongue
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif" width=18 height=18 border=0>

:-*kiss
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif" width=18 height=18 border=0>

X(angry
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif" width=34 height=18 border=0>

:-Osurprise
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif" width=18 height=18 border=0>

=((broken heart
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif" width=18 height=18 border=0>

:>smug
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif" width=18 height=18 border=0>

B-)cool
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif" width=18 height=18 border=0>

#:-Swhew!
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif" width=34 height=18 border=0>

:-Sworried
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/17.gif" width=18 height=18 border=0>

>:)devil
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/19.gif" width=18 height=18 border=0>

:((crying
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif" width=22 height=18 border=0>

:))laughing
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif" width=18 height=18 border=0>

/:)raised eyebrow
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/23.gif" width=18 height=18 border=0>

=))rolling on the floor
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif" width=30 height=18 border=0>

O:-)angel
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif" width=30 height=18 border=0>

:-Bnerd
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif" width=24 height=18 border=0>

=;talk to the hand
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/27.gif" width=18 height=18 border=0>

Selamat Mencoba, jadikan postingan sobat lebih berwarna..

Read more »