tag:blogger.com,1999:blog-605433694676302222024-02-19T00:57:17.660-08:00Blog DerslerimUnknownnoreply@blogger.comBlogger7125tag:blogger.com,1999:blog-60543369467630222.post-8001484181332064252014-01-02T13:41:00.001-08:002014-01-02T13:41:03.941-08:00Blogger Temaları<div style="text-align: center;">
<img alt="live demo" src="http://btemplates.com/wp-content/uploads/2013/02/novamag-blogger-template.jpg" /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="http://yadi.sk/d/qqQM58VSFMxmq">İNDİR</a> | <a href="http://btemplates.com/2013/blogger-template-novamag/demo/">DEMO</a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<img alt="live demo" src="http://btemplates.com/wp-content/uploads/2013/02/stylemaster-blogger-template.jpg" /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="http://yadi.sk/d/Q8ePKJKHFMxoo">İNDİR</a> | <a href="http://btemplates.com/2013/blogger-template-stylemaster/demo/">DEMO</a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<img alt="live demo" src="http://btemplates.com/wp-content/uploads/2013/01/stylify-minimal-blogger-template.jpg" /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="http://yadi.sk/d/1Xe2RacwFMxq5">İNDİR</a> | <a href="http://btemplates.com/2013/blogger-template-stylify-minimal/demo/">DEMO</a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<img alt="live demo" src="http://btemplates.com/wp-content/uploads/2013/01/zylyz-blogger-template.jpg" /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="http://yadi.sk/d/hBmpExGCFMxhu">İNDİR</a> | <a href="http://btemplates.com/2013/blogger-template-zylyz/demo/">DEMO</a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<img alt="live demo" src="http://btemplates.com/wp-content/uploads/2013/03/table-blogger-template.jpg" /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="http://yadi.sk/d/OyTeNJkrFMxrU">İNDİR</a> | <a href="http://btemplates.com/2013/blogger-template-table/demo/">DEMO</a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<img alt="live demo" src="http://btemplates.com/wp-content/uploads/2013/04/delicacy-blogger-template.jpg" /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="http://yadi.sk/d/o720lL36FMxtW">İNDİR</a> | <a href="http://btemplates.com/2013/blogger-template-delicacy/demo/">DEMO</a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<img alt="live demo" src="http://btemplates.com/wp-content/uploads/2013/05/dcmdark-blogger-template.jpg" /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="http://yadi.sk/d/_O_4CmmuFMy2H">İNDİR</a> | <a href="http://dcm-templates.blogspot.com/">DEMO</a><br />
<br />
<img height="436" src="http://www.yahee.net/wp-content/uploads/2013/10/FitnessMag-Blogger-Template.png" width="640" /><br />
<br />
<a href="http://yadi.sk/d/Q9RpxT6aFMxNe">İNDİR</a> | <a href="http://fitnessmag-soratemplates.blogspot.com/">DEMO</a><br />
<br />
<img height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPGsAgg29XYNy3ncim-kskyinCX7lkWa-zZQ4uJ223a5iiPw6eLrnVFyDkcE8NjHFJmt0RYBi4yt7-FbwkNM0xNq8LBE6N5td9NsXWf7ARxEIquvfKd-VyI_q6wxPHv5egKQ3loMGXpA/s640/Twitter+Theme,+twitter+blogger+temas%C4%B1,+blogger+free+theme+2013,+%C3%BCcretsiz+blogger+temas%C4%B1+2013,+internet+d%C3%BCnyas%C4%B1.png" width="578" /><br />
<br />
<a href="http://yadi.sk/d/t0PR95gsFMy6q">İNDİR</a> | <a href="http://twitterblogtheme.blogspot.com/">DEMO</a></div>
Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-60543369467630222.post-29220405146412010002014-01-02T11:30:00.001-08:002014-01-02T11:30:56.228-08:00Blogger ile Photoshop Arasındaki Bağlantı<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsIraCauzhX6Ve3k_3JtGcyJIFzswmKay2kg5mSEsxG-mdwf9NmIsUBPH6GBTL5rhUSz6Y7_s4x2gpvzCmEceKsipw3HHY-Q073gwVPZ3VD9f5j9ILJHxoYkNmdwNr8u6MOtTXBJPJGA/s1600/yt.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsIraCauzhX6Ve3k_3JtGcyJIFzswmKay2kg5mSEsxG-mdwf9NmIsUBPH6GBTL5rhUSz6Y7_s4x2gpvzCmEceKsipw3HHY-Q073gwVPZ3VD9f5j9ILJHxoYkNmdwNr8u6MOtTXBJPJGA/s1600/yt.jpg" /></a></div>
İnternet üzerinde herhangi bir sitesi bulunan çoğu kişi "Photoshop bilmek gerekir mi?" sorusunu kendisine soruyor ve çoğu da tasarım için olmazsa olmaz programlardan biri olduğu sonucuna varıyor. Gerçekten de öyle çünkü Photoshop başlı başına ayrı bir dünya diyebiliriz. Sadece tasarım kısımları haricinde, içerik düzenlemelerinde de bizlere çok yardımcı oluyor. Örneğin kendi sitenizin logosunu 20'den fazla resime yerleştireceksiniz. Bunu "Photoshop Action" ile sadece 1 dakika içinde yapabilirsiniz veya siteniz için "Photoshop Animation" bölümü ile .gif formatında hareketli görüntüler tasarlayabilirsiniz. Bunlar siteniz için hem görsel hem de içerik açısından sizlere ekstra fayda sağlayacak en önemlisi de zaman kazandıracak şeyler. Bunlar sadece birkaçı ben de sizlere elimden geldiğince sitelerinizde kullanabileceğiniz özellikleri anlatmaya çalışacağım. Photoshop bilmeseniz bile video anlatımlardaki uygulamaları aynen uygulayarak siz de kendi tasarımlarınızı oluşturabileceksiniz.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-60543369467630222.post-10440510183564699992014-01-01T06:22:00.002-08:002014-01-01T06:58:51.754-08:00Reklam Panosu Eklentisi<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSPFx2Vjc6hAZOf-VAKjPRok_fzzXmc_pzs6GTMVYfA7TClBeSnqen5ioiODeh9f-u4ELEdDYCMUFfL3JDaNUm8uyzvz2kVIJ8j5IPr0E1z_b3eYrBvlZUpchVJEOXqoKtgtaZ0zuFQA/s1600/%C5%9F%C5%9F.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSPFx2Vjc6hAZOf-VAKjPRok_fzzXmc_pzs6GTMVYfA7TClBeSnqen5ioiODeh9f-u4ELEdDYCMUFfL3JDaNUm8uyzvz2kVIJ8j5IPr0E1z_b3eYrBvlZUpchVJEOXqoKtgtaZ0zuFQA/s200/%C5%9F%C5%9F.jpg" width="200" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSPFx2Vjc6hAZOf-VAKjPRok_fzzXmc_pzs6GTMVYfA7TClBeSnqen5ioiODeh9f-u4ELEdDYCMUFfL3JDaNUm8uyzvz2kVIJ8j5IPr0E1z_b3eYrBvlZUpchVJEOXqoKtgtaZ0zuFQA/s1600/%C5%9F%C5%9F.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSPFx2Vjc6hAZOf-VAKjPRok_fzzXmc_pzs6GTMVYfA7TClBeSnqen5ioiODeh9f-u4ELEdDYCMUFfL3JDaNUm8uyzvz2kVIJ8j5IPr0E1z_b3eYrBvlZUpchVJEOXqoKtgtaZ0zuFQA/s1600/%C5%9F%C5%9F.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSPFx2Vjc6hAZOf-VAKjPRok_fzzXmc_pzs6GTMVYfA7TClBeSnqen5ioiODeh9f-u4ELEdDYCMUFfL3JDaNUm8uyzvz2kVIJ8j5IPr0E1z_b3eYrBvlZUpchVJEOXqoKtgtaZ0zuFQA/s1600/%C5%9F%C5%9F.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSPFx2Vjc6hAZOf-VAKjPRok_fzzXmc_pzs6GTMVYfA7TClBeSnqen5ioiODeh9f-u4ELEdDYCMUFfL3JDaNUm8uyzvz2kVIJ8j5IPr0E1z_b3eYrBvlZUpchVJEOXqoKtgtaZ0zuFQA/s1600/%C5%9F%C5%9F.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSPFx2Vjc6hAZOf-VAKjPRok_fzzXmc_pzs6GTMVYfA7TClBeSnqen5ioiODeh9f-u4ELEdDYCMUFfL3JDaNUm8uyzvz2kVIJ8j5IPr0E1z_b3eYrBvlZUpchVJEOXqoKtgtaZ0zuFQA/s1600/%C5%9F%C5%9F.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSPFx2Vjc6hAZOf-VAKjPRok_fzzXmc_pzs6GTMVYfA7TClBeSnqen5ioiODeh9f-u4ELEdDYCMUFfL3JDaNUm8uyzvz2kVIJ8j5IPr0E1z_b3eYrBvlZUpchVJEOXqoKtgtaZ0zuFQA/s1600/%C5%9F%C5%9F.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></a><br />
Sitenizin bir köşesinde sponsor panosu olsun diyorsanız tam size göre bir eklenti. Boyutunu ve<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<textarea class="bginput" cols="42" name="wep-kodlari" onclick="this.focus();this.select()" rows="5" style="height: 169px; margin: 0px; width: 497px;"><center>
<table border="1">
<tr><td width="125" height="125" align="center">
<a href="Buraya gitmesini istediğiniz linki yazın." target="_blank"><img src="Resmin URL'sini yaz."/></a>
<td width="125" height="125" align="center"> <a href="Buraya gitmesini istediğiniz linki yazın." target="_blank"><img src="Resmin URL'sini yaz."/></a>
</td></td></tr>
<tr>
<td width="125" height="125" align="center">
<a href="Buraya gitmesini istediğiniz linki yazın." target="_blank"><img src="Resmin URL'sini yaz."/></a> </td>
<td width="125" height="125" align="center">
<a href="Buraya gitmesini istediğiniz linki yazın." target="_blank"><img src="Resmin URL'sini yaz."/></a> </td></tr>
</table>
</center>
</textarea>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-60543369467630222.post-83763291987439842592014-01-01T05:33:00.003-08:002014-01-02T11:31:20.766-08:00Resmi Png(transparan) Olarak Kaydetme<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOmO83DiY8IxbmW1fQMnVJDGmxJsx3Mqu149HsO12SSJkhWhcJ81qWDe2-dtgoNGadpLgN_YrRJzsOvPlNcyK4hOZ1YVbWmY5V0WLZoBie95_v1SQ5UieS9UZfFB7rMOJP0cYcQMS6WA/s1600/Ads%C4%B1z.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOmO83DiY8IxbmW1fQMnVJDGmxJsx3Mqu149HsO12SSJkhWhcJ81qWDe2-dtgoNGadpLgN_YrRJzsOvPlNcyK4hOZ1YVbWmY5V0WLZoBie95_v1SQ5UieS9UZfFB7rMOJP0cYcQMS6WA/s1600/Ads%C4%B1z.png" /></a></div>
Blogger sitesine sahip olan birçok kişi sitesine görsellik katmak için görseller oluşturuyor veya hazır görseller yüklüyor fakat bazen istenmeyen arka planlar işimizi bozabiliyor. Şimdi sizlere bir resmi nasıl .png uzantılı(transparan) olarak kayıt ederiz onu video olarak anlatıyorum. Bir sorununuz olursa yorum yapabilir ya da mail atabilirsiniz.<br />
<br />
<br />
<br />
<br />
<center>
<iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/gTYq0pSrR_E" width="400"></iframe></center>
Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-60543369467630222.post-24381086388282361732014-01-01T04:44:00.002-08:002014-01-02T11:31:04.992-08:00Blogger Favicon Simgesini Değiştirme<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgttVGrI_X0kj9KjcX9iKisuY_cK2YNoOZyX6yTHnUaUdflLSAka4c7EuUuRTtfb2MziGi-UEphFPPu3PCXFqW4XzP3L8HQ1YYbqo5oq1lH2UdvC9Bvz4sHuMbHmn6gxo9viJw5w52wRw/s1600/ll.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgttVGrI_X0kj9KjcX9iKisuY_cK2YNoOZyX6yTHnUaUdflLSAka4c7EuUuRTtfb2MziGi-UEphFPPu3PCXFqW4XzP3L8HQ1YYbqo5oq1lH2UdvC9Bvz4sHuMbHmn6gxo9viJw5w52wRw/s1600/ll.jpg" /></a></div>
Blogger kullanan birçok kişinin sorunu olan favicon simgesini değiştirme olayını şimdi anlaşılır bir şekilde anlatmaya çalışacağım.<br />
<br />
1) İlk önce photoshop programından 16*16'lık bir dosya açıyoruz.<br />
<br />
2) Açtığımız dosyada faviconumuzu oluşturuyoruz ve png uzantılı olarak kaydediyoruz.(<a href="http://blogderslerim.blogspot.com/2014/01/resmi-pngtransparan-olarak-kaydetme.html">Png olarak nasıl kayıt yaparım?</a>)<br />
<br />
3) Png dosyamızı internet ortamına yüklüyoruz(kendi blogunuza yükleyebilirsiniz) bu işlemi png dosyamızın url'sini almak için yapıyoruz.(Resim url'si nasıl alınır?)<br />
<br />
4) Url'sini kopyaladıktan sonra url'mizi aşağıdaki kodda belirtilen kırmızı yeri silip yerine yapıştırıyoruz.<br />
<br />
<pre style="background-color: whitesmoke; border-left: 6px double rgb(185, 211, 238); color: #888888; font-family: Andale Mono,Lucida Console,Monaco,fixed,monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><code><pre style="background-color: #eeeeee; border: 1px dashed rgb(153, 153, 153); color: black; font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 560.5px;"><code style="background-color: #ececec; font-family: 'Courier New', Courier, Fixed; font-size: 1em; line-height: normal; margin: 0px; padding: 0px;"><link href='<span style="color: red; margin: 0px; padding: 0px;">png uzantılı faviconURLsi</span>' rel='shortcut icon' type='image/x-icon</code><span style="background-color: #ececec; font-family: 'Courier New', Courier, Fixed; font-size: 1em; line-height: normal;">'/></span></pre>
</code></pre>
5) Yapıştırdıktan sonra kodun tamamını kopyalıyoruz.<br />
<br />
6) Şablon > Html'yi düzenle > ctrl+f yapıyoruz ve <head> kodunu aratıyoruz.<br />
<br />
7) <head> kodunun hemen altına kopyaladığımız kodu yapıştırıyoruz ve artık sizin de bir faviconunuz oldu.Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-60543369467630222.post-84092668800662691272014-01-01T03:28:00.002-08:002014-01-02T11:31:11.457-08:00En İyi Arka Plan(Texture) Resimleri<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSEQeiRRRQwcVysd1ZrCd-V5JNbjcoxSktky1fWW3OU-hCuOBhLFLzjw569-muCQ9lHPMC4eW048wTgBMj3rCT-6_jeHieJTvrXQ3VK4r1R9ll2syks7PUqP-sd_0kU1kVXCtAmBZzzw/s1600/uu.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSEQeiRRRQwcVysd1ZrCd-V5JNbjcoxSktky1fWW3OU-hCuOBhLFLzjw569-muCQ9lHPMC4eW048wTgBMj3rCT-6_jeHieJTvrXQ3VK4r1R9ll2syks7PUqP-sd_0kU1kVXCtAmBZzzw/s400/uu.jpg" width="400" /></a>İnternet ortamında bulunan veya tasarımla uğraşan herkesin kullanabileceği müthiş arka plan dokularını buradan seçip kaydedebilirsiniz. Logo yapımında, site tasarımında, afiş tasarımında size çok yardımcı olacak bu dokuları sizlere sunuyorum, tasarımlarınıza çok iyi bir görsellik katacağına emin olabilirsiniz. Kolay gelsin.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsNE552pJgVc6gTDqlSwZFwS569qD0vfRhaWR4HGN8g_odIeMkJvH5whELsBVrCQUYzlQt-lFNgbuL020awk1ib9Rten_UwJSOO2r_AittnAUTBNZv0r21rqY9NhVvN3z6xXDBaY33Hg/s1600/texture11.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsNE552pJgVc6gTDqlSwZFwS569qD0vfRhaWR4HGN8g_odIeMkJvH5whELsBVrCQUYzlQt-lFNgbuL020awk1ib9Rten_UwJSOO2r_AittnAUTBNZv0r21rqY9NhVvN3z6xXDBaY33Hg/s400/texture11.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF6Cdn7be9vgtiRJQ6q2Bx_c4nbgIZQ_EkJl81_T79IJJsaoy0YqWvWPiGOf24ymhJ2zyxJcr7U0_n16eocnf8nhnniR_x2z9rARN_PCrd92H6qJ_YPfGlhwESQ6arhNreomEUeU2gWQ/s1600/hn4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="292" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF6Cdn7be9vgtiRJQ6q2Bx_c4nbgIZQ_EkJl81_T79IJJsaoy0YqWvWPiGOf24ymhJ2zyxJcr7U0_n16eocnf8nhnniR_x2z9rARN_PCrd92H6qJ_YPfGlhwESQ6arhNreomEUeU2gWQ/s400/hn4.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiObMczhcWlWfRcr-DZifU1RmGm2ZmCrzFZvAp5l7-TIhvKxjo7hcjlRYUqjrg4XDvfyuiDGPsa03U79nh6wtewllT_0XHUpUdSZmUYE6S2m6El1s-h2uCCthABA19tNOXxHsIIbJA_Nw/s1600/red+texture.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiObMczhcWlWfRcr-DZifU1RmGm2ZmCrzFZvAp5l7-TIhvKxjo7hcjlRYUqjrg4XDvfyuiDGPsa03U79nh6wtewllT_0XHUpUdSZmUYE6S2m6El1s-h2uCCthABA19tNOXxHsIIbJA_Nw/s400/red+texture.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijOBoWXYqATVmFmYEkFwJqUfFN_65vtBkIg9T-vFzwGDsiPhHZ-lk9yoIFWzzxNFMvGCuCmZ8llGynwkFU8dzADYc0xVFvR-cSbuUn23y0BYB-6D7XQwrJFpZEv61Gz0djQdRKvZUKSg/s1600/tecture.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijOBoWXYqATVmFmYEkFwJqUfFN_65vtBkIg9T-vFzwGDsiPhHZ-lk9yoIFWzzxNFMvGCuCmZ8llGynwkFU8dzADYc0xVFvR-cSbuUn23y0BYB-6D7XQwrJFpZEv61Gz0djQdRKvZUKSg/s400/tecture.jpg" width="330" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoQ8Zmsq3PmH60VJ1UU1_O-9lMSP_v-cfllBuQt0y-MMcEdo8nGGl2dKozSAogiQWOge_6F-5TUGChbFFVeLCQjcs4ScqdgYLbSrriJNIMfLyXUInC_VRWx4pbfi7rG2YnxOmEV75PLQ/s1600/texture+2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoQ8Zmsq3PmH60VJ1UU1_O-9lMSP_v-cfllBuQt0y-MMcEdo8nGGl2dKozSAogiQWOge_6F-5TUGChbFFVeLCQjcs4ScqdgYLbSrriJNIMfLyXUInC_VRWx4pbfi7rG2YnxOmEV75PLQ/s400/texture+2.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcykGvnyVytF6iixys9wcZRcf-Cy2h6_Zlkalu720asLCPcMtFJVAxokNUFBfgs5lkvTIF2j75Wo44Onfcx3bkUnwbeQQRckKMQM20slVHgCLjSxlnricGDb4iBokR2Yua78nVVsNYEQ/s1600/texture+3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcykGvnyVytF6iixys9wcZRcf-Cy2h6_Zlkalu720asLCPcMtFJVAxokNUFBfgs5lkvTIF2j75Wo44Onfcx3bkUnwbeQQRckKMQM20slVHgCLjSxlnricGDb4iBokR2Yua78nVVsNYEQ/s400/texture+3.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghbXZyRuBNoGTCmgjsXAyW1X_8ySzD2L-RBeowqM8AV9ftd8AENNpBp34A6KKQ4NbLrbp0MWlOijCU0BbWf5VyskE_0oL3SZtftumGrX97KWiHqd-tirahjgejcoPOcJaEmXxXrGmoxA/s1600/texture+4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghbXZyRuBNoGTCmgjsXAyW1X_8ySzD2L-RBeowqM8AV9ftd8AENNpBp34A6KKQ4NbLrbp0MWlOijCU0BbWf5VyskE_0oL3SZtftumGrX97KWiHqd-tirahjgejcoPOcJaEmXxXrGmoxA/s400/texture+4.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtjdVoTUVHjQe5gfBVt_XGpWbay-BS7rv8Nixgnlp4D-tNCiXVRy9SxEnN-3WrUrVxAmP8u1q1B6lEuzUbTPOaFCZEaAlRIPuz_YaYd0a9lvgrG41sbm7u3PEDgq0NCPG3yW6BZu2rug/s1600/texture+5.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtjdVoTUVHjQe5gfBVt_XGpWbay-BS7rv8Nixgnlp4D-tNCiXVRy9SxEnN-3WrUrVxAmP8u1q1B6lEuzUbTPOaFCZEaAlRIPuz_YaYd0a9lvgrG41sbm7u3PEDgq0NCPG3yW6BZu2rug/s400/texture+5.JPG" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5Own_2pM_4Bp2te6iYfPnMwB8Gu2lKjZIuSOd8q4UTSq612CwGDaszKNenFisqtDjHIaRjorH0kMJG5TP5x4jSzY4p3_xc0AdYfUmE_f7mX3R0SCk0p4zKupsynbnf7RQNh_k_SOaOg/s1600/texture+6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5Own_2pM_4Bp2te6iYfPnMwB8Gu2lKjZIuSOd8q4UTSq612CwGDaszKNenFisqtDjHIaRjorH0kMJG5TP5x4jSzY4p3_xc0AdYfUmE_f7mX3R0SCk0p4zKupsynbnf7RQNh_k_SOaOg/s400/texture+6.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjacNhgDeXHcAY1ZGziEieh5T23K5KA5llW1zOMA-pDrSPY4SnU9ZaApzErBk5UkGJHdsSss5rmqUfWt_6pqZIzOLPMIqzJ40lGUC1K9zCLPV3L6_1X-jgz21OW69CnUB6boGosuE0Lpw/s1600/texture+7.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="308" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjacNhgDeXHcAY1ZGziEieh5T23K5KA5llW1zOMA-pDrSPY4SnU9ZaApzErBk5UkGJHdsSss5rmqUfWt_6pqZIzOLPMIqzJ40lGUC1K9zCLPV3L6_1X-jgz21OW69CnUB6boGosuE0Lpw/s400/texture+7.JPG" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTPkt-8QM2gkWiHRGxFjYL6iHKHIROdOmKuB1Uj9-f0VYTkaFwdkboZH1ii7dbBcWJM0d3oF_loPRfeazSXCOqsdQvC6jSm1mFjpEkTnZ5dKWVEQ5Jc6lyfwo6l6cLPa8ephotlScBhA/s1600/texture+8.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTPkt-8QM2gkWiHRGxFjYL6iHKHIROdOmKuB1Uj9-f0VYTkaFwdkboZH1ii7dbBcWJM0d3oF_loPRfeazSXCOqsdQvC6jSm1mFjpEkTnZ5dKWVEQ5Jc6lyfwo6l6cLPa8ephotlScBhA/s400/texture+8.JPG" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFvuyzkxld2m4dIoSkbv-wPTkiNgaRBDvxUK4teBH9DVSE5kdp_0txytySvp0W43HhXFVIzFrIC7XbzlLjpq1-8zCVCwYBpo6k_V8EUG-V_2uK1LZ5ZC4JTxMK0lJUzBT0_Ec6lsnuJQ/s1600/texture+9.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="322" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFvuyzkxld2m4dIoSkbv-wPTkiNgaRBDvxUK4teBH9DVSE5kdp_0txytySvp0W43HhXFVIzFrIC7XbzlLjpq1-8zCVCwYBpo6k_V8EUG-V_2uK1LZ5ZC4JTxMK0lJUzBT0_Ec6lsnuJQ/s400/texture+9.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz_rUHW7myUS5mYdIPjA9J0B_y6J8E3tgu71XJgbOrCvtUjBLOOKc388fylA_KbqLD2Bh9oVy_jYxRZEZVh8RW8WHIys8gTwx5H_UNOhAeYfnQPJcdu4m4sQ1uxVp6ls7EjFlAFqtXxw/s1600/texture+10.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz_rUHW7myUS5mYdIPjA9J0B_y6J8E3tgu71XJgbOrCvtUjBLOOKc388fylA_KbqLD2Bh9oVy_jYxRZEZVh8RW8WHIys8gTwx5H_UNOhAeYfnQPJcdu4m4sQ1uxVp6ls7EjFlAFqtXxw/s400/texture+10.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwhHRua5GLdE8nB2o1rbBhycXDnNKF56FcBqbWPvVqy5kU5jFExUoF6Eg2yu9ELdsMsiMP_I45O1M_kwXBrfV6N_g-6kaie4wCTpHUmqRlpQOdZ5u_HpBg6926CTxizwZsOBRxUJbuXA/s1600/%C4%9F.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwhHRua5GLdE8nB2o1rbBhycXDnNKF56FcBqbWPvVqy5kU5jFExUoF6Eg2yu9ELdsMsiMP_I45O1M_kwXBrfV6N_g-6kaie4wCTpHUmqRlpQOdZ5u_HpBg6926CTxizwZsOBRxUJbuXA/s400/%C4%9F.jpg" width="362" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-60543369467630222.post-6706978523803389072014-01-01T02:24:00.003-08:002014-01-01T04:01:12.821-08:00Html kodları ile Basit Site Şablonu<div class="separator" style="clear: both; text-align: center;">
Html ve Css kodları ile basit bir kişisel blog şablonu örneği. Div kullanılarak yapılmış bir şablondur, tüm görseller ve orta alanda oluşan slayt görüntüsü photoshop programı ile yapılmıştır. Site kodların ve görselleri şablonu indirerek inceleyebilirsiniz. Ya da aşağıdaki kodları indirmeden inceleyebilirsiniz. Her şey size kolaylık sağlamak ve yardımcı olabilmek için, kolay gelsin. </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://yadi.sk/d/DqRQduILFHKY7">İndir</a> </div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzsRkcGzfuf1vOSVwGQ0q3AftjmM-aHUxVbuE_Y_KPj9moASu5QPIW2sWGis4baUQjWGGE1dXLE14IxhQavMokZhH7680ezgCOlFVWmjJpw2QjRNcAWjcHq2FCrCG0fityvud6KP12QQ/s1600/jj.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="384" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzsRkcGzfuf1vOSVwGQ0q3AftjmM-aHUxVbuE_Y_KPj9moASu5QPIW2sWGis4baUQjWGGE1dXLE14IxhQavMokZhH7680ezgCOlFVWmjJpw2QjRNcAWjcHq2FCrCG0fityvud6KP12QQ/s640/jj.jpg" width="640" /></a></div>
<br />
<br />
<a name='more'></a><br /><br />
<br />
<span style="background-color: whitesmoke; color: #888888; font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: 11.818181991577148px; line-height: 13.991477012634277px; white-space: pre;">Html Kodları;</span><br />
<pre style="background-color: whitesmoke; border-left-color: rgb(185, 211, 238); border-left-style: double; border-left-width: 6px; overflow: auto; padding: 5px; width: 100%;"><pre style="background-attachment: scroll; background-image: url(http://n1307.hizliresim.com/1c/8/q0rpl.gif); background-position: 0px -9px; border-color: rgb(172, 172, 172) rgb(172, 172, 172) rgb(172, 172, 172) rgb(185, 211, 238); border-style: solid solid solid double; border-width: 1px 1px 1px 6px; margin-bottom: 5px; margin-top: 5px; max-height: 200px; overflow: auto; padding: 5px; vertical-align: baseline; width: 600px;"><span style="font-family: Courier;"><span style="font-size: 11.818181991577148px; line-height: 13.991477012634277px;">body {
background-color: #343434;
}
</style>
<link href="stil dosyam.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="sayfa">
<div id="logo"><img src="logo.jpg" width="1000" height="80" /></div>
<div id="renkicin">
<div id="menu">
<ul class='dd_menu'>
<li><a href='ANASAYFA.html'>Anasayfa</a> </li>
<li><a href='HOBİLERİM.html'>Hobilerim</a> </li>
<li><a href='SOSYALMEDYA.html'>Sosyal Medya</a>
<ul>
<li><a href=''>Twitter</a></li>
<li><a href=''>Facebook</a></li>
</ul>
</li>
<li><a href='İLETİŞİM.html'>İletişim</a> </li>
</ul>
</div>
</div>
<div class="icerik">
<div id="sagilk">
<div id="ilk"><img src="Untitled-1.png" width="170" height="100" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="poly" coords="146,96,149,95" href="#" />
<area shape="rect" coords="26,4,153,96" href="http://blogderslerim.blogspot.com/" />
</map>
</div>
<div id="orta"><a href="http://blogderslerim.blogspot.com/"><img src="SON.png" width="170" height="100" border="0" usemap="#Map2" /></a>
<map name="Map2" id="Map2">
<area shape="rect" coords="66,16,141,71" href="http://sporyazisi.blogspot.com/" target="_blank" />
<area shape="rect" coords="1,9,151,98" href="#" />
</map>
</div>
<div id="alt"><img src="ORTA.png" width="170" height="100" border="0" usemap="#Map3" />
<map name="Map3" id="Map3">
<area shape="rect" coords="55,28,150,78" href="ANASAYFA.html" target="_blank" />
</map>
</div>
</div>
<div class="solsidebar"><img src="SOLSİDEBAR.jpg" width="150" height="450" /></div>
<div id="icerikrenk">
<div id="resimalan">
<p><img src="manzara.gif" width="460" height="360" /></p>
<p>&nbsp;</p>
</div>
</div>
</div>
<div id="footer"><a href="#">ANASAYFA | BLOG | İLETİŞİM</a>
<div id="footrenk"></div>
</div>
</div>
</body>
</html></span></span></pre>
<div style="color: #888888; font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: 12px; line-height: 14px;">
</div>
<div style="color: #888888; font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: 12px; line-height: 14px;">
CSS Kodları;</div>
</pre>
<pre style="background-color: whitesmoke; border-left-color: rgb(185, 211, 238); border-left-style: double; border-left-width: 6px; overflow: auto; padding: 5px; width: 100%;"><pre style="background-attachment: scroll; background-image: url(http://n1307.hizliresim.com/1c/8/q0rpl.gif); background-position: 0px -9px; border-color: rgb(172, 172, 172) rgb(172, 172, 172) rgb(172, 172, 172) rgb(185, 211, 238); border-style: solid solid solid double; border-width: 1px 1px 1px 6px; margin-bottom: 5px; margin-top: 5px; max-height: 200px; overflow: auto; padding: 5px; vertical-align: baseline; width: 600px;"><span style="font-family: Courier;"><span style="font-size: 11.818181991577148px; line-height: 13.991477012634277px;">#sayfa {
width: 1000px;
margin-right: auto;
margin-left: auto;
}
.icerik {
float: left;
height: auto;
width: 1000px;
}
#logo {
height: 80px;
width: 1000px;
margin-right: auto;
margin-left: auto;
}
#renkicin {
height: 60px;
width: 1000px;
background-color: #E99137;
}
#menu {
height: 50px;
width: 1000px;
margin-top: 10px;
background-color: #DDD;
}
#icerikrenk {
height: 430px;
width: 500px;
background-color: #111;
float: left;
margin-right: 20px;
margin-left: 65px;
margin-top: 10px;
}
#resimalan {
height: 360px;
width: 460px;
margin: 20px;
float: left;
color: #EEE;
}
#sagilk {
float: right;
height: 400px;
width: 200px;
margin-right: 25px;
margin-top: 10px;
}
#ilk {
height: 100px;
width: 170px;
margin-right: auto;
margin-left: auto;
margin-top: 25px;
background-color: #1e1e1d;
}
#orta {
height: 100px;
width: 170px;
margin-top: 25px;
margin-right: auto;
margin-left: auto;
background-color: #1e1e1d;
}
#alt {
height: 100px;
width: 170px;
margin-top: 25px;
margin-right: auto;
margin-left: auto;
background-color: #1e1e1d;
}
#footer {
height: 60px;
width: 550px;
margin-top: 10px;
background-color: #DDD;
padding-left: 450px;
padding-top: 40px;
float: left;
}
#footrenk {
height: 20px;
width: 1000px;
margin-left: -450px;
float: left;
margin-top: 21px;
background-color: #E99137;
}
.dd_menu {
padding:0px;
margin:0;
list-style-type:none;
height:30px;
background-color: #DDD;
}
.dd_menu li {
float:left;
height:30px;
border-right: solid 1px white;
}
.dd_menu li a {
display:block;
color:#fff;
text-decoration:none;
font:12px arial, verdana, sans-serif;
font-weight: bold;
padding-top: 9px;
padding-right: 20px;
padding-bottom: 9px;
padding-left: 20px;
}
.dd_menu li:hover a {text-decoration:underline;}
.dd_menu ul {position:absolute; left:-9999px; top:-9999px; list-style-type:none;}
.dd_menu li:hover {
position:relative;
background-color: #E99137;
}
.dd_menu li:hover ul {left:0px; top:30px; background:lavender; padding:3px; border:1px solid grey; width:160px;}
.dd_menu li:hover ul li a {height:18px; padding:0px; display:block; font-size:11px; width:158px; line-height:18px; text-indent:5px; color:#444; background-color:lavender; text-decoration:none; border:1px solid transparent;}
.solsidebar {
float: left;
height: 450px;
width: 150px;
margin-left: 10px;
margin-top: 10px;
}</span></span></pre>
</pre>
Unknownnoreply@blogger.com23