Cara Membuat Kotak Judul Postingan Keren

Kali ini saya akan memberi cara untuk memperindah blog anda dengan sebuah efek menarik pada kotak judul postingan. Caranya sangat mudah, anda tinggal copy kode dibawah ini dan letakkan di Html / Javascript.


<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>


<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>


<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>


<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>

Kalo sudah sekarang disimpan dan lihat hasilnya.
Cukup sekian semoga Cara Membuat Kotak Judul Postingan Keren dapat bermanfaat.