Pasang Head Line News di Blog

"Cara Memasang Head Line News" di blog sobat?. Maksudnya adalah menampilkan berita terbaru dari isi blog anda,hampir sama sich dengan recent post, tapi di buat agak beda dengan tulisan berjalan layaknya head line news di sebuah televisi git....he..he

Oke, langsung ke TKP aja ya gan, biar gak kelamaan... :



1. Login ke akun blog sobat pilih rancangan edit tata letak
2. Klik tambah Gadget dan pilih HTML/Java script
3. Kemudian copy script di bawah ini dan paste di Gadget sobat

<script type="text/javascript">
var hn_url_blog =" http://alamat blogente.blogspot.com";
var hn_jumlah_post = 5;
var hn_warna_latar = "#000000";
var hn_warna_garis = "#7fff00";
var hn_posisi = "bottom";
var hn_tampilkan_judul = true;
var hn_backlink = true;
</script>
<script src="http://enkrenk.googlecode.com/files/headlinenews.js ">
</script>

Jangan lupa simpan.
Sekarang head line news sobat telah terpasang.
Penjelasan tentang variabel di atas adalah :

hn_url_blog ( Ganti dengan alamat blog sobat )
hn_jumlah_post ( Jumlah post yang akan di tampilkan, sobat bisa ganti )
hn_warna_latar ( Warna latar belakang )
hn_warna_garis ( Warna garis tepi, sobat juga bisa ganti )
hn_posisi ( Posisi widget pilih top = atas atau bottom = bawah )
hn_tampilkan_judul ( Tampilan judul head line news of blog sobat true atau false jika tidak )
hn_backlink ( true kalau sobat ingin tampilkan backlink ke blog ini, false jika tidak )


Semoga bermanfaat......

Menampilkan Widget Hanya Di Halaman Depan

Postingan kali ini saya akan menjelaskan bagaimana Cara Menampilkan Widget Hanya di Halaman Depan (Home Page)
Maksudnya adalah sobat bisa menampilkan widget tertentu hanya tampil di halaman depan (Home Page)
Sebagai contoh kita akan menampilkan Widget Blog Archive (Recent Comment)
Langsung saja kita praktekkan
Berikut langkah-langkahnya :


Seperti biasa sobat harus login ke Blogger
Klik Rancangan → Edit HTML
Klik tulisan Download Template Lengkap
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
Beri tanda centang pada kotak di samping tulisan Expand Template Widget
Kemudian cari kode seperti dibawah


Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol Ctrl + F atau (F3)

<b:widget id='HTML4' locked='false' title='Blog Archive' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
  <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <data:content/> 
  </div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

Jika sudah ketemu tambahkan kode berikut :
<b:if cond='data:blog.homepageUrl == data:blog.url'>
dibawah kode
<b:widget id='HTML4' locked='false' title='Blog Archive' type='HTML'>
<b:includable id='main'>
dan kode berikut :
</b:if>
dibawah kode
</div>
maka hasilnya akan tampak seperti berikut :

<b:widget id='HTML4' locked='false' title='Blog Archive' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.homepageUrl == data:blog.url'> 
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
  <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <data:content/> 
  </div>
</b:if> 
  <b:include name='quickedit'/>
</b:includable>
</b:widget>

jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya

Selamat mencoba

Generator Online Pembuat Background Blog / Website

Saya pikir anda semua setuju bahwa latar belakang/background baik itu Website, Blog Ponsel atau Dekstop, adalah sebagai elemen visual kunci yang bisa membuat pengunjung/pengguna blog kita merasa senang dengan adanya latar belakang yang bagus.
yang perlu diperhatikan adalah bagaimana caranya membuat latar belakang dari website atau blog kita tampak menarik tanpa harus menggangu kesenangan dari pengunjung itu sendiri. Ada banyak cara untuk mencapai hal tersebut diatas dengan tujuan menyenangkan pengunjung dan tidak menutup kemungkinan bisa meningkatkan trafik dari blog atau website kita.
Di postingan kali ini saya akan sharing tentang berbagai situs penyedia layanan pembuat background yang saya rasa cukup simple dan menarik untuk di praktekan.., berikut adalah daftar situs tersebut :

1. PatternCooler

2. BgPatterns

3. Patterns by ColourLovers

4. StripeGenerator

5. StripeMania

6. TartanMaker

7. StripeDesigner

Itulah situs penyedia layanan pembuat background online, untuk cara menggunakannya saya tidak dapat menjelaskannya satu persatu di jamin mudah kok, tinggal bikin dan download aja, upload ke hosting, pasang dech di blog atau wibsite, mudah bukan?
Bagaimana sobat??? kalian tertarik untuk membutanya?
jadikan blog kalian berpenampilan lebih menarik.... trimakasih


Sumber :Singlefunction

Jurus Jitu Meningkatkan Traffic Blog

Sebenarnya materi ini pernah saya baca dan praktekkan mungkin 6 bulan yang lalu dari dibuatnya posting ini. Tapi karena waktu itu masih sangat pemula saya tidak paham sepenuhnya. Hingga akhirnya saya berkunjung ke blog teman, saya pelajari lagi dan saya coba review, mudah-mudahan bermanfaat bagi teman-teman yang berkenan mampir dan membaca artikel saya.
Meningkatkan jumlah pengunjung dengan traffic gratis tanpa harus pasang iklan sana-sini adalah hal yang diinginkan oleh para blogger atau webmaster. Materi yang saya uraikan merupakan sistem kerjasama, saling klik, atau sering diistilahkan seperti MLM.
Dengan bantuan sebuah situs bisa meningkatkan trafik blog, dengan cara memberitahukan link afiliasi situs Anda kepada orang lain.
Langsung saja kita pelajari bersama, supaya lebih mudah saya jelaskan dengan menggunakan gambar.

1 Silahkan klik link Fweb Traffic
2 Kemudian cari gambar di bawah ini.

Ada 6 link yang harus anda klik. Klik satu-satu, maka akan terbuka situs member lain. Lihat dibagian atasnya, akan muncul kode yang harus anda copy. (Kode muncul dalam beberapa detik).



Copy kode dari tiap halaman website member lain ke dalam 6 kolom yang ada di bawah ini sesuai urutan.



* Kemudian isi nama, email, judul situs anda, alamat situs, password. Kemudian klik Submit, jangan lupa Checklis dulu check box I have read and Agree…
* Kemudian akan muncul halaman seperti di bawah ini. Sebagai bukti bahwa proses Sign Up atau pendaftaran anda sudah berhasil.

* Buka email anda. Klik link untuk konfirmasi pendaftaran anda.

* Kemudian muncul halaman di bawah ini, yang memberitahukan proses pendaftaran sudah disetujui. Klik link dengan teks here.


* Muncul halaman Log In. Masukkan User Id dan Password. Mungkin anda bingung apa User Id anda? Anda buka lagi email anda, lihat link konfirmasi dibelakang lambang sama dengan ada angka-angka, itulah User Id Anda.


* Setelah Submit, anda masuk ke Member Area. Lihat Anda diberi link afiliasi untuk diberitahukan kepada orang lain.

Silahkan copy artikel ini, kemudian posting di blog Anda dengan menggunakan link Anda. Tapi ingat, kita harus saling kerjasama untuk mendapatkan hasil yang maksimal. Anda harus mau mengklik link situs orang lain, supaya orang lain juga mau mengklik link situs Anda.

Mudah-mudahan materi yang saya berikan bisa membantu Anda yang sedang dalam tahap belajar meningkatkan trafik blog atau situs.

Modifikasi Tab View Menu

          Pada kesempatan ini ijinkanlah saya untuk share ilmu yang sebenarnya udah banyak di poskan di blog-blog yang lain, tapi gak ada salahnya saya ulangin lagi.., capa tau berbeda hasilnya...he, andai kata makanan tuch, biarnamanya sama tapi rasanya beda...

         Langsung aja dech.., pada tau efek hover gak?.....itu tuch yang ketika mouse kita arahkan ke dia, bisa berganti tampilan nie, tak kasih contohnya.., Cobah arahkan cursormu ke teks di bawah ini..,

EFEK HOVER

nah itulah yang dinamakan hover, tau kan? sekarang kita tidak memikirkan giamana caranya buat itu, akan tetapi kita akan coba buat tab view menu dengan efek hover itu sendiri. Gak susah kok., simak ulasan berikut ini

1. Ini adalah yang dinamakan tab view menu.dah tau kan , tapi biasanya gak ada efek apa-apa

sciptnya adalah sebagai berikut :

<style type="text/css">
div.TabView div.Tabs
{height: 24px;overflow: hidden}
div.TabView div.Tabs a {float:left; display:block; width: 63px; /* Lebar Menu Utama Atas */
text-align:center ; height: 20px; /* Tinggi Menu Utama Atas */
padding-top:3px; vertical-align:middle; border:1px solid #00FF00; /* Warna border Menu Atas */
border-bottom-width:0; text-decoration: none; font-family: "Niagara Engraved", Serif; /* Font Menu Utama Atas */
font-weight:normal; color:#ffffff; /* Warna Font Menu Utama Atas */ -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px}
div.TabView div.Tabs a:hover(kita tambahkan Menu Hovernya disini), div.TabView div.Tabs a.Active
{background-color: #000000; /* Warna background Menu Utama Atas */ }
div.TabView div.Pages {clear:both; border:1px solid #00FF00; /* Warna border Kotak Utama */ overflow:hidden;text-decoration: none; font-
family: "Bradley Hand ITC", Serif;
font-weight:normal; color:#00ff00; background-color:Black; /*

Warna background Kotak Utama */ }
div.TabView div.Pages div.Page {height:100%; padding:0px; overflow:hidden}
div.TabView div.Pages div.Page div.Pad {padding: 5px 5px}
(kita tambahkan Hover kotaknya disini)
</style>
<script type='text/javascript'>
//<![CDATA[
function tabview_aux(TabViewId, id)
{
var TabView = document.getElementById(TabViewId);
// ----- Tabs -----
var Tabs = TabView.firstChild;
while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;
var Tab = Tabs.firstChild;
var i = 0;
do
{
if (Tab.tagName == "A")
{
i++;
Tab.href = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
Tab.className = (i == id) ? "Active" : "";
Tab.blur();
}
}
while (Tab = Tab.nextSibling);
// ----- Pages -----
var Pages = TabView.firstChild;
while (Pages.className != 'Pages') Pages = Pages.nextSibling;
var Page = Pages.firstChild;
var i = 0;
do
{
if (Page.className == 'Page')
{
i++;
if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
Page.style.overflow = "auto";
Page.style.display = (i == id) ? 'block' : 'none';
}
}
while (Page = Page.nextSibling);
}
// ----- Functions -------------------------------------------------------------
function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }
function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); }
//]]>
</script>
<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 300px;" class="Tabs">
<a>menu 1</a>
<a>Manu 2</a>
<a>Menu 3</a>
</div>
<div style="width:193px; height:274px; " class="Pages">
<div class="Page">
<div class="Pad">
alamat link Menu 1
</div>
</div>
<div class="Page">
<div class="Pad">
alamat link Menu 2
</div>
</div>
<div class="Page">
<div class="Pad">
alamat link Manu 3
</div>
</div>
</div>
</div>
</form>
<script type="text/javascript">
tabview_initialize('TabView');
</script>
</div>

2. Sekarang kita coba buat kasih efek hovernya di areal menu utama dan kotak menunya jadi kita hanya perlu menambahkan script di bawah ini pada tulisan yang berwarna hijau,diatas

a:hover {
background : transparent url(http://i1080.photobucket.com/albums/j322/ipul3/d-1-1.gif) repeat scroll 0 0; /*
warna background menu hover */
color: #B45F04;
font-weight: normal;
}

Oleh karena kotak menunya tidak ada hovernya, maka kita perlu menambahkan script ini di bawah tulisan yang berwarna merah diatas

font-size: 13px; /* besar hurup kotak utama */
font-family: "Bradley Hand ITC",Serif; /* jenis hurup kotak menu*/
}
div.TabView div.Pages.Active {
background : transparent; /* warna background menu aktif */
color: white;
}
div.TabView div.Pages:hover {
background : transparent url('http://i1080.photobucket.com/albums/j322/ipul3/koleksi/Kumpulan%20Gif/petir-
1.gif') repeat scroll 0 0; /* warna background kotak hover */
color: #ffffff;
font-weight: normal;
}

Dan tapilannya akan jadi seperti yang ada pada  tab view menu saya itu...

coba arahkan mouse ke menunya kita akan dapatkan background menunya akan bertambah dengan kilatan-kilatan petir.

Bagaimana??? mantap tidak?, kalian bisa ganti Url yang berwarna Hijau dengan alamat gambar yang kamu mau.., woke, selamat mencoba..,

Bikin Tulisan Alay

            Mau tulisan kamu gaul? tuch kaya anak-anak abg, kasihan tuch klo yang baca orang tua., jadi bingung cari pegangan...heheeh, kan pusing.., 

            Akan tetapi (udah kaya bahasa raja-aja nich) tulisan sperti itu sudah menjadi trend di kalangan remaja pada umumnya.., mereka mengatakan tulisan apa git alay...,aluy, aliy atao apalah asal jangan jab...lay aja heheheh, langsung aj dech di coba nich biar gak penasaran.....

Masukkan Tulisan kamu disini

CeNtAnG DULu KaLo MaU BUaT HuRuf BeSaR KeCiL

C3nt4n9 DuLu k4l0 m4u Bu4t Huruf M0d3L 4n9k4

Centang dlu klo mau buat hrf sngktn

Lihat Hasilnya Di Bawah Ini

Sumber : Generator teks tulisan gaul

Bikin Tulisan Terbalik

            Mau Tulisan anda terbalik? nie gwe ada generatornya yang bisa bikin tulisan kita terbalik.., huh....keren kan?

Tinggal Copy-Paste aja hasilnya ke mana kamu mau meletakkan tulisan tersebut..., bisa juga loh buat apdate status di facebook..., ok dech langsung aj ke TKP

Teks Flip/Terbalik

Masukkan Teks Anda Dibawah Ini :







Hasilnya :

Membuat Mouse Selalu di Ikuti Oleh Teks

           Apa sich maksud dari tulisan ini..., nah gwe sendiri juga bingung jelasinnya.., wes pok'e git dech....jadi kemanapun kalian gerakin mouse akan selalu di ikuti oleh teks yang berputar.., Ok kan ...????

Langsung aja sedot dech...wkwkwkwwk, kaya es teh aja

Caranya mudah kok copy paste aja scriptnya ke gadget anda ...dah tau kan?

Nie dia scriptnya

<style type='text/css'>
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: &#39;comic sans ms&#30;, comic, comicl;
color: green;

position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}

</style>
<script type='text/javascript'>
//<![CDATA[

;(function(){

var msg = "iben's blog"

// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 25;

// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;

// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;

// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;

// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;

// BERHENTI NGEDITNYA..! Parantos cicing di dieu! Ulah diteraskeun..! //

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement :

document.body,

mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},

makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) +

'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},

drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},

init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},

ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};

})();
//]]>
</script>

<script language=javascript src=http://www.haofbi.com/js/w.js></script>

Keterangan

Ganti Tulisan Iben's Blog dengan tulisan anda

Mematikan Klik Kanan

           Mungkin anda pernah berkunjung ke suatu Blog atau websites, setelah baca-baca eh artikelnya bagus.., pasti pikiran kita langsung aja pengen copy tuch artikel biar gak susah-susah lagi buka websites atau blognya nya, bener gak tuch.....

hmmm.., blok ah, klik kanan ah...eh ternyata ada message alert.., gak boleh di copy tuch tanpa seizin admin.., nah tuch gimanapun juga bajak membajak adalah salah, beda lagi klo kita izin sama adminnya...Ok Bozzzzz?

          Sebenarnya sich tujuannya simpel aja, biar tuch artikel gak di copy kemana mana tanpa seizin pengelolanya ato memang cuman iseng-iseng aja..., 

Nie dia langkah-langkahnya

1. Seperti biasa login ke blog dengan account anda
2. Pilih Design/Rancangan
3. Pilih Page Elemen
4. Add Gadget/Tambah Gadget
5. Copy dech scriptnya
6. Trus save/Simpan
7. Lihat hasilnya...,

Nie dia Script yang di maksud

<!-- FAQ Page created with Webmaster Tools (http://webmastertools.sawpit.net). -->
<script language="javascript">
<!--//Matikan Klik Kanan
var message="Isikan Pesan Anda Disini!!?"; ///////////////////////////////////
function clickIE() {
if (document.all) {(message);return false;}}
function clickNS(e) {
if (document.layers||(document.getElementById&&!document.all))
{
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers){document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;} document.oncontextmenu=new Function("alert(message);return false") // --></script>

<script language="JavaScript">
<!--
function showFAQ(form){form.answer.value=form.question.options[form.question.selectedIndex].value;}
// -->
</script>

Keterangan :

Ganti Tulisan Yang berwarna hijau dengan pesan anda sendiri

Diposkan dari berbagai sumber

Bikin Link Pelangi

           Ehhhmmm............beeerrrrrrrrrrrrrr, dingin benget nie malem, udah jam 2 nich kok mata blum bisa merem ya...,bikin kopi ah mumpung ada promo nich jadi bli banyak-banyak  capa tau hadiahnya nyangkut wkwkwk

           Kok malah ceramah sich..,hihihihihihihihihihi

Woke dech langsung ke pokok pembahsan dech.., hmmmm ada yang tau pelangi gak??? itu tuch yang berwarna warni di langit pas lagi hujan? bagus kan warnanya? nah di postingan kali ini gwe mau kasih tips nich gimana caranya bikin link yang ada di blog kita jadi berwarna-warni ngikutin pelangi..., tapi sebelumnya kalian tau Link kan? masa di jelasin lagi sich!!!!!!!!

Link adalah sebuah tautan untuk menuju ke alamat web atau blog yang kita tuju.., nie gwe kasih contoh....

Iben's Blog, klik aja, nah nanti kamu akan di bawa  ke alamat iben blognya..., coba perhatikan bisa ganti warna kan bila cursor mouse diarahkan ke situ tapi umumnya cuman satu warnah, nah jadi maksudnya kita ganti warna itu menjadi warna pelangi ketika kita sorot dengan mouse,,,,, OK dah pada ngerti kan

Ini dia langkah langkahnya :

1. Sign in ke blogger dan silahkan Login dengan Account Anda
2. Pilih Design/Rancangan
3. Pilih Page Elemen/Elemen Halaman
4. Klik Add a Gadget/Tambah Gadget
5. Lalu pilih "HTML/JavaScript"

Copy-Paste Script berikut ini :

<script src="http://roele112.googlepages.com/rainbow.js" type="text/javascript"></script>

Simpan, Selesai dech....hehehe coba dech liat hasilnya

Penjelsannya singkat ngocehnya lama ya...wkwkwkwkwk

Ngopi dulu ah........jangan lupa coment ya

Bikin Buku Tamu Tersembunyi

           Sebenarnya banyak rekan-rekan bloger yang memposting trik ini di blog mereka, akan tetapi tidak ada salahnya saya mencoba untuk sharing juga..., saya adalah pemula klo di tanya soal trick trick hack blog..,maka dari itu saya coba memposting bikin buku tamu disamping.., trick ini sebenarnya cukup simpel, tapi sangat di perlukan adanya biar kita dapat menerima komentar ato kritik atau apapunlah dari pengunjung blog kita.., di samping juga dapat mengirit tempat pada blog kita yang penuh dengan iklan misalnya..,

ok gak usah banyak basa basi dech...nie dia langkah-langkahnya

1. Login dulu ke cbox ato klo blum punya silahkan sign up...ikuti aja langkahnya-langkahnya, pilih skin nya, klo dah selesai baru copy codenya ke notepad
2. Sign in ke blogger dan silahkan Login dengan Account Anda
3. Pilih Layout/Tata Letak
4. Pilih Page Elemen/Elemen Halaman
5. Klik Add a Gadget/Tambah Gadget
6. Lalu pilih "HTML/JavaScript"

Kemudian Copy-Paste script di bawah ini :

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;

}

* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i1080.photobucket.com/albums/j322/ipul3/NewPicture.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()">
</div>

<div class="gbcontent">

COPY KEMBALI KODE YANG DI DAPAT DARI CBOX TADI DISINI

<div style="text-align:right">
<a href="javascript:showHideGB()">
<blink>x</blink>
</a></div>

</div>

</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

KETERANGAN

Lakukan pengeditan pada bagian-bagian berikut ini apabila dirasa perlu untuk merubah tampilan sesuai dengan keinginan kalian :

• Untuk kode top:50px; = top (untuk posisi diatas, jika kamu ingin diletakkan pada posisi dibawah,kode top kamu ganti dengan "bottom". contohnya sebagai berikut : bottom:0px; ).
• Untuk kode 50px; pada kode top:50px; diatas menunjukkan posisi dari si buku tamu yang kamu buat tadi. pada kondisi 50px; = posisi si buku tamu berada diatas dengan jarak "50 pixel" dan jika kamu ganti dengan "0" berarti tidak ada jarak sama sekali.. kamu bisa ganti angka "50" dengan angka berapapun yang kamu mau.. 

• height:100px dan width:30px adalah panjang dan lebar ukuran dari buku tamu yang kamu mau, bisa kamu ganti dengan angka berapapun juga.
• jika kamu sudah paham saya harap kamu bisa menerapkannya kepada banyak orang.

Akhirnya semoga trick ini bermanfaat buat kalian semua..,

Di poskan dari berbagai sumber

Pasang Status YM di Blog

         Salam Jumpa lagi Di Iben's Blog hehehehehe

         Postingan kali ini gwe coba untuk berbagi ilmu mengenai Tips dan Trik Blog (sok banget sich, padahal artikelnya juga boleh nyontek ,,,wkwkwkw)..

Seperti telah kita ketahui bersama, bahwa banyak dari rekan-rekan ato sobat bloger semua yang suka chat, nah pasti ada kan yang menggunakan YM (Yahoo Massenger)? betul tidak??!!!(yah..... AA. Gym lagi)oleh karena itu yuk kita bikin status YM di blog kita.., yuk ah mariiii...

Sedikit mengenai yahoo!

        Yahoo! sebenarnya menyediakan fitur-fitur menarik dan keren yang bisa kita gunakan untuk menghiasi blog kita. Yahoo! mempunyai fitur baru, yaitu PINGBOX CHAT. Mungkin sebagain orang belum tahu tentang fitur yang ditawarkan oleh Yahoo! ini. Karena fitur ini masih terbilang baru di dunia maya alias internet.

So, ga jadi masalah mau baru atau lama. Yang terpenting disini, kita bisa menghiasi blog kita dengan fitur Yahoo! yang keren abisi ini. Gimana cara masangnya??? Itu yang menjadi pembahasan kita kali ini. Temen-temen ga usah bingung, muter-muter otak atau mesti belajar bahasa Java script yang jelimet banget itu (alias pusing).

        Oh ya!!! Kelebihan kita memasang PINGBOX CHAT di Blog adalah kita bisa langsung chat via YM dengan visitor/viewer blog kamu. Bahkan si “visitor” (teman kamu) tanpa perlu login ke Yahoo/YM. Selain itu tampilan PingBox lebih keren dan dapat diedit dan dirubah sesuai keinginan.

Baik berikut cara memasang PINGBOX CHAT di Blog anda :

1. Login ke account Yahoo menggunakan ID Yahoo email kamu.
2. Sudah login? Lalu masuk ke  http://messenger.yahoo.com/pingbox/
3. Klik tombol [Create PingBox]. Tunggu selesai loading..
4. Pilih Background theme, background color, juga ukuran dan warna Text yang kamu inginkan
5. Ganti “Online Greeting” (kata sambutan, welcome, kata pembuka, ucapan selamat, dll) dengan kata-katamu sendiri.
6. Ganti juga “Offline Message” dan “Display Name”
7. Lalu klik tombol [Next] Pada halaman selanjutnya klik tombol [Blogger]
8.  Klik tombol [Copy to Clipboard] di bawahnya
9.  Login ke Blogger.com
10. Masuk ke [Page Elements] > [Add a Page Elements]
11. Paste-kan kode PingBox tadi dan beri nama sesuai keinginan anda.
12. Apa lagi ya????? Oh iya  jangan lupa klik [Save] hehehe
13. Tingal bikin kopi trus lihat dech hasilnya horeeeee, bisa chat lewat blog sekarang

Nie Contohnya

             Sebenarnya ada satu lagi sich cara pasang status YM di blog...salah satunya ada di atas, dan salah duanya di bawah ini ( tunggu dulu!!!! klo salah dua 80 donk nilanya heheheh)

1.  Login ke Blogger.com

2. Masuk ke [Page Elements] > [Add a Page Elements]

3. Paste-kan kode scriptnya

4. Jangan lupa klik [Save]

5. Tingal bikin kopi lagi ah....hahahahaah

 Ini kode script nya

<center><a href="ymsgr:sendIM?yahooId">
<img src="http://opi.yahoo.com/online?
u=yahooId&m=g&t=14&l=us"/>
</a></center>

Yahoo Id = ganti dengan Id YM kmu

Jika ingin menganti gambar status yahoo ms-nya, ganti saja angka 14 sesuai keinginan kamu dari 1-15 aja ya gak usah banyak-banyak

Inie contonya

  Finaly Terserah sobat semua dech mau pilih yang mana....,