navbar

Rabu, 03 Oktober 2012

cara membuat title pada blog bergerak

title pada blog ketika kita baru membuatnya itu dalam keadaan diam/tidak bergerak. agar judulnya bergerak ikuti langkah langkah berikut:

  • Dari dashboard >> Design >> Add a gadget >>Html/Javascript 
  • Copy dan paste code berikut di HTML/Javascript :
<script language=javascript>
msg = "Test Blog ...Test Blog ...";

msg = "..." + msg;pos = 0;
 
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, 

pos);
 
pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
</script>

  •  klik save kemudian tutup
  • lihat blog anda
semoga langkah ini berguna untuk anda. thanks

Read more ...

cara membuat efek daun berjatuhan di blog



Satu lagi artikel cara membuat efek pada blog yaitucara membuat efek daun berjatuhan di blogspot, cara ini sangat gampang sekali di praktekan dan mesih menggunakan javascript.  disarankan anda bijak menggunakan efek blogspot ini, jika blog anda sudah menggunakan efek lain seperti efek salju berjatuhan di blog, jikalau terasa berat loading blog anda, maka pilihlah salah satu efek saja.

Berikut cara membuat efek daun berjatuhan pada blogspot anda.
1. Pastikaln anda sudah login ke blogger anda
2. Pada halaman dashboard klik rancangan > Edit HTML
3. Jangan lupa centang Expand widget template.
4. Dengan menggunakan Ctrl+ F, atau tekan F3 cari kode</head>
5. Copy code dibawah dan letakan kode tersebut tepat diatas kode </head> tadi.
<script src='http://arti.master.irhamna.googlepages.com/daun.js'/>
6. Simpan pekerjaan adan dengan menekan tombol SAVE
7. Lihat hasilnya.. bagus kan? ^_^

Demikianlah ke-7 langkah cara membuat efek daun berjatuhan pada blogspot anda, sangat mudah diikuti atau dipraktekan. Selamat mencoba dan Happy blogging.
Read more ...

Membuat Buku Tamu Tersembunyi Untuk Cbox atau Shoutmix


Peletakan buku tamu sebaiknya diletakkan di tempat yang mudah terlihat oleh pengunjung. Ya, tentunya agar pengunjung mudah menemukan dan mengisi buku tamu. Namun jika diletakkan apa adanya, ntar yang ada malah template terasa penuh. Gini cara mengakalinya, jagoan liat disebelah kanan layout jagoBlog.com ada buku tamu yang tersembunyi bukan. Coba jagoan klik, dooorrr, dan buku tamunya muncul. Cara seperti itulah yang cocok untuk sebuah penempatan buku tamu. Tertarik? ikuti langkah-langkahnya:
1. Pertama-tama jagoan harus punya akun di Cbox atau Shoutmix dan kreasikan tampilan buku tamu yang cocok untuk blog jagoan. 
2. Dapatkan kode cbox/shoutmix untuk blog jagoan
3. Masuk ke akun blogger jagoan dan masuk ke Layout dan masuk tab Page Elemen
4. Tambahkan widget HTML/Javascript dan letakkan terserah dimanapun
5. Copy dan pastekan kode dibawah ke dalam widget HTML/Javascript tadi
<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://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.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">

<!-- Ganti ini dengan kode cbox/shoutmix jagoan -->

<a href="http://www.jagoblog.com/2011/07/membuat-buku-tamu-tersembunyi-untuk.html"> Grab this </a> 
</a>

<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>

</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
5. Ganti kode <!-- Ganti ini dengan kode cbox/shoutmix jagoan --> dengan kode cbox/shoutmix jagoan. Jagoan juga bisa mengatur posisi tampilannya. Rubah nilai atribut top, semakin kecil nilai, maka tampilan akan semakin ke atas.
6. Save, dan liat hasilnya

Read more ...

cara membuat cbox

Cbox adalah tempat chatting di blogspot anda. bagi teman yang belum tahu cara membuatnya, saya kasih tahu caranya:

STEP 1

1. Klik http://www.cbox.ws
2. Lalu klik "Get your own free Cbox now!"
3. Lalu Tulis Isian Form yang disediakan diantaranya ada Cbox 

name: Isi dengan nama username
Email address: Email aktif anda
Password: Isi dengan Password anda 
Confirm Password: Tulis kembali Password anda 
Website: Isi dengan URL web/blog yang akan anda pasang Cbox 
Language: Pilih Bahasa 
Style: Warna untuk Cbox anda

4. Setelah itu, "CREATE MY CBOX"
5. Cek email yang anda daftarkan, lalu klik link Validnya, Lalu anda bisa Log In dengan menggunakan nama email dan password cbox anda.

STEP 2


1. Salin kode Anda ke clipboard dengan mengklik tombol di atas.
2. Sign in di blogger.com / blogspot.com.
3. Di blog Anda, pergi ke dashboard dengan mengklik menyesuaikan.
4. Klik pada Tata Letak
5. Pilih Halaman elemen.
6. Klik Tambah Gadget.
7. Pilih HTML / JavaScript, klik kotak konten dan paste kode Anda di dalamnya dengan menekan Ctrl + V.
8. Simpan perubahan.

Setelah mengkonfirmasikan bahwa Cbox Anda berhasil, Anda mungkin ingin menyempurnakan tata letaknya atau menyesuaikan warna dan font.
Read more ...