Tutorial membuat shoutMix tersembunyi

Sebelum mulai membaca lebih jauh silahkan tengok ke sebelah kanan blog, Disana ada tulisan buku tamu, coba diklik. Bukan maksud menyuruh tapi pada tutorial ini saya akan posting tutorial membuat shoutmix tersembunyi yang contohnya seperti itu. Cara bikinnya cukup mudah.

Berikut tutorial membuat shoutmix tersembunyi :

- Masuk ke blogspot dengan id dan pasword anda

- Klik layout

- Kemudian klik add a gadget. Letakknya dimana saja. Tapi disarankan di sideBar.

- Pilih HTML/Java script

- Copy kode berikut dan letakkan disana.

<style type="text/css"><br />#gb{<br />position:fixed;<br />top:50px;<br />z-index:+1000;<br />}<br />* html #gb{position:relative;}<br />.gbtab{<br />height:100px;<br />width:30px;<br />float:left;<br />cursor:pointer;<br />background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxeSWQ9M7m3vf1DxYERUpGmSDvZVJiFT-QrhRV3A41asyibMW4H8e4yutxGVq-cr18F7Xn784yX0CrVoE6X91jWyUqr53Ca9OuWHgMHZex3wH3wD3XaD_MX5rArJYvu2LhQxXQC_CKcgHz/') no-repeat;<br />}<br />.gbcontent{<br />float:left;<br />border:2px solid #A5BD51;<br />background:#F5F5F5;<br />padding:10px;<br />}<br /></style><br /><script type="text/javascript"><br />function showHideGB(){<br />var gb = document.getElementById("gb");<br />var w = gb.offsetWidth;<br />gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);<br />gb.opened = !gb.opened;<br />}<br />function moveGB(x0, xf){<br />var gb = document.getElementById("gb");<br />var dx = Math.abs(x0-xf) > 10 ? 5 : 1;<br />var dir = xf>x0 ? 1 : -1;<br />var x = x0 + dx * dir;<br />gb.style.right = x.toString() + "px";<br />if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}<br />}<br /></script><br /><div id="gb"><br /><div class="gbtab" onclick="showHideGB()"> </div><br /><div class="gbcontent"><br /><!-- Ganti ini dengan kode buku tamu kamu --><br /><br/><br />Mau seperti ini?<br/><br />Click aja disini---><br /><a href="http://blogspot-tips2.blogspot.com/2009/09/tutorial-membuat-shoutmix-tersmbunyi.html"><br />Blog Tips dan Tutorial<br /><br /><br /></a><br /><div style="text-align:right"><br /><a href="javascript:showHideGB()"><br />[close]<br /></a><br /></div><br /></div><br /></div><br /><script type="text/javascript"><br />var gb = document.getElementById("gb");<br />gb.style.right = (30-gb.offsetWidth).toString() + "px";<br /></script></div></div><br />

- Carilah kode <!-- Ganti ini dengan kode buku tamu kamu --> gantilah kode tersebut dengan kode shoutmix milik anda.

- Anda juga bisa merubah letaknya. Jika ingin lebih ke atas ganti nilai atribut top-nya dengan nilai 30 atau 20 px.

- Selesai...

Tutorial ini saya kemas ulang dari forantum.blogspot.com tengkyuw gan..!!

Semoga bermanfaat...

Related Post To Reading:

tutorial ngeblog

• Cara meningkatkan Traffic dan Visitor melalui Plipeo.com
• Cara Membuat Recent Post
• Cara Membuat Blog
• Cara Setting Blog
• Cara Setting Blog
• Cara Membuat Blogger
• Cara Membuat Blogger
• Cara membuat tulisan berkedip-kedip
• Cara membuat tulisan berkedip-kedip
• Tips dan Tutorial Blogspot
• Tips dan Tutorial Blogspot
• Ngeblog Setiap Hari
• Ngeblog Setiap Hari
• Review notebook acer type 4736
• Review notebook acer type 4736
• Celoteh tentang blog tips dan tutorial blogspot
• Celoteh tentang blog tips dan tutorial blogspot
• Cara menyebarkan Keyword di artikel
• Cara menyebarkan Keyword di artikel
• Tutorial membuat shoutMix tersembunyi
• Bagaimana Posting di Blogspot
• Bagaimana Posting di Blogspot
• Cara membuat hujan salju di blog
• Cara membuat hujan salju di blog

Menghias Blog

• Cara membuat tulisan berkedip-kedip
• Cara membuat tulisan berkedip-kedip
• Tutorial membuat shoutMix tersembunyi
• Cara membuat hujan salju di blog
• Cara membuat hujan salju di blog
• Cara buat daftar isi blog
• Cara buat daftar isi blog
• Cara Mengganti Icon Address URL
• Cara Mengganti Icon Address URL
• Cara Mengetahui Asal Pengunjung Blog anda
• Cara Mengetahui Asal Pengunjung Blog anda
• Membuat Variasi Link Warna Pelangi
• Membuat Variasi Link Warna Pelangi
• Cara Membuat Text Area pada Postingan
• Cara Membuat Text Area pada Postingan
• Membuat Navigasi Halaman Blog
• Membuat Navigasi Halaman Blog
• Membuat Efek Marquee ( Teks Berjalan )
• Membuat Efek Marquee ( Teks Berjalan )
• Pasang Widget Translator di Blogspot
• Pasang Widget Translator di Blogspot
• Widget Untuk Mengetahui Pengunjung yang sedang Online di Blog
• Widget Untuk Mengetahui Pengunjung yang sedang Online di Blog
• Cara Menampilkan Jam di Blogspot

Posted in: Menghias Blog, tutorial ngeblog