herihasibuan

wh menu

2011-10-11T04:04:00.000-07:00

DOWNLOAD AJA LANGSUNG
full cash
pass dewaGM

Fitur:

- Replace Weapon

2011-10-07T08:01:00.000-07:00

Membuat Menu Vertikal Melayang. Di Pinggir. Sahabat informasi maya seperti yang kita tau berbagai macam cara dilakukan para blogger untuk menghemat ruang di blognya salah satunya dengan buku tamu melayang, kotak blogrol, sampai menu navigasi yang melayang. Nah pada kesempatan kali ini kang salman akan membahas bagaimana cara membuat menu navigasi yang tersembunyi/melayang. ya tentunya ini untuk menghemat ruang blog kita. Lihat Demonya di Kiri blog ini

Bagi sobat yang ingin menampilkan menu melayang ikuti panduan dibawah ini!

1. Masuk ke Blogger dengan ID sobat.
2. Pilih Design (Rancangn) ---> Edit HTML.
3. Back up template dulu, untuk antisipasi kalau gagal.
4. Cari kode ini : </head> pada template anda.
5. Copy Seluruh script dibawah ini, kemudian paste tepat bawah </head>

<script src='http://elmubarok.googlecode.com/files/floating1.js' type='text/javascript'/>
<script>
YOffset=150;
XOffset=0;
staticYOffset=30;
slideSpeed=20
waitTime=100;
menuBGColor="#cc0000";
menuIsStatic="yes";
menuWidth=120;
menuCols=3;
hdrFontFamily="verdana";
hdrFontSize="2";
hdrFontColor="black";
hdrBGColor="#cc0000";
hdrAlign="left";
hdrVAlign="center";
hdrHeight="15";
linkFontFamily="Verdana";
linkFontSize="2";
linkBGColor="white";
linkOverBGColor="#cc0000";
linkTarget="_top";
linkAlign="Left";
barBGColor="#cc0000";
barFontFamily="Verdana";
barFontSize="2";
barFontColor="white";
barVAlign="center";
barWidth=20; // no quotes!!
barText="MENU";
// ----- Mulai Edit Menu
ssmItems[0]=["OPTION :"] //Header Menu
ssmItems[1]=[" Home", "/", ""]
ssmItems[2]=[" About Me", "http://www.kucoba.com/2010/03/profil.html",""]
ssmItems[3]=[" Tutorial Blog", "http://www.kucoba.com/2009/09/tutorial-mudah-blog.html",""]
ssmItems[4]=[" Tips Blog", "http://www.kucoba.com/2010/07/kumpulan-tips-blogspot.html",""]
ssmItems[5]=[" Buku Tamu", "http:/www.kucoba.com/2009/10/buku-tamu.html", "_new"]
ssmItems[6]=[" Lowongan Kerja", "http://www.kucoba.com/2010/11/kumpulan-lowongan-kerja-terbaru-di.html", ""]
ssmItems[7]=[" Dinamika Cinta", "http://www.kucoba.com/search/label/Dinamika Cinta", ""]
buildMenu();
//----- Selesai Edit Menu
</script>

Keterangan:

Posting ini telah di perbaiki terakhir tanggal 17 April 2011 100% work
Silahkan rubah WELCOME dengan tulisan apa saja yang cocok dengan kehendak sobat
kode yang berwarna biru wajib sobat ganti dengan alamat-2 punya sobat.
MY MENU boleh kita ganti dengan MENUKU, DAFTAR MENU dll.
Tulisan yang berwaran biru, silakan ubah dengan kode warna yang kalian suka
Masih banyak lagi yang bisa sobat utak-atik.
Terakhir simpan. semoga berhasil

Oke semoga tips ini bermanfaat bagi anda, selamat menikamati menu melayang blogger

2011-10-06T08:51:00.000-07:00

membuat menu lebel tersembuni

2011-10-05T09:50:00.000-07:00

Seperti apa sih Menu label tersembunyi? sedikit saya terangkan terlebih dahulu. menu label tersembunyi hampir sama persis dengan shoutmix atau shoutbox tersembunyi di pinggir halaman blog kita. klik disini untuk membuat sohoutmix tersembunyi. dimana kita mengklik Menunya akan otomatis membuka. selain bentuk nya yang unik tentunya membuat blog kita keliatan menarik. nah dari pada penasaran kita langsung saja ke inti nya.ikuti tips-tips di bawah ini.

Log in dulu ke blogger
Tata letak
Edit HTML
Beri tanda centang "Expand Template Widget"
Kemudian cari kode </head>
Letak kan kode dibawah ini di atas nya
<style>
#menu1 a {color:white;background-color:#3D81EE;text-decoration:none;text-indent:1ex;}
#menu1 a:active {color:white;text-decoration:none;}
#menu1 a:hover {color:brown;background-color:#0066CC}
#menu1 a:visited {color:yellow;text-decoration:none;}
</style>
<script language='JavaScript1.2' src='http://www.geocities.com/adestd40/mmenu.js'/>
<script>
resizereinit=true;

menu[1] = {
id:'menu1',
bartext:'MENU BLOG',
menupos:'right',
barbgcolor:"#FF0000",
barcolor:"WHITE",
barfontweight:"bold",
barfontsize:'100%',
bordercolor:'#ffffff',
fontsize:'100%',
linkheight:20 ,
hdingwidth:210 ,

menuItems:[
["Home", "http://jayaputrasbloq.blogspot.com", "_self"],
["Tutorial", "http://jayaputrasbloq.blogspot.com/search/label/tutorial", ""],
["tips", "http://jayaputrasbloq.blogspot.com/search/label/tips", ""],
["bisnis", "http://iklanbaris16.blogspot.com/search/label/bisnis", ""],
["selanjutnya", "http://iklanbaris16.blogspot.com/search/label/selanjutnya", ""],
["Back To Top", "#", ""] //pada akhir entry jangan dikasih koma]};make_menus();
</script>
Kemudian simpan tamplate anda dan liat hasilnya

Catatan:

Tulisan berwarna merah tukar dengan label blog anda.
Tulisan berwarna biru itu untuk label selanjutnya.silahkan tambah dan ganti dengan alamat label postingan anda.

Selamat mencoba...........

cara membuat menu label tersembunyi, langkah menambah menu label tersembunyi di blog, tutorial memasang menu label tersembunyi di blogspot, cara menambah menu label tersembunyi, menu label tersembunyi tutor, widget menu label tersembunyi.

cara menambah Daftar isi pada blog

2011-10-05T09:30:00.000-07:00

klik gambar untuk memperbesarKeberadaan daftar isi sangat lah penting untuk para pengunjung... karna sangat membantu para pengunjung untuk mencari article yang mereka temukan. liat contoh klik disini .untuk membuat nya sangat lah mudah ikuti saja langkah-langkah di bawah ini:

Langkah Pertama

Log in dulu di blogger
Klik Layouts --> Edit HTML -->
Beri centang di Expand Widget Template.
cari kode dibawah ini

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

ganti kode diatas dengan kode dibawah ini

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'><div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;"><data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

Save tamplate

Langkah Kedua

klik layout
Klik Add a Gadget
Klik HTML/Javascript
Masukan kode di bawah ini

<a href="http://NamaBlogAnda.blogspot.com/search?max-results=200">Daftar Isi»</a>

Ganti yang berwarna merah dengan alamat blog anda
Save Lihat hasilnya...

Selamat mencoba

cara menambah Daftar isi pada blog, cara membuat Daftar isi di blogspot, tutorial membuat Daftar isi di blogger, Daftar isi tutorial, tips Daftar isi pada blog, cara mudah membuat Daftar isi pada blogspot.

Cara Membuat Floating Share Button

2011-10-03T08:13:00.000-07:00

Cara Membuat Floating Share Button - Membuat share button melayang (floating button) ini merupakan kelanjutan dari posting saya sebelumnya Cara Memasang Button Share Artikel di Blog. Bedanya kalau tombol share melayang ini hanya untuk berbagi artikel ke 4 layanan social bookmark saja yaitu share artikel ke Facebook, Twitter, Google Buzz dan Google Plus One ( +1 ). Yang penting bisa berbagi artikel postingan lah.

Baik sobat langsung saja nih cara memasang share button melayang di blog :

1. Login ke dashboard blogger anda.

2. Pilih Rancangan > Elemen Laman > Add gadget (HTML/JavaScript).

3. Copy script dibawah ini dan paste kedalam gadget baru tadi.

<style>

#pageshare {position:fixed; bottom:15%; margin-left:-71px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;}

#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

.fb_share_count_top {width:48px !important;}

.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;}

.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

</style>

<div id="pageshare" title="Get this code from rayhanzhampiet.blogspot.com">

<div class="sbutton" id="fb">

<a href="http://www.facebook.com/sharer.php" name="fb_share" type="box_count">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript">

</script></div>

<div class="sbutton" id="rt">

<script src="http://tweetmeme.com/i/scripts/button.js" type="text/javascript">

</script></div>

<div class="sbutton" id="gb">

<a class="google-buzz-button" data-button-style="normal-count" href="http://www.google.com/buzz/post" title="post on google buzz">

<script src="http://www.google.com/buzz/api/button.js" type="text/javascript">

</script>

</a></div>

<div class="sbutton" id="gplusone">

<script src="http://apis.google.com/js/plusone.js" type="text/javascript">

</script>

<g:plusone size="tall"></g:plusone></div>
</div>

4. Save / Simpan.

TIPS PENGATURAN HACK HEADING AGAR MENJADI SEO FRIENDLY

2011-10-03T08:06:00.000-07:00

Pengaturan tag heading H1, H2, H3,dst. pada template merupakan hal yang sangat penting untuk dilakukan, karena dengan pengaturan struktur tag heading yang baik maka template blog kita akan menjadi lebih seo friendly. Sebagaimana kita ketahui, biasanya pada template bawaan blogspot penempatan tag heading tidak tertata dengan baik. Hal seperti ini berdampak pada blog ataupun judul postingan kita menjadi lambat sekali terindeks oleh Google. Nah seperti apa pengaturan tag heading yang baik dan seo friendly tersebut ? Tips blogging kali ini akan membahasnya untuk anda.

Menurut beberapa referensi yang saya baca mengenai optimasi seo, untuk lebih meningkatkan kualitas seo dari blog kita maka kita harus menggunakan susunan tag heading H1 sebagai title/judul blog, tag heading H2 sebagai title/judul postingan atau judul artikel serta tag heading H3 untuk widget. Untuk mengecek seperti apa susunan tag heading pada template anda sebelum dan sesudah ditata nantinya, anda dapat mengeceknya melalui link heading checker ini. Cara pengaturan tag heading agar sesuai seperti yang saya sebutkan adalah sebagai berikut :

Langkah dibawah ini untuk menjadikan tag h2 sebagai tag titile/judul postingan.

Cari kode seperti dibawah ini :

<h3 class="post-title entry-title"> <b:if cond="data:post.link"> Bla..bla..bla.., dan seterusnya sampai kode dibawah ini ya..!! </b:if></h3>

Gantilah tag h3 menjadi h2.

Cari lagi kode seperti dibawah ini :

<h3 class='mobile-index-title entry-title'> <data:post.title/> </h3>

Gantilah tag h3 menjadi h2.

Lanjutkan dengan mencari kode seperti ini :

<Group description="Post Title" selector="h3.post-title, h4, h3.post-title a">

Ganti tag h3 menjadi tag h2.

Selanjutnya kita akan merubah tag heading pada widget blog anda.

Carilah kode seperti dibawah ini pada template anda :

<b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if>

Ubahlah tag h2 menjadi h3.

Jika anda memiliki 5 buah widget yang terpasang pada sidebar, maka anda harus mencari kelima tag heading widget tersebut dan gantilah tag h2 menjadi h3.

Save template anda.

Ceklah hasilnya melalui link yang saya berikan diatas.

Dengan mengatur tag heading H1, H2 dan H3 seperti diatas, maka insyaallah tag heading pada blog anda menjadi lebih seo friendly. Hal ini saya sudah saya buktikan setiap membuat postingan baru, judul postingan saya akan terindeks oleh Google hanya dengan waktu kurang dari 3 menit. Selamat mencoba tips pengaturan tag heading ini, semoga berhasil dan bermanfaat untuk anda.

Berapa Yang Online (User Online)

2011-10-02T09:44:00.000-07:00

User online sebuah tools untuk melihat berapa pengunjung yang sedang online di blog atau situs kita pada saat waktu yang sama. Dengan tools user online kita bisa melihat berapakah yang sedang mengunjungi blog kita.

Kali ini saya akan memberikan trik tentang cara pembuatan user online di blog kita yang berupa text jadi gak begitu berat untuk blog kita.

<b><script type="text/javascript" src="http://fastonlineusers.com/on3.php?d=blogkamu.blogspot.com"></script> User Online</b>

Pasang code di atas pada menu Layout-> Page Elements lalu klik "Add a gadget" lalu pilih "HTML / JavaScript" kemudian paste.

Ingat tulisan yang berwarna merah dan tebal diatas ganti dengan alamat blog kamu,oke.

Cara Membuat Facebook Warna Warni

2011-10-02T08:13:00.000-07:00

Langkah-Langkah :
1 . Hapus Link Pada Adress Bar .....

2 . Meskipun kita Berada Di beranda ataupun grup , halaman Fanpage Dll .....

2 . Copy Script ini Pada Adress Bar :

javascript:i=0;c=["red","green","blue","yellow","magenta","orange"," pink","violet"]; a=document.links;setInterval('i++;a[i % document.links.length].style.color=c[i % c.length]',1);void(0); alert("C22 Community")

3 . Lalu Lihat Hasil nya

Cara Login Facebook Tanpa Menggunakan Email

2011-10-02T07:50:00.001-07:00

Sekarang Ada Cara baru Login Facebook tanpa Menggunakan email,Bagi kalian Yg males Nulis email Yg Panjang Bisa LOgin Facebook Dengan Username...

Berikut Cara-Cara nya:

1. Login Facebook anda ( Menggunakan Email )

2. Pilih Menu Akun Di Pojok Kanan Atas

3. Pilih Pengaturan Akun

4. Sunting Nama Pengguna,Nih Contohnya:

5. Setelah Anda Simpan,Coba anda Logout kemudian,

6. Login Menggunakan Username yang Anda Pilih Tadi,Contoh:

SELAMAT MENCOBA

WH BENING

2011-10-02T06:40:00.000-07:00

elease Wallhack Bening Update 26 Septembt 2011 Special For All

Fitur:

- Wallhack Bening

Hotkey:

[-] Auto On

DOWNLOAD CHIET DISINI

DOWNLOAD PASSWORD DISINI

herihasibuan: wh kaca

2011-10-02T05:46:00.000-07:00

herihasibuan: wh kaca: wh kaca jamin work cheat download jamu download

Cara Membuat Berbagai Macam Tombol Spoiler Di Blog

2011-09-28T10:57:00.000-07:00

Cara Membuat Berbagai Macam Tombol Spoiler Di Blog - Nah malam malam mau update nih, coz gak ada kerjaan dari tadi cuma chat di SM KR. saya mau share tentang Tombol Spoiler, ada yang tau gak apa itu Tombol Spoiler ? Tombol spoiler adalah tombol yang mampu menyembunyikan sesuatu baik itu berupa tulisan,widget ataupun gambar. Tombol spoilerjuga bisa memperingan loading blog anda. Cekidot Cara Membuat Berbagai Macam Tombol Spoiler di Blog :

Contoh Spoiler Pertama :

Kode untuk membuatnya adalah seperti ini :

<div style="border: 0px inset green; padding: 0px;"><div><button class="button" onclick="this.parentNode.parentNode.childNodes[1].style.display = ''; this.parentNode.style.display = 'none';" title="Click to show the spoiler." type="button"><span style="color:black;"><span style="color: rgb(0, 102, 0); font-weight: bold;"><blink>J U D U L S P O I L E R</blink></span></span></button></div><div id="spoiler" style="display: none;"><span style="font-weight: bold; color: rgb(0, 102, 0);">Letakkan Kode yang Ingin disembunyikan disini</span></div></div>

Contoh Spoiler ke 2

Dan Kode untuk membuatnya adalah seperti berikut :

<div id="spoiler"><div><input style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'LIHAT LAGI'; }" name="button" type="button" value="LIHAT" /></div><div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;"><p style="text-align: justify;">Letakkan Kode yang Dsembunyikan Disini</p></div><div id="hide"></div></div></div>

Contoh Spoiler ke 3

Kode untuk membuatnya :

<div id="spoiler"><div><input style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'LIHAT LAGI'; }" name="button" type="button" value="BUKA" /></div><div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;"><div style="color: #000000; background: none repeat scroll 0% 0% #ebf3fb; border: 1px solid #aaccee; padding: 7px; margin: 0px;"><p style="text-align: justify;">LETAKKAN KODENYA DISINI</p></div><div id="hide"></div></div></div>

Contoh Spoiler ke 4 :

Kode untuk membuatnya :

<div style="margin: 5px;">
<div class="bigfont" style="margin-bottom: 2px;"><input value="Open" style="margin: 0px; padding: 0px; width: 60px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" type="button">
</div><div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">LETAKKAN KODENYA DISINI</div></div></div>

Contoh Spoiler ke 5 :

Judul

Kode untuk membuatnya :

<div>
<div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;">
<i><span style="font-weight: bold;">Judul</span></i><input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="SPOILER 5" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
LETAKKAN KODE SOBAT DISINI</div>
</div>
</div>
</div>

Tempat Layanan Ping Blog Terbaik (Gratis)

2011-09-28T08:51:00.001-07:00

Di malam ini Blogging With Me akan membagi sedikit ilmu mengenai blog, Yaitu Tempat Layanan Ping Blog Terbaikyang tentunya Gratis buat para blogger.Blog Ping ini Biasa disebut dengan Ping Service yang merupakan fasilitas untuk mempercepat indeks sebuah artikel di blog atau update terbaru dari blog kita. Ping juga merupakan cara praktis agar blog diketahui oleh banyak pengunjung.

Tips dalam ber Ping yang baik dan benar :

Lakukan ping jika kamu telah mengupdate blog anda
Lakukan ping jika anda melakukan posting terbaru
Jangan lakukan ping terlalu sering karna ini bisa dikatakan sebagai spam
Lakukan ping seperlunya dan jangan berlebihan

Berikut ini adalah daftar Ping untuk Blog anda :

Cukup Sekian Dulu Daftar Ping Service kali ini dan perlu anda ketahui daftar ping diatas cuma beberapa dari situs penyedia jasa layanan Ping Gratis, kalau mau yang lebih komplit bisa langsung tanya ke Guru saya namanya Mbah Google.semoga trik kali ini bisa bermanfaat bagi anda .

Tempat Layanan Ping Blog Terbaik (Gratis)

2011-09-28T08:50:00.000-07:00

Lakukan ping jika kamu telah mengupdate blog anda
Lakukan ping jika anda melakukan posting terbaru
Jangan lakukan ping terlalu sering karna ini bisa dikatakan sebagai spam
Lakukan ping seperlunya dan jangan berlebihan

Berikut ini adalah daftar Ping untuk Blog anda :

Membuat Chat Seperti Facebook Di Blog

2011-09-28T08:04:00.000-07:00

Membuat Chat Seperti Facebook Di Blog

15 JUL 2011

BLOGGING

SHARE4

Cara Membuat Chat Mirip Facebook Di Blog , Chat Facebook Di Blog. Memang Jejaring sosial Facebook lagi ngetrends dikalangan penduduk Indonesia.Saking terkenallnya Facebookmaka banyak para blogger yang ingin mencari sesuatu yang berkaitan dengan facebook untuk dipasang di blognya. Template blogpun sudah ada yang mirip facebook, tapi ada juga yang mau chat di blognya mirip facebook, jadi Envolve inilah solusinya , pihak ini menyediakan widget chat seperti facebook. kalau belum yakin mari lihat terlebih dahulu demo berikut :

DEMO

Langkah pertama anda kunjungi envolve.com
Kemudian anda klik Try It For Free
Lalu kamu akan diarahkan pada halaman sign up, kemudian kamu isi data data yang diperlukan untuk mendaftar.
Jika semuanya data sudah terisi lalu klik Get Envolved!.
Lalu copy dan paste kan kode yang terilihat sebelum kode </head>
Langkah terakhir Simpan Template.

Cukup mudah bukan cara Membuat Chat Seperti Facebook Di Blog . semoga cara ini bermanfaat bagi anda.

wh kaca

2011-09-25T22:51:00.000-07:00

wh kaca jamin work

cheat download disini
jamu download disini
butuh winrar download disini

Cara Menampilkan Status Off/Online Yahoo Messenger

2011-09-24T08:19:00.000-07:00

Cara Menampilkan Status Off/Online Yahoo Messenger

Kendhin

Widgets

Dalam trik kali ini kita akan coba membahas tentang "Bagaimana Caranya Menampilkan Status Offline/Online Yahoo Messenger". Trus fungsinya apa nih? gini, kalo ada misalnya ada penandanya seperti itu kan nanti pengunjung blogmu akan bisa langsung berinteraksi langsung denganmu, nha kalo gitu kan nanti pengunjung blogmu jadi tambah sayang ma kamu :p
Ok Langsung aja, Contohnya akan seperti ini, jika status kamu offline maka gambarnya akan seperti ini :

trus jika kamu online maka iconya akan berubah seperti ini:

Cara buatnya sangat gampang kamu tinggal copy script berikut ini trus kamu pasang di sidebar kamu, udah tahu kan cara pasanganya, itu lho seperti kalo km masang "page element", Masuk ke "Page Element" trus "Add a Gadget --> HTML/Javascript".

Ganti text yang warna merah (paijo) dengan id YM kamu.
perhatikan angka "2", itu bisa kamu ganti dengan angka yang lain dan hasilnya gambar yang ditampilkan akan berbeda-beda.

Piye? gampang to?

2011-09-23T01:34:00.001-07:00

Make a game | DJ Fest 2 | Free games | Pictogame

dj forest

2011-09-23T01:07:00.000-07:00

Make a game | DJ Fest 2 | Free games | Pictogame

Cara membuat gadget html/javascript agar bisa tanpa judul di blogspot

2011-09-22T08:12:00.000-07:00

Cara membuat gadget html/javascript agar bisa tanpa judul di blogspot. Sejak blogger mengintegrasikan blogger in draft (blogger template designer) ke blogger standard, ada beberapa perubahan dalam script template, dan dari pengamatan jika menggunakan template standar blogspot maupun template bawaan blogger designer, maka terkadang muncul pesan kesalahan "Bidang yang dipersyaratkan tidak boleh kosong" , saat membuat , menyimpan sebuah gadget html/javascript yang judulnya dikosongkan.

Untuk menghapus atau menghilangkan judul gadget html/javascript agar judul-nya kosong, maka perlu dilakukan pengubahan script pada template. Gadget html/javascript tanpa judul biasanya diperlukan saat membuat menu navigasi atau gadget lainnya yang sengaja disembunyikan /tidak ditampilkan judulnya.

Mungkin ada diantara teman-teman yang mengalami hal di atas, untuk mengatasinya bisa ikuti prosedur berikut:

A. Cara Menghapus judul gadget html/javascript

versi 1

1. Login ke blogger
2. Pilih Rancangan - Tata letak -Edit halaman
Tambah sebuah gadget html/javascript,(dalam contoh ini kita akan membuat script menu navigasi)
3. Simpan gadget html/javascript tersebut dengan judul Menuku , (judulnya terserah anda karena nantinya akan dihapus juga)
4. Pilih Edit HTML
Cari kata Menuku

Perhatikan script yang terdapat template di atas, bentuknya mirip seperti di bawah ini

<b:widget id='HTML2' locked='false' title='Menuku' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != " "'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

Ubah script di atas menjadi seperti di bawah ini

<b:widget id='HTML2' locked='false' title='' type='HTML'>
<b:includable id='main'>
<div class='widget-content'>
<b:if cond='data:title != " "'>
<data:content/>
</b:if>
</div>

Simpan template.

Perhatikan gadget html/javascript dengan judul Menuku yang telah anda tambahkan di elemen halaman pada langkah 3 di atas. jika sukses maka judulnya akan terhapus.
Tips ini telah saya terapkan pada template standar blogger dan template bloger designer saat membuat menu navigasi horizontal di beberapa blog.

B. Cara menghilangkan judul gadget html/javascript

versi 2

Cara ini lebih sederhana karena tidak memerlukan pengubahan script template.
Di judul /title gadget html masukkan kode <h2></h2>

Selain kode di atas anda juga bisa menggunakan kode di bawah ini
<h></h> (biasa digunakan untuk judul blog)
<h1></h1> (biasa digunakan untuk deskripsi blog)
<div></div> (biasa digunakan untuk object seperti efek teks, gambar,dan file lainnya yang di masukkan ke dalam badan postingan /widget)
<p></p> (biasa digunakan untuk spasi)
dll .

Semua kode di atas bisa dijadikan alternatif, namun saya sarankan gunakan h2 , karena blogspot biasa menggunakan h2 dan h3 dalam script templatenya untuk judul postingan dan judul widget.

Contoh blog yang menggunakan template blogger standar (blogger template designer) yang telah dihapus judul gadget html/javascript-nya saat membuat menu navigasi bisa dilihat disini

2011-09-08T08:25:00.001-07:00

Memasang Jam Pada Blog

Jam selain berfungsi sebagai penunjuk waktu juga bisa dijadikan sebagai aksesoris bagi blog. Dengan memasang jam, blog kita akan terlihat lebih hidup dan menarik.

Bagi Anda yang lebih mengutamakan konten daripada tampilan lebih baik tidak usah memasangnya karena akan memperlambat loading page pada blog Anda. Tapi bila tidak terlalu mempermasalahkan loading blog maka tidak ada salahnya untuk memasang aksesoris ini.

Saat ini ada cukup banyak layanan yang menyediakan aksesoris jam gratis seperti timeanddate.com, clock4blog.eu, clocklink.com, widgetbox.com dan masih banyak lagi. Pada postingan kali ini saya akan membahas tentang memasang jam analog dari World time server. Karena layanan ini bisa menyediakan waktu yang lebih akurat dan banyak pilihan warna yang bisa Anda pilih sesuai selera.

Untuk memasangnya, silahkan ikuti langkah-langkah dibawah ini:

1. Kunjungi situs http://www.worldtimeserver.com/clocks

2. Pilih salah satu bentuk jam analog yang Anda inginkan dengan mengklik link dibawah gambarnya masing-masing

3. Kemudian Anda akan masuk kehalaman kustomasi seperti ini:

Clock Color : Pilih warna sesuai dengan selera dan template Anda

Size : Pilih ukuran yang Anda inginkan

Location : Pilih lokasi Anda

City Name : Isi nama kota Anda. Ini bersifat optional. Jika Anda tidak ingin menampilkan tinggal dikosongkan aja

4. Jika sudah, klik Update HTML Code
5. Copy kode dalam kotak Object HTML Code

6. Buka blogger. Klik menu Layout -> Page Elements

7. Klik Add a gadget. Klik tombol + pada HTML/ Javascript

8. Pastekan kodenya dalam kotak lalu klik Save
9. Selesai. Silahkan klik View blog untuk melihat tampilannya

Selamat berkreasi

2011-09-08T08:21:00.000-07:00

Memasang Feedjit Pada Blogger

Mungkin Anda sudah sering melihat tampilan widget Feedjit di blog. Karena saat ini sudah banyak template baru yang dilengkapi dengan widget ini.

Feedjit merupakan situs yang menyediakan layanan real time traffic widget bagi pengguna blog. Dengan memasang widget ini anda dapat mengetahui dari mana asal pengunjung, bagaimana mereka mengunjungi blog anda (melalui search engine, blog direktori, facebook, atau lainnya) dan kapan mereka datang serta meninggalkan blog anda. Semua data tersebut tercantum secara lengkap dalam widget feedjit sehingga anda dapat mengetahui aktivitas pengunjung dalam blog anda.

Nah bagi anda yang tertarik untuk mencoba layanan ini silahkan ikuti langkah-langkah berikut untuk memasang widget Feedjit di blog anda:

1. Buka situs http://feedjit.com

2. Pada halaman utama, masukkan nama dan alamat email anda pada kotak yang disediakan kemudian tekan tombol Get Free Live Traffic Feed.

3. Setelah itu anda akan dibawa kehalaman seperti berikut

Select a color scheme: Pilih pola warna yang anda inginkan
Customize your color scheme: Atur sendiri kombinasi warna yang anda inginkan
Select widget width: Pilih lebar widget yang anda inginkan
Feedjit advanced options: Opsi tambahan dari Feedjit. Opsi ini hanya berlaku bagi pengguna berbayar. Namun anda bisa mencobanya secara gratis dengan mengklik Sign-up for a free to get access
Install Feedjit on my: Pilih Other blog or website

4. Jika sudah, klik tombol Go!

5. Copy semua kode dalam kotak lalu buka blogger.

6. Klik menu Design -> Page elements

7. Klik Add a Gadget-> HTML / Javascript

8. Paste kodenya kedalam kotak dan klik Save. Selesai

Selamat mencoba...!!

2011-09-08T08:12:00.001-07:00

Mendaftar Dan Meng-upload Gambar di Photobucket

Bagi Anda yang sering menggunakan internet untuk mengirim data maupun gambar. Anda pasti memerlukan sebuah file hosting atau image hosting untuk menyimpan file Anda didunia maya. Salah satu website yang menyediakan layanan ini yaitu Photobucket.

Photobucket adalah sebuah layanan yang memperbolehkan kita untuk mengupload gambar dan video secara gratis. Tidak tanggung-tanggung kapasitas yang diberikan mencapai 1GB. Dengan kapasitas sebesar itu, kita bisa menyimpan banyak koleksi gambar dan video kedalam photobucket.

Jika tidak cukup, bisa diupgrade ke Pro untuk mendapatkan kapasitas yang lebih besar. Tapi jelas untuk mengupgrade akun tidaklah gratis. Anda harus membayar sejumlah uang untuk mendapatkan manfaat tersebut.

Untuk mengupload gambar di photobucket. Anda harus memiliki account terlebih dahulu. Jika belum punya ikuti cara berikut untuk mendaftar

1. Buka situs http://photobucket.com

2. Klik Join Now kemudian masukkan username dan password yang ingin Anda gunakan. klik Next Step

3. Kemudian Anda akan dibawa kehalaman berikutnya. Isi semua data dengan benar. lalu klik I accept. Sign me up!

4. Selesai. sekarang Anda sudah memiliki akun di photobucket.

Cara Meng-upload gambar di photobucket

1. Disini Anda bisa mengload gambar dari komputer, web url, handphone dan email. Jika gambarnya disimpan pada komputer, beri centang pada "my computer" lalu klik Choose Files.

2. Pilih gambar yang mau diupload (format gambar yang diterima adalah .gif, .jpg dan .bmp). Sebaiknya menggunakan gambar dalam format .gif karena kualitasnya lebih bagus dan ukurannya juga tidak terlalu besar, lalu klik Open

3. Tunggu beberapa saat hingga proses upload selesai. Klik Save and continue

4. Selesai. Sekarang gambar Anda sudah tersimpan di photobucket

Keterangan:
Untuk menampilkan gambar pada photobucket via email gunakan email & IMUntuk memasang favicon gunakan direct link sebagai alamat URLnya.
Untuk memasang gambar pada artikel gunakan HTML code
Untuk memasang gambar pada forum gunakan IMG code

2011-09-08T08:03:00.001-07:00

Membuat Banner Animasi

Agar blog kita tampil dinamis dan lebih atraktif, salah satu caranya adalah dengan memajang banner animasi.karena dengan banner animasi, mata dari pengunjung akan langsung tertuju kepada banner tersebut, terutama apabila anda seorang pebisnis, banner animasi akan lebih efektif untuk iklan yang kita pasang di banding dengan banner biasa. Cara membuat banner animasi sangatlah mudah, mau yang gratisan ada, mau yang bayar juga ada.Tapi tentunya ada kelebihan dan kekurangannya.

bagi anda yang berminat dengan banner animasi gratis, anda bisa kunjungi http://www.addesigner.com Silahkan daftar (gratis), Jika sudah di terima anda tinggal memilih banner yang di sediakan, trus ya tinggal di masukin ke blog, mau di sidebar atau di dalam postingan tentu bisa. Untuk cara pemasangan silahkan anda baca postingan terdahulu bagaimana cara memasukan kode HTML kedalam blog.

Contoh banner animasi :

selamat mencoba.