K44 WHITE TEMASI

herhangi bir genel bir konu, sanat, iş, eğlence, moda hakkında bloglar için mükemmel bir şablon, kendi tasarım, müzik, fotoğraf veya kişisel portföy sitesi oluşturmak için bir üs olarak kullanmak için.

DEMO                            İNDİR

Blogumun Hangi Sitelerle Bağlayabilirim ve Hitimi Nasıl Arttırabilirim

Merhaba arkadaşlar,
bir çoğunuzun sitesi veya blogu var.Ve aklınıza zamanla makaleler gelir ve bu durumu yayınlamak istersiniz.Ve birçok ziyaretçiye ulaşmanız lazım makaleler güzel olursa o blogun veya sitenin gelirleri de çok olur.

Aklınıza gelenleri unutmadan hemen bir not defterine not alınız.Belki de düşünceleriniz sayesinde bile kariyeriniz olabilir.Blog hep herkesçe olan bir durumu paylaşmak değildir bunu anılarınızıda dökebilirsiniz ama ayrıntılara yer vermeden bilgilerinizi vermemelisiniz.

Neyse konumuza dönelim blogunuzda herşey tam ve ziyaretçi çekmek lazım ve hangi sitelerle çalışmalıyım gibi konuya yer vereceğiz.

Blogunuz eğer hitiniz ve ben bunu geliştiririm derseniz domain alınız.Sonra sitenizle ilgili yazılar yazmaya başlayınca ve blog için giderleriniz oluyorsa reklam şirketlerine başvurabilirsiniz.Hatta hitiniz ve tanındık site olursa reklam verenler sizi bulurlar ve görüşlerinizi alırlar anlaşma yapabilirsiniz.

Yalnız blogunuz da 3 ten fazla reklam olması ziyaretçilerinizi kaybetmenize neden olabilir.Temel bir site olmamalıdır sade ve tema bakımında fazla renk içermemelidir.

Sosyal medya , dünya da neredeyse tamamı sosyal medyaları kullanırlar facebook , twitter , instagram , google plus gibi bir çok sosyal medyada ünlüler bile var peki sizin blogunuz veya siteniz neden olmasın özellikle arkadaşlarınızlar birlikte yönetiyorsanız arada bir kaçamak yapıp bugün yine eğlendik diyip hayranlarınızı kendinizi sevginizi arttırabilirsiniz.

Kampanya veya çekiliş gelirinizin bir kısmını ziyaretçileriniz için birşeyler alıp çekiliş yapıp onlara gönderebilirsiniz.Bu sayede hem tanımayan kişiler sizi tanır ve tanıttırabilirler.

Hatta sitenizi başka tanıdığınız sitelerle görüşüp hitinizi yükseltebilirsiniz.Unutmayın hayaliniz genişleyebilir.Ve amacınıza ulaşabilirsiniz.


Okuduğunuz için teşekkür ederim...

3 Yayın Arasında Boşluk Hatası

Merhaba arkadaşlar blogger da 3 yayın arası boşluk var aslında bu hata değil sizin önceden yapmış ve kaçırmış olduğunuz hatadır.Çözümü % 100 oldu ve sadece bizim bloggerımızda paylaşıyoruz.

Her neyse çözümü çok basit arkadaşlar blogunuzda adsense ye başvurup kazanç kısmından birisine dokunduysanız ve açık hale getirmişseniz çözüm burada yani kısacası aşağıdaki adımı uyguladığınızda olacaktır.

• Blogger Panelimizi Açalım.
• Yerleşim sayfasına tıklayalım.
• Main bölgesinde blog kayıtlarına düzenle seçeneği ile devam ediyoruz.
• Kayıtlar Arasında Reklam Göster Seçeneğini kaldırınız.

Sorunumuz çözülmüştür.İyi Günler..

BLOGSPOT HTTPS GÜNCELLEMESİ GECİKTİ

Merakla beklediğimiz Blogger'ın HTTPS güncellemesi öyle sanıyorum ki gecikmiş durumda.

Yukarıda gördüğünüz ileti blogger kontrol panelimizde dikkatinizi çekmiştir.Bir süredir ''nisan ayının sonunda HTTPS sürümü sizlerle'' diye uyarısı halen durmaktadır.Bu gün itibarı ile mayıs ayına girdik ama halen beklenen güncelleme gerçekleşmedi. Herhalde biraz rotar yapacakmış gibi görünüyor
ne dersiniz :)

Mansetli Blogger Teması

blogger teması

Blogger teması indir

merhaba arkadaslar bugunku videomuzda mansetli bir blogger teması kurulumunu ve ayarlarını yapıcaz detaylı bilgi ve indirme linkleri videoda anlatılmıstır iyi seyirler....

Powered by Blogger YAZISI Kaldırma (Atıf)

Blogspot uzantılı blogların footer kısmında duran "Powered by Blogger" yazısını sanırım bilirsiniz.
Bu yazının (atıfın) nasıl kaldırılacağını merak edenler olmuştur haliyle.

Powered by blogger

Eğer blogger atıfı kaldırmak isterseniz şu adımları takip edin.
Kontrol paneli, şablon, HTML'yi düzenle bağlamından site kodlarının olduğu bölüme gelin.
Aşağıdaki kodu ctrl+f ile bulun.

]]></b:skin>

Bu kodun üzerine alttaki kodu ekleyip şablonu kaydedin.

#Attribution1 { 
height:0px; 
visibility:hidden; 
display:none 
}

Artık blog'da o yazıdan kutuldunuz. Sağlıcakla...

HREFLANG ETİKETİ KULLANIMI

Hreflang etiketi ile sitenizin hangi dilde yayın yaptığını Google arama motoruna bildirin.
Hreflang etiketi nedir? Neye yarıyor?

Bu etiket sitenizin hangi dilde yayın yaptığını ve hangi coğrafi bölgeye ait olduğunu göstermek için kullanılıyor. Yani sitemizin Türkçe mi?, İngilizce mi?, İspanyolca mı? hangi ana dil ile yayın yaptığını Google motoruna bildiririz.
Aklınıza hreflang etiketini nasıl kullanacağız? şablonda nereye ekleyeceğiz? sorusu gelebilir.

Hreflang etiketi kullanımı

Şablonda <head> etiketini bulup altına aşağıdaki hreflang etiketini ekleyeceğiz.
Eklemeniz gereken kod şu şekilde olmalıdır.

<link href='SİTENİZİNLİNKİ.COM/' hreflang='tr' rel='alternate'/>
Burada tr sitenin Türkçe olduğunu gösterir.

Hreflang etiketi hakkında detaylar için buradan
Esenlikler dilerim.

Blogunuzda Dikkat Etmeniz Gereken Reklam Düzenlemeleri

Merhaba Arkadaşlar ,
Blogunuz sizin için sanki her gün kendinizin yaptığınız günlük bakım gibidir.Günde 2-3 kere mutlaka giriyorsunuzdur ama bu blogger bir şeyleri gereksiz yapmaktan kurtarmalısınız ben bir çok site gördüm reklamlarla sayfayı donatmışlar yani adamlar para kazanmak için ziyaretçilerini kaybediyor.
Her neyse bugün Google reklamları olan Adsense ' ten bahsedelim.

Bazı arkadaşlarımız ana sayfaya 2 tane adsense reklamı birde kayıtlarda reklam içinde 2 tane reklam yapıyorlar toplamda kayıt sayfalarında 4 tane reklam gözüküyor bu da Google ' a hoş gözükmüyor ama haklılar boş yere para vermek kimse istemez..

Özellikle televizyon sayfalarında bu reklamlar can sıkıyor.Bir çok arkadaşımızda sizce nasıl yapmalıyız diye soruyorlar kayıt içine 1 tane reklam koymalısınız yanlara da 2 tane ama yanlar doluysa çok o zaman kayıt içine 2 yana 1 tane reklam koyunuz.Sitenizde sadelik ön planda olsun.

Fazla karışık olursa ziyaretçileriniz nereye gideceğini bilmez bu yüzden sitenizin görünümüne farklı açılardan bakın.Google Adsense ' te hangi reklamlar daha fazla para kazandırır.Bu soruda ise yeni reklam birimine tıklayınca altta önerilen reklam panosunda vardır.Ve bunları belirli bir yere koymalısınız.






Umarım Sizlere Yardımcı Olmuştur.Yayınla İlgili Sorularınızı Yoruma Yazabilirsiniz!

Blogum İçin Hangi Sosyal Medya Ağlarını Mutlaka Kullanmalıyım ?

Merhaba Arkadaşlar ,


Bugün sizlere bloggerla ile ilgili bir ip ucu ve faydalı bilgi vermek için bu makaleyi yazmış bulunmaktayız.Blogunuzu daha da yükseltmek ve trafiğinizi artırmaya yarayan bu makalemizde sizin için çok kolay ve eğlenceli bir yolu anlatacağız.Mutlaka ve günümüzde de zaten
  Facebook   kullanmayan yoktur.Hele ki bir siteniz varsa bunun için mutlaka facebook'unuz olmalıdır.Sosyal Medyada Sitenizin ziyaretçilerinizi çekmek için en iyi bir yöntemdir.

Her neyse gelelim Blogunuz İçin Mutlaka Gereken Sosyal Medya Ağları ;

•   Facebook   bu bağlantıyı tıklayarak bir facebook hesabı açabilirsiniz.
•   Twitter   bu bağlantıyı tıklayarak bir hesap açabilirsiniz.
•   Instagram   bu bağlantıya tıklayarak hesap açabilirsiniz.(Fotoğraflarınızı Paylaşmak İçin İyi Bir Site)
•   Google Plus   kısaca oturum aça tıklayıp yeni bir hesap oluşturunuz adlı butona tıklayın.
•   YouTube   bağlantıya tıklayıp kendi kanalınızı oluşturun videolar çekerek para da kazanabilirsiniz.

Bu ağlar popüler ortamda etkisini almıştır herkes mutlaka günde bir kaç kere giriyorlar.Ziyaretçileriniz Her Yerde Olabilir Onları Yakalayın!

Umarım güzel bulmuşunuzdur Sorunuz varsa yorum kutusuna yazabilirsiniz.

Blogger Özel Şablon Tasarımında Yapılan Arka Planın Görünmeme Sorunu

Blogger kumanda peneli arka plan resmi ön izleme bölümünde görülüyor, ana sayfada görülmüyor sorununun çözümü. Blogger TR uzantısına geçtiği dönemden itibaren başlayan sorunlardan biride, arka plan resminin ön izleme bölümünde çalıştığı halde ana sayfada görülmemesidir. Blogger arka plan resimlerini çok farklı yöntemler ile eklememiz mümkün. Ancak biz çok kolay bir yöntem ile arka plan için seçtiğimiz resimlerimizin çalışmasını sağlayacağız. Klasik ve Dinamik Blogger üzerinde yaptığım testler sonucunda arka plan resimleri çalıştı. Blogger için arka plan resimlerini çalıştırmak için yapmanız gereken işlemleri aşağıda inceleyelerek sizde çok basit şekilde sorununuzu çözebilirsiniz.





1. Blogger kumanda paneline giriş yapın.

2. Şablon → Özelleştir→ Araka plan resim seçiminizi yapın ve blogu kaydedin.

3. Bloga dön sekmesine tıklayarak kumanda paneline dönün.

4. Şablon Htm’düzenle ile şablon kodlarını açın.

5. Aşağıda gördüğünüz resim üzerinde b:sikin ile başlayan sol kısımdaki ok işaretine tıklayın, açılan sayfada bir ok daha göreceksiniz.Ok işaretine tekrar tıklayın. Kodların genişlediğini görmüş olmanız gerekir.

6. Kodları biraz aşağıya kaydırın ve şu kodlara benzer kodu bulun.

<Variable name="body.background" Bu kod içinde aşağıdaki gibi bir kod göreceksiniz.

url(//themes.googleusercontent.com/image?id=0BwVBOzw_-hbMOGFhZWQ3YjgtZGZiZC00ODlhLWFkNmQtMzRmZmQzMjAxNTY0)

(url(//themes) yazan kısmın başına ( http:) yazın ve blogu kaydedin. Yaptığınız işlemin sonucunda kodlar aşağıdaki gibi olacaktır.

url(http://themes.

NOT: Http olarak çalışmadığında lütfen birde Https olarak deneyin !

BU YÖNTEMLERLE ÇÖZÜLMEZSE KESİN ÇÖZÜM



Yukardaki yöntemlerle çözülmezse muhtemelen resmi görmüyor demektir. Öncelikle arka plan resminizi bloggera yükleyin. (yada başka bir resim yükleme sitesine.) Sonra resminizin adresini kopyalayın. Bu resim adresi .jpg gibi resim adresi ile bitmeli. Örneğin: http://www.site.com/image/resim1.jpg Bu resim adresini yukardaki örnekteki anlatılan (http eklediğimiz) parantez içine yapıştıracağız. Yani parantezin içini olduğu gibi silip resim adresini buraya yapıştıracağız. Bu teknik denendi ve sorun kesin olarak çözüldü...

Blogumun Konusunu Nasıl Seçmeliyim?

En çok sorulan sorulardan bir tanesi olan "Blogumun Konusunu Nasıl Seçmeliyim?"  sorusuydu bizde bunu bu yayınımızda anlattık.

Blogger sizin günlüğünüz gibi özgün olmalıdır.Blogger'ınızı açmadan önce ana konusunu belirlemelisiniz.Ana konusu mesela teknoloji , spor , ekonomi vb. gibi konularda açabilirsiniz.Konuyu seçerken bildiğiniz konuyu seçmeniz her zaman önemlidir.
Blogger'ın konusuna göre site temanız uygun olmalıdır.Temanızda en fazla 7-8 renk olmalıdır.Bunu söylememizin nedeni karşıt renkler seçerseniz ziyaretçilerinizin pek dikkatini çekmez ve ziyaretçiler sitenize bir daha girmeyi bile istemez.
Konunuzun üzerinden çıkmamalısınız her zaman araştırmanız gerekir ve konunuzun üzerinden çıkarsanız ziyaretçileriniz azalır.Neredeyse bütün bloggerlar yapmaktadır bunun nedeni daha fazla yayın yazamamalarıdır.

Aynı zamanda sitenize en fazla 4-5 adet reklam barındırın.Reklamların sıklığıyla da ziyaretçileriniz aradığı konuyu bulamaz ve ziyaretçilerinizi kaybedersiniz.

Sitenizde özellikle sosyal medyadan faydalanmalısınız.Sitenize uygun bir sayfa açıp özetlerini ve kayıt bağlantınızı paylaşırsanız ziyaretçileriniz artar.

Umarım Yararlı Olmuştur..

Blogger En Çok Yorum Alan Yazılar Eklentisi

   Merhabalar. Bugün sizlerle Blogger'da En Çok Yorum Alan Yazılar eklentisini paylaşmak istedim. 

Bu eklenti sizin ve ziyaretçilerinizin çok işine yarayacaktır. Neyse anlatıma geçeyim.

Blogunuza En Çok Yorum Alan Yazılar eklentisini eklemek için Yerleşim>Gadget Ekle> HTML / Javascript seçeneğini seçiyoruz. Ve karşımıza çıkan ekrana aşağıdaki kodları yapıştırıp kaydediyoruz.

<!-- Kolay Web Tasarım En Çok Yorum Alan Yazılar Eklentisi --> 



<script type="text/javascript"> 



function getYpipePP(feed) { 



document.write('<ol style="color:#c00000">'); 



var i; 



for (i = 0; i < feed.count ; i++) 



{ 



var href = "'" + feed.value.items[i].link + "'"; 



var pTitle = feed.value.items[i].title; 



var pComment = " \(" + feed.value.items[i].commentcount + "\)"; 



var pList = "<li>" + "<a href="+ href + '" target="_blank">' + pTitle; 



document.write(pList); 



 document.write(pComment); document.write('</a></li>'); 



} 



document.write('</ol>'); 



} 



</script> 



<script src="http://pipes.yahoo.com/pipes/pipe.run? 



YourBlogUrl=http://kolaywebtasarim.blogspot.com/ 



&ShowHowMany=10 



&_id=390e906036f48772b2ed4b5d837af4cd 



&_callback=getYpipePP 



&_render=json" 



type="text/javascript"></script> 



<!-- Kolay Web Tasarım En Çok Yorum Alan Yazılar Eklentisi –>

Kodumuzda değiştireceğiniz yerleri Yeşil renk ile gösterdim.







kolaywebtasarim.blogspot.com yerine kendi blog adresinizi yazın. Kodların çalışıp çalışmadığını üst menümüzdeki Kod Deneme'ye tıklayarak kod deneme editöründen inceleyebilirsiniz.

İyi bloglar. 

Blogger Resimli Son Yazılar Eklentisi

Merhabalar. Bugün sizlere Etikete Özel Resimli Son Yazılar Eklentisi 'ni sunmak istedim. Zaten bazı bloglarda bu eklentiyi görmüşsünüzdür. Herneyse anlatıma geçeyim.

Bu eklentimizi eklemek için ; Yerleşim>Gadget Ekle>HTML / Javascript 'i seçip önümüze gelen pencereye aşşağıda vermiş olduğum kodları ekliyeceksiniz.

<link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/u/60346665/bh-son-yazilar-css.css" />  <script src="https://dl.dropboxusercontent.com/u/60346665/bh-son-yazilar.js"></script>  <script type='text/javascript'>var numposts = 5;var showpostthumbnails = true;vardisplaymore = false;var displayseparator = true;var showcommentnum = false;varshowpostdate = false;var showpostsummary = true;var numchars = 100;</script>   <script type="text/javascript" src="http://kolaywebtasarimblogspot.com/feeds/posts/default/-/blogger?published&alt=json-in-script&callback=labelthumbs"></script>

Düzenleyeceğiniz yerler ;

• numpost = Kaç yane yazı görüntülenmesini istiyordanız rakam girin. ( En fazla 25 )


• showpostthumbnails = Resimleri göstermek istiyorsanız true yazın , kapatmak için ise false yazabilirsiniz.


• displaymore = “Devamını Gör” eklentisini gösterir. Açmak için false yerine true yazabilirsiniz.


• showpostdate =Yazı tarihini görmek istiyorsanız ture , görmek istemiyorsanız false yazabilirsiniz.


• showpostsummary = Yazının diğer kısmıni görmenizi sağlar. Açmak için true , kapatmak için false yazın.


• numchars = Eğer yazının bir kısmını görüntüleme açıksa ilk kaç karakterin gösterileceğini belirler.


• kolaywebtasarim.blogspot.com = Buraya kendi blog adresinizi yazın.


• BLOGGER = Buraya Misafir Blog yerine istediğiniz etiketi yazabilirsiniz.

   Arkadaşlar kodların içerisinde Yeşil Renk ile göstermiş olduğum yerleri Düenleyeceğiniz Yerler kısmından ne yapmanız gerekiyorsa bakarak kendinize göre düzenleyebilirsiniz.

Eklenti ile ilgili sorularınız ve sorunlarınız varsa yorum bırakabilirsiniz.

Siteniz İçin Adobe Programlarını Kullanın!

Biz bir çok içeriğimizi  ADOBE  ' nin programlarıyla yapıyoruz.Adobe dünya genelinde en çok tercih edilen yazılımları yazan firmadır.Biz en çok genelde kullandığımız programları biraz tahmin edebiliyorsunuzdur.Adobe bizim açımızdan güzel ve kaliteli yazılım programlarıdır.





Gerekli Olan Adobe Programları :

1. Adobe Dreamweaver : HTML kodlarını burada derleyip sizin hizmetinize sunduğumuz yayınların kodlarını oluşturuyoruz.
2. Adobe Flash Player : Bu programda reklam bannerları yapılmaktadır biz kullanıyoruz ama depolayacak ve paylaşacak siteler az olduğundan bıraktık o yöntemi , ama bir yandan da cep telefonu uygulaması yapabilirsiniz.
3. Adobe PhotoShop : Adobe'nin bu ürününü kullanmadık ama yakında kullanmaya başlayacağız.Resim düzenleme ve montaj programıdır.
4. Adobe Premier Pro : Adobe'nin bu ürününü de kullanmadık ama yakında kullanımına başlayacağız.
5. Adobe Photoshop Lightroom : Adobe'nin Fotoğraf Düzenleyici Programları hiç kullanmadık.

Bizim Açımızdan Diğer Yazılımlarından Bazılarını Kullandık Ama Bu Listelediğimiz Adobe Programları Blogger İçin Gerekli Olanlardır.

  ADOBE  'nin diğer yazılımlarına bakmak için resmi sitesine gitmeniz gekermektedir.

ADOBE PROGRAM LOGOLARI

Blogunuz İzleniminiz Yok Mu?

En çok sorulardan birisi blogumun izlenimi yok nasıl çoğaltabilirim.Aslında kategorinizi uygun olanını yapınız mesela sporla ilgili blogsa Facebook'tan spor sayfalarının yorumlarına yazınız.








Sitenizin Hitinizi Artıracak 10 Yol :

1. Blog yayıncılarıyla dostluk kurun ve onlara vede onlar size konu alıntılarınızı ve yayınlarınızı kendi sitenizide tanıtarak gönderiniz.
2. Google Adwords'a reklam veriniz.Tek Google Adwords değil facebook'a ve normal hiti yüksek olan sitelerede veriniz.
3. İlginç konularla blogunuzu donatın.
4. Sosyal Medya Hesaplarınızı Kullanın.
5. Google ' da arama yaparak blogları ziyaret ediniz tek bloglar değil domain alan sitelerede göz atın mutlaka işinize yarayabilen konular vardır mesela hiç kimse bir konuyu yapamıyorsa kendinizi geliştirin uzman olmaya çalışınız.
6. Blogger'ınızı domainini yükseltiniz böylece Google ' da aramalarda 1. Sıraya Yükseltin.
7. Kendi site tasarımlarınızı yaparak sitenize koyunuz.(Bir aralar BTemplates'ta temalar yapıp sattık.)
8. Kendi jenerik müziklerinizi yaratıp YouTube kanalınıza koyunuz gerçekten işinize yarayacaktır.İzleyenlerin kulağına hoş müziklerinizi seçiniz.
9. Herşeyi kendiniz yapın kopyalama yapmayınız.Mesela video introları kendiniz programlardan yapınız.
10. Ekibinizi kurunuz herşey tek başınıza olunmaz yapamazsınız çok zor olucaktır en az 6-8 kişi ve ya arkadaşlarınıza söyleyiniz mutlaka ilgilenecek kişiler vardır.

Sitene Benzer Yazılar Ekle

Merhaba Arkadaşlar ,

Bir çok arkadaşımız iletişimden bize benzer yazılar eklentisini sitenizde paylaşır mısınız yazıyordu.Bir çok temalarda bazı kodlar bulunmuyor eğer bize iletişimden ulaşırsanız bize gönderebilirsiniz.
Her neyse biz konumuza dönelim.

Blogunuzun ziyaretçi trafiğini artırmak ve alexa değerlerinizi düşürmek için, bloğunuza bir şekilde ulaşmış ziyaretçileri sitenizin daimi okuyucusu haline getirmeli ve onların ziyaretleri sırasında bloğunuzda uzun süreli kalmalarını sağlamalısınız. Ziyaretçilerinizin blogunuzda uzun süreli kalmaları da elbette yazınızın kaliteli bir içeriğe sahip olmasını gerektirdiği gibi benzer yazıları işaret ederek onlara da ulaşmasını sağlamakla da mümkün olmaktadır. Bu yüzden yazımızda site içi link yerleşimini yapmalı ve yazı sonlarında okuyucularımız sitemizi terk etmeden görmesi için ilgili yazılar eklentisi muhakkak yer almalı. Bu yüzden bu yazımda bloğumuza şık resimli ilgili yazılar eklentisi nasıl kurulur onu paylaşacağım.

Blogger Resimli İlgili Yazılar Eklentisi Nasıl Kurulur

Bu eklentiyi elbette kodlar yardımıyla ekleyeceğiz.Bu yüzden herhangi bir çalışma yapmadan şablon yedekleme 
işlemini yapmanızı öneririm.

• Blogger hesabınıza giriş yapın :
• Şablon—>Html Düzenle yolunu izleyerek kodları düzenleyeceğiniz ekrana ulaşın.
• Aşağıdaki kodu şablonunuzda Ctrl+F tuşları yardımıyla arayın.

</head>

• Bu kodun hemen üzerine aşağıdaki kodları yapıştırın :

<!--Resimli Benzer Yazılar-->
<!-- Maviindir Web Tasarım --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 18px;
letter-spacing: 2px;
font-weight: bold;
text-transform: none;
color: #5D5D5D;
font-family: Arial Narrow;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
border-right: 1px dotted #DDDDDD;
color:#5D5D5D;
}
#related-posts a:hover{
color:black;
background-color:#EDEDEF;
}
</style>
<script type='text/javascript'>
var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr0BPzNnlx33_myYlv-iKVAnvD91BPAtEMI9MbY_JsqsRYG67sQqOiQ5lBekgEpgUlb4g2hzxNQcW53hV5IEeNoyKwleGQtmstfaUy7jkdYfra6X9ukHrIrU5fTpUpB9uJnMZt9KqbUCSd/s1600/no_image.jpg&quot;;
var maxresults=5;
var splittercolor=&quot;#DDDDDD&quot;;
var relatedpoststitle=&quot;İlgili Yazılar&quot;;
</script><maviindirwebtasarım></maviindirwebtasarım>
<script src='https://maviindir--webtasarim.googlecode.com/svn/maviindir0125' type='text/javascript'/>
<!-- Maviindir Web Tasarım --></b:if>
<!—Resimli İlgili Yazılar-->

Sıra geldi son adıma.Şimdi aşağıdaki kodu bulun :

<data:post.body/>

• Bu kodun hemen altına aşağıdaki kodu yapıştırın:

<!—Resimli İlgili Yazılar-->
<!-- Maviindir Web Tasarım --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if><MaviindirWebTasarım></MaviindirWebTasarım>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
</b:if></b:if>

<!-- Maviindir Web Tasarım -->
<!—Resimli İlgili Yazılar-->

Tüm adımları doğru yaptıysanız resimli ilgili yazılar eklentisini blogunuza kurmuş olacaksınız.data:post.body kodu blogunuzun 3 farklı yerinde olabilir.Siz en sonuncusunu tercih edin.Eğer kodları eklerken herhangi bir sıkıntı yaşarsanız yorum bölümünde belirtin.Çözmeye çalışalım.

Sitene Sağ Tıkla Engeli

Bu yazımızda sitenizde, blogunuzda yazdığınız yazıların kopyalanarak "çalınmasını" engelleyecek kodu sizlerle paylaşacağım. Kimse yazısını kaynak belirtmeksizin orada, burada görmek istemez ama sadece ordan burdan kopyaladığı yazıları paylaşarak blog yazanlar var. Eğer sizde böyle şahışlar tarafından kopyalanan içeriğin önüne geçemiyorsanız, bu eklenti sayesinde bir nebzede olsa blogunuzdaki içeriği koruyabilirsiniz. Basit bir kod yapısına sahip olan bu eklenti, kopyala yapıştır yapan kişileri engellemek için geliştirilmiştir. Sizlere iki alternetif sunuyorum. İlk kodda sayfanızdaki yazılarınızın üzeri çizilemez, böylece işaretlenemeyen içerik kopyalanamaz. ikinci kodda yazılarınız işaretlenir ama kopyalamak için sağ tıklayınca, bu fonksiyonun devre dışı olduğunu belirten küçük bir uyarı penceresi çıkar.

• Blogger panelinize giriş yapın Şablon >> HTML'yi Düzenle yolunu takip edin.
• CTRL+F tuş kombinasyonuyla </head> kodunu aratıp bulun ve hemen üstüne aşağıdaki kodlardan beğendiğinizi kopyalayıp yapıştırın.
• Kaydet diyip çıkın.

İçeriğinizi Kopyalatmayan Script

<script language='JavaScript1.2'>
//<![CDATA[
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function ("return false")
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
//]]>
</script>

<!--Copyright 2015 © http://MaviindirWebTasarım.blogspot.com--> 

Sağ Tıklanınca Uyarı Penceresi Çıkan Script

<script type='text/javascript'>
//<![CDATA[
var message="Fonksiyon Devre Dışı !"; function clickIE4(){ if (event.button==2){ alert(message); return false; } } function clickNS4(e){ if (document.layers||document.getElementById&&!document.all){ if (e.which==2||e.which==3){ alert(message); return false; } } } if (document.layers){ document.captureEvents(Event.MOUSEDOWN); document.onmousedown=clickNS4; } else if (document.all&&!document.getElementById){ document.onmousedown=clickIE4; } document.oncontextmenu=new Function("alert(message);return false")
//]]>
</script>

<!--Copyright 2015 © http://MaviindirWebTasarım.blogspot.com--> 

Blogger'a Gadget Alanı Ekleme

Merhaba Arkadaşlar ,
2015 'in ilk yayınıylan karşınızdayız.Bu Arada Mutlu ve Sağlık ve Huzur dolu bir yıl dileriz.
Bugün Sizlere En Çok Sorulan Soru Olan Yerleşim'e nasıl gadget alanı ekleyebilirim sorusu vardı.
Herkes sormuş ama öbür gadgetın üstüne geliyor olmuyor mesajınıda gördüm bize yapamadığınız bir şey olursa  İLETİŞİM  adlı sayfamızdan iletebilirsiniz.

Blogger Alanı Eklemek İçin şablonumuza giriş yapıyoruz.2 dakikada yapıcaksınız.İlk baş gadget eklemek istediğiniz yeri seçin ve bulunuz.Bulduğunuz yere aşağıda ki kodu ekleyin.

<--!© 2015 Maviindir Web Tasarım | Her Hakkı Saklıdır.--><b:section class='sidebar' id='gadget'></b:section><--!© 2015 Maviindir Web Tasarım | Her Hakkı Saklıdır.-->

Bu kadar şimdi yerleşim sayfasına gidin "f5"leyin yani sayfayı yenileyin.Gadget Alanımız Olmuştur.Keyifli ve Huzurlu Günler.

Beğendiyseniz paylaşmayı unutmayınız!!..

Blogger Kategori Olusturmak

Bloglarda kullandığınız etiketler yardımı ile kendiniz için kategoriler oluşturabilirsiniz. Bunu yapmak için panelinizden yerleşim sekmesine tıklayın. Sonrasında Gadget Ekle açılan pencerenin temel sekmesinden Etiketler seçeneğini seçmelisiniz.

Şimdi blogger kategori oluşturmak için etiketleri yapılandırmamız gerekiyor. Aşağıdaki resimdeki gibi etiketleri yapılandırabilirsiniz. Tüm etiketler, seçilen etiketler, liste, bulut şeklinde arzunuza göre yapılabilir.Seçilen etiketler seçeneği ise kategori oluşturmak için bize lazım olacak seçenektir. Böylece blogger kategori oluşturmaya başlayabiliriz. Dilerseniz tüm etiketler ya da resimde gösterilen kutucuklardaki işaretli alanları kendinize göre seçerek kategorilerinizi belirleyin

Başlık:Ana sayfamızda gösterilecek olan kategorilerin başlık kısmıdır. Etiketler, kategoriler gibi istediğinizi yazabilirsiniz.
Göster, Bu bölümde sadece seçilen etiketler kısmını tercih ediyoruz. Yukarıdaki resimde olduğu gibi düzenle seçeneğine tıklayıp alt satırda gösterilecek etiketleri seçme ekranını açıyoruz.
Sıralama alfabetik olarak ya da sıklığa göre Görüntüle,Liste tipi veya bulut şeklinde Her Etiketteki Kayıt Sayısını Göster : Oluşturacağınız kategori münesünün yanında eğer etiketlerin  kayıt sayısını göstermek istiyorsanız işaretleyin.
Gösterilecek Etiketleri Seçme :Kategorilerde bulunacak olan etiketleri buradan seçebilirsiniz. Belirlediğiniz etiketler sizin için kategori menüsüne eklenecektir.
Bu makalemde blogger kategori oluşturmayı anlatmaya çalıştım. Blog yazmaya yeni başlayanlar ve bilmeyen yazar arkadaşlarımız için dilerim biraz olsun faydalı olur. Sevgiyle kalın.

Blogger Sütün Başlıklarına Simge Ekle

Blogger sütun başlıklarına simge eklemek için, öncelikle sütunlar kısmında yer alan eklentilerin isimlerini ve temada tanımlanan id isimlerini ögrenmek gerekiyor. Temanızda sütun için belirtilen isim sidebar'dır. Sütun, sidebar ile isimlendirilebileceği gibi sidebar wrapper vb. isimlerle de isimlendirilmiş olabilir. Kullandığınız temaya göre değişiklik gösterecektir. Alttaki kodlar sütunlar da yer alan eklentilerin temanızda nasıl kodlandığını göstermek için hazırlandı. Sizin de bulacağınız kod benzer bir kod dizini olacak. 
Blogger Sidebar Başlıklarına Icon Ekleme
1.Sütunda yer alan Eklenti İsimlerini Bulma

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Profile1' locked='false' title='Hakkımda' type='Profile'/>
<b:widget id='Label1' locked='false' title='Etiketler' type='Label'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Arşivi' type='BlogArchive'/>
<b:widget id='Followers1' locked='false' title='İzleyiciler' type='Followers'/>
<b:widget id='HTML1' locked='false' title='Resim' type='HTML'/>
</b:section>
</div>

Kodda kırmızı renkler eklenti id adını mavi renkler de blogunuzda görüntülenen adını belirtmektedir. Profile1 profil, Label1 etiket, BlogArchive1 Arşiv, Followers1 İzleyiciler ve HTML1 HTML/Javascript eklentilerini belirtiyor.
2. Eklenti İsimlerine Göre CSS Kodları düzenlemeYukarda bulmuş olduğumuz id eklenti isimlere özel CSS kodları düzenleyeceğiz. Bu kodlar sayesinde sütunlarda yer alan herbir eklenti için farklı simge kullanılacak.
Örnek olarak ele alınacak eklentiler şu şekildedir; 
Profile1 , Label1 , BlogArchive1, Followers1, HTML1
Her bir eklenti için alttaki gibi birer CSS kodu oluşturulacak ve parantez içleri {} kullanıcı tarafından kişiselleştirilecek. 

#Profile1 h2{}
#Label1 h2{}
#BlogArchive1 h2{}
#Followers1 h2{}
#HTML1 h2{}

Denemek isteyenler için, örnek CSS kodlarını şu şekilde sıralayabiliriz;

#Profile1 h2{
background:transparent url(http://i48.tinypic.com/bhdi0o.jpg) no-repeat scroll left center;
padding:5px 5px 5px 30px;
margin-top:15px;
}

Yukarıdaki kod ile Profil bilgimizi gösteren eklenti başlığında kırmızı ile renklendirilmiş olan yere yapıştıracağınız icon adresi görüntülenecektir. Icon, başlığa göre havada ya da altta olabilir. Temanıza göre değişiklik gösterecektir. Padding değerlerini değiştirerek simgenin yerini tam olarak düzenleyebilirsiniz.
3. Temaya Blogger Sütun Başlıklarına Simge Ekle için Gerekli CSS Kodu Ekleme Profil eklentisine simge ekleme yönteminden sonra arşiv, hakkımda ve diğer eklentiler içinde simge ekleme için aynı CSS kodlarını resim linklerini değiştirerek kullanmak mümkün;

#Profile1 h2{
background:transparent url(http://i48.tinypic.com/bhdi0o.jpg) no-repeat scroll left center;
padding:5px 5px 5px 30px;
margin-top:10px;
}
#Label1 h2{
background:transparent url(http://i46.tinypic.com/fbygz5.jpg) no-repeat scroll left center;
padding:5px 5px 5px 30px;
margin-top:10px;
}
#BlogArchive1 h2{
background:transparent url(http://i47.tinypic.com/v5gv9t.jpg) no-repeat scroll left center;
padding:5px 5px 5px 30px;
margin-top:10px;
}
#HTML1 h2{
background:transparent url(http://i48.tinypic.com/15dv38x.jpg) no-repeat scroll left center;
padding:5px 5px 5px 30px;
margin-top:10px;
}

Yukarıdaki kodda mavi ile renklendirilmiş kısımlara istediğiniz simge (icon) adreslerini yapıştırın. Daha sonra temanızda ]]></b:skin> kodunun hemen üstüne tüm kodu yapıştırın.