bscsskodlari

Mavili-Grili Blog Sitesi Tasarımı

TEMANIN GÖRÜNTÜSÜNÜ GÖRMEK İSTİYORSANIZ TIKLAYINIZ > DEMO GÖRÜNTÜSÜ

TASARIM ÜSTÜ :

<table border="0" cellspacing="0" cellpadding="0" width="920"> <tbody> <tr> <td width="920" valign="bottom" height="68" background="https://img.webme.com/pic/c/creative-blog/m-g-t_01.png"> <table width="920" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td width="249"> </td> <td width="129" valign="bottom"><a href="#" _fcksavedurl="#" _fcksavedurl="#"> <div id="Ust-Menu1"> </div> </a></td> <td width="11"> </td> <td width="128" valign="bottom"><a href="#" _fcksavedurl="#" _fcksavedurl="#"> <div id="Ust-Menu2"> </div> </a></td> <td width="12"> </td> <td width="128" valign="bottom"><a href="#" _fcksavedurl="#" _fcksavedurl="#"> <div id="Ust-Menu3"> </div> </a></td> <td width="263"> </td> </tr> </tbody> </table> </td> </tr> <tr> <td width="920" height="121" background="https://img.webme.com/pic/c/creative-blog/m-g-t_02.png"> <table width="920" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td width="64" height="117"> </td> <td width="314" valign="top" align="center"> <div id="Site">Logo&İsim</div> </td> <td width="153" valign="bottom" align="center"> <embed width="100" height="100" wmode="transparent" src="http://img1.xooimage.com/files/9/d/b/kedi-225f32c.swf" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" play="true" loop="true" menu="true"></embed></td> <td width="389"> </td> </tr> </tbody> </table> </td> </tr> <tr> <td width="920" valign="middle" height="56" background="https://img.webme.com/pic/c/creative-blog/m-g-t_03.png"><div id="Orta-Menu"> <ul> <li class="Orta-Special-Left"><a href="#" _fcksavedurl="#" _fcksavedurl="#">Menü Eklenecek</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Menü Eklenecek</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Menü Eklenecek</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Menü Eklenecek</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Menü Eklenecek</a></li> <li class="Orta-Special-Right"><a href="#" _fcksavedurl="#" _fcksavedurl="#">Menü Eklenecek</a></li> </ul> </div></td> </tr> <tr> <td width="920" valign="bottom" height="82" background="https://img.webme.com/pic/c/creative-blog/m-g-t_04.png"> <div id="Ekstra-Sosyal"> <a href="http://tr-tr.facebook.com/" _fcksavedurl="http://tr-tr.facebook.com/" _fcksavedurl="http://tr-tr.facebook.com/"><img src="https://img.webme.com/pic/c/creative-blog/mrs-facebook.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/mrs-facebook.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/mrs-facebook.png" alt="" width="31" height="31" border="0" /></a> <a href="http://twitter.com/" _fcksavedurl="http://twitter.com/" _fcksavedurl="http://twitter.com/"><img src="https://img.webme.com/pic/c/creative-blog/mrs-twitter.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/mrs-twitter.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/mrs-twitter.png" alt="" width="31" height="31" border="0" /></a> <a href="http://www.google.com.tr/webhp?sourceid=navclient&hl=tr&ie=UTF-8" _fcksavedurl="http://www.google.com.tr/webhp?sourceid=navclient&hl=tr&ie=UTF-8" _fcksavedurl="http://www.google.com.tr/webhp?sourceid=navclient&hl=tr&ie=UTF-8"><img src="https://img.webme.com/pic/c/creative-blog/mrs-google.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/mrs-google.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/mrs-google.png" alt="" width="31" height="31" border="0" /></a> <a href="#" _fcksavedurl="#" _fcksavedurl="#"><img src="https://img.webme.com/pic/c/creative-blog/mrs-rss.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/mrs-rss.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/mrs-rss.png" alt="" width="31" height="31" border="0" /></a></div> <div id="Ekstra-Dil"><a href="#" _fcksavedurl="#" _fcksavedurl="#" target="_self"> <img src="https://img.webme.com/pic/d/denenmek/flagtr.png" _fcksavedurl="https://img.webme.com/pic/d/denenmek/flagtr.png" _fcksavedurl="https://img.webme.com/pic/d/denenmek/flagtr.png" border="0"></a> <a href="#" _fcksavedurl="#" _fcksavedurl="#" target="_self"> <img src="https://img.webme.com/pic/d/denenmek/flagen.png" _fcksavedurl="https://img.webme.com/pic/d/denenmek/flagen.png" _fcksavedurl="https://img.webme.com/pic/d/denenmek/flagen.png" border="0"></a> <a href="#" _fcksavedurl="#" _fcksavedurl="#" target="_self"> <img src="https://img.webme.com/pic/d/denenmek/flagde.png" _fcksavedurl="https://img.webme.com/pic/d/denenmek/flagde.png" _fcksavedurl="https://img.webme.com/pic/d/denenmek/flagde.png" border="0"></a> <a href="#" _fcksavedurl="#" _fcksavedurl="#" target="_self"> <img src="https://img.webme.com/pic/d/denenmek/flagfr.png" _fcksavedurl="https://img.webme.com/pic/d/denenmek/flagfr.png" _fcksavedurl="https://img.webme.com/pic/d/denenmek/flagfr.png" border="0"></a> <a href="#" _fcksavedurl="#" _fcksavedurl="#" target="_self"> <img src="https://img.webme.com/pic/d/denenmek/flages.png" _fcksavedurl="https://img.webme.com/pic/d/denenmek/flages.png" _fcksavedurl="https://img.webme.com/pic/d/denenmek/flages.png" border="0"></a></div> </td> </tr> <tr> <td width="920" valign="top" height="162" background="https://img.webme.com/pic/c/creative-blog/m-g-t_05.png"> <table width="920" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td width="52"> </td> <td width="630" valign="top" align="center"> <div id="Icerik">

TASARIM ALTI : 

</div> </td> <td width="12"> </td> <td width="175" valign="top"> <table width="174" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td> </td> </tr> <tr> <td width="174" height="35" background="https://img.webme.com/pic/c/creative-blog/m-r-s-menu-baslik.png" align="center"><div class="MRS-Baslik">Menü Başlığı</div></td> </tr> <tr> <td valign="top"> <div id="MRS-Menu"> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Eklenecek</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Eklenecek</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Eklenecek</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Eklenecek</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Eklenecek</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Eklenecek</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Eklenecek</a></li> </ul> </div> </td> </tr> <tr> <td width="174" height="35" background="https://img.webme.com/pic/c/creative-blog/m-r-s-menu-baslik.png" align="center"><div class="MRS-Baslik">Menü Başlığı</div></td> </tr> <tr> <td> <div id="MRS-Menu"> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Eklenecek</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Eklenecek</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Eklenecek</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Eklenecek</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Eklenecek</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Eklenecek</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Eklenecek</a></li> </ul> </div> </td> </tr> <tr> <td width="174" height="35" background="https://img.webme.com/pic/c/creative-blog/m-r-s-menu-baslik.png" align="center"><div class="MRS-Baslik">Reklam Alanı</div></td> </tr> <tr> <td valign="top" align="center"> <div id="Kucuk-Reklam"><a href="#" _fcksavedurl="#" _fcksavedurl="#"><img width="80" height="80" border="0" alt="" src="https://img.webme.com/pic/c/creative-blog/m-g-t-reklam.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/m-g-t-reklam.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/m-g-t-reklam.png" /></a> <a href="#" _fcksavedurl="#" _fcksavedurl="#"><img width="80" height="80" border="0" alt="" src="https://img.webme.com/pic/c/creative-blog/m-g-t-reklam.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/m-g-t-reklam.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/m-g-t-reklam.png" /></a><br /> <a href="#" _fcksavedurl="#" _fcksavedurl="#"><img width="80" height="80" border="0" alt="" src="https://img.webme.com/pic/c/creative-blog/m-g-t-reklam.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/m-g-t-reklam.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/m-g-t-reklam.png" /></a> <a href="#" _fcksavedurl="#" _fcksavedurl="#"><img width="80" height="80" border="0" alt="" src="https://img.webme.com/pic/c/creative-blog/m-g-t-reklam.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/m-g-t-reklam.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/m-g-t-reklam.png" /></a></div> </td> </tr> <tr> <td width="174" height="35" background="https://img.webme.com/pic/c/creative-blog/m-r-s-menu-baslik.png" align="center"><div class="MRS-Baslik">Haftanın Videosu</div></td> </tr> <tr> <td valign="top" align="center"> <div id="Video"><iframe width="160" height="120" src="http://www.youtube.com/embed/WgKExOneYqs" frameborder="0" allowfullscreen=""></iframe></div> </td> </tr> </tbody> </table> </td> <td width="51"> </td> </tr> </tbody> </table> </td> </tr> <tr> <td width="920" height="53" background="https://img.webme.com/pic/c/creative-blog/m-g-t_06.png"> </td> </tr> <tr> <td width="920" height="96" background="https://img.webme.com/pic/c/creative-blog/m-g-t_07.png"> <div id="Day-Say"></div> <div id="Buyuk-Reklam"><a href="#" _fcksavedurl="#" _fcksavedurl="#"><img src="https://img.webme.com/pic/c/creative-blog/m-g-t-reklambuyuk.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/m-g-t-reklambuyuk.png" _fcksavedurl="https://img.webme.com/pic/c/creative-blog/m-g-t-reklambuyuk.png" alt="" border="0" /></a></div></td> </tr> <tr> <td width="920" valign="top" height="98" background="https://img.webme.com/pic/c/creative-blog/m-g-t_08.png"> <div id="Link-Takas"> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Siteni Ekle</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Siteni Ekle</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Siteni Ekle</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Siteni Ekle</a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Siteni Ekle</a></li> </ul> </div> <a href="http://creative-blog.tr.gg/" _fcksavedurl="http://creative-blog.tr.gg/" _fcksavedurl="http://creative-blog.tr.gg/"> <div id="CB"></div></a></td> </tr> </tbody> </table>

CSS KODU : 

<style type="text/css"> h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} table{margin-right:auto;margin-left:auto;} #webme_footer_textlink_dont_hide { background: rgba(203, 203, 203, 0.5); border: 1px solid rgba(203, 203, 203, .5); border-radius: 10px; /* Standart */ -moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Chrome */ text-align: center; margin-top:15px; margin-bottom:15px; text-decoration:none; font-size:15px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#000; } body { background-image: url(https://img.webme.com/pic/c/creative-blog/m-g-t-background.jpg); } a { text-decoration:none; } a:hover { text-decoration:none; } #Site { width: 250px; height: 50px; margin-top: 10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 36px; color: #CBCBCB; } #Ust-Menu1 { background-image: url(https://img.webme.com/pic/c/creative-blog/m-g-t-ustmenu1.png); height: 30px; width: 128px; } #Ust-Menu1:hover { background-image: url(https://img.webme.com/pic/c/creative-blog/m-g-t-ustmenuhv1.png); height: 45px; width: 128px; } #Ust-Menu2 { background-image: url(https://img.webme.com/pic/c/creative-blog/m-g-t-ustmenu2.png); height: 30px; width: 128px; } #Ust-Menu2:hover { background-image: url(https://img.webme.com/pic/c/creative-blog/m-g-t-ustmenuhv2.png); height: 45px; width: 128px; } #Ust-Menu3 { background-image: url(https://img.webme.com/pic/c/creative-blog/m-g-t-ustmenu3.png); height: 30px; width: 128px; } #Ust-Menu3:hover { background-image: url(https://img.webme.com/pic/c/creative-blog/m-g-t-ustmenuhv3.png); height: 45px; width: 128px; } #Orta-Menu ul { list-style-type: none; padding: 0px; float: none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 48px; } #Orta-Menu ul li { float: left; height: 50px; border-right-width: 2px; border-right-style: solid; border-right-color: #3C3B5A; } #Orta-Menu ul li a { text-decoration: none; color: #3C3B5A; font-family: "Comic Sans MS", cursive; display: block; height: 50px; line-height: 48px; padding-right: 11px; padding-left: 11px; background-color: #CBCBCB; font-size: 15px; font-weight: bold; } #Orta-Menu ul li a:hover { background-color: #AAA; /* Firefox */ -moz-transition: all 1s ease-in; /* WebKit */ -webkit-transition: all 1s ease-in; /* Opera */ -o-transition: all 1s ease-in; /* Standard */ transition: all 1s ease-in; } #Ekstra-Sosyal { float: left; height: 30px; width: 150px; position: relative; left: 60px; padding-bottom: 4px; text-align: center; } #Ekstra-Sosyal a img{ opacity: 1; } #Ekstra-Sosyal a img:hover{ opacity: 0.6; } #Ekstra-Dil { float: left; position: relative; height: 30px; width: 150px; left: 553px; text-align: center; top: 2px; } #Ekstra-Dil a img { margin-right: 1px; margin-left: 1px; -webkit-transition: -webkit-transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; -ms-transition: -ms-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; } #Ekstra-Dil a img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; -ms-transition: -ms-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; } #Kucuk-Reklam { margin-top: 10px; margin-bottom: 10px; } #Kucuk-Reklam img { -webkit-transition: -webkit-transform 0.5s ease-in-out, opacity 1s ease-out; -moz-transition: -moz-transform 0.5s ease-in-out, opacity 1s ease-out; -ms-transition: -ms-transform 0.5s ease-in-out, opacity 1s ease-out; -o-transition: -o-transform 0.5s ease-in-out, opacity 1s ease-out; transition: transform 0.5s ease-in-out, opacity 1s ease-out; opacity: 0.6; margin-right: 1px; margin-left: 1px; margin-top: 1px; margin-bottom: 1px; } #Kucuk-Reklam img:hover { -webkit-transition: -webkit-transform 0.5s ease-in-out, opacity 1s ease-out; -moz-transition: -moz-transform 0.5s ease-in-out, opacity 1s ease-out; -ms-transition: -ms-transform 0.5s ease-in-out, opacity 1s ease-out; -o-transition: -o-transform 0.5s ease-in-out, opacity 1s ease-out; transition: transform 0.5s ease-in-out, opacity 1s ease-out; opacity: 1; } #Icerik { margin-top: 10px; margin-bottom: 10px; padding-top: 7px; padding-bottom: 7px; } #Video { margin-top: 10px; margin-bottom: 10px; } #Day-Say { height: 70px; position: relative; width: 205px; float: left; left: 65px; } #Buyuk-Reklam { text-align: right; height: 60px; width: 468px; position: relative; float: left; left: 180px; } #Buyuk-Reklam a img { height: 60px; width: 468px; -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; border: thin solid #CBCBCB; } #Buyuk-Reklam a img:hover { -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -webkit-box-shadow: 0px 0px 4px 2px #000000; -moz-box-shadow: 0px 0px 4px 2px #000000; box-shadow: 0px 0px 4px 2px #000000; } #Link-Takas ul { list-style-type: none; padding: 0px; float: none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; position: relative; left: 240px; top: 28px; width: 590px; } #Link-Takas ul li { float: left; } #Link-Takas ul li a { color: #3C3B5A; font-family: "Comic Sans MS", cursive; text-decoration: none; display: block; padding-right: 18px; padding-left: 18px; padding-top: 2px; padding-bottom: 2px; font-size: 14px; margin-right: 3px; margin-left: 3px; font-weight: bolder; -webkit-transition: -webkit-transform 0.4s ease-in-out; -moz-transition: -moz-transform 0.4s ease-in-out; -ms-transition: -ms-transform 0.4s ease-in-out; -o-transition: -o-transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out; } #Link-Takas ul li a:hover { color: #595887; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform 0.4s ease-in-out; -moz-transition: -moz-transform 0.4s ease-in-out; -ms-transition: -ms-transform 0.4s ease-in-out; -o-transition: -o-transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out; } #CB { width: 171px; height: 28px; margin-left: 406px; margin-top: 59px; position: relative; } .MRS-Baslik { font-family: "Comic Sans MS", cursive; font-size: 16px; font-weight: bold; color: #CBCBCB; } #MRS-Menu ul { list-style-type: none; text-align: center; padding: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } #MRS-Menu ul li { border-bottom-width: 2px; border-bottom-style: solid; border-top-color: #3C3B5A; border-bottom-width: 2px; border-top-style: solid; border-top-color: #3C3B5A; border-top-width: 2px; border-bottom-color: #3C3B5A; margin-top: 4px; margin-bottom: 4px; height: 28px; } #MRS-Menu ul li :hover { border-bottom-color: #12121B; border-bottom-width: 1px; border-bottom-style: solid; border-top-color: #12121B; border-top-width: 1px; border-top-style: solid; } #MRS-Menu ul li a { text-decoration: none; color: #52595F; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 16px; display: block; padding-top: 2px; padding-bottom: 2px; } #MRS-Menu ul li a:hover { text-decoration: underline; } #Glof-Blog { margin-top: 10px; margin-bottom: 20px; width: 500px; border: medium solid #3C3B5A; border-radius: 10px; /* Standart */ -moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Chrome*/ height: 180px; } #Glof-Baslik { width: 250px; margin-bottom: 10px; border-right-width: medium; border-left-width: medium; border-right-style: solid; border-left-style: solid; border-right-color: #3C3B5A; border-left-color: #3C3B5A; border-bottom-width: medium; border-bottom-style: solid; border-bottom-color: #3C3B5A; border-radius: 0px 0px 10px 10px; /* Standart */ -moz-border-radius: 0px 0px 10px 10px; /* Firefox */ -webkit-border-radius: 0px 0px 10px 10px; /* Chrome*/ background-color: #3C3B5A; color: #CBCBCB; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 15px; } #Glof-Blog #Glof-Resim { height: 100px; width: 100px; position: relative; right: 185px; top: 17px; border: 2px solid #3C3B5A; } #Glof-Blog #Glof-Icerik { position: relative; width: 365px; left: 60px; font-size: 13px; bottom: 90px; color: #40464A; text-align: left; height: 90px; } #Glof-Blog #Glof-Devam { position: relative; width: 140px; left: 195px; bottom: 80px; } #Glof-Blog #Glof-Devam a { font-size: 14px; text-decoration: none; color: #B3B8BB; background-color: #52595F; padding: 4px; border-radius: 10px; /* Standart */ -moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Chrome*/ } #Glof-Blog #Glof-Devam a:hover { background-color: #3C3B5A; border-radius: 10px; /* Standart */ -moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; } </style>

ANA SAYFA KODU :

<div id="Glof-Blog"> <div id="Glof-Baslik">Buraya Başlık</div> <div id="Glof-Resim"><img src="https://img.webme.com/pic/d/denenmek/lapboo.gif" _fcksavedurl="https://img.webme.com/pic/d/denenmek/lapboo.gif" _fcksavedurl="https://img.webme.com/pic/d/denenmek/lapboo.gif" border="1" alt="Animated avatar 100x100"></div> <div id="Glof-Icerik">Buraya blog içeriği gelecek...</div> <div id="Glof-Devam"><a href="#" _fcksavedurl="#" _fcksavedurl="#">Devamını Gör...</a></div> </div> <div id="Glof-Blog"> <div id="Glof-Baslik">Buraya Başlık</div> <div id="Glof-Resim"><img src="https://img.webme.com/pic/d/denenmek/lapboo.gif" _fcksavedurl="https://img.webme.com/pic/d/denenmek/lapboo.gif" _fcksavedurl="https://img.webme.com/pic/d/denenmek/lapboo.gif" border="1" alt="Animated avatar 100x100"></div> <div id="Glof-Icerik">Buraya blog içeriği gelecek...</div> <div id="Glof-Devam"><a href="#" _fcksavedurl="#" _fcksavedurl="#">Devamını Gör...</a></div> </div> <div id="Glof-Blog"> <div id="Glof-Baslik">Buraya Başlık</div> <div id="Glof-Resim"><img src="https://img.webme.com/pic/d/denenmek/lapboo.gif" _fcksavedurl="https://img.webme.com/pic/d/denenmek/lapboo.gif" _fcksavedurl="https://img.webme.com/pic/d/denenmek/lapboo.gif" border="1" alt="Animated avatar 100x100"></div> <div id="Glof-Icerik">Buraya blog içeriği gelecek...</div> <div id="Glof-Devam"><a href="#" _fcksavedurl="#" _fcksavedurl="#">Devamını Gör...</a></div> </div> <div id="Glof-Blog"> <div id="Glof-Baslik">Buraya Başlık</div> <div id="Glof-Resim"><img src="https://img.webme.com/pic/d/denenmek/lapboo.gif" _fcksavedurl="https://img.webme.com/pic/d/denenmek/lapboo.gif" _fcksavedurl="https://img.webme.com/pic/d/denenmek/lapboo.gif" border="1" alt="Animated avatar 100x100"></div> <div id="Glof-Icerik">Buraya blog içeriği gelecek...</div> <div id="Glof-Devam"><a href="#" _fcksavedurl="#" _fcksavedurl="#">Devamını Gör...</a></div> </div>

Kaynak : Creative-Blog