Bloggerda Blogunuza Arama Kutusu Ekleyin

Merhaba blogger kullanıcısı dostlarım, bu yazımla sizlere Blogger'a arama kutusunun nasıl ekleneceğini anlatacağım. Bildiğiniz gibi arama kutusu blogunuza yazdığınız yazılarınızın blogunuz içerisinden kolay bir şekilde bulunmasını sağlayan küçük bir araçtır. Blogger'ın klasik şablonlarında arama kutusu bulunmamaktaydı, ancak blogger yeni şablonlarında bunu küçük bir eklenti sayesinde kullanıcılarına sunmaktadır. Yeni oluşturulan temaların şablonlarında genellikle arama kutusu otomatik oluşturulmuş halde var, fakat bazı şablonlarda arama kutusunu blogger kumanda paneliniz üzerinden sizin eklemeniz gerekmektedir.

Bloggera Arama Kutusunu Nasıl Eklerim?

Not: Temanızda değişiklik yapmadan önce şablonunuzun yedeğini almayı unutmayın.

Blogger da arama kutusunun blogunuza eklenmesini iki farklı yol ile anlatacağım. Birinci yolda arama kutusunu direk olarak kumanda paneli üzerinden eklerken, ikincisinde küçük bir kod yardımıyla ekleme yapacağız.

Birinci yoldaki izleyeceğimiz adımlar sırasıyla;

1. Blogger üzerinden"Kumanda Paneline"giriş yapın.

2. Daha sonra sırasıyla "Yerleşim --> Sayfa Öğeleri"ne gelin.

3. Burada "Gadget Ekle"ye tıklayarak "Arama Kutusu Ekle"yi tıklayarak gerekli düzenlemeleri yaptıktan sonra" Kaydet "diyerek işleminizi tamamlayın.

İkinci ekleme yönteminde ilk yöntemin 1. ve 2. yollarını aynen tekrarlayın.

3. Yine "Gadget Ekle"ye ardından "HTML/JavaScript"e tıklayarak oraya aşağıdaki kodu yazın ve "Kaydet"e tıklayarak işleminizi sonlandırın.

<form id="searchthis" action="/search" style="display:inline;" method="get"> <input id="search-box" name="q" size="25" type="text"/> <input id="search-btn" value="Blog'da Ara" type="submit"/> </form>

Hepsi bu kadar, eğer işlemlerinizde sorun yaşarsanız "Yorum Gönder" formu ile sorunuzu yazın, yardımcı olmaya çalışacağım.

• 
• 
• 
• 
• 

Blogger'da Kategorilere Rss Besleme Simgesi Nasıl Eklenir

Merhaba blogger kullanıcısı dostlarım, bu yazımda sizlere Anjhuldudeja'nın da blogunda anlattığı konuyu paylaşacağım. Bildiginiz gibi yenilenen Web 2.0 sistemiyle birlikte sitelerin yazılarını kullanıcılar ulaştırmasında Rss beslemelerinin önemi daha da arttı. Diğer web kullanıcıları gibi Blogger kullanıcıları da Rss beslemeleriyle kullanıcılarına yeni gelişmeleri daha rahat sunabilmektedir. Bu nedenle bu yazımla Rss beslemelerimizi "Kategoriler" önüne eklemeyi anlatacağım. Bu sayede kullanıcılarınız sayfalar arasında kalmaktan kurtulacak, kategorilere sınıflanmış beslemelerinizle kullanıcılarınıza daha şık bir görüntü sunacaksınız.

Kategorilere Rss Simgesi Nasıl Eklenir?

Not: Temanızda değişikli yapmadan önce temanızın yedeğini almayı unutmayınız.

1. İlk olarak Blogger üzerinden "Kumanda Paneline" giriş yapın.

2. Daha sonra sırasıyla "Yerleşim->HTML'yi Düzenle" sekmelerine gidin ve burada "Widget Şablonları Genişlet'e" tıklayın.

3. Şimdi Ctrl+F yardımıyla aşağıdaki kodları şablonunuz içerisinde aratın.

<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'/>
</li>
</b:loop>

4. Şimdi bulduğunuz bu kodların arasına aşağıdaki kodu gördğünüz şekilde yapıştırın..

<b:loop values='data:labels' var='label'>
<li>

<a expr:href='data:blog.homepageUrl + "feeds/posts/default/-/" + data:label.name'><img alt='Subscribe' src='http://www.feedburner.com/fb/images/pub/feed-icon16x16.png' style='vertical-align:middle;border:0'/></a>

<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'/>
</li>
</b:loop>

5. Şimdi "Şablonu Kaydet" diyerek işlemi tamamlayın.

Tüm yaptığınız işlemlere rağmen hata alıyorsanız veya anlaşılmayan bir şey olursa yorum gönder formu yardımıyla sorunuzu yazarak sizlere yardımcı olacağım.

Bağlantı için ve ayrıntılar için Anjhuldudeja'ya Teşekkürler.

• 
• 
• 
• 
• 

Tema Yapımı için 10 Bedava Icon Set

Merhaba değerli tasarımcı dostlarım, bugün tema yapımında kullanılan 10 bedava icon seti sizler için sunuyorum. Bu simgeler sayesinde temanızın dizaynını daha kolay şekillendirecek, aynı zamanda temanızı renklendireceksiniz. İşte sizler için hazırlanan 10 bedava icon seti.

1-LED Icon Set

• Simge Sayısı : 500
• Lisans : Ticari ve Kişisel Kullanım için Ücretsiz
• İndir LED Icon Set
  

2-Developpers Icon Set

• Simge Sayısı : 105
• Lisans : Creative Commons Attribution 3.0
• İndir Developpers Icon Set

3-Function Icon Set

• Simge Sayısı : 128
• Lisans :Ticari ve Kişisel Kullanım için Ücretsiz
• İndir Function Icon Set

4-Fugue Icon Set

• Simge Sayısı : 2,095
• Lisans : Ticari ve Kişisel Kullanım için Ücretsiz
• İndir Fugue Free Icon Set

5-Circular Icon Set

• Simge Sayısı : 100+
• License :Ticari ve Kişisel Kullanım için Ücretsiz 
• İndir Circular Icon Set

6-Vaga Icon Set

• Simge Sayısı : 60
• License : Ticari ve Kişisel Kullanım için Ücretsiz
• İndir Vaga Icon Set

7-Silk Icon Set

• Simge Sayısı : 700 üstü
  
• Lisans : Creative Commons Attribution 2.5 License
• İndir Silk Icon Set

8-Quartz Icon Set

• Simge Sayısı : 90
• Lisans : Ticari ve Kişisel Kullanım için Ücretsiz
• İndir Quartz Icon Set

9-Twotiny Icon Set

• Simge Sayısı : 118
• Lisans : Ticari ve Kişisel Kullanım için Ücretsiz
• İndir Twotiny Icon Set

10-Weby Icon Set

• Simge Sayısı :- 100
• Lisans : Ticari ve Kişisel Kullanım için Ücretsiz
• İndir Weby Icon Set

Bağlantı için BlogohBlog'a teşekkürlerimizi sunarız. Ayrıntı için tıklayınız.

• 
• 
• 
• 
• 

Bloggerda Popüler Yazılar Eklentisi

Merhaba Blogger kullanıcısı dostlarım, bugün sizlere basit ama çok kullanışlı bir blogger eklentisi ve bu eklentinin bloggera nasıl entegre edileceğini anlatacağım. Blogger'ın temel yapısı içerisinde populer konularınızı gösterebilceğiniz bir eklenti bulunmamaktadır. Ancak şimdi anlatacağım eklenti sayesinde sizde blogunuzda ençok hangi konuların okunduğunu, hangi konuların daha çok kullanıcı çektiği ve popularitesinin yüksek olduğu konuları görebilcek, aynı zamanda kullanıcılarınıza da bu konuları ulaştırarak sitenizde bulunan konularınızın popularitesini artırabilirsiniz.

PostRank sitesinin yaptığı küçük bir eklenti sayesinde konularınızın okunma sıklığını ve derecesini görebilirsiniz. Top Post Widget(Popüler Konular Eklentisi) yorum ve okunma sayınıza göre konularınızın popülerliğini gösteren javascript uygulamasıdır.

Diğer siteme uyguladığım demoya bakabilirsiniz. Türkçeye uyarlanmış javascripti buradan indirebilirsiniz

Bloggera Nasıl Entegre Ederim?

1. İlk olarak Blogger üzerinden kumanda panelinize giriş yapın.

2. Daha sonra buradan "Get Widget"a, ardından bloggera tıklayoruz.

3. Burada gerekli alanları doldurup, gerekli düzenlemeleri yaptıktan sonra sayfanın altındaki java kodunu alıyoruz.

4. Kumanda Paneliniz üzerinden "Yerleşim--> Sayfa Öğeleri" ve "Gadget Ekle"ye tıklayın ve HTML/JavaScript seçerek aldığınız kodu buraya yapıştırın ve Kaydet diyerek işleminizi tamamlayınız.

Eğer tüm yaptıklarınıza rağmen bir sonuç alamadıysanız, yorum kısmından şikayetinizi yazın, size gerekli konularda yardımcı olacağım.

• 
• 
• 
• 
• 

Blog Başlığınızı Arama Motorlarına Göre Ayarlayın

Blogger standart başlık gösterimi blog başlığı ve yazı başlığı şeklindedir. Ancak bu noktada önemli olan yazı başlığının önce gelmesidir. Bunun nedeni Google ve Yahoo gibi arama motorlarının sitenizi tararken daha çok blog başlığınıza göre değil, yazı başlığınıza göre taraması ve listelemesidir. Arama motorları tarafından daha hızlı taranmak ve listelenmek sitenizin daha fazla kullanıcıya daha çabuk ulaşması, yazılarınızın daha fazla okur tarafından okunması dolayısıyla sitenizin ziyaretçi sayısının artmasına olanak sağlamaktadır. Bu nedenle bu yazımda arama motorlarının sizin blogunuzu daha çabuk listelemesi ve taraması için yazı başlıklarınızın nasıl öne alınacağını anlatacağım.

Blog Başlığını Arama Motorlarına Göre Nasıl Düzenlerim?
Not: Başlamadan önce mutlaka temanızın yedeğini alınız.

1. Öncelikle Blogger üzerinden Kumanda panelimize giriş yapın.

2. Daha sonra sırasıyla Yerleşim->Html'yi Düzenle ve Widget Şablonlarını Genişete tıklayarak şablonumuzun html görünümüne geliyoruz.

3. Şimdi Ctrl+F yardımıyla aşağıdaki kodu şablonumuz içerisinde aratın.

<title><data:blog.pageTitle/></title>

4. Daha sonra bulduğumuz bu kodu aşağıdaki kod ile değiştiriyoruz.

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>

5. Temanızı kaydedin. Hepsi bu kadar.

Eğer tüm yaptıklarınıza rağmen hata alıyorsanız yorum gönder bölümünden hatalarınızı yazarak bana gönderebilirsiniz.

• 
• 
• 
• 
• 

Bloggerda Resimli Benzer Yazılar Eklentisi

Bloggerda benzer konuları genellikle yazı halinde yazılarımızın altında gösterebilmekteyiz. Şimdi anlatacağım yol sayesinde artık benzer yazılarınızı küçük resim önizlemesi kullanarak yazılarınızın altında göstermeniz mümkün olacaktır. Bu sayede yazılarınızın daha fazla kişi tarafından okunmasına ve okuyuzularınızın site içerisinde zaman kaybetmemesini sağlayabileceksiniz. Bu eklenti LinkWithin sitesi tarafından hazırlanan ve Typepad ve diğer blog paltformuna uygulanabilen javascript uygulamasıdır. Eklentinin Bloggera entegre edilmesi çok kolay ve sadece bir kaç adımda gerçekleşebilmektedir.

Bu eklentiyi Wordpress kullanıcılarının bloglarına entegre edebilmesi için gerekli olan plugini siteden indirmeleri gerekmektedir. Blogger kullanıcıları ise sadece sitede gerekli yerleri doldurarak "Get Widget" kısmına tıklayarak bloglarına entegre edebilmektedirler. Kurulumunun son aşamasında  eklentiyi "Blog Kayıtları"nın hemen altına yerleştirmeniz gerekmektedir. Hepsi bu kadar basit, güle güle kullanın.

• 
• 
• 
• 
• 

Bloggerda Yazılarınızın Okunma Sayısı

Merhaba değerli blogger yayıncıları bugün sizlere yepyeni bir Blogger eklentisi sunacağım. Bildiğimiz gibi blogger tabanında yazılarımızın kaç kişi tarafından görüntülendiği ve yazılarımızın hit durumu gösteren bir sayaç bulunmuyordu. Bununla ilgili ne yapılabilir, yazılarımın hit durumunu ve okunma sayısını nasıl öğrenebilirim diye bloglar arasında dolaşırken AnujPathania'nın blogunda bu sorunumun çözümüne rastladım ve bunu sizlerle paylaşmak istedim. Bu sayade sizde yazılarınızın hit durumunu ve görüntülenme sayısını öğrenebileceksiniz.

Sayacı Bloggera Nasıl Entegre Ederim?

1. Blogger üzerinden blogunuzun kontrol paneline giriş yapınız.

2. Daha sonra Kontrol paneli üzerinden sırasıyla "Yerleşim->HTML'yi Düzenle"ye tıklayınız ve burada bulunan "Widget Şablonlarını Genişlet"i tıklayınız.

3. Şablonunuzun Html görünümü üzerinden Ctrl+F kombinasyonu ile aşağıdaki kodu arıyoruz.

<data:post.body/>

4. Daha sonra aşağıdaki kodu bulduğumuz bu kodun hemen altına yapıştırıyoz

<b:if cond='data:blog.pageType == "item"'>
<div id='hit-counter'>
<p><i<font color='#666666'><script src='http://wizom.net/counter.php' type='text/javascript'/> Views </font></i></p>
</div></b:if>

5. Temanızı kaydedin ve kodunuzu test edin.

Bütün bu yönergeleri uyguladığnız halde sorun yaşarsanız yorum bölümünden sorunlarınızı paylaşabilirsiniz.

Sayaç üzerinde değişiklik yapmak isterseniz buradan kodu indirerek düzenleme yapabilrsiniz. Güle Güle kullanın..

• 
• 
• 
• 
• 

Bloggerda Önizlemeli Otomatik Devamını Oku Nasıl Yapılır

Blogger kullanıcıları için en önemli sorunlardan bir tanesi bloglarında yazdıkları yazının devamını oku bağlatısı olmadan tamamının görünmesiydi. Bu sorunu gidermek için bazı kodları girerek yapılan devamını oku bağlantılarının nasıl yapıldığını anlatan bir çok yazı internet ortamında bulunuyor. Ancak sürekli kod girmek benim gibi diğer blogger kullanıcılarını da yoruyor. Artık bu sorunu küçük resim önizlemesi olan otomatik devamını oku uygulaması ile çözüyoruz. Küçük resim önizleme uygulaması, yazılarınıza artık eskisi gibi her yazınızdan sonra kod girmenize gerek kalmadan yazılarınız otomatik olarak devamını oku bağlantısı ekleyen bir javascript uygulamasıdır.


Gelelim Bloggera Nasıl Entegre Edeceğimize?

1. Öncelikle bu dosyayı indirin. İndirdiğiniz bu dosyayı Server'inize veya benim yaptığım gibi google hesabınıza yükleyin.

2. Daha sonra Blogger’a giriş yapın ve sırasıyla Kumanda Paneliniz üzerinden Yerleşim -> HTML’yi Düzenle ve “Widget Şablonlarını Genişlet’i” tıklayın..

3. Şimdi şablonunuz içerisinde Ctrl+F ile </head> kodunu bulun ve aşağıdaki kodu bu etiketin hemen önüne yapıştırın.

<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 140;
img_thumb_width = 180;
</script>
script src='http://yüklediğinserver/otomatik devamını oku.js' type='text/javascript'/>

4. Kırmızı ile yazılmış yere yüklemiş olduğunuz javasicript kodunun linkini yazın.

summary_noimg = 430;  resim olmadan yazının uzunluğu
summary_img = 340;  resimle birlikte yazının uzunluğu
img_thumb_height = 140;  küçük resim yüksekliği
img_thumb_width = 180;  küçük resim genişliği

5. Şimdi ctrl+f yardımıyla şablonunuz içinden </data:post.body> etiketini bulun ve bu etiketi aşağıdaki kod ile değiştirin.

<b:if cond='data:blog.pageType != "item"'>

<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> Devamını Oku "<data:post.title/>"</a></span>

</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

6. Şablonunuzun önizlemesini yapın ve bir sorun yoksa şablonunuzu kaydedin.

• 
• 
• 
• 
• 

Bloggerda yazılara retweet(Tweetmeme) butonu eklemek 2

Bir önceki yazımda büyük boy reteweet butununun bloggera nasıl entegre edileceğini anlatmıştım. Bu yazımda ise küçük boy retweet butonunun nasıl bloggera entegre edileceğini anlatacağım.

Küçük Boy Reteweet Butonunu Nasıl Entegre Ederim?

1. Öncelikle Blogger üzerinden Kontrol Paneline giriş yapıyoruz.

2. Daha sonra sırasıyla aşağıdaki adımları yapıyoruz.

Yerleşim -> Html'yi Düzenle

Widget Şablonlarını Genişleti tıklıyoruz.

3. Şimdi Ctrl+F kombinasyonu ile aşağıdaki kodu buluyoruz.

<div class='post-header-line-1'/>

4. Daha sonra aşağıdaki kodu bu kodun hemen ardına yapıştırıyoruz.

<script type="text/javascript">
tweetmeme_style = 'compact';
tweetmeme_url = '<data:post.url/>';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>

5. Şablonu Kaydet diyerek işlemimizi tamamlıyoruz. Hepsi Bu kadar, güle güle kullanın.

• 
• 
• 
• 
• 

Bloggerda Yazıların Altına Share This Butonu Eklemek

Blogger kullanıcıları için yazıların başka sosyal ağ kullacılarına ulaşması önemlidir. Bu sayede yazılarınız daha fazla kullanıcıya ulaşmış olacak ve sitenizin trafiği de bu doğrultuda artacaktır. Bir önceki yazımda blogger kullanıcıları için yazıların altına sosyal ağ butonlarının nasıl ekleneceğini anlatmıştım. Bu yazımda ise tüm bunları tek başına gerçekleştiren Share This butonunun bloggera nasıl ekleneceğini anlatacağım.

Share This, web üzerinden yazdığınız yazılarınızın başka sosyal ağ kullanıcılarına(Facebook, Digg, Myspace, Reddit vs.) ulaşmasını sağlayan açık kaynak kodlu bir java uygulamasıdır.

Share This Butonunu Bloggera Nasıl Entegre Ederim?

1. Öncelikle Bu adresten gerekli alanları doldurarak blogumuzda kullanacağımız kodu alıyoruz.

2. Daha sonra Blogger dan Admin panelimize giryoruz. Burada sırasıyla aşağıdaki adımları uyguluyoruz.

Yerleşim -> Html'yi Düzenle

Widget şablonlarını genişleti tıklıyoruz.

3. Şimdi Ctrl + F kombinasyonu ile aşağıdaki kodu arıyoruz.

<data:post.body/>

4. Daha sonra bu kodun altına Share this üzerinden aldığınız kodu yapıştırın.



















5. Şablonu Kaydet diyerek işlemi tamamlıyoruz. Hepsi Bu kadar.

• 
• 
• 
• 
• 

Bloggera Tema Nasıl Yüklenir?

Blogger üzerinden yeni bir blog adresinin nasıl alınacağına ilişkin buradaki yazımdan sonra şimdi bloggerda oluşturduğumuz blogumuzun temasını nasıl değiştireceğimizi anlatacağım.

Bloggerda yeni bir blog açtığımız zaman, sadece var olan şablonları(temaları) şeçme olanağımız var. Ancak temamızı daha sonra kontrol paneli üzerinden değiştirmek ve bu tema üzerinde oynama imkanımız var. Peki bloggera tema nasıl yüklenir? Bloggera xml dosya türündeki temaları yükleyebilirsiniz.


Bloggera Tema Nasıl Yüklenir?

1. XML temayı sitemiz içerisinden indirin. Tema şıkıştırılmış dosya içerisindedir(winzip, winrar), XML temayı herhangi dizine çıkarın.

2. Öncelikle buradan kullanıcı adınız ve parolanızla blogger Kumanda Paneline giriş yapın.

3. Daha sonra burada sırasıyla Yerleşim -> Html'yi Düzenle











4. Tam şablonu Yükle. İleride karşılaşacağınız herhangi bir sorunda yeniden eski temanızı kullanabilmeniz için mutlaka şablonunuzun yedeğini alın.

5. "Göz At"a tıklayarak önceden indirmiş olduğunuz yeni temanızın XML dosyasını seçin ve yükleye basarak şablonu yükleyin.

6. Yeni temanızın html görünümü "şablonu düzenle" kısmında görünür.

7. Güle Güle Kullanın...

• 
• 
• 
• 
• 

Bloggerda Blog Adresi Nasıl Alınır?

Uzun bir süredir Blogger üzerinden çeşitli blog denemelerim oldu. Bloglayarak, bildiklerini paylaşmak, bilmediklerini öğrenmek ve başka insanlarla tanışmak, herşeyden önemlisi kendini ifade edebilmek açısından bloglamanın bir çok yararını gördüm. Şimdi henüz yolun başında olan veya benim de blogum olsun, bende birşeyler paylaşayım diyenler için blogger üzerinden bir blog nasıl açılır ve bloglamaya nasıl başlanır anlatmaya çalışacağım.

Blogger, Pyra Labs tarafından geliştirilip Google tarafından satın alınan, İnternet'teki ilk blog hizmet sağlayıcısıdır. En çok ziyaret edilen ilk on ağ sitesinden birisidir(Wikipedia).

Bloggerda Blog Nasıl Açılır, Nasıl Blog Adresi Alınır?

1. Öncelikle buraya tıklayarak blogger anasayfasına giriyoruz.

















Bloggerın anasyfası üzerinde yeni bir blog açarken bizi ilgilendiren iki kısım var. Bunlar "1" olarak işaretlediğim bölüm ve diğeri "2" olarak işaretlediğim bölümdür. Birinci Bölüm blogger üzerinden blog açabilmemiz için Google Mail adresine sahip olmanız gerektiğinden sizi mail adresi oluşturmaya yönlendiren bölümdür. Burada gerekli alanları doldurarak işleminiz tamamlayıp "Devam" simgesine basarak bir sonraki aşamaya geçin.
Eğer bir google mail adresiniz varsa ikinci bölümdeki alana kullanıcı adresi ve parolanızı yazarak "Kumanda Merkezi"ne giriş yapın.




























2. Blogger Kumanda Merkezi üzerinden Yeni Blog Oluştur'a tıklayın. Daha sonra aşağı resimdeki gibi gerekli alanları doldurun ve DEVAM simgesine tıklayarak bir sonraki aşamaya geçin.


























3. Blogunuzu adlandırdıktan sonra sıra geldi blogunuzda kullanacağınız şablonunuzu(Tema) şeçmeye. Daha sonra değiştiebileceğiniz için şimdilik bloggerda bulunan şablonlardan bir tanesini seçin Devam diyerek blog alma işlemini tamamlayın.


4. Hepsi bu kadar artık sizinde bir blogunuz var. Bloglamaya başlayabilirsiniz.


Bundan Sonraki yazılarımda bloggerda yazı nasıl olşuturulur, tema nasıl düzenlenir, Adsense reklamları ve bloggerle ilgili birçok bilgiyi bulacaksınız. İyi Bloglamalar...

• 
• 
• 
• 
• 

Bloggerda Enfazla Yorum Yapanlar Eklentisi

Blogunuzda yazılarınıza enfazla kim yorum yapmış görmek ve bunu siteniz üzerinden kullanıcılara sunmak mı istiyorusunuz. İşte size göre bir eklenti. bu eklenti sayesinde blogunuzda bulunan yazılara en fazla kimler yorum yapmış, yazılarınızı kim daha çok göüntülemiş görebilceksiniz. Eklentinin kurulumu çok basit. Aşağıdaki forumu doldurup "Bloguna Ekle" butonuna tıklayın.

Enfazla Yorum Yapanlar Eklentisi

Enfazla Yorum Yapanlar Eklentisi Oluştur

Eklenti Başlığı:

Blog url: http://
Örn: temadunyasi.blogspot.comBlogger kullanıcıları için
veya www.temadunyasi.com site adresleri gibi
Adresi Filitre Et

• 
• 
• 
• 
• 

Wordpresste Resimlere Lightbox Nasıl Yapılır?

Bloglar içerisinde belki de en önemli sorunlardan birisi de kullanıcıların resimleri önizleme yapmaları için siteyi terketmek zorunda kalmalarıydı. Bu hem blogcular hem de kullanıcılar açısından hoş bir görüntü sunmuyordu. Ancak LightBox ile bu sorununuza çözüm getirmeniz artık mümkün. Bu eklenti sayesinde kullanıcılarınız sitenizi terketmeden sitenizde bulunan resimlerin önizlemelerini kolay bir şekilde gerçekeleştirebilmektedirler.

LigthBox, sitenizi terketmeden küçük resimlerin önizlemelerini görmenizi sağlayan basit bir JavaScript(js) uygulamasıdır. Lighbox, sitenizde bulunan bir resime tıkladığınızda siteniz üzerinden resmin bütününü açan bir uygulamadır.

LightBox'u Wordpress'e nasıl entegre ederim?

1. Öncelikle LightBox kurmak için gerekli olan dosyaları Buradan indiriyoruz.

2. Daha sonra indirdiğiniz dosyaları masaüstünüzde bir yere çıkarın ve çıkardığınız dosyaları sitenizde

/wp-content/themes/default

klasörünüze yükleyin.

3. Wordpress Admin Paneline gelip aşağıdaki sekmeleri açıyoruz

Görünüm -> Editör

4. Şimdi Header(üst kısım)dan <-head->-<-/head-> kodlarının arasına aşağıdaki kodları yapıştırıyoruz.

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"> </script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen"/>

5. Şimdi Kayıt edip, yazılarınıza her resim eklemenizde aşağıdaki kodları yazıyorsunuz.

<a href="Resim adresi" rel="lightbox" title="Resim açıklaması"><img src="Resim Adresi"/></a>

6. Hepsi bu kadar güle güle kullanın.

• 
• 
• 
• 
• 

Bloggerda Son Yorumlar Eklentisi Oluşturmak

Son yorumlar eklentisi bütün blogosphere kullanıcılarında mevcut olan bir eklentidir. Son dönemlerde özellikle blogger içerisinde son yorumlar ve son yazılar eklentilerinde bazı hatalar ortaya çıkmaktaydı. Şimdi vereceğim son yorumlar eklentisi oluşturucusu ile bu sorundan tamamiyle kurtulabilirsiniz.

Bloggerın orjinal son yorumlarında en fazla 5 adet yorum görüntüleyebiliyorken bu araç sayesinde daha fazla yorum görüntületebileceksiniz. Ayrıca tüm browserlar tarafından sorunsuz çalıştırılabilmektedir.

Son Yorumlar Eklentisi

Customize Recent Comments Widget

Widget title:

Blog address: http://

(eg: "yourblog.blogspot.com" or "www.yourblog.com")

Comments to display:

Show comment date:

Show post title:

Summary size: characters

           

• 
• 
• 
• 
• 

Bloggerda yazı içinde HTML/Css kodlarını Renkli Arkaplan içinde göstermek

Blogger da blogcuların arasında yaşanan en büyük sorunlardan biri de yazılar arasında verilmek istenen HTML veya Css kodlarının görünmemesidir. Bu sorunu diğer blogcular gibi bende yaşadığım için net üzerinde araştırma yaptım ve bu sorunumun cevabını Technolizard blogunda buldum.

Html ve Css kodlarını blogger yazı içerisinde göstermekle kalmayıp, aynı zamanda kodları renkli arka planlar içerisinde göstererek kodların daha belirgin ve anlaşılabilir hale gelmesini sağlıyor.

Gelelim kodların renkli arka plan içerisinde nasıl gösterileceğine;
1. Blogger üzerinden yönetim paneline giriş yapın ve,

Yerleşim -> Html'yi Düzenle

Widget Şablonlarını Genişleti tıklıyoruz.

2. Şimdi ctrl+f kombinasyonu ile Aşağıdaki kodu buluyoruz.

]]>< /b:skin >

3. Bu kodu bulduktan sonra hemen üstüne aşağıdaki kodları yapıştırıyoruz.

.csscode {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #EEEEEE;;
border-top : 2px solid #AAAAAA;
border-right : 2px solid #AAAAAA;
border-bottom : 2px solid #AAAAAA;
border-left : 2px solid #AAAAAA;
}

4. Temamızı kaydediyoruz ve HTML/Css kodunu girmek istediğimizde ise aşağıdaki kodları yazımızın içine yapıştırarak kodları kullanabiliriz.

<div class="csscode">

HTML Code Here

</div>

5. Güle güle kullanın ve temanızda değişiklik yapmadan önce mutlaka temanızın yedeğini alın.

• 
• 
• 
• 
• 

Bloggerda yazılara retweet(Tweetmeme) butonu eklemek 1

Twetter internet ortamı üzerinde en hızlı büyüyen ve gün geçtikçe popülerleşen bir uygulamadır. Bu uygulama ile blogunuzun trafiği artar ve böylece daha fazla kullanıcıya hitap edebilirsiniz. Blogunuzda yazdığınız yazıların kullanıcılar tarafından daha kolay ulaşmasına yardımcı olur. Öyleyse neden sizinde blogunuzda kullanabileceğiniz bir twetter uygulamanız olmasın?

Teweetmeme retweet butonlarının yazılarınıza daha kolay entegre olmasını sağlayan bir servistir. Eğer bu uygulamayı kullanmak istiyorsanız aşağıdaki adımları takip etmeniz yeterlidir.


Büyük boy Retweet buton istiyorsanız.

1. Blogger üzerinden sisteme giriş yaparak

Kullanıcı Paneli -> Yerleşim -> HTML'yi düzenle

Widget Şablonlarını Genişleti tıklıyoruz.

2. Şimdi ctrl+f kombinasyonu ile aşağıdaki kodları buluyoruz.

<div class='post-header-line-1'/>

3. Kodu bulduktan sonra hemen altına aşağıdaki kodu yapıştırıyoruz.

<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"> </script>

4. Retweet butonunuz aşağıdaki gibi görünecektir.

• 
• 
• 
• 
• 

Bloggerda Yazıların Altına Sosyal Ağ Butonları Eklemek

Bloglar arasında gezinirken teknolizard blogunda yeni bir yazı altı sosyal bookmark(sosya ağ) butunlarının yapımıyla ilgili makaleye rastladım ve bunu sizlerle paylaşmayı düşündüm. Sosyal ağ butonlarının yazıya entegre adilişi çok basit ve her hangi bir hata ile karşılaşmadım.



Not: Sosyal ikonları bloggera entegre etmeden önce temanızın yedeğini aldığınızdan emin olun.



Gelelim sosyal ikonların bloggera entegre edilişine;
1. Blogger admin paneline giriş yapın.

Yerleşim -> HTML'yi Düzenle -> Widget şablonlarını genişlet

2. Aşağıda bulunan kodları < /head > etiketinden önce yapıştırınız.

<style type='text/css'>
div.sexy-bookmarks {
height:54px;
background:url('http://i43.tinypic.com/2ueii3t.png') no-repeat left bottom;
position:relative;
width:540px;
}

div.sexy-bookmarks span.sexy-rightside {
width:17px;
height:54px;
background:url('http://i43.tinypic.com/2ueii3t.png') no-repeat right bottom;
position:absolute;
right:-17px;
}

div.sexy-bookmarks ul.socials {
margin:0 !important;
padding:0 !important;
position:absolute;
bottom:0;
left:10px;
}

div.sexy-bookmarks ul.socials li {
display:inline-block !important;
float:left !important;
list-style-type:none !important;
margin:0 !important;
height:29px !important;
width:48px !important;
cursor:pointer !important;
padding:0 !important;
}

div.sexy-bookmarks ul.socials a {
display:block !important;
width:48px !important;
height:29px !important;
font-size:0 !important;
color:transparent !important;

}

.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover {
background:url('http://i44.tinypic.com/1znbj83.png') no-repeat !important;
}

.sexy-furl {
background-position:-300px top !important;
}
.sexy-furl:hover {
background-position:-300px bottom !important;
}
.sexy-digg {
background-position:-500px top !important;
}
.sexy-digg:hover {
background-position:-500px bottom !important;
}
.sexy-reddit {
background-position:-100px top !important;
}
.sexy-reddit:hover {
background-position:-100px bottom !important;
}
.sexy-stumble {
background-position:-50px top !important;
}
.sexy-stumble:hover {
background-position:-50px bottom !important;
}
.sexy-delicious {
background-position:left top !important;
}
.sexy-delicious:hover {
background-position:left bottom !important;
}
.sexy-yahoo {
background-position:-650px top !important;
}
.sexy-yahoo:hover {
background-position:-650px bottom !important;
}
.sexy-blinklist {
background-position:-600px top !important;
}
.sexy-blinklist:hover {
background-position:-600px bottom !important;
}
.sexy-technorati {
background-position:-700px top !important;
}
.sexy-technorati:hover {
background-position:-700px bottom !important;
}
.sexy-myspace {
background-position:-200px top !important;
}
.sexy-myspace:hover {
background-position:-200px bottom !important;
}
.sexy-twitter {
background-position:-350px top !important;
}
.sexy-twitter:hover {
background-position:-350px bottom !important;
}
.sexy-facebook {
background-position:-450px top !important;
}
.sexy-facebook:hover {
background-position:-450px bottom !important;
}
.sexy-mixx {
background-position:-250px top !important;
}
.sexy-mixx:hover {
background-position:-250px bottom !important;
}
.sexy-script-style {
background-position:-400px top !important;
}
.sexy-script-style:hover {
background-position:-400px bottom !important;
}
.sexy-designfloat {
background-position:-550px top !important;
}
.sexy-designfloat:hover {
background-position:-550px bottom !important;
}
.sexy-syndicate {
background-position:-150px top !important;
}
.sexy-syndicate:hover {
background-position:-150px bottom !important;
}
.sexy-email {
background-position:-753px top !important;
}
.sexy-email:hover {
background-position:-753px bottom !important;
}

</style>

3. Şimdi Ctrl+f yardımıyla <data:post.body/> etiketini buluyoruz ve bu etiketten hemen sonra aşağıdaki kodları yapıştırıyoruz.

<div class='sexy-bookmarks'>
<ul class='socials'>
<li class='sexy-delicious'><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&amp;&title;=" + data:post.title' target='_blank'/></li>

<li class='sexy-digg'><a expr:href='" http://digg.com/submit?url=" + data:post.url + "&amp;&title;=" + data:post.title' target='_blank'/></li>

<li class='sexy-technorati'><a expr:href='" http://technorati.com/faves?add=" + data:post.url + "&amp;&title;=" + data:post.title' target='_blank'/></li>

<li class='sexy-reddit'><a expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&amp;&title;=" + data:post.title' target='_blank'/></li>

<li class='sexy-stumble'><a expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&amp;&title;=" + data:post.title' target='_blank'/></li>

<li class='sexy-designfloat'><a expr:href='"http://www.designfloat.com/submit.php?url=" + data:post.url + "&amp;&title;=" + data:post.title' target='_blank'/></li>

<li class='sexy-facebook'><a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&amp;&title;=" + data:post.title' target='_blank'/></li>

<li class='sexy-twitter'><a expr:href='" http://twitthis.com/twit?url=" + data:post.url + "&amp;&title;=" + data:post.title' target='_blank'/></li>

<li class='sexy-furl'><a expr:href='" http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&amp;&title;=" + data:post.title' target='_blank'/></li>

<li class='sexy-syndicate'><a href='http://feeds2.feedburner.com/YOUR FEEDBURNER ID HERE' title='Subscribe to RSS'/></li>

<li class='sexy-email'><a expr:href='" mailto:?subject=" + data:post.url + "&amp;&title;=" + data:post.title' target='_blank'/></li>

</ul>
<span class='sexy-rightside'/></div>

4. Hepsi bu kadar. Feedburner kodunu düzeltmeyi unutmayın.

• 
• 
• 
• 
• 

Pdf dosyalarınızı Word dosyasına online kolayca çevirin

Para harcamadan pdf dosyalarınızı word dosyasına mı çevirmek istiyorsunuz?
Free Pdf-to-word converter size pdf dosyalarınızı online olarak word dosyasına kolayca çevirmenizi sağlayan internet tabanlı araçtır. Bu araçla, kolay ve hızlı bir şekilde Microsoft Word, Exel, Openoffice ve Wordperfect tarafından kullanılabilen, düzenlebilir DOC/RTF dosyaları oluşturabilirsiniz.

Free Pdf-to-word converter ile 3 basit yolu izleyerek dosyalarınızı çevirebilirsiniz;

1. Bilgisayarınızda bulunan pdf dosyanızı seçin
2. Çevirmek istediğiniz formatı belirleyin
3. Email adresinizi yazın(Çevrilmiş dosya mail adresinize geliyor)
4. Son olarak mailinizi kontrol edin.

• 
• 
• 
• 
•