Cara Membuat Kotak Judul Postingan Jadi Menarik ada aku

Kotak postingan sahabat akan lebih menarik dengan adanya widget ini,ok langsung saja.

1. Buka / login ke blogger sahabat.

2. Pilih Tata Letak.

3. Klik HTML/Javascipt.

4. Pastekan kode di bawah ini.

Gambar Cara Membuat Kotak Judul Postingan Jadi Menarik

<style
type="text/css">.hover-effects-from{http://reddragondesigns.net/}a:hover

{background-image:url('http://c.myspace.com/Groups/00015/55/93/15023955_l.gif');
background-position:top left; background-repeat:repeat;
background-attachment:fixed;}
</style><a href="http://reddragondesigns.net/"
style="position:absolute; top:10px; left:0px; height:75px; width:100px;
">
<b><small><small><br><center>
Red Dragon
Designs<br>
Hover
Effects</small></small></center>
</b></a>

Gambar Cara Membuat Kotak Judul Postingan Jadi Cantik

<style
type="text/css">.hover-effects-from{http://reddragondesigns.net/}a:hover

{background-image:url('http://c.myspace.com/Groups/00015/43/86/15036834_l.gif');
background-position:top left; background-repeat:repeat;
background-attachment:fixed;}
</style><a href="http://reddragondesigns.net/"
style="position:absolute; top:10px; left:0px; height:75px; width:100px;
">
<b><small><small><br><center>
Red Dragon
Designs<br>
Hover
Effects</small></small></center>
</b></a>

Gambar Cara Membuat Kotak Judul Postingan Jadi Keren

<style
type="text/css">.hover-effects-from{http://reddragondesigns.net/}a:hover

{background-image:url('http://c.myspace.com/Groups/00015/42/86/15036824_l.gif');
background-position:top left; background-repeat:repeat;
background-attachment:fixed;}
</style><a href="http://reddragondesigns.net/"
style="position:absolute; top:10px; left:0px; height:75px; width:100px;
">
<b><small><small><br><center>
http://reddragondesigns.net/<br>
Hover
Effects</small></small></center>
</b></a>

Cara Membuat Kotak Judul Postingan Jadi Keren

<style
type="text/css">.hover-effects-from{http://reddragondesigns.net/}a:hover

{background-image:url('http://c.myspace.com/Groups/00015/19/76/15036791_l.gif');
background-position:top left; background-repeat:repeat;
background-attachment:fixed;}
</style><a href="http://reddragondesigns.net/"
style="position:absolute; top:10px; left:0px; height:75px; width:100px;
">
<b><small><small><br><center>
http://reddragondesigns.net/<br>
Hover
Effects</small></small></center>
</b></a>

<style
type="text/css">.hover-effects-from{http://reddragondesigns.net/}a:hover

{background-image:url('http://c.myspace.com/Groups/00015/66/76/15036766_l.gif');
background-position:top left; background-repeat:repeat;
background-attachment:fixed;}
</style><a href="http://reddragondesigns.net/"
style="position:absolute; top:10px; left:0px; height:75px; width:100px;
">
<b><small><small><br><center>
http://reddragondesigns.net/<br>
Hover
Effects</small></small></center>
</b></a>

<style
type="text/css">.hover-effects-from{http://reddragondesigns.net/}a:hover

{background-image:url('http://c.myspace.com/Groups/00015/23/76/15036732_l.gif');
background-position:top left; background-repeat:repeat;
background-attachment:fixed;}
</style><a href="http://reddragondesigns.net/"
style="position:absolute; top:10px; left:0px; height:75px; width:100px;
">
<b><small><small><br><center>
http://reddragondesigns.net/<br>
Hover
Effects</small></small></center>
</b></a>

<style
type="text/css">.hover-effects-from{http://reddragondesigns.net/}a:hover

{background-image:url('http://c.myspace.com/Groups/00015/77/66/15036677_l.gif');
background-position:top left; background-repeat:repeat;
background-attachment:fixed;}
</style><a href="http://reddragondesigns.net/"
style="position:absolute; top:10px; left:0px; height:75px; width:100px;
">
<b><small><small><br><center>
http://reddragondesigns.net/<br>
Hover
Effects</small></small></center>
</b></a>

<style
type="text/css">.hover-effects-from{http://reddragondesigns.net/}a:hover

{background-image:url('http://c.myspace.com/Groups/00015/96/66/15036669_l.gif');
background-position:top left; background-repeat:repeat;
background-attachment:fixed;}
</style><a href="http://reddragondesigns.net/"
style="position:absolute; top:10px; left:0px; height:75px; width:100px;
">
<b><small><small><br><center>
http://reddragondesigns.net/<br>
Hover
Effects</small></small></center>
</b></a>

<style
type="text/css">.hover-effects-from{http://reddragondesigns.net/}a:hover

{background-image:url('http://c.myspace.com/Groups/00015/56/66/15036665_l.gif');
background-position:top left; background-repeat:repeat;
background-attachment:fixed;}
</style><a href="http://reddragondesigns.net/"
style="position:absolute; top:10px; left:0px; height:75px; width:100px;
">
<b><small><small><br><center>
http://reddragondesigns.net/<br>
Hover
Effects</small></small></center>
</b></a>

<style
type="text/css">.hover-effects-from{http://reddragondesigns.net/}a:hover

{background-image:url('http://c.myspace.com/Groups/00015/45/66/15036654_l.gif');
background-position:top left; background-repeat:repeat;
background-attachment:fixed;}
</style><a href="http://reddragondesigns.net/"
style="position:absolute; top:10px; left:0px; height:75px; width:100px;
">
<b><small><small><br><center>
http://reddragondesigns.net/<br>
Hover
Effects</small></small></center>
</b></a>

<style

type="text/css">.hover-effects-from{http://reddragondesigns.net/}a:hover

{background-image:url('http://c.myspace.com/Groups/00015/25/85/15045852_l.gif');

background-position:top left; background-repeat:repeat;

background-attachment:fixed;}

</style><a href="http://reddragondesigns.net/"

style="position:absolute; top:10px; left:0px; height:75px; width:100px;

">

<b><small><small><br><center>

http://reddragondesigns.net/<br>

Hover

Effects</small></small></center>

</b></a>

<style
type="text/css">.hover-effects-from{http://reddragondesigns.net/}a:hover

{background-image:url('http://c.myspace.com/Groups/00015/27/85/15045872_l.gif');
background-position:top left; background-repeat:repeat;
background-attachment:fixed;}
</style><a href="http://reddragondesigns.net/"
style="position:absolute; top:10px; left:0px; height:75px; width:100px;
">
<b><small><small><br><center>
http://reddragondesigns.net/<br>
Hover
Effects</small></small></center>
</b></a>

<style
type="text/css">.hover-effects-from{http://reddragondesigns.net/}a:hover

{background-image:url('http://c.myspace.com/Groups/00015/78/85/15045887_l.gif');
background-position:top left; background-repeat:repeat;
background-attachment:fixed;}
</style><a href="http://reddragondesigns.net/"
style="position:absolute; top:10px; left:0px; height:75px; width:100px;
">
<b><small><small><br><center>
http://reddragondesigns.net/<br>
Hover
Effects</small></small></center>
</b></a>

<style
type="text/css">.hover-effects-from{http://reddragondesigns.net/}a:hover

{background-image:url('http://c.myspace.com/Groups/00015/18/85/15045881_l.gif');
background-position:top left; background-repeat:repeat;
background-attachment:fixed;}
</style><a href="http://reddragondesigns.net/"
style="position:absolute; top:10px; left:0px; height:75px; width:100px;
">
<b><small><small><br><center>
http://reddragondesigns.net/<br>
Hover
Effects</small></small></center>
</b></a>

<style
type="text/css">.hover-effects-from{http://reddragondesigns.net/}a:hover

{background-image:url('http://c.myspace.com/Groups/00015/66/85/15045866_l.gif');
background-position:top left; background-repeat:repeat;
background-attachment:fixed;}
</style><a href="http://reddragondesigns.net/"
style="position:absolute; top:10px; left:0px; height:75px; width:100px;
">
<b><small><small><br><center>
http://reddragondesigns.net/<br>
Hover
Effects</small></small></center>
</b></a>

<style
type="text/css">.hover-effects-from{http://reddragondesigns.net/}a:hover

{background-image:url('http://c.myspace.com/Groups/00015/26/85/15045862_l.gif');
background-position:top left; background-repeat:repeat;
background-attachment:fixed;}
</style><a href="http://reddragondesigns.net/"
style="position:absolute; top:10px; left:0px; height:75px; width:100px;
">
<b><small><small><br><center>
http://reddragondesigns.net/<br>
Hover
Effects</small></small></center>
</b></a>

<style
type="text/css">.hover-effects-from{http://reddragondesigns.net/}a:hover

{background-image:url('http://c.myspace.com/Groups/00015/87/85/15045878_l.gif');
background-position:top left; background-repeat:repeat;
background-attachment:fixed;}
</style><a href="http://reddragondesigns.net/"
style="position:absolute; top:10px; left:0px; height:75px; width:100px;
">
<b><small><small><br><center>
http://reddragondesigns.net/<br>
Hover
Effects</small></small></center>
</b></a>

<style
type="text/css">.hover-effects-from{http://reddragondesigns.net/}a:hover

{background-image:url('http://c.myspace.com/Groups/00015/55/85/15045855_l.gif');
background-position:top left; background-repeat:repeat;
background-attachment:fixed;}
</style><a href="http://reddragondesigns.net/"
style="position:absolute; top:10px; left:0px; height:75px; width:100px;
">
<b><small><small><br><center>
http://reddragondesigns.net/<br>
Hover
Effects</small></small></center>
</a> <br>

Semoga bermanfaat
Jangan lupa baca yang ini. Tujuh tanda anda belum bisa melupakan mantan.

1 komentar:

lintanglovers21 Maret 2013 pukul 06.21
di coba dulu sob
BalasHapus
Balasan

Tambahkan komentar

Terima kasih sudah mau membaca postingan yang ada di blog ini, semoga bermanfaat dan menambah pengetahuan.Silahkan yang mau komentar tentang blog,,tulis di kotak komentar yang sudah di sediakan.