This is default featured slide 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

8.12.2009

Create box Blogroll Model Marquee

Box is also able to accommodate many of the links in a narrow place. However, the blog roll is different from the box above you, because this box does not have a rollbar (I usually on the right are drawn down over the lho). Links ato fill in this box will move / run, what can vertical horizontal. Now I do it?
Place the following code in the element you (Page Elements -> Add a Gadget -> HTML / Javascript)



<MARQUEE align="center" direction="up" height="100" scrollamount= "2" onmouseover='this.stop()' onmouseout='this.start()' width="95%" >

#link1 <br />
#link2 <br />
#link3 <br />
#link...<br />




Description:
- Code "up" that shows the direction of movement, you can replace it with the down, left, right.
- If you replace them with horizontal movement (left going right) then removed the code
.
- The number "100" show from the blogroll you. The more the higher the number the size of the blogroll.

OK ...... Goood Luckk

</marquee>

8.11.2009

Cara Membuat Blogroll

Kali ini aku mau ngejelasin trik kali dengan gaya puisi, biar nggak bosen, tapi jangan diketawain ya, soalnya lom pernah buat puisi nih.

Tatkala link-link jumlahnya sudah berjuta-juta
Maka semakin sesaklah dada blog ini
Jikalau hal ini tidak diatasi dengan bijaksana
Maka blognya dikau akan penuh sesak dengan link-link itu

Udah bagus nggak puisinya? ancur ya? Ok lanjuuut.

Oleh karena itulah
hamba memberanikan diri untuk menawarkan obat sesak tersebut
Melalui secuil ilmu berikut
Daku berharap dapat membantu kisanak supaya blognya tidak sesak


Kira-kira pada mudeng nggak ya penjelasan tadi, ah biarin deh
udah ah, udah mual2 nih pake gaya puisi, sekarang ganti gaya biasa aja.

Untuk trik kali ini, ada dua macam kotak blogroll yang akan kita buat, terserah kamu mo pilih yang mana. Kotak blogroll-nya yaitu:

1. Kotak Blogroll Model Textarea

Contohnya seperti kotak blog roll seperti punyaku itu, itu lho yg atasnya ada tulisanya "Friend links"
Nha begini cara membuatnya :
Pasang code berikut ini di kedalam element kamu (Page Elements --> Add a Gadget --> HTML /Javascript)



<div style="border: 1px solid rgb(153, 153, 153);
overflow: auto;
width: 200px;
height: 200px;
text-align: center; ">

#link1 <br />
#link2 <br />
#link3 <br />
#link...

</div>

keterangan:
- Kode width: 200px; dan height: 200px; adalah ukuran lebar dan panjang kotak, kamu bisa merubahnya dan menyesuaikanya dengan ukuran yg kamu suka.
- Ganti tulisan "#link1,#link2, #link3 dst" dengan daftar link-link kamu, oh ya itu juga bisa diisi dengan banner link.
- Jika kamu pingin daftar link-linknya berjajar kayak punyaku, maka hilangkan kode <br />


(Source: www.tips-trik.blogspot.com)

HappY bloggingg.... (*_*)

Random Photo Tanpa Reload

Informasi : Code ini tidak suport pada blogger sebaiknya jangan digunakan, thanks



Pada artikel sebelumnya sudah saya jelaskan bagaimana cara membuat Random Banner Pada Satu Area dimana kita dapat menampilkan gambar banner secara random (acak) pada area yang sama, sayangnya untuk menampilkan gambar dengan cara ini kita harus melakukan reload page atau refresh page, kali ini kita akan membuat kode javascript untuk menampilkan gambar "Random Photo tanpa reload page (Slideshow)" yang berarti kita akan menampilkan gambar pada satu area tanpa perlu melakukan reload page sama sekali.

Mungkin rekan akan bertanya apa hubungannya "Random Photo tanpa reload page (Slideshow)" dengan "Manajemen iklan : Random Banner Pada satu Area" kesamaan yang tampak tentu saja kedua cara ini sama-sama untuk menampilkan gambar secara Random, yang membedakan hanyalah kegunaan saja, bisa untuk manampilkan Photo, Banner atau apalah terserah mau di pasang gambar apa saja :)

Contoh Penggunaan Kode:

Kode I:
<script language="JavaScript"><br /><!-- Begin var mfBanners = [ ['Alamat URL', 'Alamat URL Gambar'], ['Alamat URL', 'Alamat URL Gambar''], ['Alamat URL', 'Alamat URL Gambar''], ['Alamat URL', 'Alamat URL Gambar''], ['Alamat URL', 'Alamat URL Gambar'']]; var mfIe = false; if( document.all) { mfIe = true; } var mfBannerIndex = 0; function mfBannerChange() { var htmlString = '<a target="_blank" href="'+mfBanners[mfBannerIndex][0]+'"> <img border="0" src="'+mfBanners[mfBannerIndex][1]+'" /></a>';<br />if( mfIe) {<br />document.all.banner.innerHTML = htmlString;<br />}<br />else {<br />document.layers["banner"].document.open();<br />document.layers["banner"].document.write( htmlString);<br />document.layers["banner"].document.close();<br />}<br />if(mfBannerIndex < mfbannerindex =" 0;"><br /></script>


Kode II

<div id="banner" style="position: absolute; top: 0pt; left: 0pt;"></div>;

Penjelasan


['Alamat URL', 'Alamat URL Gambar''], ->> Untuk menambah gambar yang ditampilkan kita tinggal menambahkan saja alamatnya

5000 -->> ini merupakan durasi tampilan gambar yang berarti gambar akan berubah setelah 5 detik berikutnya.



Selamat Mencoba, Happy Blogging :)