Skip to main content

Cara Membuat Buku Tamu Melayang/Terbang

By
Assalamu'alaikum! Halo sob, kita bertemu lagi. Sudah lama saya tidak posting artikel karena pulsa modem habis. Oke, kali ini saya ingin memposting tentang bagaimana cara memasang buku tamu melayang. Sobat sudah pernah lihat widget ini? Jika belum, sobat bisa cari blog yang memasang widget ini di google. Banyak sekali. Kebetulan saya tidak pasang, jadi maaf tidak ada contohnya ^^. Fungsi dari widget ini sangat banyak, salah satunya adalah sebagai penghias di blog kita. Oke sob, kita langsung ke TKP ...


1. Login blogspot > Rancangan/Tata letak

2. Tambah gadget

3. Pilih HTML/JavaScript

4. Copy kode berikut
<!-- right hidden chatbox by http:caratrikblog.blogspot.com/ START -->
<style>
#hcr {
position:fixed;
top:100px;
z-index:+1000;
}
* html #hcr {position:relative;}
.hcrtab {
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://b.imagehost.org/0611/buku-tamu.png') no-repeat;
}
.hcrcontent {
float:left;
border:2px solid #003e82;
background:#f3f6f7;
padding:10px;
}
.hc-credit {font-size:9px}
.hc-credit a {text-decoration:none}
</style>
<script type="text/javascript">
function showHidehcr(){
var hcr = document.getElementById("hcr");
var w = hcr.offsetWidth;
hcr.opened ? movehcr(0, 30-w) : movehcr(20-w, 0);
hcr.opened = !hcr.opened;
}
function movehcr(x0, xf){
var hcr = document.getElementById("hcr");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
hcr.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("movehcr("+x+", "+xf+")", 10);}
}
</script>
<div id="hcr">
<div class="hcrtab" onclick="showHidehcr()"> </div>
<div class="hcrcontent">

-----Kode buku tamu-----

<br />
<div class="hc-credit">
<span style="float:left">

</span>
</div>
</div>
</div>
<script type="text/javascript">
var hcr = document.getElementById("hcr");
hcr.style.right = (30-hcr.offsetWidth).toString() + "px";
</script>
<!-- right hidden chatbox by http://caratrikblog.blogspot.com/ END -->

5. Paste pada kolom HTML/JavaScript

Simpan !

Loh? Kok mudah sekali? Memang mudah sob, yang susah yaitu bagi orang yang belum punya kode buku tamu. Kalau belum punya, silahkan baca di sini. Sekian dulu sob tentang cara membuat buku tamu melayang ^^
Labels:

Comments

  1. Darmawan SaputraJune 19, 2012 at 1:39 AM

    terima kasih infonya sob.
    sungguh kreatif sekali dan template blog anda simple.
    dan sepertinya anda mempunyai kelebihan tersendiri.
    bila ada waktu saya akan berkunjung lagi sob :)


    #Semoga Sehat Selalu :)

    ReplyDelete

Post a Comment

Berkomentar dengan menggunakan kalimat yang baik dan santun. Dimohon untuk tidak berkomentar SPAM, karena komentar akan dihapus!
Tips:" Berlangganan Via Email " terlebih dahulu agar komentar cepat dibalas!

Popular posts from this blog

Tips Agar Blog Sering Dikunjungi Pengunjung

By
Tips agar blog banyak dikunjungi - Assalamu'alaikum! Kali ini saya ingin membagikan tips yang bisa mengingkatkan pengunjung sobat dan semangat nge-blog sobat. Semoga setelah sobat selesai membaca artikel saya ini, sobat menjadi bergairah untuk terus berada di dunia blogging. Pertama, setelah kita membuat blog, pasti sering sekali kita menerbitkan postingan. Hal seperti itu sudah menjadi sebuah kebiasaan. Setelah beberapa waktu, semangat menerbitkan posting pun melempem . Tidak apa-apa kalu benar hal itu terjadi, sobat hanya perlu mengumpulkan semangat untuk kembali menulis posting. Karena apabila posting di blog kita banyak, kemungkinan salah satu artikel kita terbaca oleh pengunjung pun semakin besar. Saya sendiri sudah merasakannya. Lalu, entah benar atau tidak, untuk mendapatkan pengunjung yang banyak, kita harus sering update posting setiap hari, minimal 1 posting. Kedua, jangan sering-sering menerbitkan artikel hasil copas (copy paste). Karena mesin pencari tidak akan member...
87 comments
Read more

Cara Membuat Cursor Diikuti Text

By
Assalamu'alaikum! Halo sob, ketemu lagi di blog saya ^^ Kali ini saya ingin mencoba berbagi tentang trik membuat cursor diikuti text . Sebenarnya postingan ini hasil referensi dari blog orang lain, tapi tidak apa, nanti akan saya beri sumbernya di bawah. Setelah saya membaca artikelnya, ternyata banyak pengunjung yang berkomentar bahwa triknya tidak work (tidak berhasil). Setelah diselidiki, ternyata ada beberapa bagian template yang tidak mendukung trik ini. Alhasil, yang seharusnya teks berputar di cursor, malah menjauh dari cursor. Jadi, bagi yang telah mencoba trik ini tapi tidak berhasil, sabar saja ya sob ^^ Oke langsung ke TKP aja yuk .. 1. Blogger > Rancangan/Tata letak 2. Tambah Gadget > Pilih HTML/JavaScript 3. Copy kode di bawah ini <script> //mouse //Circling text trail- Tim Tilton //Website: http://www.tempermedia.com/ //Visit http://www.dynamicdrive.com for this script and more function cursor_text_circle(){ // your message here var msg=' Cara Trik Blo...
6 comments
Read more

Cara Mengetahui Komentar Terbaru di Postingan

By
Cara mengetahui ada komentar baru - Bismillahirrahmannirrahiim ... Kini sudah banyak orang yang mulai menggeluti dunia blog. Hal itu menyebabkan banyak muncul blogger newbie (pemula). Blogger pemula tersebut biasanya datang berkunjung ke blog orang dari mesin pencari, karena pastinya kalau pemula mah belum tahu apa-apa termasuk situs/blog apa saja yang memposting tutorial tentang blogger. Dan bagi si pemilik blog yang dikunjungi oleh blogger pemula, biasanya ada kalanya ia dibanjiri komentar pertanyaan yang membingungkan oleh blogger pemula. Tapi bisa dimaklumi, namanya juga blogger pemula. Yang kadang membuat hati kita kesal adalah pengunjung yang bertanya ini, bertanya itu, dan dia sudah merasa pintar dalam hal blogging sampai-sampai saat bertanya kepada orang dia ngotot kalau pemikirannya itu benar. Sudahlah jangan terlalu menyimpang dari topik, dan topik artikel kali ini adalah cara mengetahui komentar terbaru ... Oke langsung ke TKP ... 1. Login blogspot > Komentar 2. Pada ta...
14 comments
Read more