Blogger Widgets

Situs Penyedia Buku Tamu Gratis / Free Chat

 
Beberapa waktu yang lalu ada sebuah layanan buku tamu yang mendadak berubah sistem jadi berbayar, padahal banyak sekali blog yang menggunakan buku tamu itu, bahkan saya juga menggunakan itu dolo. Terpaksa akhirnya harus mencari lagi layanan buku tamu yang simple dan menarik.
Berikut adalah contoh situs penyedia buku tamu / free chat yang cukup mudah dan menarik :

CBox 


Fibox


Shoutbox


Shoutmix 


Userplane 


Chatango 


Php freechat 


Envolve 


Jw chat 

Parachat 

Plugoo 

99chats 

Mibbit 

Selamat Mencoba. Terima kasih :)
  
READMORE
 

Cara Membuat Buku Tamu Tersembunyi Di Sebelah Kiri

 
Tidak usa basa-basi langsung saja ya :).
Caranya adalah Sebagai Berikut :
•Login blogger
•Masuk ke Rancangan, Tambah Gadget, Html/java script
•Dan Simpan kode berikut :

<style>
#hcl {
position:fixed;top:0px;
left:0px;
z-index:+1000;
}
* html #hcl {position:relative;}
.hcltab {height:190px;width:40px;
float:left;
cursor:pointer;
background:url('
http://upload.kapanlagi.com/c.php?f=201204151441004_11_4f8a7b8cafede.gif') no-repeat;
}
.hclcontent {
float:left;
border:2px solid #790909;
background:#000000;
padding:10px;
}
.hc-credit {font-size:9px}
.hc-credit a {text-decoration:none}
</style>
<script type="text/javascript">
function showHidehcl(){
var hcl = document.getElementById("hcl");
var w = hcl.offsetWidth;
hcl.opened ? movehcl(0, 30-w) : movehcl(20-w, 0);
hcl.opened = !hcl.opened;
}
function movehcl(x0, xf){
var hcl = document.getElementById("hcl");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
hcl.style.left = x.toString() + "px";
if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")", 10);}
}
</script>
<div id="hcl">
<div class="hclcontent">


LETAKKAN SCRIP ANDA DISINI

<br />
<div class="hc-credit">
<span style="float:left">
<!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE -->
<span >
</span>
<span style="float:right">
<a href="javascript:void(0);" onclick="showHideAT()"><img border="0" src="
http://upload.kapanlagi.com/c.php?f=201204131052054_bagus3_4f87a2e5a316a.gif" alt="close" title="Click here to Close Cbox" /></a>
</span>
</span></div>
</div>
<div class="hcltab" onclick="showHidehcl()"> </div>

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


Yang berwarna kuning di atas bisa anda ganti dengan url gambar anda.
Terima kasih :)
READMORE
 

Cara Membuat Buku Tamu Muncul Dari Atas Ke Bawah

 
Terkadang kita bosan melihat buku tamu kita sendiri yang cuman bergerak gitu-gitu saja. Karena tidak dapat dipungkiri setiap kita membuka blog kita, pasti ada waktu luang untuk mengecek buku tamu. Supaya mengurangi rasa kebosanan kita, buku tamu bisa kita rubah posisi bergeraknya, yaitu dari atas ke bawah.
Caranya adalah sebagai berikut :
•Login blogger
•Masuk ke Rancangan, Tambah Gadget, Html/java script
•Dan Simpan kode berikut :

<span style="font-style:italic;"></span><style type="text/css"> #at{ position:fixed; right:50px; z-index:+1000; } * html #at{position:relative;} .attab{ height:100px; width:40px; float:left; cursor:pointer; background:url(); } .atcontent{ float:left; border:2px solid #999; background: #000; -moz-border-radius-topleft:15px; -moz-border-radius-topright:15px; -moz-border-radius-bottomleft:15px; -moz-border-radius-bottomright:15px; padding:10px; -moz-box-shadow: 0px 2px 5px 0px #f8f9b9; } </style><br /> <script type="text/javascript"> function showHideAT(){ var at = document.getElementById("at"); var w = at.offsetWidth; at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0); at.opened = !at.opened; } function moveAT(x0, xf){ var at = document.getElementById("at"); var dx = Math.abs(x0-xf) > 25 ? 35 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; at.style.top = x.toString() + "px"; if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);} } </script><br /> <div id="at"><div class="attab" onclick="showHideAT()"></div><div class="atcontent"><div align="center"><div style="background:#000;"><br /> <br />
LETAKKAN SCRIP ANDA DISINI

<a href="javascript:void(0);" onclick="showHideAT()"><img border="0" src="
http://upload.kapanlagi.com/c.php?f=201204131052054_bagus3_4f87a2e5a316a.gif" alt="close" title="Click here to Close Cbox" /></a></div><br /> </div></div><br /> <br /> <script type="text/javascript"> var at = document.getElementById("at"); at.style.top = (-200-at.offsetWidth).toString() + "px"; </script><br /> <br /> <div style='display:scroll; position:fixed; top:0px; right:0px;'><a href="javascript:void(0);"onclick="showHideAT()"/><img src="http://upload.kapanlagi.com/c.php?f=201203281006364_jadi3_4f72803c534ff.gif"/></a></div></div>

Kode yang berwarna kuning bisa anda ganti dengan url gambar anda.
Terima kasih :)
READMORE
 

Cara Memasang Emotion Kaskus Di Blog / CBox

 
Buku tamu akan kelihatan lebih indah, lebih menarik, dan lebih lucu apabila terdapat beberapa emotion yang sangat unik. Emotion yang paling unik menurut saya adalah emotion kaskus. Sekarang ini buku tamu yang sering digunakan para blogger mayoritas adalah CBox.
Berikut adalah cara memasang emotion kaskus di CBox :
1. Login ke CBox anda dulu dan kunjungilah situs penyedia emotion untuk kaskus DISINI
2. Kemudian ke kontrol panel, terus klik Look & Fell
3. Kemudian pilih Colours and Font
4. Setelah itu pilih option terus smile.
5. Masukkan Code, Alt Code dan URL emotion kaskus tadi. Hasilnya lihat gambar dibawah




6. Yang terakhir jangan lupa buat di save yah.
Terima kasih :) 
READMORE
 

Cara Membuat Slide Foto


Setelah beberapa kali saya mencari situs untuk membuat slide foto, akirnya saya ketemu di blog teman saya syamsudin. Karena alamat situs sebelumnya telah ditutup akirnya saya kesulitan bahkan kehilangan sebagian foto saya yang telah saya upload disana :(. Ini adalah contoh slide foto yang telah saya coba buat.



Caranya adalah sebagai berikut :
1. Klik DISINI
2. Klik FILES , terus BROWSE  untuk meng-upload gambar anda. Kalau sudah, ulangi beberapa kali sesuai banyaknya gambar yang ingin anda upload.
3. Kalau sudah, Klik CUSTOMIZE. Ada pilihan model slide show, Pilihlah model yang anda sukai.
4. Atur TRANSITION OPTIONS nya. Pengaturan ini untuk mengatur kecepatan dan posisi arah berputarnya gambar slide show anda.
5. Klik EDIT IMAGES, bila anda ingin meng-edit gambar yang telah anda upload.6. Terakhir, klik DONE terus Get Code
6. Copy kode tersebut dan masukka pada HTML/JavaScript blog anda.
Terima kasih :)
READMORE
 

Cara Membuat Energy Saving Mode Dng Tampilan Sendiri


Energi Saving Mode yang biasanya berwarna hitam ternyata bisa kita edit sesuka kita. Seperti contohnya seperti di blog saya (diamkan mouse anda sekitar 1 menit), yang contoh gambarnya seperti diatas.

Caranya adalah sebagai berikut :
Copy Javascrip dibawah ini dan paste di Notepad

var idleTime = 0; var standby = false; function CheckInactivity() { idleTime += 10; if(idleTime > 60) { InitializeStandBy(); } } function InitializeStandBy() { if(!standby) { var h = 0; h = jQuery(window).height(); jQuery("#energysaving").show().css({ height: "0", width: "0", left: "50%", top: "50%" }).animate({ width: "100%", height: h, left: "0", top: "0", opacity: "1" }, 1000); standby = true; } } function StopStandBy() { if(standby) { jQuery("#energysaving").animate({ width: "0", height: "0", opacity: "0", left: "50%", top: "50%" }, 500); setTimeout('jQuery("#energysaving").hide();', 800); standby = false; } } document.write('<link rel="stylesheet" href="http://www.onlineleaf.com/savetheenvironment.css" type="text/css">'); if(typeof(jQuery) == "undefined") { document.write('<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>'); } function InitJQuery() { if(typeof(jQuery) == "undefined") { setTimeout("InitJQuery();", 50); } else { jQuery(function() { jQuery(document).ready(function() { setInterval("CheckInactivity();", 10000); jQuery(this).mousemove(function(e) { idleTime = 0; StopStandBy(); }); jQuery(document).keypress(function(e) { idleTime = 0; StopStandBy(); }); jQuery("body").append('<div id="energysaving"><a href="http://freakzfiles.blogspot.com"><p><img src="http://i1166.photobucket.com/albums/q617/aylapus/ew.png"/></a><br/><font style="color: #1919B3;">DOOR....:p Sekarang gerakkan mouse anda :) </font></p><div id="copyrightOnlineLeaf">Copyright 2012 - <font style="color: #B20000;">http://d-pus.blogspot.com/</font> - By.pus-pus</div></div>'); jQuery("#energysaving").hide(); }); }); } } InitJQuery();

Note :
Merah : Alamat URL Gambar Kalian 
Ungu : Untuk Warna Fontnya 
Kuning : Untuk Teksnya Bisa Anda Ganti

Kalau sudah di Paste di Notepad, Save dengan nama filenya Saving Mode.js, Lalu pilih Save as Type : All Files dan simpan...

Kemudian Upload File yang kamu Save tadi di http://yourjavascript.com/

Langsung Masuk ke Blogger - Rancangan - Edit HTML
Masukkan kode ini diatas kode </head>

<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>

Ganti kode warna merah dengan URL file Saving Mode yang kamu Upload tadi.
Kemudian Save Template.

Kalau sudah tersimpan, kembali lagi kehalaman Dashboard anda
Setelah klik Rancangan > Design --&-- Page Elements.
Klik “tambah Gadget” pada salah satu sidebar.
Pilih ‘HTML/Javascript” dan tambahkan kode dibawah:
<script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js?time=120"></script>
Ganti yang ditandai merah yaitu ?time=120 dengan waktu yang sesuai dengan keinginan anda, 120 berarti setelah 120 seconds atau 2 menit, tanpa aktivitas di blog anda, Energy saving mode akan bekerja.

Terimakasih :)



 

 
READMORE
 

Tempat Upload Gambar, File Javascrip (js), File jar

 
Terkadang kita waktu mendesain blog kita kesulitan buat mencari dimana kita harus meng-upload file. Karena scrip blog biasanya membutuhkan link dari file kita. Tujuan saya menulis postingan ini, secara pribadi supaya saya tidak susah mencari-cari lagi bila sewaktu-waktu dibutuhkan karna mengingat saya masih newbie. Tetapi dengan saya menuliskan postingan ini mudah-mudahan masih berguna bagi para pembaca :)

Tempat upload gambar yang pernah saya coba :
1. skin web
2. kapanlagi
3. photobucket

Tempat upload file javascrip (js) yang pernah saya coba :
yourjavascript

Tempat upload file jar yang pernah saya coba :
xtgem

Semoga bermanfaat. Terima kasih :)
READMORE
 

Cara Membuat Spoiler di Blog


Spoiler adalah tombol yang digunakan untuk menyingkat tempat atau menyembunyikan konten (teks, foto atau video) dengan buka tutup. Dengan adanya spoiler di blog, bisa membuat pembaca penasaran, karena postingannya belum keliatan, baru keliatan setelah di klik.


Cara Membuat Spoiler di Blog
1. Login ke Blogger
2. Pilih New Post atau Entri Baru seperti membuat postingan biasa
3. Pilihlah pada mode Edit HTML saat membuat postingan
4. Gunakan kode script berikut ini untuk membuat spoiler:



5. Kita dapat mengganti Judul Spoiler sesuai kehendak kita, begitu juga Buka dan Tutup.
6. Klik Publish atau Terbitkan Entri jika sudah selesai.
Terima kasih :)
READMORE
 

Cara Merubah Warna Burung Twitter Terbang Di Blog


Burung twitter yang terbang di blog tak selamanya berwarna biru muda, bisa diganti dengan warna sesuka kalian, mulai dari biru, merah, putih, hitam, hijau, coklat, dll. Tapi jika kalian sebelumnya belum tahu Cara Membuat Burung Twitter Terbang di Blog silahkan kalian klik.
Berikut adalah langkah-langkah merubah warna burung twitter :
1. Login kedalam akun blogger
2. Buka rancangan
3. Pilih widget HTML/javascript yang telah berisi kode burung twitter
4. Ganti kode var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw1aFitbWy7U9CKRByit6_Rce3WTEkHsqSnxl6nK5vBYwMhbUQjfbGGL9nqQTSz6RRJmBKku5v8oJ6o2HJfXGJMZ4J5Xbt2VrOOE1jZoBwsVL2Kod9kBdSFs8J1mlWxR0OCqscfIZJGUWa/s1600/original.png"
5.Ganti dengan kode var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRSshtnBwQoT-SmvSZTpYaHsHvJgzY0Nm3FqSxqWMfYlDVfaFC2aeSrAfd24hkFV6EibTwwqQiXa2m-ulncgUEtIgs-VrXuyGNFneJfJQ5ZbFnhAO8_AIrlraJq9iVpvAOlGvyXV5g2JJx/s1600/purple.png" untuk burung berwarna "UNGU"
6.Ganti dengan kode var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-ZVcnxHRbg_Wgt-GSiX5SUy40UhgVh-0DfhWxow_pJfy1y5QiIjAETmTKwmXZwS-f6WjUxZ4Nps8ZDEL045hkGIC-kCV3HMi0VQd6Nqg-Kdm58WrdDT6Gyy9Zrv1AaCMyCmE7KRW7UGrY/s1600/pink.png" untuk burung berwarna "PINK"
7.Ganti dengan kode var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb1tb9FcJmQSgpKtrX2QUpQ-tpcBe_nEnaO2NgCLvYzwoewRyL2NJpGyFDip2d7VPa8-OipuolUq6TD8gWp6qyGKl1EplINxa9qJKL58dZwMn07nTVszbxOBhogEaGXDrkrLVwr_qn861H/s1600/blue.png" untuk burung berwarna "BLUE"
8.Ganti dengan kode var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBqpCMtM1QOcmvdmktN4ov3L1UZaGOY0fOytpFCSKu0p4Oh60fuU0vz6Z3AOkrPIutakejV1ZbTZJCL-WaQJfiOCGEotnBU9bqo2LK8N7eCALpmV6JYIuLNiUH6yRDaNRt0u6PfYE6Nz6C/s1600/green.png" untuk burung berwarna "GREEN"
9. Klik tombol Simpan
10. Selesai, Selamat menikmati warna warni burung twitter.
Terima kasih :)
READMORE
 

Cara Membuat Burung Twitter Terbang Di Blog


Membuat burung twitter terbang di blog bisa membuat kesan blog kita lucu, karna seolah-olah kita memelihara seekor burung di blog kita :). Tetapi terkadang ada juga yang merasa risih dengan kehadiran burung di dalam halaman blog. Tetapi terlepas dari ini semua, saya sangat senang jika ada sebuah burung terbang di halaman posting blog saya :).

Langkah-langkahnya sebagai berikut :
1. Buka akun blogger Anda
2. Pilih Rancangan
3. Pilih Add Widget
4. Pilih HTML/Javascript
5. Copy dan Paste kode javascript berikut kedalam widget HTML/Javascript
<!-- floating twitter Bird -->
<script type="text/javascript" src="http://p4r46h-blog.googlecode.com/files/twitterfloat.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw1aFitbWy7U9CKRByit6_Rce3WTEkHsqSnxl6nK5vBYwMhbUQjfbGGL9nqQTSz6RRJmBKku5v8oJ6o2HJfXGJMZ4J5Xbt2VrOOE1jZoBwsVL2Kod9kBdSFs8J1mlWxR0OCqscfIZJGUWa/s1600/original.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button",
"select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/#!/YusTanta";var tweetThisText = "Twitter - YusTanta http://adsloko.blogspot.com/";tripleflapInit();
</script>
6. Ganti tulisan berwarna biru http://twitter.com/#!/YusTanta dengan akun tweeter Anda
7. Ganti tulisan berwarna ungu YusTanta dengan id tweeter Anda
8. Ganti tulisan berwarna coklat http://d-pus.blogspot.com/ dengan alamat URL blog Anda
9. Save
10. Selesai
Lihat dan peliharalah burung di blog kesayangan Anda.
Terima kasih :)
READMORE
 

Cara Mengganti Icon Blog di Addres Bar


Icon blog atau biasa disebut dengan favicon blog yang muncul di addres bar biasanya yang berupa icon dari blogger.com bisa diganti dengan gambar sesuka kita, bahkan bisa diganti dengan wajah kita :).
Berikut adalah tips-tips yang paling simpel
1. Siapkan dolo gambar berupa jpg/gif dengan ukuran 32px x 32px
2. Login ke blog anda
3. Klik Rancangan terus masuk ke Elemen Laman
4. Lihat di sebelah atas kiri ada tulisan Favicon -- Edit. Klik edit terus browse dimana letak gambar anda.
5. Terus simpan. Lihat hasilnya :)
Met mencoba.... Terima kasih :)
READMORE
 

Cara Memasang Emotion Kaskus di Kotak Komentar Blog


Kali ini, saya akan berbagi trik modifikasi blog, yaitu memesang emoticon Kaskus di kotak komentar blog khususnya Blogger. Walaupun belum semua emoticon Kaskus ada dalam trik kali ini, tapi saya rasa sudah lebih dari cukup untuk mengidupkan kotak komentar blog teman-teman. Silahkan dicoba :)

1. Login ke akun Blogger sobat.
2. Pilih tab Rancangan.
3. Pilih tab Edit HTML.
4. Kemudian cari kode </body> lalu tambahkan Javascript berikut di atas kode tersebut.



5. Cari kode ini  <b:if cond='data:post.embedCommentForm'> lalu tambahkan kode di bawah ini sebelum kode tersebut.



 6. Cari kode </b:skin> lalu tambahkan CSS berikut di atas atau sebelum kode tersebut.



 7. Simpan template teman-teman, lalu coba deh.

Terima kasih :) 
READMORE
 

Contoh Aplikasi IRC PC / HP

Ini adalah beberapa contoh aplikasi IRC baik pc / hp yang di edit oleh temen-temen kita sendiri. Walaupun mereka bilang masih banyak kekurangannya, tapi setelah saya coba, menurut saya ini adalah contoh app irc yang terbaik (coz saya sendiri tidak bisa membuatnya..hihihi).

Contoh Aplikasi irc PC editan temen :
1. dhea ﮢ By deedee
2. cybernet ﮢ By deedee
3. steve ﮢ By steve

Contoh Aplikasi irc HP editan temen :
1. batu ﮢ vέ® 1 By batu crew
2. batu ﮢ vέ® 2 By batu crew
3. KTS ﮢ vέ® 1 By kartosuro crew
4. KTS ﮢ vέ® 2 By kartosuro crew
5. KTS ﮢ vέ® 3 By kartosuro crew

Contoh Aplikasi Buat Denger Radio Online Via HP :
1. FMRadio ØŇ£ïŅέ By friends
Terima kasih :) 
READMORE
 

Free Domain Ex.

READMORE
 

Cara Membuat / Mengganti Cursor di Blog

Cursor Ex...
Ada banyak cara untuk mempercantik blog seperti Cara Membuat Favicon / Icon di Blog atau mengganti cursor yang ada di blog kita. Dengan menggunakan kode CSS (Cascading Style Sheet) kita dapat mereplace cursor default dengan cursor milik kita ! Nah saya akan mensharing cara membuat atau mengganti cursor di blog. Berikut caranya :

Pertama anda cari dulu Cursor – cursor yang mau anda taruh di blog anda. Ini ada beberapa situs web yang menyediakan download cursor gratis :

http://fairuz.web.id/cara-membuat-mengganti-cursor-di-blog.html

* totallyfreecursors
* moocursors
* cursors-4u

Dan masih banyak lainnya yang menyediakan download cursor gratis. Dan ini cara mengganti cursor di blog :

Untuk Pengguna Blogger

* Buka Blogger.com dan Login.
* Buka Rancangan >> Edit HTML.
* Cari Tag CSS body { lalu pastekan kode berikut di dalam body :
cursor: url(http://urlcursor.tld/cursor.cur);
* Ekstensi harus .cur untuk hasil yang sempurna kalo tidak punya tinggal cari converternya saja.
* Lalu Save Template anda
Contoh : body {cursor: url(http://fairuz.web.id/cursor.cur);}

Untuk Pengguna WordPress

* Login di Dashboard WordPress
* Buka Apperance >> Editor
* Pilih Header.php lalu pastekan kode berikut di atas tag

Nah itu tag body { } hanya pada halaman blog saja jika cursor di taruh di link atau text maka cursor akan berubah lagi. Untuk itu jika mau di pakai di link ganti body menjadi a (Contoh : a {cursor: url(http://urlcursor.tld/cursor.cur)} )
Terima kasih :) 
READMORE