Mb Kişisel Blog v1

Mrb arkadaşlar bugün sizlere mb kişisel blog v1 tasarımı tanıtmak istiyorum mbtasarim tarafından tasarlanan ve wordpress için eskiden ücretli olan ve şuan ücretsiz yayınlanan bu tasarımı'mız sizler için bedava-sitem tr.gg entegre yaptık tasarımda hatalara yer verilmedi tabiki sadeliğiyle renkleriyle göz yormayan ve herkes tarafından beğenilen bu tasarımı yayınlamış bulunmaktayım umarım beğenirsiniz.

Not:Yeni bir haber ekleyince sayfalama ile birlikte yer alır. 2ci haber eklemede sayfalama kodunu eklemeyin. Haber ve sayfalama ayırmak istemedik çünkü sonrasında kafanız karışabilirdi. "Haber Ekleme Kodu"2ci haber eklemede sayfalama başladı ile bitti arasındaki kodları silmeniz gerek. inşallah açıklayıcı olmuştur eğer yapamassanız benimle iletişime geçin. kolay gelsin. Saygılarımla TasarimKodu.

Tasarımın
Önizlemesini Gör

Yorumları Gör / Yorum Yap

Nasıl Eklemeliyim?

Tasarımcının Sitesini Ziyaret Et

Tasarım Özellikleri:

Slider Manşet
Duyuru Paneli
Sağ ve Üst Menü
2 Geniş Reklam Alanı

Tasarımın üzerindeki yazı:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="tr-TR"> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title> TasarimKodu</title>   <script type="text/javascript">   window._wpemojiSettings = {"baseUrl":"http:\/\/s.w.org\/images\/core\/emoji\/72x72\/","ext":".png","source":{"concatemoji":"http:\/\/tasarimkodu.96.lt\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.4"}};    !function(a,b,c){function d(a){var c=b.createElement("canvas"),d=c.getContext&&c.getContext("2d");return d&&d.fillText?(d.textBaseline="top",d.font="600 32px Arial","flag"===a?(d.fillText(String.fromCharCode(55356,56806,55356,56826),0,0),c.toDataURL().length>3e3):("simple"===a?d.fillText(String.fromCharCode(55357,56835),0,0):d.fillText(String.fromCharCode(55356,57135),0,0),0!==d.getImageData(16,16,1,1).data[0])):!1}function e(a){var c=b.createElement("script");c.src=a,c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var f,g;c.supports={simple:d("simple"),flag:d("flag"),unicode8:d("unicode8")},c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.simple&&c.supports.flag&&c.supports.unicode8||(g=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",g,!1),a.addEventListener("load",g,!1)):(a.attachEvent("onload",g),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),f=c.source||{},f.concatemoji?e(f.concatemoji):f.wpemoji&&f.twemoji&&(e(f.twemoji),e(f.wpemoji)))}(window,document,window._wpemojiSettings);   </script>  <style type="text/css">img.wp-smiley, img.emoji {  display: inline !important;  border: none !important;  box-shadow: none !important;  height: 1em !important;  width: 1em !important;  margin: 0 .07em !important;  vertical-align: -0.1em !important;  background: none !important;  padding: 0 !important; } </style><link rel='stylesheet' id='wp-pagenavi-css'  href='http://tasarimkodu.96.lt/wp-content/plugins/wp-pagenavi/pagenavi-css.css?ver=2.70' type='text/css' media='all' /><link rel='https://api.w.org/' href='http://tasarimkodu.96.lt/wp-json/' /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://tasarimkodu.96.lt/xmlrpc.php?rsd" /><link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://tasarimkodu.96.lt/wp-includes/wlwmanifest.xml" />  <meta name="generator" content="WordPress 4.4" /><link rel="stylesheet" type="text/css" href="http://tasarimkodu.96.lt/wp-content/plugins/WP-Anket/anket.css" />     <script type="text/javascript" src="http://tasarimkodu.96.lt/wp-content/plugins/WP-Anket/Jquery.js"></script>     <script type="text/javascript">     jQuery(document).ready(function(){          $("#anketsistemi form").submit(function(){              $.post("http://tasarimkodu.96.lt/wp-content/plugins/WP-Anket/Islem.php?Islem=Oy",$("#anketsistemi form").serialize(),function(data){$("#anketsistemi").html(data);});              return false;          });          $("#anketsistemi #anketsistemibutton").click(function(){                $.post("http://tasarimkodu.96.lt/wp-content/plugins/WP-Anket/Islem.php?Islem=Goster",{goster : 1},function(data){$("#anketsistemi").html(data);});              return false;          });      });      </script> <link rel="pingback" href="http://tasarimkodu.96.lt/xmlrpc.php" /> <script src="http://tasarimkodu.96.lt/wp-content/themes/mb-blog/js/jquery-1.4.2.min.js" type="text/javascript"></script> <script src="http://tasarimkodu.96.lt/wp-content/themes/mb-blog/js/myriad-pro.cufonfonts.js" type="text/javascript"></script><script src="http://tasarimkodu.96.lt/wp-content/themes/mb-blog/js/Neo_Sans_Pro_Medium_500.font.js" type="text/javascript"></script> <script type="text/javascript"> Cufon.replace('#fotogaleri h2,#videogaleri h2, .haber_ozet h4 a:visited,.bilgiler_sol,.paylas_sol', { fontFamily: 'Myriad Pro Regular', hover: true }); Cufon.replace('.haber_ozet h4 a:visited,.ustmenu li a,.sidebarmenu ul li a,.navmenu li a,.sag_ust,.haberler_ust,.ustbar-sag,.video_ozet h4 a:link,.haber_ozet h3 a', { fontFamily: 'Neo Sans Pro Medium', hover: true });   </script> <!--[if IE]> <link rel="stylesheet" href="http://tasarimkodu.96.lt/wp-content/themes/mb-blog/iehack.css" type="text/css" media="screen" /> <![endif]--> <script type="text/javascript" src="http://tasarimkodu.96.lt/wp-content/themes/mb-blog/js/jquery.jcarousel.min.js"></script> <script type="text/javascript" src="http://tasarimkodu.96.lt/wp-content/themes/mb-blog/js/diger.js"></script> <script type="text/javascript"> function bookmarksite(title, url){  if (document.all)  window.external.AddFavorite(url, title);  else if (window.sidebar)  window.sidebar.addPanel(title, url, "")  }  </script> </head> <body onLoad="show_clock()"> <div id="sayfa">  <div id="ustbar">   <div class="ustbar-sol">   <ul class="navmenu">    <li><a onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://tasarimkodu.96.lt/');" class="ilk">Anasayfam Yap</a></li>    <li><a href="javascript:bookmarksite('TasarimKodu', 'http://tasarimkodu.96.lt/')">Favorilere Ekle</a></li>   </ul> <div class="navmenu"><ul id="menu-ust-menu" class="menu"><li id="menu-item-149" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-149"><a href="http://mbkisiselblogv1.tr.gg/iletisim.htm">Reklam & Sponsor</a></li><li id="menu-item-148" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-148"><a href="http://mbkisiselblogv1.tr.gg/ziyaretci-defteri.htm">Ziyaretçi Defteri</a></li><li id="menu-item-149" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-149"><a href="http://mbkisiselblogv1.tr.gg/iletisim.htm">İletişim</a></li></ul></div>  </div><!--ust menu bitti-->  <div class="ustbar-sag">    Merhaba Ziyaretçi Blog Siteme Hoşgeldin ; Bugün <script language="javascript" src="http://tasarimkodu.96.lt/wp-content/themes/mb-blog/js/tarih.js"></script>     </div><!--tarih zaman vs-->  </div><!--üstbar bitti-->  <div id="header">   <div class="logo"><a href="http://mbkisiselblogv1.tr.gg/" title="Kişisel Bloglar için Hazırlanmış Bedava-Sitem.com Tasarımı Hizmetinizde..!! www.tasarimkodu.blogspot.com farkıyla.."><img src="http://img.webme.com/pic/m/mbkisiselblogv1/logo.png" alt="" /></a></div>  </div> <!-- logo alanı bitti-->  <div id="menu">     <div class="ustmenu"><ul id="menu-ana-menu" class="menu"><li id="menu-item-138" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-138"><a href="http://mbkisiselblogv1.tr.gg/">Ana Sayfa</a></li><li id="menu-item-137" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-137"><a href="http://mbkisiselblogv1.tr.gg/hakkimda.htm">Hakkımda</a></li><li id="menu-item-136" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-136"><a href="http://mbkisiselblogv1.tr.gg/yazilarim.htm">Yazılarım</a></li><li id="menu-item-135" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-135"><a href="http://mbkisiselblogv1.tr.gg/iletisim.htm">Reklam & Sponsor</a></li><li id="menu-item-134" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-134"><a href="http://mbkisiselblogv1.tr.gg/web-internet.htm">Web İnternet</a></li><li id="menu-item-132" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-132"><a href="http://mbkisiselblogv1.tr.gg/sosyal-medya.htm">Sosyal Medya</a></li><li id="menu-item-133" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-133"><a href="http://mbkisiselblogv1.tr.gg/arsiv.htm">Arşiv</a></li><li id="menu-item-131" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-131"><a href="http://mbkisiselblogv1.tr.gg/ziyaretci-defteri.htm">Ziyaretçi Defteri</a></li><li id="menu-item-131" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-131"><a href="http://mbkisiselblogv1.tr.gg/iletisim.htm">İletişim</a></li></ul></div> </div><!--menu bitti-->    <div id="ortala">        <div id="sol">    <div id="manset">   <div class="manset_orta">        <style type="text/css">  /* http://dimpost.com */   #sliderFrame {position:relative;width:620px;margin: 0 auto 40px;}           #slider {      width:620px;height:250px;/* Make it the same size as your images */   background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTmt3bDP4wjILi7yxBm8BJ3ykRex3AeLG2_T5gDDxPtwWMMTdq4sF4Tv8gN3hjjQsrKlmvNaRvevxb9s8uMFl9RsXZ4jPrj5Gqz7b93NM_HRM6wHuxhmpluXI89k_1-2VZzlBi3yZjnzi1/s1600/loading.gif) no-repeat 50% 50%;   position:relative;   margin:0 auto;/*make the image slider center-aligned */      box-shadow: 0px 1px 5px #999999;  }  #slider img {   position:absolute;   border:none;   display:none;  }   /* the link style (if an image is wrapped in a link) */  #slider a.imgLink {   z-index:2;   display:none;position:absolute;   top:0px;left:0px;border:0;padding:0;margin:0;   width:100%;height:100%;  }   /* Caption styles */  div.mc-caption-bg, div.mc-caption-bg2 {   position:absolute;   width:100%;   height:auto;   padding:0;   left:0px;   bottom:15px;   z-index:3;   overflow:hidden;   font-size: 0;  }  div.mc-caption-bg {   background-color:black;  }  div.mc-caption {   font: bold 14px/20px Arial;   color:#EEE;   z-index:4;   padding:10px 0;   text-align:center;  }  div.mc-caption a {   color:#FB0;  }  div.mc-caption a:hover {   color:#DA0;  }    /* ------ built-in navigation bullets wrapper ------*/  div.navBulletsWrapper  {   top:237px; left:245px; /* Its position is relative to the #slider */   width:150px;   background:none;   padding-left:20px;   position:relative;   z-index:5;   cursor:pointer;  }   /* each bullet */  div.navBulletsWrapper div  {      width:11px; height:11px;      background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik5sbaBAs-xV0RR26O0Bvyuh0oSUpAAB78jcZHTaESFN0_9GOsa1WRHcuA-BitjP6as9Q_BHmIBoJXPuPgm_mNMo0ONl6hTiUAyQxp-r7NWQ6w8b8poVasWV0DnsfJPKROBZYII-VGb6kl/s1600/bullet.png) no-repeat 0 0;      float:left;overflow:hidden;vertical-align:middle;cursor:pointer;      margin-right:11px;/* distance between each bullet*/      _position:relative;/*IE6 hack*/  }  div.navBulletsWrapper div.active {background-position:0 -11px;}  .intro {      bottom: 0;      color: rgba(0, 0, 0, 0.2);      font-size: 16px;      position: absolute;      right: 0;      text-decoration: none;      z-index: 99999;  }  /* --------- Others ------- */  #slider  {   transform: translate3d(0,0,0);      -ms-transform:translate3d(0,0,0);      -moz-transform:translate3d(0,0,0);      -o-transform:translate3d(0,0,0);  }  </style> <script src="http://project.dimpost.com/image-slider/js-image-slider-1.js" type="text/javascript"></script> <script src="http://project.dimpost.com/image-slider/js-image-slider-2.js" type="text/javascript"></script>  <div id="sliderFrame">  <div id="slider"><a href="#"><img src="http://img.webme.com/pic/m/mbkisiselblogv1/1.jpg"  alt="Battlefield 4" /></a> <a href="#"><img src="http://img.webme.com/pic/m/mbkisiselblogv1/2.jpg" alt="Pes 2012" /></a> <a href="#"><img src="http://img.webme.com/pic/m/mbkisiselblogv1/3.jpg" alt="Gülümse :)" /></a> <a href="#"><img src="http://img.webme.com/pic/m/mbkisiselblogv1/4.jpg" alt="Spiderman" /></a> <a href="#"><img src="http://img.webme.com/pic/m/mbkisiselblogv1/5.jpg" alt="Müziğin Akışı" /></a></div></div>         </div>  </div><!--manset bitti-->  <div class="clear"></div>      <div id="duyurular">    <div id="duyuruic">        <marquee onmouseover="this.stop();" onmouseout="this.start();">             <a href="http://tasarimkodu.blogspot.com/"> • Önizleme Sitesidir </a>            <a href="http://tasarimkodu.blogspot.com/"> • TasarimKodu </a>            <a href="http://tasarimkodu.blogspot.com/"> • Bedava-Sitem.com </a>            <a href="http://tasarimkodu.blogspot.com/"> • tr.gg </a>            <a href="http://tasarimkodu.blogspot.com/"> • Kişisel Blog Tasarımı </a>            <a href="http://tasarimkodu.blogspot.com/"> • Css Tasarım </a>            <a href="http://tasarimkodu.blogspot.com/"> • Bu Tasarımı İndirmek İçin Buraya Tıkla </a>            </marquee></div>           <a href="" class="duyuruileri"></a>        </div>    <!-- 468x60 Reklam Başla -->   <div class="reklam468_ust"></div>   <div class="reklam468_orta"><a href="http://tasarimkodu.blogspot.com/"><img src="http://img.webme.com/pic/m/mbkisiselblogv1/reklam468.png" alt="" /></a>   </div>   <div class="reklam468_alt"></div><!-- 468x60 Reklam Bitti -->    <!--haberler bloğu başladı-->   <div class="haberler_ust"></div>   <div class="haberler_orta">                        <div class="tekilicerik"><div class="clear"></div>

Tasarımın altındaki yazı:

<div class="clear"></div></div></div>   <div class="haberler_alt"></div> <!--haberler bitti-->      </div><!--solbitti-->     <div id="sag">     <!-- sag 1 blok -->   <div class="sag_ust">Kategoriler</div>   <div class="sag_orta">                      <div class="sidebarmenu"><div class="sidebarmenu"><ul id="menu-kategoriler-menusu" class="menu"><li id="menu-item-84" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-84"><a href="http://mbkisiselblogv1.tr.gg/">Ana Sayfa</a></li><li id="menu-item-83" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-83"><a href="http://mbkisiselblogv1.tr.gg/programlar.htm">Programlar</a></li><li id="menu-item-82" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-82"><a href="http://mbkisiselblogv1.tr.gg/teknoloji.htm">Teknoloji</a></li><li id="menu-item-81" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-81"><a href="http://mbkisiselblogv1.tr.gg/bilgisiyar.htm">Bilgisiyar</a></li><li id="menu-item-80" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-80"><a href="http://mbkisiselblogv1.tr.gg/ilginc-bilgiler.htm">İlginç Bilgiler</a></li><li id="menu-item-107" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-107"><a href="http://mbkisiselblogv1.tr.gg/ticaret.htm">Ticaret</a></li><li id="menu-item-106" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-106"><a href="http://mbkisiselblogv1.tr.gg/mobil.htm">Mobil</a></li><li id="menu-item-109" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-109"><a href="http://mbkisiselblogv1.tr.gg/ziyaretci-defteri.htm">Ziyaretçi Defteri</a></li><li id="menu-item-118" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-118"><a href="http://mbkisiselblogv1.tr.gg/iletisim.htm">İletişim</a></li></ul></div>                      </div>   </div>   <div class="sag_alt"></div>   <!-- sag 1 blok bitti -->            <!-- sag 1 blok -->   <div class="sag_ust">Üye Girişi</div>   <div class="sag_orta">    <form action="#" method="post">    <div class="s1">Kullanıcı Adı</div>    <div class="s2">:</div>    <div class="s3"><input type="text" name="log" value="" /></div>    <div class="clear"></div>    <div class="s1">Şifre</div>    <div class="s2">:</div>    <div class="s3"><input type="password" name="pwd" value="" /></div>    <input type="hidden" name="redirect_to" value="http://tasarimkodu.96.lt" />    <div class="clear"></div>    <a href="#" class="sifremi">Şifremi Unuttum?</a>    <input type="submit" class="girisyap" value="" />   </form>   <div class="clear"></div>   <div class="konuekle"><a href="#"><img src="http://img.webme.com/pic/m/mbkisiselblogv1/konuekle.jpg" alt=""  /></a></div>       </div>   <div class="sag_alt"></div>   <!-- sag 1 blok bitti -->  <div class="sag_ust">Sponsor Reklamlar</div>    <div class="sag_orta">   <div align="center"><table border="0" width="169" cellspacing="6" cellpadding="0"> <tr>  <td width="140" height="125">  <a href="http://www.diziizlesey.com/" title="Dizi izle">  <img border="0" src="http://www.mbtasarim.com/wp-content/uploads/2015/03/diziizle.png" width="140" height="125" alt="Dizi izle"></a></td>     <td height="125">  <a target="_blank" href="http://www.wordpresstemalari.gen.tr/">  <img border="0" src="http://www.mbtasarim.com/wordpress-temalari.jpg" width="140" height="125" alt="Wordpress Temalar?"></a></td>    </tr>   <td width="140" height="125">  <a target="_blank" href="http://tasarimkodu.blogspot.com/">  <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigvxF2DgLK6l2Y17LmTqP4NKLfxPEqcLypUEbdtbGkk7uGF-EVHX3gyYpliAq-NfhrT42i3xY2mDtI5_60ALHdyM0JBGS_6PsEjGvz_TCH3FCSuaWiOlWMKiu9BGSMNGVTPXPSpk-S_lY/s1600/TasarimKodu-125x125-Reklam.gif" width="140" height="125"></a></td>    <td height="125">  <a target="_blank" href="#">  <img border="0" src="http://img.webme.com/pic/m/mbkisiselblogv1/sponsor1.png" width="140" height="125"></a></td>  </table></div>  </div><div class="sag_alt"></div>           <!-- sag 1 blok -->   <div class="sag_ust">ANKARA'da 5 Günlük Hava Tahmini</div>   <div class="sag_orta">    <div align="center">     <img src="http://www.mgm.gov.tr/sunum/tahmin-show-1.aspx?m=ANKARA&basla=1&bitir=5&rC=111&rZ=fff" style="width:260px; height:81px;" alt="" />       </div>   </div>   <div class="sag_alt"></div>   <!-- sag 1 blok bitti -->   <!-- sag 2 blok -->   <div class="sag_ust">Sponsor</div>   <div class="sag_orta">    <div align="center"><a href="http://tasarimkodu.blogspot.com/"><img src="http://img.webme.com/pic/m/mbkisiselblogv1/reklam300.png" alt="" /></a></div>   </div>   <div class="sag_alt"></div>   <!-- sag 2 blok bitti -->      <!-- sag 1 blok -->   <div class="sag_ust">Tavsiye Bağlantılar</div>   <div class="sag_orta">                      <div class="sidebarmenu"><div style="margin-top:-16px;">                          <li id="linkcat-13" class="linkcat"><h2>Link bolumu</h2> <ul><li><a href="http://tasarimkodu.blogspot.com/" title="B-S Tasarım Merkezi (Son güncellenme 1 January 1970 02:00)" target="_blank">TasarimKodu</a></li>  </ul></li></div>                      </div>   </div>   <div class="sag_alt"></div>   <!-- sag 1 blok bitti -->            <!-- sag 1 blok -->   <div class="sag_ust">Anket</div>   <div class="sag_orta">              <form method="post" action="http://poll.pollcode.com/13439618"><div style="background-color:#FFFFFF;padding:2px;width:307px;font-family:Arial;font-size:small;color:#000000;"><div style="padding:2px 0px 4px 2px;"><strong>Sitemizi nasıl buldunuz?</strong></div><input type="radio" name="answer" value="1" id="answer134396181" style="float:left;" /><label for="answer134396181" style="float:left;width:282px;">Beğendim, böyle kalmalı</label><div style="clear:both;height:2px;"></div><input type="radio" name="answer" value="2" id="answer134396182" style="float:left;" /><label for="answer134396182" style="float:left;width:282px;">Beğendim, ama geliştirilmeli.</label><div style="clear:both;height:2px;"></div><input type="radio" name="answer" value="3" id="answer134396183" style="float:left;" /><label for="answer134396183" style="float:left;width:282px;">İdare eder</label><div style="clear:both;height:2px;"></div><input type="radio" name="answer" value="4" id="answer134396184" style="float:left;" /><label for="answer134396184" style="float:left;width:282px;">Beğenmedim.</label><div style="clear:both;height:2px;"></div><div align="center" style="padding:3px;"><input type="submit" value=" Oyla "> <input type="submit" name="view" value=" Sonuç "></div></div></form>          </div>   <div class="sag_alt"></div>   <!-- sag 1 blok bitti -->      <!-- sag 1 blok -->   <div class="sag_ust">Son Yorumlar</div>   <div class="sag_orta">    <div class="yorumliste">       <ul><li><a href="#" title="on Konu 1"><span>tasarimkodu : </span>Googleden çok yararlı bir içer..</a></li><li><a href="#" title="on Konu 2"><span>tasarimkodu : </span>İe nin bu sürümünü sabırsızlık..</a></li><li><a href="#" title="on Konu 3"><span>tasarimkodu : </span>Playstation ilk çıktığı zaman p..</a></li></ul>              </div>   </div>   <div class="sag_alt"></div>   <!-- sag 1 blok bitti -->          </div><!--sag bitti--><div class="clear"></div>    </div><!--ortalama bitti--> </div><!--sayfa bitti--> <div id="footer"> <div id="footerortala">  <div id="footer_sol">Copyright © 2015-2016 Tüm Hakları Saklıdır - <a href="SİTE URL"><span style="color: #fff; font-size: 13px;">Sitenizin İsmi</span></a></div>  <div id="footer_sag">   <a href="https://facebook.com/mertcaglarrr" class="facebook">Facebook</a>   <a href="http://twitter.com/TasarimKodu" class="twitter">Twitter</a>   <div class="clear"></div>   <a href="http://tasarimkodu.blogspot.com/" class="mbtasarim" title="TasarimKodu | MbTasarim">MBTasarım</a>  </div> </div></div><!--footer bitti-->  <script type='text/javascript' src='http://tasarimkodu.96.lt/wp-includes/js/wp-embed.min.js?ver=4.4'></script></body></html>

İçerik bölümünün altındaki bilgi:

<style type="text/css">  table {margin-left: auto;margin-right: auto}  </style>  <style type="text/css">  #webme_sky_ad{top: 110px;} </style>  <style type="text/css">#webme_footer_textlink_dont_hide {  position: absolute;  left: 370px; margin-top: -20px;} </style>

CSS kodu:

h1#title{display: none;} h2#title span {enable: none; font-weight: bold; color: #005b8c; text-shadow: #fff 1px 1px 1px; font-size: 13px;     position:absolute; z-index:2;     margin-top:-34px;     margin-left:35px;     text-transform: uppercase;     float: left; } div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;}           /*reset*/ html, body, span, applet,object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; text-decoration:none;} ol, ul {  list-style:none;} blockquote, q { quotes: none; } /* focus style */ :focus, a:focus, a:active{ outline: 0; } ins{ text-decoration: none; } del{ text-decoration: line-through; } .clear{clear:both;} /*reset*/ body {background: #87c3ff url(http://img.webme.com/pic/m/mbkisiselblogv1/bg.jpg) top center no-repeat; background-attachment:fixed; margin: 0px;padding: 0px;font-family: Tahoma, Arial, Helvetica, sans-serif;color: #656464;font-size: 11px;} a { color:#303030; text-decoration:none;} a:visited { color: #303030; text-decoration: none; } a:hover {color: #1d64b4;} img {border:none;margin: 0px;padding: 0px;} .clear {clear: both;} #sayfa {width: 982px; margin: 0px auto; background: url(http://img.webme.com/pic/m/mbkisiselblogv1/wrap.png) repeat-y; overflow: hidden;} #ustbar { width: 970px; height: 27px; background: url(http://img.webme.com/pic/m/mbkisiselblogv1/ustbar.png) top center no-repeat; margin: 0px auto 0px auto; } .ustbar-sol { width: 575px; height: 27px; float: left; display: inline; overflow: hidden;} .navmenu{ padding:0; margin-top: 1px;} .navmenu li{display:inline} .navmenu li a{float:left;color:#515151;text-decoration:none; border-left: 1px solid #a9a9a9;padding:0px 9px; height: 26px; line-height: 25px;} .navmenu li a:visited{color:#405102} .navmenu li a:hover{color:#000; background: url(http://img.webme.com/pic/m/mbkisiselblogv1/hover1.png) top center no-repeat; } .navmenu li .ilk {border-left: 0px; } .navmenu li .son {border-right: 0px;  } .ustbar-sag { width: 380px; height: 26px; float: right; display: inline; overflow: hidden; text-align: right; line-height: 25px; margin-top: 1px; padding-right: 10px; color: #005a78; }  #header { width: 970px; height: 100px; background: url(http://img.webme.com/pic/m/mbkisiselblogv1/logo_bg.jpg) top center; margin: 0px auto; overflow: hidden;  } .logo { width: 450px; height: 70px; margin-left: 16px; margin-top: 17px; } #menu { width: 970px; height: 52px; background: url(http://img.webme.com/pic/m/mbkisiselblogv1/menu.png) top center no-repeat; overflow: hidden; margin: 0px auto; } .ustmenu{ padding:0; margin: 1px auto 0px auto;} .ustmenu li{display:inline} .ustmenu li a{float:left;color:#8B6500;text-decoration:none; border-left: 1px solid #b19b00; padding:0px 18px; height: 42px; line-height: 42px;  font-size: 14px;} .ustmenu li a:visited{color:#485b00} .ustmenu li a:hover{color:#293302; background: url(http://img.webme.com/pic/m/mbkisiselblogv1/hover2.png) top center no-repeat; } .ustmenu li .ilk {border-left: 0px;} .ustmenu li .son {border-right: 0px; width: 63px; text-align: center; }  #ortala { width: 960px; margin: 3px auto 0px auto; } #yanmenu { width: 277px; float: left; display: inline;} .hizlimenu_ust {width: 235px; height: 40px; background: url(http://img.webme.com/pic/m/mbkisiselblogv1/hizlimenu_ust.png) no-repeat; color: #00789f; text-shadow: #fff 1px 1px 1px; font-size: 14px; padding-left: 42px; line-height: 40px; } .hizlimenu_orta { width: 277px; background: url(http://img.webme.com/pic/m/mbkisiselblogv1/hizlimenu_orta.png) repeat-y; height: 271px; overflow: hidden;  } .hizlimenu_alt {width: 277px; height: 8px; background: url(http://img.webme.com/pic/m/mbkisiselblogv1/hizlimenu_alt.png) no-repeat; } #manset { float: left; display: inline; overflow: hidden; } .manset_ust { width: 675px; height: 4px; background: url(http://img.webme.com/pic/m/mbkisiselblogv1/manset_ust.png) no-repeat; } .manset_alt { width: 675px; height: 4px; background: url(http://img.webme.com/pic/m/mbkisiselblogv1/manset_alt.png) no-repeat; margin-bottom: 7px; } .manset_orta { width: 621px; border: 2px solid #d8d8d8;  height: 250px; margin-bottom:10px; padding-left: 4px; padding-bottom: 4px; padding-top: 4px; padding-right: 4px; overflow: hidden;  } #sol { width: 640px; float: left; display: inline;overflow: hidden; } #sag { width: 314px; float: right; display: inline; overflow: hidden;} #duyurular {width: 633px; height: 50px; background: url(http://img.webme.com/pic/m/mbkisiselblogv1/duyurular.png) no-repeat; overflow: hidden; } .reklam468_ust { width: 633px; height: 8px; background: url(http://img.webme.com/pic/m/mbkisiselblogv1/reklam468_bg.png) top center no-repeat; margin: 2px 0px 0px 0px;} .reklam468_orta { width: 631px; background: #fff; border-left: 1px solid #dadada; border-right: 1px solid #dadada; text-align: center; margin: 0px; } .reklam468_alt { width: 633px; height: 11px; background: url(http://img.webme.com/pic/m/mbkisiselblogv1/reklam468_bg.png) bottom center no-repeat; margin: 0px 0px 2px 0px; text-align:center; padding-top: 5px;} .haberler_ust { width: 588px; height: 42px; font-weight: bold; background: url(http://img.webme.com/pic/m/mbkisiselblogv1/haberler_ust.png) no-repeat; color: #005b8c; text-shadow: #fff 1px 1px 1px; font-size: 13px; padding-left: 45px; line-height: 42px;  } .haberler_orta { width: 631px; border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; overflow: hidden;} .haberler_alt { width: 633px; height: 15px; background: url(http://img.webme.com/pic/m/mbkisiselblogv1/haberler_alt.png) no-repeat;  } .sayfalama { width: 602px; height: 35px; background: url(http://img.webme.com/pic/m/mbkisiselblogv1/tumhaberler4.jpg) top center; margin: 7px auto 0px auto; line-height: 37px; } .sayfalama_sol { width: 458px; float: left; display: inline; padding-left: 10px; } .sayfalama_sag { width: 134px; float: right; display: inline; text-align: center; color: #575757; font-size: 14px; font-weight: bold; font-family: Trebuchet MS, Arial, Helvetica, sans-serif;} .sayfalama_sag a:link, .sayfalama_sag a:visited { color: #575757; } .sayfalama_sag a:hover { color: #7ca711; } #fotogaleri { width: 640px; height: 180px; background: url(http://img.webme.com/pic/m/mbkisiselblogv1/fotogaleri.jpg) no-repeat; overflow: hidden; } #fotogaleri h2 { color: #6A6A6A;  font-size: 15px; margin-left: 60px; margin-top: 13px; } #videogaleri { width: 640px; height: 180px; background: url(http://img.webme.com/pic/m/mbkisiselblogv1/videogaleri.jpg) no-repeat; overflow: hidden; font-size: 15px; } #videogaleri h2 { color: #0078bf;  font-size: 15px; margin-left: 60px; margin-top: 13px; } #footer { width: 100%; height: 172px; background: url(http://img.webme.com/pic/m/mbkisiselblogv1/footer2.png) top center no-repeat; overflow: hidden;  } .haber {width: 598px; height: 226px; border: 2px solid #dadada; overflow: hidden; float: left; display: inline; margin-left: 6px; margin-top: 6px; -moz-border-radius: 4px;-webkit-border-radius:4px; } .haber_resim { width: 180px; height: 150px; float: left; background: url(http://img.webme.com/pic/m/mbkisiselblogv1/haberresimarka.png) no-repeat; padding: 1px; margin: 10px auto 2px 10px; overflow: hidden; } .haber_resim img{ width: 170px; height: 128px; margin-left: 4px; margin-top: 4px;} .haber_ozet { width: 390px; height: 137px; line-height:17px; overflow: hidden; float: left; margin: 10px auto 2px 10px; color: #434343; font-size: 13px; } .haber_ozet  h3 { font-size: 20px; color: #009fd3; font-weight: bold; } .haber_ozet  h3 a:link, .haber_ozet  h3 a:visited{ color: #009fd3;}  .haber_ozet  h3 a:hover{ color: #000;}   .resim-video {width: 198px; height: 215px; border: 2px solid #dadada; overflow: hidden; float: left; display: inline; margin-left: 6px; margin-top: 6px; -moz-border-radius: 4px;-webkit-border-radius:4px; } .haber_ozet  h4 { font-size: 13px; color: #74a702; font-weight: bold; text-align:center; width: 175px; padding-top: 1px; margin: 0px auto; } .haber_ozet  h4 a:link, .haber_ozet  h4 a:visited{ color: #74a702;}  .haber_ozet  h4 a:hover{ color: #3e5903;}   .sag_ust {width: 374px; height: 42px; background: url(http://img.webme.com/pic/m/mbkisiselblogv1/sag_ust.png) no-repeat; overflow: hidden; color: #8B6500; text-shadow: #fff 1px 1px 1px; font-size: 13px; font-weight: bold; line-height: 40px; padding-left:  40px; } .sag_alt { width: 314px; height: 12px; background: url(http://img.webme.com/pic/m/mbkisiselblogv1/sag_alt.png) no-repeat; overflow: hidden; margin-bottom: 3px; } .sag_orta { width: 312px; border-left: 1px solid #dadada; border-right: 1px solid #dadada; padding-top: 5px; overflow: hidden; } .yazar { width: 302px; height: 56px; margin: 0px auto 3px auto; background: url(http://img.webme.com/pic/m/mbkisiselblogv1/yazar.png) no-repeat; }  .yazar_resim { width: 53px; height: 43px; float: left; display: inline; margin-left: 8px; margin-top: 7px; overflow: hidden; } .yazar_resim img{ width: 53px; height: 43px;} .yazar_ozet { width: 228px; height: 46px; float: right; display: inline; margin-right: 5px; overflow: hidden;margin-top: 5px; } .yazar_ozet span { font-weight: bold; font-size: 12px; } .yazar_ozet p { margin-bottom: 4px; margin-top: 1px; color: #5f5f5f; } .yazar_ozet a,.yazar_ozet a:link, .yazar_ozet a:visited{ color: #767676;} .yazar_ozet a:hover { text-decoration: underline; color: #000; } a.tum_yazarlar { display: block; width: 314px; height: 40px; background: url(http://img.webme.com/pic/m/mbkisiselblogv1/tumyazarlar.png) no-repeat; overflow: hidden; margin-bottom: 3px; } a:hover.tum_yazarlar { background-position: bottom center;} .sag_ust2 { width: 314px; height:4px; background: url(http://img.webme.com/pic/m/mbkisiselblogv1/sag_ust2.png) no-repeat; overflow: hidden; } .sag_orta2 { width: 312px; border-left: 1px solid #dadada; border-right: 1px solid #dadada; padding-top: 2px; overflow: hidden; } .yorumliste{width:300px; margin: 0px auto 0px auto; border: 1px solid #dadada;} .yorumliste ul{list-style-type:none;margin:0px;padding:0} .yorumliste ul li{padding-bottom:0px; display: inline;} .yorumliste ul li a{color:#707070;background:url(http://img.webme.com/pic/m/mbkisiselblogv1/comment.png) no-repeat 5px center;display:block;text-decoration:none;border-bottom:1px dotted #b6b6b6;font-size:12px;padding:8px 0 8px 30px; overflow: hidden;} .yorumliste ul li a span { font-weight: bold; } .yorumliste ul li a:visited{color:#707070} .yorumliste ul li a:hover{color:#383838;background-color:#fff2bc;} .s1 { width: 75px; height: 32px; line-height: 31px; float: left; display: inline; margin-left: 9px; font-size: 12px; color: #787878; } .s2 { width: 10px; height: 32px; line-height: 31px; float: left; display: inline;color: #787878; } .s3{ width: 195px; height: 31px; background: url(http://img.webme.com/pic/m/mbkisiselblogv1/input.png) no-repeat; float: left; margin-left: 6px; padding-left: 10px; padding-top: 1px; margin-bottom: 8px; } .s3 input { width: 180px; line-height: 28px; height:27px; border: 0px; background: transparent; color: #acacac; } a.sifremi { width: 112px; height:27px; display: block; background: url(http://img.webme.com/pic/m/mbkisiselblogv1/sifremiunuttum.png) no-repeat; float: left; display: inline; text-indent: -9999px; margin-left: 100px;} .girisyap { width:89px; height: 27px; float: left; display: inline; background: url(http://img.webme.com/pic/m/mbkisiselblogv1/girisyap.png) no-repeat; border: 0px; margin-left: 5px; } .konuekle { width: 304px; height: 53px; margin: 7px auto 2px auto;} .yanmenu{width:255px; margin: 5px auto 0px auto; } .yanmenu ul{list-style-type:none;margin:0px;padding:0} .yanmenu ul li{padding-bottom:0px; display: inline;} .yanmenu ul li a{color:#6a6a6a;background:url(http://img.webme.com/pic/m/mbkisiselblogv1/menuok.png) no-repeat 5px center;display:block;text-decoration:none;border-bottom:1px dotted #a5c4ca;font-size:12px;padding:4px 0 3px 23px; overflow: hidden;} .yanmenu ul li a span { font-weight: bold; } .yanmenu ul li a:visited{color:#6a6a6a} .yanmenu ul li a:hover{color:#383838;background-color:#dcf1ff;} #duyuruic{ width: 460px; height: 39px; line-height: 39px; float: left; display: inline; margin-left: 150px; margin-top: 2px; font-weight: bold; font-size: 12px; color: #808080; } #duyuruic a, #duyuruic a:link, #duyuruic a:visited { color: #808080;} #duyuruic a:hover { color: #000;} .duyuruileri { display: block; width: 22px; height: 40px; float: right; display: inline;} /***Resim Galerisi **/ .jcarousel-skin-tango1 .jcarousel-direction-rtl{direction:rtl} .jcarousel-skin-tango1 .jcarousel-container-horizontal{width:560px; padding: 0px 30px; margin-left: 10px; padding-top: 17px;} .jcarousel-skin-tango1 .jcarousel-clip-horizontal{width:530px; margin-left: 12px;} .jcarousel-skin-tango1 .jcarousel-item{width:118px;height:103px;border:1px solid #adadad; padding: 3px; background: #fff;} .jcarousel-skin-tango1 .jcarousel-item img{width:118px;height:103px} .jcarousel-skin-tango1 .jcarousel-item-horizontal{margin-right:4px; margin-left: 3px;} .jcarousel-skin-tango1 .jcarousel-item-placeholder{background:#fff;color:#000} .jcarousel-skin-tango1 .jcarousel-next-horizontal{position:absolute;top:15px;right:5px;width:41px;height:114px;cursor:pointer;background:transparent;} .jcarousel-skin-tango1 .jcarousel-prev-horizontal{position:absolute;top:15px;left:0px;width:41px;height:114px;cursor:pointer;background:transparent;} /***Resim Galerisi **/ .baslik { float: left;  display: inline; } .gormek { float: right; width: 200px;display: inline; margin-right: 35px; font-size: 11px; margin-top: 18px; text-align: center; font-weight: bold; color: #0078bf; } .gormek a, .gormek a:link, .gormek a:visited { color: #0078bf;} .gormek a:hover { color: #7a3f00; text-decoration: underline;} .gormek1 { float: right; width: 200px;display: inline; margin-right: 35px; font-size: 11px; margin-top: 18px; text-align: center; font-weight: bold; color: #6A6A6A; } .gormek1 a, .gormek1 a:link, .gormek1 a:visited { color: #6A6A6A;} .gormek1 a:hover { color: #945615; text-decoration: underline;} #footerortala { width: 970px; margin: 0px auto;} #footer_sol { width: 600px; height: 45px; float: left; display: inline; margin-top: 133px; color: #fff; font-size: 12px; } #footer_sag { width: 240px; height: 140px; float: right; display: inline; margin-top: 30px; overflow: hidden; overflow: hidden;} a.facebook { display: block; width: 125px; height: 50px; margin-top: 40px; margin-left: 15px; float: left; display: inline; text-indent: -9999px;  } a.twitter { display: block; width: 98px; height: 70px; margin-top: 20px;  margin-left: 1px; float: left; display: inline; text-indent: -9999px;  } a.mbtasarim { display: block; width: 165px; height: 40px;  float: right; display: inline; text-indent: -9999px; margin-top: 12px; } .tekilicerik { color: #4f4f4f; font-size: 12px; width: 612px; margin: 5px auto; overflow: hidden; } .tekilicerik p { margin: 0px 0px 5px 0px;} .tekilresim { float: left; padding: 3px; background: #fff; border: 1px solid #dadada; margin-right: 5px; } .bilgiler { background: url(http://img.webme.com/pic/m/mbkisiselblogv1/konu-tag5.png) no-repeat; width: 612px; height: 45px; margin: 0px auto 5px auto; overflow: hidden; } .bilgiler_sol { width: 81px; height: 30px; float: left; display: inline; margin-left: 8px; margin-top: 7px; font-size: 14px; color: #6d5e00; text-align:center; line-height: 30px; } .bilgiler_sag { width: 490px; height: 31px; float: left; display: inline; margin-top: 7px; margin-left: 20px; color: #626363; line-height: 31px;} .bilgiler_sag2 { width: 490px; height: 28px; float: left; display: inline; margin-top: 15px; margin-left: 20px; color: #626363;  overflow: hidden;} .bilgiler a, .bilgiler a:link, .bilgiler a:visited{ color: #626363; } .bilgiler a:hover{ color: #000; text-decoration: underline; } .paylas { width: 624px; height: 75px; background: url(http://img.webme.com/pic/m/mbkisiselblogv1/paylas.png) no-repeat; margin: 0px auto; overflow: hidden; }  .paylas_sol { width: 81px; height: 60px; float: left; display: inline; margin-left: 8px; margin-top: 7px; font-size: 14px; color: #6d5e00; text-align:center; line-height: 60px; } .paylas_sag { width: 500px; height: 80px; overflow: hidden; float: left; display: inline; margin-top: 9px; margin-left: 15px; color: #626363; } .y1 { width: 85px; height: 30px; float: left; display: inline; line-height: 30px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 13px; color: #6d6d6d; margin-left: 15px;} .y2 { width: 10px; height: 30px;  float: left; display: inline; line-height: 30px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 13px; color: #6d6d6d; margin-right: 5px;} .y3 { width: 494px; height: 26px; background: url(http://img.webme.com/pic/m/mbkisiselblogv1/input2.png) no-repeat; float: left; display: inline; padding-left: 10px; padding-top: 4px;} .y3 input { width: 485px; height: 20px; border: 0px; background: transparent; color: #6d6d6d;font-family:Trebuchet MS, Arial, Helvetica, sans-serif;  } .y4 { width: 497px; height: 124px; background: url(http://img.webme.com/pic/m/mbkisiselblogv1/textarea.png) no-repeat; float: left; display: inline; overflow: hidden; padding-top: 3px; padding-left: 7px; } .y4 textarea { width: 490px; height: 120px;  border: 0px; background: transparent; color: #6d6d6d;font-family:Trebuchet MS, Arial, Helvetica, sans-serif; } .yblok { margin-top: 5px; margin-bottom: 10px; } .yorumreset { display: block; width: 98px; height: 36px; float: left; display: inline; background: url(http://img.webme.com/pic/m/mbkisiselblogv1/temizle.png)  no-repeat; border: 0px; margin-left: 419px; margin-bottom: 10px; } .kulhakki { Bu Tema MB TasarÄ±m (Musa Kuru 0538 499 22 63) TarafÄ±ndan KiÅŸisel Bloglar iÃ§in HazÄ±rlanmÄ±ÅŸ bir wordpress temasÄ±dÄ±r.. TemayÄ± Ã‡alan, lisansÄ±nÄ± kÄ±ran,izinsiz kullanan,daÄŸÄ±tan herkese hakkÄ±mÄ± helal etmiyorum.. hepsiyle Ã¶bÃ¼r dÃ¼nyada hesaplaÅŸÄ±caz.. Hikmet ehli zatlar buyuruyor ki: * Bir kimse Peygamberlerin yaptÄ±ÄŸÄ± ibadetleri yapsa fakat Ã¼zerinde bir kuruÅŸ kul hakkÄ± bulunsa, bu bir kuruÅŸu Ã¶demedikÃ§e Cennete giremez. * Kul hakkÄ± Ã§ok mÃ¼himdir. AllahÃ¼ teÃ¢lÃ¢ her tÃ¼rlÃ¼ gÃ¼nahÄ± affedebilir. Ama, kul hakkÄ±yla gelmeyin buyuruyor. Kul hakkÄ±yla gidenin iÅŸi adalete bÄ±rakÄ±lÄ±r. Adaletin ne ÅŸekilde hÃ¼kÃ¼m vereceÄŸi belli olmaz. Allah korusun Ã§ok kimse Ã¼mitle gider de, hÃ¢li periÅŸan olur. * Size haksÄ±zlÄ±k eden, zulmeden, malÄ±nÄ±zÄ± mÃ¼lkÃ¼nÃ¼zÃ¼ gasp eden aslÄ±nda size iyilik etmiÅŸtir. Eyvah onlarÄ±n haline. Sen mazlum, onlar zalim. Alan dÃ¼ÅŸÃ¼nsÃ¼n. Ahirette zalim aÄŸlayacak, mazlum gÃ¼lecek. Zalim verecek, mazlum alacak.  * UnutmayÄ±n ki Allah BÃ¼tÃ¼n PiÅŸmanlÄ±klarÄ± TÃ¶vbeleri affeder..yeterki iÃ§ten etmeyi bilmeli ve o hatayÄ± tekrar yapmamalÄ±.. * EÄŸer temayÄ± daÄŸÄ±tÄ±yorsan ÅŸifresini kÄ±rÄ±yorsan veya izinsiz kullanÄ±yorsan vs vs.. bu gizli yazÄ±mÄ± okuyup tekrar bi dÃ¼ÅŸÃ¼n bunu yapmadan Ã¶nce.. } .yorumgonder { display: block; width: 98px; height: 36px; float: left; display: inline; background: url(http://img.webme.com/pic/m/mbkisiselblogv1/gonder.png) no-repeat; border: 0px; margin-left: 5px;  } .biryorum { width: 600px; padding: 5px ; border: 1px solid #bcbcbc; margin: 0px auto; -moz-border-radius: 4px;-webkit-border-radius:4px; margin-bottom: 4px; } .yorumavatar { width: 57px; height: 57px; float: left; display: inline; padding: 1px; border: 1px solid #bcbcbc; -moz-border-radius: 4px;-webkit-border-radius:4px; } .yorumavatar img{ width: 57px; height: 57px;} .yorumicerik { width: 531px; float: left; display: inline; margin-left: 7px; color: #6d6d6d; } .yazaran { float: left; display: inline; font-weight: bold; font-size: 12px; font-style: normal; } .yazaran a, .yazaran a:link, .yazaran a:visited {color: #6d6d6d; } .yazaran a:hover {color: #000; } .yorumtarih { float: right; display: inline; color: #c6c6c6; } .yorumtarih  a,.yorumtarih a:link,.yorumtarih a:visited {color: #c6c6c6;} .yorumicerik p { margin: 3px 0px } .uyegirdi_avatar {  border:1px solid #dadada; width: 100px; height: 110px; overflow: hidden; float: left; display: inline; margin-left: 5px; margin-bottom: 3px; }  .uyegirdi_avatar img{ width: 100px; height: 110px;} .uyegirdi_bilgi { width: 193px; height: 110px; float: left; display: inline; margin-left: 8px; overflow: hidden; } .uyegirdix { width: 180px; background: url(http://img.webme.com/pic/m/mbkisiselblogv1/ok2.png) center left no-repeat; padding: 6px 0px 6px 13px; border-bottom: 1px dotted #535353; font-size: 12px; color: #656565; } .uyegirdix a, .uyegirdix a:link, .uyegirdix a:visited{ color: #656565;;} .uyegirdix a:hover {color: #000; } .yesil { color: #2c8f00; font-weight: bold; } .kirmizi {color: #ff0000; text-decoration: underline; }  /*defaultwp basladi*/ code{font:1.1em 'Courier New',Courier,Fixed} acronym, abbr, span.caps{font-size:0.9em; letter-spacing:.07em} p img{padding:0; max-width:100%} img.centered{display:block; margin-left:auto; margin-right:auto} img.alignright{padding:4px; margin:0 0 2px 7px; display:inline} img.alignleft{padding:4px; margin:0 7px 2px 0; display:inline} .alignright{float:right} .alignleft{float:left} select{width:130px} .children{padding:0} acronym, abbr, span.caps{cursor:help} acronym, abbr{border-bottom:1px dashed #999} blockquote{margin:15px 30px 0 10px; padding-left:20px; border-left:5px solid #ddd} blockquote cite{margin:5px 0 0; display:block} .center{text-align:center} .hidden{display:none} .screen-reader-text{ position:absolute;  left:-1000em} .aligncenter,  div.aligncenter{display:block; margin-left:auto; margin-right:auto} .wp-caption{border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px} .wp-caption img{margin:0; padding:0; border:0 none} .wp-caption p.wp-caption-text{font-size:11px; line-height:17px; padding:0 4px 5px; margin:0} /* defaultwp bitti*/ .ortacik { width: 594px; margin: 10px auto 0px auto; font-size: 13px; border-left: 3px solid #a7d10b;border-right: 3px solid #a7d10b;  background: #f2ffc2; padding: 3px 5px; border-top: 1px solid #a7d10b;border-bottom: 1px solid #a7d10b;  }   .input { background: #fff7e9; font-family: Tahoma,Arial, Helvetica, sans-serif; font-size: 14px; border: 1px solid #c8c8c8; width: 610px; height: 25px; color: #696969; }   .input:hover { background: #daebff; font-family: Tahoma,Arial, Helvetica, sans-serif; font-size: 14px; border: 1px solid #969696; width: 610px; height: 25px; color: #696969; }   .notunuz { background: #fff7e9; font-family: Tahoma,Arial, Helvetica, sans-serif; font-size: 14px; border: 1px solid #c8c8c8; width: 610px; height: 100px; color: #696969; }    .notunuz:hover { background: #daebff; font-family: Tahoma,Arial, Helvetica, sans-serif; font-size: 14px; border: 1px solid #969696; width: 610px; height: 100px; color: #696969; }   .gonderbuton { background: #009cff; font-family: Trebuchet MS; font-size: 14px; font-weight: BOLD; border: 2px solid #CCCCCC; width: 100px; height: 30px; color: #FFFFFF; }   .gonderbuton:hover { background: #ff9000; font-family: Trebuchet MS; font-size: 14px; font-weight: BOLD; border: 2px solid #000000; width: 100px; height: 30px; color: #FFFFFF; }  .partlist  {   background-color:#E2F1FF;  color:#007CEF;  font-family:trebuchet MS;  font-size:14px;  font-weight:bold;  text-decoration:none;  }      .partlist a:hover  {   background-color:#ff9c00;  color:#FFFFFF;  font-family:trebuchet MS;  font-size:14px;  font-weight:bold;  text-decoration:none;  }    .partlist a:visited  {   color:#000000;  font-family:trebuchet MS;  font-size:14px;  font-weight:bold;  text-decoration:none;  }    .partlist a:active  {   color:#000000;  font-family:trebuchet MS;  font-size:14px;  font-weight:bold;  text-decoration:none;  }     .simplesocial-box  { width: 580px; }    .simplesocial2  { width: 75px; float:left; }    .pluson  { width: 75px; }    .firma_detay {  background-image:url(http://img.webme.com/pic/m/mbkisiselblogv1/firma_detayi_bg.png); width:598px; height:60px; padding-top:166px;  background-position:bottom; background-repeat:no-repeat; }    .firma_detay_sag {  background-image:url(http://img.webme.com/pic/m/mbkisiselblogv1/firma_detayi.png); width:120px; height:60px; float:right; margin-top:-22px; }   .firma_detay_sag a {  background-image:url(http://img.webme.com/pic/m/mbkisiselblogv1/firma_detayi.png); width:120px; height:60px; display:block; text-decoration:none; }  .firma_detay_sag a:hover {  background-image:url(http://img.webme.com/pic/m/mbkisiselblogv1/firma_detayi+.png); width:120px; height:60px; display:block; text-decoration:none; }   .detaylar_yazisi1 {   font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#626363; float:left; margin-top:12px; width:285px; padding-left:40px; }    .detaylar_yazisi2 {  font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#626363; float:left; margin-top:12px; width:100px; padding-left:45px; }   .detaylar_yazisi2 a{color:#626363; text-decoration:none;} .detaylar_yazisi3 {  font-family:Tahoma, Geneva, sans-serif; width: 250px; font-size:11px; color:#626363; float:left; margin-top:12px; padding-left:40px; } .detaylar_yazisi4 {  font-family:Tahoma, Geneva, sans-serif; width: 100px; font-size:11px; color:#626363; float:left; margin-top:12px; padding-left:80px; } .yazi { width: 302px; height: 56px; margin: 0px auto 3px auto; border: 1px solid #dadada; }    .sidebarmenu{width:300px; margin: 0px auto 0px auto; } .sidebarmenu ul{list-style-type:none;margin:0px;padding:0} .sidebarmenu ul li{padding-bottom:0px; display: inline;} .sidebarmenu ul li a{color:#6a6a6a;background:url(http://img.webme.com/pic/m/mbkisiselblogv1/sidebarmenuok.png) no-repeat 5px center;display:block;text-decoration:none;border-bottom:1px dotted #a5c4ca;font-size:13px;padding:4px 0 3px 23px; overflow: hidden;} .sidebarmenu ul li a span { font-weight: bold; } .sidebarmenu ul li a:visited{color:#6a6a6a} .sidebarmenu ul li a:hover{color:#383838;background-color:#dcf1ff;}  .video_ozet { width: 190px; height: 200px; line-height:17px; overflow: hidden; float: left; margin: 0px auto 2px 10px; color: #434343; font-size: 13px; } .video_ozet  h3 { font-size: 20px; color: #009fd3; font-weight: bold; } .video_ozet  h3 a:link, .haber_ozet  h3 a:visited{ color: #009fd3;}  .video_ozet  h3 a:hover{ color: #000;}  .video_ozet  h4 { font-size: 14px; color: #74a702; font-weight: bold; text-align:center; width: 175px; padding-top: 1px; margin: 0px auto; } .video_ozet  h4 a:link, .haber_ozet  h4 a:visited{ color: #009FD3;}  .video_ozet  h4 a:hover{ color: #3e5903;}

Ana sayfaya eklenecek kod:

<!--bir haber başladı-->    <div class="haber">          <div class="haber_resim">       <a href="#"><img src="http://img.webme.com/pic/m/mbkisiselblogv1/foto1.jpg" alt="" /></a>            </div>     <div class="haber_ozet">      <h3><a href="#">BURAYA BAŞLIK</a> </h3>       <p>HABER ÖZET... <a href='#'>[Devamı]</a></p>     </div>           <div class="firma_detay">          <div class="detaylar_yazisi1"><b><a href="#" rel="category tag">Genel</a></b> kategorisinde yayınlandı.</div>          <div class="detaylar_yazisi2"><b><a href="#">0</a></b> Yorum Yapıldı</div><br>          <div class="detaylar_yazisi3"><b>31 Aralık 2015  - 10:53</b> tarihinde yayınlandı.</div>          <div class="detaylar_yazisi4"><b>0 views</b> Okundu.</div>          <div class="firma_detay_sag"><a href="#"> </a></div>          <div class="ClearBoth"></div>        </div>     </div>     <!--bir haber bitti-->               <!--sayfalama başladı-->       <div class="clear"></div>    <div class="sayfalama">     <div class="sayfalama_sol"><div class='wp-pagenavi'><span class='pages'>Toplam 3 sayfa, 1. sayfa gösteriliyor.</span><span class='current'>1</span><a class="page larger" href="#">2</a><a class="page larger" href="#">3</a><a class="nextpostslink" rel="next" href="#">»</a></div></div>     <div class="sayfalama_sag"><a href="#">TÜM HABERLER</a></div>    </div>    <!--sayfalama bitti-->

Alternatif sayfa İçeriği:

<!--İÇERİK İNDEX--><!--haberler bloğu başladı-->       <div class="tekilresim">    <a href="#"><img width="300" height="127" src="http://img.webme.com/pic/m/mbkisiselblogv1/foto1.jpg" class="attachment-medium size-medium wp-post-image" alt="4" /></a></div><div>   Konu 1 İçerik                                              </div>    <div class="clear"></div>         <div class="bilgiler">     <div class="bilgiler_sol">BİLGİLER</div>     <div class="bilgiler_sag"><b><a href="http://tasarimkodu.blogspot.com/" title="tasarimkodu tarafından yazılan yazılar" rel="author">tasarimkodu</a></b> tarafından <b>03 Ocak 2016  - 23:07</b> tarihinde yayınlandı.</div>    </div>    <!--okunma başladı-->     <div class="bilgiler">     <div class="bilgiler_sol">OKUNMA</div>     <div class="bilgiler_sag">Bu Yazı Şuana Kadar <b>5 views</b> kez Okunmuştur.</div>    </div>    <!--okunma bitti-->         <!--etiketler başladı-->     <div class="bilgiler">     <div class="bilgiler_sol">ETİKETLER</div>     <div class="bilgiler_sag2"><a href="http://tasarimkodu.blogspot.com/" rel="tag">TasarimKodu</a><a href="http://tasarimkodu.blogspot.com/" rel="tag">Bedava-Sitem</a><a href="http://tasarimkodu.blogspot.com/" rel="tag">Tr.Gg</a><a href="http://tasarimkodu.blogspot.com/" rel="tag">MbKişiselBlogV1</a><a href="http://tasarimkodu.blogspot.com/" rel="tag">Css</a><a href="http://tasarimkodu.blogspot.com/" rel="tag">Tasarım</a>                                </div>    </div>    <!--etiketler bitti--><!--haberler bitti-->

.....
Demoyu Görüntüle
indir butonuna tıklayın açılan sayfada 5 saniye sonra sağ üst köşede geç butonuna tıklayın ve rar dosyasını indirip kurun. rar dosyası şifresizdir.

İNDİR (Güncel Link) "Yenilendi!"