-->

Sponsor Alanı

Slider

İlgi Çeken Videolar

Sağlık

Teknoloji

Sinema

Televizyon

Ne Nedir?

En5 Konular

ads

Yandan Açılır Menü ( Blogger )

blogspot

Açılır Menü Yapımı - Blogger Dersleri

Bu dersimizde blogger kullanıcıları için yandan  açılır menü eklemesini   yapacağız..


Yandan açılır menü daha  önceki menülerden  farkı  ziyaretçinin siteye girdiğinde mause ile  üstüne geldiğinde   sol tarafa doğru açılır şekilde düzenlenmiştir.  sitenize güzellik katacak farklı bir menü kodunu uygulamaya başlayalım. Kumanda paneli  Şablon + HTML'yi düzenle seçeneğinden Ctrl + F yardımı ile aşağıdaki kodu bulunuz.



 Kodu bulduysanız bulduğunuz kodun üst kısmına gelecek şekilde aşağıdaki kodları ekleyiniz.




Bütün işlemleri doğru yaptıysanız  şablonunuzu kaydedin ve   yerleşim kısmına gelin  Gadget ekleme kısmından aşağıda verdiğim HMTL kodlarına ekleyin ve   açılır menünüz hazır gelsin..




Demosuna bakmak için  Videoyu İzle

3 Adet Blogger Film Teması

Blogger film teması 3 Adet  Yeşil Siyah Açık Yeşil 

1. FİLM TEMASI

blogger

TEMANIN DEMOSU >> TIKLA
TEMANIN İNDİRME ADRESİ >> TIKLA

2. FİLM TEMASI

blogger

TEMANIN DEMOSU >> TIKLA
İNDİRME LİNKİ >> TIKLA

3. FİLM TEMASI

blogger

TEMANIN DEMOSU >> TIKLA
İNDİRME LİNKİ >> TIKLA  linkler aktif değildir.

Haber Magazin Teması Blogger

tema

Yeni 2013 Blogspot Haber, Magazin, Kişisel, Sade Türkçe Seo Uyumlu Şablon

Yepyeni  bir tema ile karşınızdayız, Tasarım olarak çok farklı aynı zamanda sade göze hitap eden muhteşem temalardan bir tanesini tanıtacağım.

Temanın yapımcısı ben değilim,  yabancı kaynaklardan alınan ama kendim tarafından   uzun bir çalışma sonucu editlenip tamamen türkçeştirilmiş ve yeni özellikler eklenmiştir. Aynı zamanda seo ayarları yapılmış seo'ya uygun hale getirilip orjinal halindeki yavaşlık nedeniyle bazı kodlar değiştirilip tema    google'nin sevdiği tarzda hıza kavuşturulmuştur. Temalar bazen yavaş açılabilir bu her tema için geçerli özellikle magazin, haber  tema stillerinde bu daha çok göze çarpar  nedeni içinde  bulunan    Javascript kodlarındandır    böyle    güzel bir tasarımı elde etmek slay alanı slider vs. bunları uygulamak için gerekli olan kod parçalardır. Ama her şeyin  çözümü olduğu gibi bunlarada çözüm bulunmuş ve en iyi şekilde  temayı üzretsiz olarak blogger kullanıcılarına sunuyorum..

Temada yapmanız gereken değişikler:

Temadaki bazı bölümler etiket link bazlı çalıştıpından bu temayı kurarken  HTML bölümünden bazı ayarlamalar yapmanız gerekmektedir.

1. Menü yazan yerlere   açılmasını istediğiniz sayfa linklerinizi ekleyiniz.  HTML bölümünden Menü1 menü2 vs diye aratın ve link bölümüne  sayfanızın linkini koyun menüler aktif hale gelsin..

2.  Kodların içinde aşağıdaki  kodları bulun, bu kodlar etiket bazlı ana sayfada görüntü vermenizi sağlayan uygulamdır. Yani demosundan bakınız islam yazan yerde islam ile alakalı etiketi olan  içerik çıkmış. Blogger yazan yerde blogger etiketi verdiğimiz konu çıkmış burdan yola çıkarak düzenlemelerinizi çok rahatlıkla yapabilirsiniz yapmanız gereken sadece etiket ismini kendi sitenizde olan etiket isimleri ile değişmeniz


label1 = "Blogger";

Title1 = "Blogger";

label2 = "SEO";
Title2 = "SEO";

label3 = "Slayt";
Title3 = "Slayt";

label4 = "Galeri";
Title4 = "Galeri";

label5 = "Son";
Title5 = "Son";

label6 = "İslam";
Title6 = "İslam";

label7 = "Moda";
Title7 = "Moda";

label8 = "Teknoloji";
Title8 = "Teknoloji";

label9 = "Moda";
Title9 = "Moda";

label10 = "Moda";
Title10 = "Moda »";

Yalnız, Slayt yazan bölüm ana sayfada çıkan manset bölümü etiketidir etiketlerinizde Slayt etiketinide kullanırsanız orada çıkar veya etiketi herhangi bir şey mesela Sağlık yaparsanız  sağlık bölümündeki konularınız Slider alanına yansıyacaktır.

TEMANIN DEMOSU >>

İNDİRME LİNKİ >>

ALTERNATİF İNDİRME LİNKİ >>

Linkler  çalışmadığı için kaldırılmıştır.

Kaliteli En İyi Blogger Tema 2012 - 2013

Fragman


Çok özellikli bloger   tema  Maroon V1 Blogspot Şablonu 2012 - 2013  Edit by NarKo


Blogger  temalarını yayınlamaya hız kesmeden devam ediyoruz         bu yazımda  tanıtacağım tema gerçek anlamda süper ötesi harika bir  şablon  hemen hemen her türlü sitelerin kullanabileceği kişisel bloglar özellikle,  normalde    webmaster  dünyasında bu tür çalışmalar ücretli olur gerçektende üçretli olsa idi    paraya kıyılıp  alınacak temalardan bir tanesi ve   araştırmalarım sonucu   daha özellikli ve  daha şık ve   en iyi tema diyebileceğim ücretsiz sunulan temaya denk gelmedim. 

Temanın yapımcısı ben değilim  tam olarak bilmiyorum ama hitadam  tasarımı olarak anılıyor ve   bir süre kendi kullandıktan sonra kullanıcıya ücretsiz sunmuş olduğu muhteşem bir tema  tabi karşılığında  hiç bir beklentisi olmayan hitadam  sadece  hayır  dua edilmesini rica etmiş forumlardaki araştırmalarımdan  yola çıkarak bu sözleri söylüyorum kendisine  kendi adıma teşekkür ediyorum.

Temanın orjinal  hali şuanki  resimde gördüğünüz tema kadar eklentilere sahip değil  uzun bir süre üstünde  çalışarak  temayı daha  iyi bir hale getirmek için bazı eklentileri ekledim gerekli olan bir blog admin in istediği    hemen hemen  bütün eklentileri  temaya kodladım orjinal hali ne kadar iyi ise  editlediğim   hali   10 kat daha  profosyonel hal aldı ve görünüm aldı renklerinde herhangi bir oynama yapmadım gayet iyi ve kararlı bir renk  tonları kullanılmış  temadaki yaptığım değişiklikleri ileride   aktaracağım..

Temanın orjinal halindeki özellikleri;


1 -Breadcrumb navigasyon özelliği vardır.
2 -Benzer yazılar eklentisi vardır resimsiz ve 2 sütun şeklinde görünür.
3 -Konu sonlarında pop-up paylaşım butonları vardır
4 -Headerin alt kısmında aktif bir menü vardır, blogunuza eklediğiniz sayfalar oradan görüntülenir..
5 -Footer, header, sidebar ve diğer tüm kısımlarda uyumlu renkler.
6 -Seo uyumlu yazı başlıkları ve yazı başlıkları altında yazıya ait yazar, etiket, tarih, yorum bilgileri.
7 -468x60 reklam ekleme yeri ve hemen altında tema ile uyumlu bir arama kutusu.
8 -Ana sayfada özel şekilde görüntülenen yazıya ait resim ve yazıların hemen bitiminde devam eden devamını oku butonu...

Tema % 100 SEO uyumlu ve oldukça hızlıdır internette bulabileceğiniz en kaliteli seo uyumlu temadır.

Temanın düzenlendikten sonraki özellikleri;

Temanın orjinal halindeki özelliklerine dokunmadım aynen duruyor yukarıdaki listelemiş olduğum tüm özellikler düzenlenmiş halinde de mevcut

a - ) Benzer yazılar eklentisi ( resimli benzer yazılar eklentisi )  hem resimli benzer yazılar eklentisi var temada  hemde resimsiz link halinde.
b - ) Kaç kez okundu eklentisi ( yazılarınız  videolarınız konularınızın ne kadar ziyaretçi  tarafından okunduğu görüntülendiği   çok kaliteli  bir   eklenti )
c - ) Sosyal takip butonları sayaçlı ( abone hayran takipçi yorum bilgilerini içeren ) demosu kendi sitemde mevcut
d - ) Otomatik kategori ( bloggerde kategorilendirme olmadığını biliyorsunuz ama bazı kodlarla  kategori alanı oluşturmak mümkün kategoriler WordPress deki giib yan yana sıralanmış hali
f - ) Son eklenenler eklentisi ( Sitenize girdiğiniz konuları gösteren en son eklediğiniz konuları gösteren bir eklenti ) aslında  en  son eklediğinizi en başta gösteriyor ileri geri butonlu olduğu için eklenti     ileri geri sekmesini tıklayarak tüm konuları görmek mümkün
g - ) Resim galerisi Slayt ( Slayt alanı sitenin yan tarafına koydum siz istediğiniz yere gadget olarak ekleyebilirsiniz ama  en doğru yer demosuna baktığınızda göreceksiniz orası (  ama resimleri eklerken boyutlarının aynı olmasına dikkat etmeniz  lazım   sonra biri büyük biri küçük gibi durum olabilir )
h - ) Header bölümünde ( üst bölümde )  Resimli kategori bölümü ( konularınızın yada  etiketlerinizin linkini  içine yapıştırarak ve resim  url si ekleyerek güzel görünüme kavuşturabilirsiniz
i - ) İçeriklerinizin altında Url HTML Forum da paylaş link eklentisi

Temayı indirdikten sonra  yukarıdaki saydığım eklentilerin aktif olması için aşağıda vereceğim kodları  eklemeniz lazım...

Resimli Kategoriler eklentisi. Bunu HTML Javascript ekleme seçeneğinden  ekleyin içindeki linkleri konunuz yada etiket linkinizi ekleyin hangi resmin gözükmesini isterseniz o resmin url'sini ekleyin.



Minimal Slayt eklentisi ( Resim galerisi ) yukarıda anlattığım şekilde aynı uygulamaları bu kod için uygulayın ( ama dediğim gibi resim boyutlarının aynı olmasını sağlayın )



Sosyal Ağlarda takip edin eklentisi ( yazı yorum abone hayran vs eklentisi ) bu kodların içinde feedburner adresi Facebook adresi Twitter adreslerini kendi adresleriniz ile değiştiriniz..



Son Eklenen konular eklentisi ( aşağıdaki kodu eklemeniz yeterli olacaktır. )




Son yorumlar eklentisi ( bu kodların içinde ibrahimfirat.net yazan adresi kendi site adresiniz ile değiştiriniz..

Yapmanız gereken aktif olması için eklenmesi gereken kodlarımız bunlardan ibaret..

TEMANIN DEMOSU BAKMAK İÇİN TIKLAYIN >>

TEMAYI İNDİRMEK İÇİN TIKLAYIN >>

ALTERNATİF İNDİRME LİNKİ>>  Linkler aktif olmadığından kaldırılmıştır.

Etiketler: Marron v1 tema, blogger temaları, en iyi tema, 2013 şablon, 2012 blogspot temaları, 2013  en iyi blogger teması, kişisel temalar, profosyonel temalar, kaliteli şablon, seo uyumlu hızlı sade tema, ücretsiz  klasik tema

TEMANIN  KURULUMU VİDEO


Kaç Kez Okundu - Kaç Ziyaretçi Görüntüledi Eklentisi

blogger

Blogger yazım kaç defa okundu  video kaç kez izlendi zkaç kişi ziyaret etti sayfayı Kaç kez okundu  eklentisi 

Bu yazımda webmaster blogger kullanıcılarının en çok ihtiyaçlarından olan yazılarının konularının veya videolarıınn kaç kez okundu yada izlendi olarak bilmesini isteyeceği süper bir eklenti  her yerde bulamayacağınız bulsanızda gerçek  anlamda  net bilgi ve bozulmayan tekil hit   sayısını tam olarak alamayacağınız  tarzda eklentiler bulabilirsiniz ama  tanıttığım kaç kez okundu eklentisi senelerden beri kullandığım bir eklenti ve  hiç bir  zaman aksaklık yada hata almadığım nadide sayaçlardan birisi ve   artık yararlı olacağımı düşündüğüm için paylaşmayı uygun gördüm.
Eklentinin kurulumunu bir kaç adımda gerçekleştirebilirsiniz
Aşağıda vereceğim kod blogger temalarında  birden fazla olduğu için Ctrl + F  yardımı ile arattğınızda kodların içinde  ilk çıkanın altına yerleştiriniz ve   ve bakınız sayaç çalışır haldemi eğer ki olmadıysa    
<data:post.body/>  kodundan  4 yada 5 tane olduğu için  teker teker deneyiniz ama genelde ilk etapta oluyor   çoğu temada  sorunsuz bu işlemi gerçekleştirebilirsiniz Kumanda paneline giriş yapın + sol tarafta şablon sekmesine tıklayın HTML'yi düzenle sekmesinden Widget şablonlarını genişlet'i işaretledikten sonra  Ctrl + F yardımı ile  <data:post.body/> Kodunu aratıp bulunuz ve  hemen bir satır altına aşağıdaki kodu ekleyiniz. Eklemeniz gereken kod:


 


Ve kaydetip çıkın...  Kolay gelsin...

Not: Artık bu kod çalışmıyor...

2013 Tema Kişisel Blog Teması

tema

Kişisel Sade Blogger Teması Siyah Beyaz 2013 Blogpot Şablonu

Blogger tema paylaşımlarına  ara vermeden devam ediyoruz  WordPress'ten uyarlanmış bir sade siyah beyaz renk  tonlarına hakim seo ayarları yapılmış   hızlı bir blogger şablonu  tamamen türkçe  tek sütundan oluşan sağ sidebar   2 tane 152 x 125 reklam alanı... ve daha fazlası..

Temanın  özellikleri

% 100  Seo optimize edilmiş
 Temanın hızı % 96
Adsense uyumlu
Bir çok tarayıcıyla uyumlu
Sade siyah ve beyaz renk tonları 
Yazar hakkında bilgi.
Yazım kaç defa okundu eklentisi
Forum UrL   Paylaş ekle linkleri
Son Yorumlar Eklentisi
Siyah Hover Menü
Benzer yazılar eklentisi

Gerekli olan eklentilerin hemen hemen hepsi eklendi kod bilginiz varsa     temayı kurduktan sonra       sitemizden bir çok eklentiye sahip olabilirsiniz ve  temanızı kendinize özel ve daha  profosyonel  şık bir görünüme kavuşturabilirsiniz.

TEMANIN DEMOSU >>

TEMAYI İNDİR >>

ALTERNATİF İNDİRME LİNKİ

Linkler kaldırıldı.

Blogger SEO Uyumlu Hızlı Tema 2013

tema

Seo uyumlu Türkçe Blospot Tema 


Blogger Seo  uyumlu Adsense  teması hızlı  tema 2013 blogspot  şablonu ücretsiz


Yep yeni bir  tema ile karşınızdayız  Sade şık  hızlı ve   % 100 seo uyumlu tema  adsenseden gelir etmek için kullanılması gereken bir tema bi yönden  adsense  temasıda diyebiliriz    reklamlara çok iyi bir şekilde yerleşim verebileceğiniz tema  aynı zamanda seo ayarları yapılmış % 100      hızlandırılmış kaliteli bir   tema.

Ziyaretçilerin    sitelerde  aradıkları en önemli unsurlardan bir kaç tanesi bilindiği gibi sitenin açılış hızı sayfa geçişlerinde rahat ve hızlı bir biçimde dolaşmak bunun yanı sıra ikinci aradıkları özellik   tasarımın oldukça sade olması     gözü yoran  renklerin aksine beyaz gri renk tonlarına  sahip blogger tema tasarımları her  zaman için daha çok  tutulan ve ziyaretçi  tarafından   beğenilen bir  alt yapıdır. BU yüzden bu temamızdaki en önemli iki özellik zaten mevcut  sadelik ve hızlılık sonrasıda var...

Blogger Hızlandırılmış  Seo Tema Özellikleri


Otomatik salyt gösterisi ( üst tarafta )
SEO optimize
% 100 hızlı ve sade tasarım
WordPress Gibi açıklama bölümü
Breadcrumbs Eklentisi
Sosyal paylaşım butonları
Benzer yazılar eklentisi
Popüler yayınlar   eklentisi
AdSense dostu tasarım
HTML 5
Her tarayıcıda uyumluluk
Safari 3 +
Chrome ne olursa olsun +
IE 9 +
Opera 10 +
Firefox 4 + 

Ve daha fazlası  ben temayı elimden geldiğince türkçeleştiridim  aslında  daha fazla  eklentiler ekleyip  daha iyi  görünüme  kavuşturacaktım ama     zaman aldığı için uğraşmadım  sonuçta  uzun bir süre emek veriliyor en basiti  türkçeleştirme de bile  yani benim  türkçeleştirmediğim yerleri  kod bilginiz var ise kod bölümüne girip  yabancı  kelimeleri türkçe yaparsınız  ve   istediğiniz eklentileri eklemek içinde sitemizde  bir çok  blogger eklentileri kodları mevcuttur.

Slayt alanında   etiketlerinizden   Slayt olanı eklediğinizde   yazınıza    slider bölümünde eklediğiniz konu çıkacaktır.

Temada yapmanız gereken değişiklikler

1 . Logo Değişecek

2. Kategori bölümlerinde Blogger WordPress seo yazan üst header bölümündeki linkleri  kodlama bölümünden değiştiriniz.

TEMANIN DEMOSU İÇİN TIKLAYINIZ >>

TEMAYI İNDİRMEK İÇİN TIKLAYINIZ >>

ALTERNATİF İNDİRME LİNKİ HOTFİLE

Linkler pasif halde olduğu için çalışmıyor.


Sosyal Butonlar Eklentisi Hareketli Dönen

Fragman

Blogger Sosyal Ağlarda paylaşım butonu  dönen hareketli butonlar

Butonlarun üstüne  gelindiğinde  sağ tarafa doğru  döner  demosuna yayınlamakta gerek olmadığını düşündüğüm için paylaşmadım yukarıdaki resimde gördüğünüz  gibi butonlar sadece  sitelerinize eklediğinizde üzerlerine gelindikçe mauseyle  hızlıca   kendi etrafında  dönerler.  Oldukça   güzel ve şık bir eklenti blogger kullanıcılarının  bloglarında kullanacaklarını düşünerekten  paylaşımımı yapıyorum.

Aşağıda bulunan kodlarınızı , Yerleşim >> Gadget Ekle >> HTML/JavaScript yolu ile ekleyiniz..


Blogger - Kopyala Yapıştır Engellemek

blogger
Bu dersimizde Blogger kullanıcıları için  copy paste engelleme eklentisinden bahsedeceğiz; Yazdığınız makalenizi yazınızı yada kodlarınızı kopyala yapıştır yöntemi ile alan kişiler çoğunlukta bir çok blog kullanıcısı sikayetçi bazı siteler bu  eklentiyi kullanıyorlar  tam olarak çalıntıya karşı tam engel değilse bile zaten  emeğinizi çalan kişinin işini zorlaştıracak bu yaşak sayesinde kopyalamaktan vaz geçip bir şey yapmayacak yada uğraşmak isterse  zaten bir şekilde gene yazınızı kopyalar. Ama bizim amacımız işini zorlaştırmak ve iyi sonuçlar elde edebilirsiniz. Eklentinin kurulumu bi kaç adımla gerçekleşiyor HTML  javascript yolunu  takip ederek aşağıdaki kodu ekleyiniz.


 

Bu Yazıyı Okudunuz Mu? Blogspot Eklentisi

Blogger
Blogspot, sitenizde ziyaretçilere   sayfanıza tıkladıklarında aşağı doğru inerken rast gele yazı gösterme eklentisi.

Basit bir   Bu yazıyı okudunuz mu eklentisini anlatmaya  çalışacağız.  Yazılar her sayfa yenilendiğinde aşağı doğru inerken rast gele yazı gösterir. sitenizin  sağ tarafının en altında  ufak kutucuk şeklinde kendini gösterir.


Blog'unuza  renk katacak ve yazılarınızın okuma popülaritesini arttıracak   güzel bir eklenti  hiç bir şekilde    sitenizde kasma yada yavaşlama  yapmaz.






Yerleşim >> Gadget Ekle >> HTML/JavaScript Yolu  ile  aşağıdaki kodu ekleyiniz.

Kumanda paneli şablon html'yi düzenle sekmesinden ctrş + F yardımıyla ..
<div class='post-footer-line post-footer-line-1'>


bu kodu


<p class='post-footer-line post-footer-line-1'>


veya bunu


<data:post.body/>




ÜSTTEKİ 3 KODDAN BLOGUNUZDA OLANI BULUN
 VE HEMEN ALTINA ALTTAKİ KODLARI EKLEYİNİZ

<b:if cond='data:blog.pageType == "item"'>
<div style='display:none' id='bpslidein_place_holder'></div>
</b:if>

kolay gelsin..

Blogger Yatay Slayt Eklentisi

blogger

Blogger için vaz geçilmez olan eklentilerden bir taneside slayt  alanı eklemektir. Bu yazımda üstteki resimde gördüğünüz  gibi yatay bir slayt alanı oluşturacağız. Blog'unuz bu sayede hem daha şık bir görünüme ve profosyonel bir tasarıma sahip olacak.

Bu eklentiyi sitenizin hemen hemen her tarafında kullanabilirsiniz   üstte, altta veya ortada seçim sizin zevkinize kalmış bir olay.


Kurulumu:


Blogger kumanda paneli şablon HTML'yi düzenle Ctrl + F yardımı ile  aşağıdaki kodu bulunuz.

</head>

Yukarıda bulduğunuz kodun üstüne gelecek şekilde aşağıdaki kodları ekleyiniz.





Üstteki işlemi yaptıysanız  </body> kodunu bulun ve üstüne aşağıdaki kodları ekleyin..



Ve son aşamaya geldik blogger kumanda paneli yerleşim gadget ekle html javascript seçeneğinden aşağıdaki kodu ekleyiniz.



Bütün işlemleri doğru yaptıysanız, sorunsuz çalışacaktır..

Kaynak >> http://bloghocam.blogspot.com/2012/12/minimal-yatay-slayt-eklentisi.html