Cara Membuat Kotak Judul Postingan Jadi Menarik

Home / Unlabelled / Cara Membuat Kotak Judul Postingan Jadi Menarik

Cara Membuat Kotak Judul Postingan Jadi Menarik

Posted by Unknown Minggu, 09 Desember 2012 0 komentar

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>