Blogger Ve Wordpress Tema Arşivi

</head>

<style type='text/css'>
.about-article{
background-color:#f9f9f9;
padding-bottom:5px;
padding-left:20px;
font-size:11px;
}
.about-article input{
background-color:#ffffff;
}
</style>

<data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
&lt;div class=&quot;about-article&quot;&gt;<p>Bu yazıyı sitenizde/forumunuzda paylaşmak için aşağıdaki linkleri kullanabilirsiniz..</p>&lt;p class=&quot;noborder&quot;&gt;&lt;label for=&quot;aa-url&quot;&gt;URL:&lt;/label&gt;&lt;br /&gt;&lt;input size=&quot;80&quot; readonly=&quot;readonly&quot; onclick=&quot;this.focus();this.select();&quot; type=&quot;text&quot; id=&quot;aa-url&quot; value=&quot;<data:post.url/>&quot; /&gt;&lt;/p&gt;&lt;p&gt;&lt;label for=&quot;aa-forum&quot;&gt;HTML Link:&lt;/label&gt;&lt;br /&gt;&lt;input size=&quot;80&quot; readonly=&quot;readonly&quot; onclick=&quot;this.focus();this.select();&quot; type=&quot;text&quot; id=&quot;aa-forum&quot; value=&quot;&lt;a href=&amp;quot;<data:post.url/>&amp;quot;&gt;<data:post.title/>&lt;/a&gt;&quot; /&gt;&lt;/p&gt;&lt;p&gt;
&lt;label for=&quot;aa-forum&quot;&gt;Forum Link:&lt;/label&gt;&lt;br /&gt;
&lt;input size=&quot;80&quot; readonly=&quot;readonly&quot; onclick=&quot;this.focus();this.select();&quot; type=&quot;text&quot; id=&quot;aa-forum&quot; value=&quot;[url=<data:post.url/>]/<data:post.title/>[/url]&quot; /&gt;&lt;/p&gt;
<p align='center'><a href='http://eklentileri.blogspot.com/' style='display:none;' target='_blank'>Blogger eklentileri</a></p>
&lt;/div&gt;<br/>
</b:if>

<div class="btnt-chronicl-social">
<ul>
<li><a class="rss" href="http://feeds.feedburner.com/chandeepsBlogTips">Rss ile takip edin</a></li>
<li><a class="twitter" href="https://twitter.com/chandeeban">Twitter ile takip edin</a></li>
<li><a class="facebook" href="https://www.facebook.com/blogtipsntricks">Facebook ile takip edin</a></li>
<li><a class="google" href="https://plus.google.com/u/0/b/101110372634917065358/">Google+ ile takip edin</a></li>
<li><a class="linkedin" href="http://in.linkedin.com/in/blogtipsntricks">LinkedIn ile takip edin</a></li>
<li><a class="youtube" href="http://www.youtube.com/user/chandeep10">YouTube ile takip edin</a></li>
</ul>
</div>
<style type='text/css'>
/*<![CDATA[*/ 
.btnt-chronicl-social {  width: 280px;  margin: -10px;  }
.btnt-chronicl-social ul {  margin: 0;  padding: 0;  }
.btnt-chronicl-social ul li {  list-style:none;   padding: 0; text-transform: none; }
.btnt-chronicl-social ul li a {   color: #fff;   display:block;  }
.btnt-chronicl-social ul li a:hover {  color: #c9c9c9;  background-color: #333;   }
.btnt-chronicl-social ul li .rss { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/RSS-1.png") no-repeat scroll 10px center #F87E12; background-size: 20px; padding: 17.5px 45px; }
.btnt-chronicl-social ul li .twitter { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Twitter.png") no-repeat scroll 10px center #4CACEE; background-size: 20px; padding: 17.5px 45px;}
.btnt-chronicl-social ul li .facebook { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Facebook-1.png") no-repeat scroll 10px center #3B5998; background-size: 20px; padding: 17.5px 45px; }
.btnt-chronicl-social ul li .google { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/google.png") no-repeat scroll 10px center #D44937; background-size: 20px; padding: 17.5px 45px; }
.btnt-chronicl-social ul li .linkedin { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/LinkedIn-1.png") no-repeat scroll 10px center #3692C3; background-size: 20px; padding: 17.5px 45px; }
.btnt-chronicl-social ul li .youtube { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Youtube-1.png") no-repeat scroll 10px center #C6312B; background-size: 20px;  padding: 17.5px 45px; }
/*]]>*/
</style>

Başarılı bir blog için elbette içerik çok önemli, blogcular da kaliteli içerik üretme konusunda gayret ediyorlar. Blogcu her ne kadar yazıyı özenle yazmaya hazır olsa da konu bulmakta sıkıntı çekebilir. Özellikle blog açıldıktan belli bir süre geçince konu bulma sıkıntısı kendisini gösterir. Ben de bu sorunu aşabilmek için yaratıcılığı tetikleyebilecek öneriler hazırladım, faydalı olması ümidi ile…

Çerçeveden Kurtulmak

Bir şey hakkında düşünürken hepimizin yaptığı hatalardan biridir bu. Yeni bir fikir, konu bulmaya çalışırız ama yeni hiçbir şey yapmayız, oturduğumuz yerde öylece oturur fikrin bize gelmesini gelmesini bekleriz. Başlıkta belirttiğim gibi çerçevenin içinde dolanır dururuz bu son derece zor bir yöntemdir onun yerine kendimiz fikre gitmeliyiz peki nasıl?

İşte yapabilecekleriniz;

Doğadan Yardım Almak: Kimi kahve kokusundan hoşlanır kimi meyve kokusundan kimisi ise çikolata kokusundan… Hoşunuza giden kokular düşünmenizi rahatlatacak ve başarılı bir fikre giden yolunuzu kısaltacaktır.

Dolaşmak: Bilgisayarınızı kapatıp dışarı çıkın ve gezin elbette bu gezme bir yere yetişmek için hızlı adımlarla yaptığınız “gezintiler” gibi olmamalı. Çevrenizde olan biten her şey size ilham verebilir yeter ki bakmasını bilin, alış veriş merkezlerinin tabelaları, insanlar, hayvanlar, reklamlar hepsi sizin yaratıcılığınızı arttırabilir.

Saçmalamak: Blogunuza yazacaklarınızı değil de yazamayacaklarınızı düşünün örneğin bloğuma neler yazamam diye zihninizde listeleyin ve bu listeli oldukça uzun tutun.(Teknoloji içerikli bloğuma Malezya tarihi ilgili yazılar yazamam vs.) Bu hem yaratıcılığınızı arttıracak hem de yazacak konu bulmanızı kolaylaştıracaktır.

Spor: Büyük bir ihtimalle yatkın olduğunuz bir spor mutlaka vardır. Spor yaptığınızda vücudunuz çalışacaktır, bu da sizi zihinsel anlamda biraz daha rahatlatır. Daha kolay düşünebilirsiniz, hatta spor yaparken de aklınıza birden güzel bir fikir gelmesi oldukça muhtemel.

Diğer Bloglar: Tabii ki alıntı veya kopya yapın demiyoruz sadece kaliteli bloglara web sitelerine bir göz atın (bu web sitelerinin blogunuzla ilgili konularda olması sizin için bir artıdır). Bu tür web sitelerini yer imlerinize ekleyin ve belli aralıklarla kontrol edin.

Müzik: Yaratıcılığınızı arttırması için dinleyeceğiniz müzik de daha önce dinlediklerinizden farklı olmalı. Çeşitli internet siteleri rastgele müzik dinlemenize imkan sağlıyor buraları veya radyoyu kullanarak değişik şarkılar dinleyip ilham alabilirsiniz. Yukarıdaki yöntemlere ek olarak YouTube’da rastgele bir ülkenin müziği yazarak da deneyebilirsiniz örneğin: “Italian music” , “German music” gibi.

Yazar Hakkında: Akif Ulutaş Akifulutas Com bloğunun sahibidir. İnternet dünyasındaki yenilikleri incelemeyi çok sever. Bloğunda ilgi çekici makalelere ve mizahi yazılara yer verir. Bloguna düzenli olarak yazma konusunda titizdir.

Facebook’ta bir takipçim “Blog başlıklarında Google Web Fonts’u nasıl kullanabilirim?” diye sormuştu.Onun vesilesiyle bir çok kişinin işine yarayacak bu konuya değinmek istedim.

Öncelikle Google Web Fonts’un ne olduğundan bahsedeyim.Google Web Fonts; blogunuzdaki yazı başlıklarında, sidebar başlıklarında, yazı içeriğinde veya sizin belirleyeceğinizde her hangi bir yerdeki bir metin için kullanılan standart fontların yani yazı tiplernin yerine özel fontları kullanmanızı sağlayan ücretsiz bir Google servisidir.

Şimdi adım adım Google fontlarını kullanmaya geçelim.

1.Adım: Google Web Fonts sitesine giderek kullanmak istediğiniz fontu seçin.Fontu eçerken dikkat etmeniz gereken şey Türkçe karakterleri desteklemesidir.Preview Text kısmına türkçe karakter içeren bir metin yazarak, o fontun türkçe karakterleri destekleyip desteklemediğini görebilirsiniz.Kullanmak istediğiniz fonta karar verdikten sonra o fontun köşesindeki Quick use yazısına tıklayın.

2. Adım: Açılan sayfada Add this code to your website diye bir bölüm göreceksiniz.Oradaki kodu şablona ekleyeceğiniz.Şimdi şablonda <head> kodunu bulun ve altına Google fontunun kodunu ekleyin.

Örneğin benim kullanacağım fontun kodu şu:

<link href='http://fonts.googleapis.com/css?family=Courgette' rel='stylesheet' type='text/css'>

!!! Önemli: Bu kodu şablonda <head> kodunun altına ekledikten sonra aşağıda kırmızı renkte gösterdiğim kapanış işaretini de ekliyorum.

<link href='http://fonts.googleapis.com/css?family=Courgette' rel='stylesheet' type='text/css'/>

3.Adım: Google web fontunun bulunduğu sayfada şöyle bir bölm var: Integrate the fonts into your CSS.Buradaki kod da önemli ve kullanacağımız bir kod.İsmi integrasyon kodu.Şimdi neredki fontları değiştirmek istediğimize karar vereceğiz.Örnek olarak ben standart Blogger şablonlarındaki yazı başlıklarını değiştireceğim.Bunun için şablonda ]]></b:skin> skin kodunu bulup hemen üstüne şu kodları ekliyorum:

h3.post-title {
integrasyon kodu

}

Örneğin benim kullandığım fontun integrasyon kodu font-family: 'Courgette', cursive; olduğu için kodu şıu şekilde düzenliyorum:

h3.post-title {
font-family: 'Courgette', cursive;
}

Ve Sonuç:

Standart Blogger şablonlarında kayıt içeriğindeki metnin fontunu da benzer şekilde değiştirebilirsiniz.Bunun için yine ]]></b:skin> kodunun üstüne şu kodları ekliyorum:

.post {
  font-family: 'Courgette', cursive;

}

Bu kodları eklediğimde ortaya çıkan sonuç ise şu:

Yazı içeriği için eklenen kod tüm temalarda aynıdır fakat yazı başlıkları için eklenen kod bazı temalarda farklı olabilir.

Yazının hemen başında şunu belirteyim; eğer Blogger kullanmaya yeni başladıysanız veya şablon kodlarıyla bugüne kadar haşır neşir olmadıysanız aşağıda yazdıklarımdan hiçbir şey anlamayabilirsiniz.

Eğer hiç bir şey anlamazsanız, dert etmenize hiç gerek yok.Bu yazıyı biraz daha ileri düzey kullanıcılar ve şablon kodlarıyla uğraşan kişiler için yazdım.

Koşullu Etiketler Nelerdir?

Bildiğiniz gibi Blogger şablonlarında XML progralama dili kullanılıyor.Koşullu etiketler de bu XML dilinin bir parçasıdır ve şablonun bazı bölümlerinin sizin belirleyeceğiniz şartlar altında görünmesini sağlar.

Aslında koşullu etiketler bir çok programla dilinde mevcuttur ve mantığı şudur:

Eğer şartlar XXX ise benim için YYY işlemini yap.Buradaki XXX koşuluu ve YYY işlemini kendimiz belirliyoruz.

Örneğin daha önce yayınladığım Bir Sidebar Öğesini Sadece Ana Sayfada Gösterme başlıklı yazıda koşullu etiketlerden faydalanmıştım.O yazıda kullandığım etiket koşullu etiketlerden sadece biriydi.Şimdi tüm koşullu etiketlerin kullanımı anlatacağım.

1. Sadece Ana Sayfada Göstermek

Bu koşullu etiketin anlamı şudur: Eğer ziyaretçi blogun ana sayfasında ise XXX işlemini göster.Kullanmanız gereken kod ise şu:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
………..XXX…….
</b:if>

2. Ana Sayfa Dışında Her Yerde Göstermek

Bu koşullu etiketin anlamı üsttekinin tam tersi.Eğer ziyaretçi blogun ana sayfasında ise XX işlemini gösterme ama onun dışındaki tüm sayfalarda XXX işlemini göster.Kullanmanız gereken kod ise şu:

<b:if cond='data:blog.url != data:blog.homepageUrl'>
…………XXX………….
</b:if>

3. Sadece Arşiv Sayfasında Göstermek

Bu etiket ile her hangi bir işlemi sadece blogunuzun arşivin sayfasında gösterilmesini sağlayablirsiniz.

<b:if cond='data:blog.pageType == &quot;archive&quot;'>
………….XXX…………..
</b:if>

4. Arşiv Sayfası Dışında Her Yerde Göstermek

Bu etiket ile her hangi bir işlemi arşiv sayfasındaki dışındaki tüm sayfalarda gösterebilirsiniz.

<b:if cond='data:blog.pageType != &quot;archive&quot;'>
………..XXX………..
</b:if>

5. Sadece Kayıt Sayfasında Göstermek

Bu etiket bir işlemin sadece kayıt sayfasında yani yazıyı okumak için başlığa tıkladıktan sonra açılan sayfada gösterilmesini sağlar.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
………….XXX………….
</b:if>

6. Kayıt Sayfası Dışında Her Yerde Göstermek

Bir eklentiyi ya da bir öğeyi tüm sayfalarda göstermek ancak kayıt asyfasına girildiğinde yok saymak istiyorsanız şu kodları kullanabilirsiniz:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
……….XXX………….
</b:if>

7. Sadece Sabit Sayfalarda Göstermek

Bir işlemi sadece Hakkımda, İletişim, Galeri, Portföy gibi oluşturduğunuz sabit sayfalarda göstermek için şu kodu kullanabilirsiniz:

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
………..XXX………..
</b:if>

8. Sabit Sayfalar Dışında Her Yerde Göstermek

Bir işlemin tüm sayfalarda gösterilmesini istiyor ancak sabit bir sayfaya girilde gösterilmesini istemiyorsanız şu kodu kullanın:

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
……….XXX…………
</b:if>

9. Sadece Belli Bir Sayfada Göstermek

Bu etiketin bir 7.maddedeki etiketten farkı şu:7. maddedeki etiket tüm sabit sayfaları kapsıyor.Bu etiken ise sadece tek bir sabit sayfa için.Örneğin; Bir işlemi sadece Hakkımda sayfamda göstermek istiyorsam (diğer sabit sayfalarda gösterilmeyecek) şu kodu kullanmalıyım:

<b:if cond='data:blog.url != &quot;http://bloghocam.blogspot.com/p/hakkmda.html&quot;'>
…………..XXX………….
</b:if>

10. Sadece Belli Bir Kategorideki Kayıtlarda Göstermek

Bu kodun çalışmantığı ise şöyle: Bir işlemi blogumda yayınladığım SEO kateggorisindeki yazıların hepsinde uygulamak istediğimi düşünün.Bunun için şu kodu kullanmalıyım:

<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;SEO&quot;'>
………….XXX…………
</b:if>
</b:loop>

Blogger’da bildiğim tüm şartlı etiketler bunlar.Şablon düzenlemenizde işinize yarayacağınızdan eminim.Şİmdi şartlı etiketleri kullandığımız yerlere bir örnek vereyim:

• Sosyal paylaşım kutularının kodlarını incelerseniz, bu kutuları kayıt sayfasına girldiğinde göstermek için 5.adımdaki kodlardan yararlandığımızı görürsünüz.

Blogger temalarında en sevilmeyen özelliklerden biri, yazıya eklenen resimlerin kenarında çıkan çerçeve ve gölge.Kimileri resme bir güzellik kattığını düşünebilir ama kullandığınız resim transparan bir resimse, bu çerçeve ve gölge yüzünden transparanlık özelliğini kaybederek sevimsiz bir arkaplan oluşuyor.

Bu yazıda, resimlerin kenarındaki çerçeve ve gölgeden nasıl kurtulacaınızı anlatacağım.Çözüm pratik ve kesin :)

Şablonunuzun HTML kodlarının olduğu pencereyi açın ve Ctrl+F tuşlarına basarak ]]></b:skin> kodunu bulun.Bu kodun hemen üstüne aşağıdaki kodları ekleyerek şablonu kaydedin.

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
  padding: none !important;
  border: none !important;
  background: none !important;
  -moz-box-shadow: 0px 0px 0px transparent !important;
  -webkit-box-shadow: 0px 0px 0px transparent !important;
  box-shadow: 0px 0px 0px transparent !important;
}

Çok kişi tarafından sorulduğu için blogda paylaşma itiyacı hissettim.Umarım birilerinin işine yaramıştır.

<h4 id='comment-post-message'><data:postCommentMsg/></h4>

Son zamanlarda bloglar arasında adeta bir çekliş yarışı var.ürü ne olursa olsun pek çok blogcu okuyucuları arasında çekiliş düzenleyerek ufak tefek bazı hediyeler dağıtıyor.Yazar ve okuyucu arasındaki bağı güçlendirdiği gibi blog promosyonu açısından çok etkili bir yönem çekilişleri siz de kendi blogunuzda düzenlemeyi düşünüyorsanız bu yazı size rehber olacaktır.

Ödülünüzü Belirleyin

İşe çekiliş sonucunda vereceğiniz ödül yada ödülleri belirleyerek başlamanızı öneririm.Çok pahalı ve sıradışı ödüller belrlemeniz gerekmez.Önemli olan okuyucularınızın ilgisini çekecek türde hediyler olmasıdır.Örneğin bir yemek blogu yazıyorsanız hediyeniz yemek kitabı veya bir teknoloji blogu yazıyorsanız hediyeniz bir flash disk olabilir.

Kuralları Belirleyin

İkinci olarak katılım nasıl olacağını belirleyin.Okuyucularınız çekilişe katılmak için ne yapmalı? Bu adımda dikkatli düşünün ve kurallara hedefiniz doğrultusunda karar verin.Örneğin hedefiniz Twitter’daki takipçi sayınızı arttırmaksa kurallarınız şunlar olabilir: “1. Twitter’da takipçi olmalı, 2. Çekilişi tweetlemeli.” Veya backlink ya da trafik kazanmak istiyorsanız çekilişe katılmak için şu kuralları koyabilirsiniz: “1.Çekiliş hakkında yazı yazmak, 2. Yazının linkine yorum olarak bırakmak.”

Çekilişinizi Duyurun

Özenli bir post hazırlayarak yapacağınız çekilişi okuyucularınıza duyurmalısınız.Postunuzda katılım şartlarını ve ödülleri net bir şekilde belirtilmelisiniz.Katılımı arttırmak için sosyal medyada da çekilişin duyurusunu yapabilir, çeşitli forumlarda paylaşabilir, diğer blogcu arkadaşlarınızdan duyuru konusunda yardım isteyebilirsiniz.

Çekilişi Yapın

Katılımcıları belirledikten sonra sıra çekilişi yapmaya geldi.Bu noktada bize Random.org sitesinin List Randomizer aracı yardım edecek.Bu araçtaki kutuya katılımcıların isimlerini yazdıktan sonra alt taraftaki Randomize butonuna basın.Araç rastgele bir sıralama yapıp sonuçları ekrana yansıtacaktır.

Sonuç

Çekilişin sonucunu blogunuzda paylaşırken çekiliş sonuç ekranın ekran görüntüsünü fotoğrav veya video olarak kaydederek sonuç duyuru postunuza mutlaka ekleyin ki insanların kafasında bir soru işareti kalmasın.

Söz Sizde

Ben bugüne kadar Blog Hocam’da çekiliş yapmadım ama bu yazıyı okuyan blogcular arasında çekiliş yapmış onlarca kişi olduğundan eminim.Bu kişiler deneyimlerini ve önerilerini benimle paylaşırsa sevinirim.

İletişim formu veya sosyal medya aracılığıyla sık sorulan soruların cevaplarını blogda vermeye devam ediyorum, edeceğim de.Bu şekilde hem konu sıkıntısı çekmiyorum, hem de insanların ortak problemlerini çözüyorum.

En çok sorulan şeyler den biri de bblogun sidebarına resimlerden kategori bölümü yapmak.Temel HTML bilgisi ile kolayca yapılabilecek bir işlem olduğunu bildiğim için bugüne kadar blogda yazmamıştım ama son zamanlarda aynı soru 4-5 kişi tarafından sorulunca detaylı bir şekilde anlatmak istedim.

Öncelikle daha iyi anlamanız için yapmak istediğimiz şeyin görüntüsünü paylaşayım.

Şimdi sıfırdan bu çalışmayı nasıl yapacağımızı anlatacağım.Öncelikle ihtiyacımız olan şey her kategoriye birer ait resim.Google görsel arama veya başka kaynaklardan faydalanarak her kategoriye ait bir resim bilgisayarınıza kaydedin.Örneğin ben blog makaleleri kategorisinde kullanmak için şu resmi buldum.

İkinci adımda bu resmi sidebarda kullanmak için yeniden boyutlandıracağız ve zerine katogurinin ismini yazacağız.Ben bu işlem için Gimp programını kullanıyorum ama bu örnekte herkesin yapabilmesi için PicMonkey isimli online aracı kullanacağım.

http://www.picmonkey.com/ sitesine gidip Edit a photo butonuna basın ve katgeori olarak kullanacağınız resmi açın ve düzenlemeye başlayın.Yapacağımız işlemler:

• Resize seçeneği ile resmi yeniden boyutlandrın (125x125).
• Effects seçeneği ile resme istediğiniz bir efekti uygulayın (Soften).
• Text seçeneği ile resmin üzerine kategori adını yazın (Blog Makaleleri).
• Rounded Corners seçeneği ile resmin kenarlarını oval yapın ve resmi kaydedin.

Ortaya çıkan sonuç şu:

Diğer kategorileriniz için de aynı şekilde resimleri düzenleyip tümm grafiklerinizi oluşturduktan sonra sıra bunlara alt alta sıralayıp kategorilere bağlantı vermeye geliyor.Bunun için temel HTML kodları işimizi görecek.

Örnek olsun diye Blog temelleri ve Blog araçları kategorileri için de grafiklerimi aynı yöntemle oluşturdum.

Önce oluşturduğum bu resimleri bir yere upload etmem gerekiyor.Bunun için de Google hesabımızla kullanabildiğimiz Picasa Web Albümlerini tercih ediyorum.Oluşturduğunuz bu resimleri Picasa Web albümlerine yükledikten sonra Blogger kumanda paneline gidip HTML/JavaScript olarak aşağıdaki kodları ekleyin:

<p><a href="http://bloghocam.blogspot.com/search/label/Blog%20Ara%C3%A7lar%C4%B1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX8qgoShIVuVTKPH2Ko89tHiBF6e-QB9uzSl8qIEQ62-BOKi8fudd9ZR0ziZPE3S4KCmAQK7udLKFKKK7RIwdtMgLKAmsiwt4xY6xOrLyi1-Ut3PjKNN0wMcU_KTzX3VWUH4SjUfmmdoI/s125/ba.png" /></a></p>

<p><a href="http://bloghocam.blogspot.com/search/label/Blog%20Makaleleri"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmm71BNPjWi7Q8y8oAFCN-IOwu4AJ5EOkNAH2StTyMsVwFczBU9MxOkvB5d0vu8X9CQirybc-0TevUAD03Xt0eN8EkZ5TexjM3M-ZbAQr3vggl-WGt0Mz04pq0eQI2iB0PktD1cCG1KlI/s125/bm.png" /></a></p>

<p><a href="http://bloghocam.blogspot.com/search/label/Blog%20Temelleri"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtkRYo0WKrhWnSprWCwjShTjEclV6b8_GO4BQrZQ03ZkIxJBX458d-eY1m4eKKFwsOrJ_VAvX0HML6cEt30nz6h2MMb4zLn91qc5nzOuEAp_kaLBRPs4CKBjNdgosIj13vJV-WnbCuJG0/s125/bt.png" /></a></p>

Yeni kategoriler eklerken yardımcı olması için kodların anlamlarında biraz bahsedeyim.Her kategoriye ait kod şu şekildedir:

<p><a href="Kategorinin URL’si"><img src="Resmin URL’si” /></a></p>

Elimden geldiğince basitleştirerek anlatmaya çalıştım ama kafanıza takılan bir yer olursa yorum bölümünden yazabilirsiniz.