myblog

Cara Membuat Kotak Blogroll dengan Efek Marque. yups udah pada tau kan? saya jelasin dikit ya???

kotak blogroll adalah kotak yang ada efek scrollnya, lalu klo yang Marque adalah efek tulisan berjalan... masih pada bingung????? nah langsung aja lihat contohnya dibawah ini aja ya....


-::Ini hanya sebagai contoh::-
bla....
bla....
bla....
bla....




ok deh langsung aja ikuti langkah-langkahnya dibawah ini.

Langkah-langkah Cara Membuat Kotak Blogroll dengan Efek Marque:

copy kode dibawah ini kedalam postingan atau pada gadget. klo blm tau cara membuat gadget (buka elemen halaman -> tambah gadget 'pilih HTML/JavaScript' )

<marquee align="center" direction="up" height="200" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="200">
-::Ini hanya sebagai contoh::-
bla....
bla....
bla....
bla....

</marquee>

NB :
up berarti arah tulisannya, sobat bisa ganti dengan down, left atau right
Tulisan yang berwarna biru adalah ukuran kotaknya, height berarti tinggi dan width berarti lebar.
Pada tulisan yang berkedip itu adalah isi dari kotak Blogroll dengan Efek Marque sobat.

Selamat Mencoba..

Tampil Pada Homepage Saja??? yups.... jadi kesimpulannya misalkan chat box saya, saya tampilkan pada homepage saja, jadi nanti setelah pengunjung membuka artikel saya maka widget chat box saya tidak akan tampak (hilang) sehingga akan meringankan berat blog kita.

OK deh langsung aja deh pada langkah" Cara Membuat Widget Tampil Pada Homepage Saja

1. login Blogger
2. rancangan -> edit HTML (centang 'Expand Widget Template')
3. cari judul widget sobat (harus widget yang diberi judul)

Sebagai Contoh saya hanya akan menampilkan widget -Link Partner- (judul) pada homepage saja.

Jadi cari kode yang seperti dibawah ini:

<b:widget id='HTML4' locked='false' title='-Link Partner-' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>


<b:include name='quickedit'/>
</b:includable>
</b:widget>

NB :
pada tulisan yang berwana merah adalah nama judul widget sobat. tulisan -Link Partner- diatas menyatakan kalau widget saya yang berjudul -Link Partner- akan saya tampilkan pada homepage saja.

4. lalu letakkan kode <b:if cond='data:blog.homepageUrl == data:blog.url'> dibawah kode <b:includable id='main'>
5. dan letakkan kode </b:if> dibawah kode <b:include name='quickedit'/>

maka hasilnya akan seperti ini:

<b:widget id='HTML4' locked='false' title='-Link Partner-' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Good Luck gan.... silahkan tinggalkan komentar bila sobat mengalami masalah ^_^

ok deh langsung saja simak langkah-langkah Cara Membuat Widget Top Artikel / Popular Posts.
1. login blog
2. rancangan -> elemen halaman -> tambah gadget (HTML/JavaScript)
3. lalu copy paste kode dibawah ini:

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=1a1c6e4e6d4f148e3650fda46910e15f&url=http%3A%2F%2Fvikrymadz.blogspot.com&num=10" type="text/javascript"></script><span style="font-size:9px;"><a href="http://dorkzi.blogspot.com">Get this widget!</a></span>

NB :
1. ganti dorkzi.blogspot.com dengan alamat blog sobat.
2. 10 = artikel yang akan ditampilkan, bisa sobat ganti sesuai selera sobat.
4. jangan lupa klik SIMPAN

Alternative Name : VJ Marissa, VJ Marisa, Marisa Nasution
Nickname : VJ Marissa
Place / Date of birth : Jakarta, 8 Februari 1986

Vj Marissa Gallery:

Mantap gan....