2010-12-26

Selasa, 28 Desember 2010

User Online Status

Berbicara masalah blog tools, kayanya saya jarang sekali membahasnya. Dari sekian banyak artikel yang telah saya posting, tercatat baru dua artikel yang membahas tentang blog tools. Untuk itu dalam postingan kali ini akan di bahas salah satu blog tools yang banyak di gunakan oleh para blogger yakni tool untuk mengetahui berapa banyak pengguna/user yang sedang online pada blog milik kita.

Disamping berfungsi sebagai blog tools, tool ini berfungsi juga sebagai aksesori blog yaitu untuk menghiasi halaman blog milik kita agar tampak lebih cantik dan menarik untuk dilihat oleh para pengunjung. Oleh karena alasan tadi banyak penyedia tool ini yang menawarkan tampilan-tampilan yang unik serta menarik di samping fungsi utamanya yakni melacak user yang sedang online di blog kita.

Ok, biar ga bosan baca intermezo yang terlalu panjang dan garing, langsung saja pada topik bahasan utama.Untuk mendapat tool user online status, salah satunya kita bisa mendapatkan dari www.Geovisite.com, untuk langkah-langkahnya silahkan ikuti langkah berikut :

   1. Silahkan buka www.geovisite.com

   2. Klik tulisan Register yang berada di bawah gambar Geo counter Flash

   3. Tulis alamat email sobat pada kotak kosong di samping tulisan Email

   4. Tulis address blog milik sobat disamping tulisan URL. Contoh : http://rubrik-elektronik.blogspot.com

   5. Tulis kata untuk login di samping tulisan Login (4/12). Contoh : amen24

   6. Tulis password yang di inginkan disamping tulisan password (4/8). Contoh : kinoy

   7. Pilih waktu yang sesuai dengan daerah sobat disamping tulisan Location. contoh :untuk daerah jakarta adalah Asia/Jakarta (GMT+7)

   8. Pilih kategori yang sesuai dengan blog sobat di samping tulisan Category. Contoh : Internet

   9. Pilih bahasa yang sesuai dengan blog sobat di samping tulisan Language of your site. Contoh : English (soalnya kalo indonesia ga ada, belum di akui bo)

10. Pilih judul blog sobat disamping tulisan Title. Contoh : Rubrik Elektronik

11. Tulis deskripsi dari blog milik sobat pada kotak di samping tulisan Descriptioan. Contoh : All about Electronic, tips, maintenance, until how to service the equipment of electronic

12. Klik tombol yang berlogo disket

13. Copy salah satu kode HTML yang dinginkan, antara lain : GEOGLOBE, GEOCOUNTER, GEOMAP lalu paste pada program notepad

14. Silahkan close window browser sobat

15. langkah selanjutnya adalah memasukan kode HTML tersebut pada kode HTML milik sobat, nah untuk langkah ini sudah saya bahas, silahkan klik di sini untuk membacanya

16. Selesai.

Agar sobat bisa menentukan pilihan mana yang harus di pilih apakah GEOGLOBE, GEOCOUNTER, atau GEOMAP ? Silahkan klik di sini untuk melihat secara nyata gambar dari ketiga pilihan tadi, tunggu beberapa saat,loadingnya lumayan sedikit lama. Kenapa tidak saya cantumkan di sini,alasannya yaitu agar halaman blog ini tidak terlalu berat untuk di akses makanya sengaja saya pisahkan.

Sebagai tambahan, situs penyedia yang lainnya sobat bisa kunjungi di :

    * http://www.neoworx.net

    * http://www.webfooted.net

    * http://www.fastonlineusers.com

    * http://www.histats.com

http://kolom-tutorial.blogspot.com/2007/05/user-online-status.html

Senin, 27 Desember 2010

Cara Pasang Title dan Meta Tags

--Masuk ke Edit HTML.
--Cari kode (letaknya di atas) berikut :

<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[

Tips :
Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser, sehingga kamu tinggal memasukkan kata yang ingin dicari.

--Ganti kode yang berwarna merah dengan kode di bawah ini :

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

--Catatan :
Untuk menambah title, kamu bisa melakukan edit terhadap kode di atas (perhatikan kode yang berwarna biru), contoh :

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/> | Tips SEO | Trik Blogger | Blogger Indonesia</title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
atau
<b:if cond='data:blog.pageType == "index"'>
<title>Tips SEO | Trik Blogger | Blogger Indonesia | <data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

--Setelah selesai mengganti title tag, sekarang tambahkan kode Meta Tags di bawahnya.

<meta content="...deskripsi tentang blog kamu..." name="description"/>
<meta content="keyword1,keyword2,keyword3,..." name="keywords"/>
<meta content="INDEX, FOLLOW" name="robots"/>
Catatan :
Ganti kode yang berwarna biru dengan deskripsi dan keyword blog kamu.
contoh :
<meta content="Tips dan trik blog optimization melalui Tips SEO dan trik blogger serta berbagai jenis optimasi blog lainnya" name="description"/>
<meta content="source code,search engine,SEO,template,templates,ranking,blog optimization,kode HTML,backlink,widget,gadget,blogger stuff,tips seo,kata kunci,tips blogging,free directory,traffic,trafik,trik blogger,optimasi blog,promosi,untuk indonesia" name="keywords"/>
<meta content="INDEX, FOLLOW" name="ROBOTS"/>

    Jadi keseluruhan kodenya akan terlihat seperti ini :
    <head>
    <b:include data='blog' name='all-head-content'/>

    <b:if cond='data:blog.pageType == "index"'>
    <title><data:blog.pageTitle/> | Tips SEO | Trik Blogger | Blogger Indonesia</title>
    <b:else/>
    <title><data:blog.pageName/></title>
    </b:if>

    <meta content='Tips dan trik blog optimization melalui Tips SEO dan trik blogger serta berbagai jenis optimasi blog lainnya' name='description'/>
    <meta content='source code,search engine,SEO,keyword,template,templates,keywords,ranking,blog optimization,kode HTML,backlink,widget,gadget,blogger stuff,tips seo,kata kunci,tips blogging,free directory,traffic,trafik,trik blogger,optimasi blog,promosi,untuk indonesia' name='keywords'/>
    <meta content='INDEX, FOLLOW' name='ROBOTS'/>

    <b:skin><![CDATA[

--Jangan lupa disimpan.

Sekarang coba klik "Lihat Blog" (dikurung kotak merah) dan perhatikan perubahan judul blog kamu di bagian paling atas browser.

http://optimasi-blog.blogspot.com/2010/06/cara-pasang-title-dan-meta-tags-agar.html

Membuat Arsip Blog model Scroll

Update, membuat arsip blog menjadi scroll. Trik ini sama seperti model scroll yang lain, contohnya Label Scroll dan Scrolling pada Box Comments.
Kita hanya menambahkan script berikut:
<div style='overflow:auto; width:ancho; height:100px;'>

Untuk letaknya apa udah pada tau? Kalo belum, ayo kita lihat caranya:

   1. Login - Layout - Elemen halaman
   2. Buat widget Arsip dengan nama Arsip Blog
   3. Pilih model Hirearchy untuk model ini
   4. Save
   5. Masuk ke Edit HTML - cek kotak Expand Template Widget
   6. Cari 'Arsip Blog'. Selengkapnya begini:

          <b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
          <b:includable id='main'>
          <b:if cond='data:title'>
          <h2><data:title/></h2>
          </b:if>
          <div class='widget-content'>
          <div style='overflow:auto; width:ancho; height:100px;'>
          <div id='ArchiveList'>
          <div expr:id='data:widget.instanceId + "_ArchiveList"'>
          <b:if cond='data:style == "HIERARCHY"'>
          <b:include data='data' name='interval'/>
          </b:if>
          <b:if cond='data:style == "FLAT"'>
          <b:include data='data' name='flat'/>
          </b:if>
          <b:if cond='data:style == "MENU"'>
          <b:include data='data' name='menu'/>
          </b:if>
          </div>
          </div></div>
          <b:include name='quickedit'/>

   7. Sebelumnya tidak ada kode merah di template Anda. Tambahkan kode itu untuk mengaktifkan scrolling-nya
   8. Simpan template Anda dan lihat hasilnya

Semoga bermanfaat!!!

http://www.ardi33.web.id/2010/01/membuat-arsip-blog-model-scroll.html

Cara Membuat Menu DTree

Menu Dtree ini sangat berguna jika kamu memiliki postingan yang buanyak, karena dengan menggunakan menu Dtree maka akan bisa menghemat space/ruang yang ada di blogmu. Nah kamu pingin tahu cara membuatnya?

Beginilah cara membuatnya :

1. Login to Blogger, trus pilih "Layout --> Edit HTML"
2. Taruh kode berikut ini diatas kode <head>

<link rel="StyleSheet" href="http://www.geocities.com/uddin_81/dtree.css" type="text/css" />
<script type="text/javascript" src="http://www.geocities.com/uddin_81/dtree.js"></script>

3. Trus Klik Tombol "Save

4. Setelah itu copy kode berikut ini dan pasang di sidebar kamu, udah tahu tho cara pasangnya? itu lho di menu "Page Element" trus klik "Add a Gadget --> HTML/Javascript". Inolah script yang harus kamu copy di sidebar kamu.

<div class="dtree">
<script type="text/javascript">

</script>
</div>

berikut ini keteranganya:
- Ganti tulisan "link.html" dengan link kamu (judul posting kamu).
- Angka yang pertama harus unik tidak boleh ada yang sama (d.add(1,0,’Node 1’,’link.html’);
- Angka yang kedua merupakan cabang dari angka pertama (perhatikan angka-angka yang memiliki warna sama).

- Kamu bisa mengganti icon-iconnya dengan icon kamu sendiri, contoh scriptnya akan seperti ini:

d.add(10,0,’Profile’,’link.html’,’’,’’,’http://kendhin.890m.com/dtree/trash.gif’);

Ganti text "http://kendhin.890m.com/dtree/trash.gif" dengan alamat gambar kamu. contohnya akan seperti ini :

Nha gampang tho .....

http://trik-tips.blogspot.com/2008/02/cara-membuat-menu-dtree.html

Cara Membuat Search Engine

Tentu 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. Angka 30 menunjukkan panjang kotak (text box) semakin banyak angkanya maka semakin panjang textbox-nya.

http://trik-tips.blogspot.com/2007/12/cara-membuat-search-engine.html

Cafe Bloggerz

Iklan Dalam Negeri