Creative-Blog

Creative-Blog'un ilk blog paylaşımı olan Blog kutuları v1 sizlerle. Sitenizin anasayfasını düzenleyecek ve şekil verebilecek tam 5 farklı renkte blog kodunu sizlere sunuyorum. Genel olarak .div kullanılarak hazırlanan bu kodlar işinize yaraması dileğiyle...

Not: Gözükmesinin istediğiniz kodun isminin üzerine geliniz.   

Blog v1 Gri

Başlık Buraya Gelecek

Buraya yazınız gelecek. Devamı.

<style type="text/css"> #v1gribaslik { margin-bottom: 0px; font-family: "Comic Sans MS", cursive; color: #DFDFDF; font-size: 14px; } #blogall { width: 480px; margin-left: 20px; height: 104px; margin-bottom: 12px; } #v1griyazi { font-family: Tahoma, Geneva, sans-serif; font-size: 13px; color: #727272; width: 360px; left: 115px; position: relative; top: -110px; } #v1griresim { margin-right: 4px; margin-left: 8px; width: 102px; height: 102px; margin-bottom: 10px; position: relative; } #v1gridevam { width: 75px; position: relative; top: -43px; left: 400px; height: 18px; } #v1gridevam a { text-decoration: none; color: #000; font-family: Tahoma, Geneva, sans-serif; font-size: 15px; font-weight: bold; } #v1gridevam a:hover { color: #900; } </style> <table width="520" border="0" cellpadding="0" cellspacing="0" class="blogtable"> <tr> <td width="520" height="42" background="https://img.webme.com/pic/c/creative-blog/blogv1_gri_01.png">  <div id="v1gribaslik" style="text-align: center;">Başlık Buraya Gelecek</div></td> </tr> <tr> <td width="520" height="118" background="https://img.webme.com/pic/c/creative-blog/blogv1_gri_02.png"> <div id="blogall"> <div id="v1griresim"></div> <div id="v1griyazi">aaaaaaqqqqqqqqqqqqqqqqqqqq</div> <div id="v1gridevam"><a href="#" _fcksavedurl="#">Devamı.</a></div></div></td> </tr> </table>

Blog v1 Kahverengi

Başlık Buraya Gelecek

Buraya yazınız gelecek. Devamı.

<style type="text/css"> #v1kahvebaslik { margin-bottom: 0px; font-family: "Comic Sans MS", cursive; color: #BF9877; font-size: 14px; } #blogall { width: 480px; margin-left: 20px; height: 104px; margin-bottom: 12px; } #v1kahveyazi { font-family: Tahoma, Geneva, sans-serif; font-size: 13px; color: #5A391A; width: 360px; left: 115px; position: relative; top: -110px; } #v1kahveresim { margin-right: 4px; margin-left: 8px; width: 102px; height: 102px; margin-bottom: 10px; position: relative; } #v1kahvedevam { width: 75px; position: relative; top: -43px; left: 400px; height: 18px; } #v1kahvedevam a { text-decoration: none; color: #BF9877; font-family: Tahoma, Geneva, sans-serif; font-size: 15px; font-weight: bold; } #v1kahvedevam a:hover { color: #000; } </style> <table width="520" border="0" cellpadding="0" cellspacing="0" class="blogtable"> <tr> <td width="520" height="42" background="https://img.webme.com/pic/c/creative-blog/blogv1_kahve_01.png">  <div id="v1kahvebaslik" style="text-align: center;">Başlık Buraya Gelecek</div></td> </tr> <tr> <td width="520" height="118" background="https://img.webme.com/pic/c/creative-blog/blogv1_kahve_02.png"> <div id="blogall"> <div id="v1kahveresim"></div> <div id="v1kahveyazi">aaaaaaqqqqqqqqqqqqqqqqqqqq</div> <div id="v1kahvedevam"><a href="#" _fcksavedurl="#">Devamı.</a></div></div></td> </tr> </table>

Blog v1 Mavi

Başlık Buraya Gelecek

Buraya yazınız gelecek. Devamı.

<style type="text/css"> #v1mavibaslik { margin-bottom: 0px; font-family: "Comic Sans MS", cursive; color: #DFDFDF; font-size: 14px; } #blogall { width: 480px; margin-left: 20px; height: 104px; margin-bottom: 12px; } #v1maviyazi { font-family: Tahoma, Geneva, sans-serif; font-size: 13px; color: #2C3F54; width: 360px; left: 115px; position: relative; top: -110px; } #v1maviresim { margin-right: 4px; margin-left: 8px; width: 102px; height: 102px; margin-bottom: 10px; position: relative; } #v1mavidevam { width: 75px; position: relative; top: -43px; left: 400px; height: 18px; } #v1mavidevam a { text-decoration: none; color: #DFDFDF; font-family: Tahoma, Geneva, sans-serif; font-size: 15px; font-weight: bold; } #v1mavidevam a:hover { color: #000; } </style> <table width="520" border="0" cellpadding="0" cellspacing="0" class="blogtable"> <tr> <td width="520" height="42" background="https://img.webme.com/pic/c/creative-blog/blogv1_mavi_01.png">  <div id="v1mavibaslik" style="text-align: center;">Başlık Buraya Gelecek</div></td> </tr> <tr> <td width="520" height="118" background="https://img.webme.com/pic/c/creative-blog/blogv1_mavi_02.png"> <div id="blogall"> <div id="v1maviresim"></div> <div id="v1maviyazi">aaaaaaqqqqqqqqqqqqqqqqqqqq</div> <div id="v1mavidevam"><a href="#" _fcksavedurl="#">Devamı.</a></div></div></td> </tr> </table>

Blog v1 Yeşil

Başlık Buraya Gelecek

Buraya yazınız gelecek. Devamı.

<style type="text/css"> #v1yesilbaslik { margin-bottom: 0px; font-family: "Comic Sans MS", cursive; color: #DFDFDF; font-size: 14px; } #blogall { width: 480px; margin-left: 20px; height: 104px; margin-bottom: 12px; } #v1yesilyazi { font-family: Tahoma, Geneva, sans-serif; font-size: 13px; color: #727272; width: 360px; left: 115px; position: relative; top: -110px; } #v1yesilresim { margin-right: 4px; margin-left: 8px; width: 102px; height: 102px; margin-bottom: 10px; position: relative; } #v1yesildevam { width: 75px; position: relative; top: -43px; left: 400px; height: 18px; } #v1yesildevam a { text-decoration: none; color: #000; font-family: Tahoma, Geneva, sans-serif; font-size: 15px; font-weight: bold; } #v1yesildevam a:hover { color: #900; } </style> <table width="520" border="0" cellpadding="0" cellspacing="0" class="blogtable"> <tr> <td width="520" height="42" background="https://img.webme.com/pic/c/creative-blog/blogv1_yesil_01.png">  <div id="v1yesilbaslik" style="text-align: center;">Başlık Buraya Gelecek</div></td> </tr> <tr> <td width="520" height="118" background="https://img.webme.com/pic/c/creative-blog/blogv1_yesil_02.png"> <div id="blogall"> <div id="v1yesilresim"></div> <div id="v1yesilyazi">aaaaaaqqqqqqqqqqqqqqqqqqqq</div> <div id="v1yesildevam"><a href="#" _fcksavedurl="#">Devamı.</a></div></div></td> </tr> </table>

Blog v1 Turuncu

Başlık Buraya Gelecek

Buraya yazınız gelecek. Devamı.

<style type="text/css"> #v1turuncbaslik { margin-bottom: 0px; font-family: "Comic Sans MS", cursive; color: #F3F3F3; font-size: 14px; } #blogall { width: 480px; margin-left: 20px; height: 104px; margin-bottom: 12px; } #v1turuncyazi { font-family: Tahoma, Geneva, sans-serif; font-size: 13px; color: #A6482D; width: 360px; left: 115px; position: relative; top: -110px; } #v1turuncresim { margin-right: 4px; margin-left: 8px; width: 102px; height: 102px; margin-bottom: 10px; position: relative; } #v1turuncdevam { width: 75px; position: relative; top: -43px; left: 400px; height: 18px; } #v1turuncdevam a { text-decoration: none; color: #F3F3F3; font-family: Tahoma, Geneva, sans-serif; font-size: 15px; font-weight: bold; } #v1turuncdevam a:hover { color: #DDD; } </style> <table width="520" border="0" cellpadding="0" cellspacing="0" class="blogtable"> <tr> <td width="520" height="42" background="https://img.webme.com/pic/c/creative-blog/blogv1_turunc_01.png">  <div id="v1turuncbaslik" style="text-align: center;">Başlık Buraya Gelecek</div></td> </tr> <tr> <td width="520" height="118" background="https://img.webme.com/pic/c/creative-blog/blogv1_turunc_02.png"> <div id="blogall"> <div id="v1turuncresim"></div> <div id="v1turuncyazi">aaaaaaqqqqqqqqqqqqqqqqqqqq</div> <div id="v1turuncdevam"><a href="#" _fcksavedurl="#">Devamı.</a></div></div></td> </tr> </table>