Kendi Blogunu Oluştur
Arkadaslar Bu Dersimizde Blog Yazı Nasıl Yapılır? Onu Göstericem. Öncelikle Bu Sayfaya Girebiliyorsaniz sitemize üyesiniz demektir.Hepinize Teşekkür Ederim.Video Part1
Video Part2
Önizleme
<style type="text/css">
<!--
#blog {
margin: auto;
width: 675px;
}
.ust {
background-image: url(http://alimengu.com.nu/blog_01.png);
float: left;
height: 44px;
width: 675px;
}
.ust .baslikismi {
float: right;
height: 27px;
width: 272px;
margin-right: 30px;
margin-top: 12px;
text-align: center;
font-family: Verdana;
padding-top: 3px;
}
#blog .icerik {
background-image: url(http://alimengu.com.nu/blog_02.png);
float: left;
height: 177px;
width: 675px;
}
.icerik .resim {
height: 162px;
width: 174px;
margin-top: 7px;
margin-left: 14px;
}
.icerik .yazi {
float: right;
width: 460px;
margin-right: 12px;
font-family: Verdana;
font-size: 14px;
}
.alt {
background-image: url(http://alimengu.com.nu/blog_03.png);
float: left;
height: 44px;
width: 675px;
}
#devam {
text-align: center;
font-family: Verdana;
}
#devam a {
color: #000000;
text-decoration: none;
}
#yorum {
font-family: Verdana;
text-align: center;
}
#yorum a {
color: #000000;
text-decoration: none;
}
-->
</style>
<div id="blog">
<div class="ust">
<div class="baslikismi">Buraya Baslik Ismi Gelicek</div>
</div>
<div class="icerik">
<div class="yazi">Content for class "yazi" Goes Here</div>
<div class="resim"><img src="https://img.webme.com/pic/a/alimengu/alimengudesingv4.png" alt="https://img.webme.com/pic/a/alimengu/alimengudesingv4.png" width="174" height="162"></div>
</div>
<div class="alt">
<table width="676" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="227" height="32"> </td>
<td width="196"><div id="devam"><a href="#">Devamini Oku</a></div></td>
<td width="19"> </td>
<td width="196"><div id="yorum"><a href="#">Yorumla</a></div></td>
<td width="38"> </td>
</tr>
</table>
</div>
</div>