Evet arkadaşlar tekrar karşınızdayız
Blog paylaşım kodunu size vermeden önce bir demo adresini verirdim fakat bu bölümde kod harici paylaşım yasak olduğu için, sitemden "Kod" bölümü altındaki "Blog Paylaşım Kodu" yazısında demo adresini görebilirsiniz.
Blog örneğini gösterdikten sonra kodlarını verelim.
Kod:
Kod: <style type="text/css"> #blog { margin: auto; width: 535px; } .ust { background-image: url(http://img.webme.com/pic/m/mrboruch/blog_01.gif); float: left; height: 45px; width: 535px; } .ust .blogismi { float: right; width: 275px; margin-top: 15px; margin-right: 25px; text-align: center; font-family: Verdana, Geneva, sans-serif; text-decoration: none; color: #000; font-style: normal; } #blog .icerik { background-image: url(http://img.webme.com/pic/m/mrboruch/blog_02.gif); width: 535px; height: 212px; float: left; } .icerik .resim { height: 190px; width: 190px; margin-left: 20px; margin-top: 10px; } .icerik .yazi { float: right; height: 180px; width: 275px; margin-top: 15px; margin-right: 25px; font-family: Verdana, Geneva, sans-serif; color: #000; text-decoration: none; } .alt { background-image: url(http://img.webme.com/pic/m/mrboruch/blog_03.gif); float: left; height: 44px; width: 535px; } .alt .blogmenu { height: 25px; width: 350px; margin-top: 8px; margin-left: 150px; font-family: Verdana, Geneva, sans-serif; color: #000; text-decoration: none; text-align: center; } .alt .blogmenu a { color: #000; text-decoration: none; } </style> <div id="blog"> <div class="ust"> <div class="blogismi">Buraya Başlık İsmi Gelicek</div> </div> <div class="icerik"> <div class="yazi">Buraya Yazı Gelecek</div> <div class="resim"><img src="http://mrboruch.tr.gp/blog/wp-content/uploads/2011/12/1.png" _fcksavedurl="http://mrboruch.tr.gp/blog/wp-content/uploads/2011/12/1.png" width="185" height="186" longdesc="http://mrboruch.tr.gp/blog/wp-content/uploads/2011/12/1.png" /></div> </div> <div class="alt"> <div class="blogmenu"><a href="#" _fcksavedurl="#">Devamını Oku</a> | <a href="#" _fcksavedurl="#">Yorumla</a></div> </div> </div>