Dilediğiniz Zaman Arayın Canlı SOHBET Edelim: 
(İlk 5 Dakika Bedava)

Cansu: 008818200818

Esra: 0034951250447

31 Mart 2012 Cumartesi

Renk Kodları


Bu bir eklenti değildir !

Blogger blogunuzda tasarım yaparken gerekli renklere ulaşamıyorsanız , bizim renk kodu üretecimizi kullanabilirsiniz..

Aşağıdaki renk kodu üreticisinden dilediğiniz rengi seçin, altta bulunan Hex değeri seçtiğiniz rengin kodudur..



Blogger Pagerank Butonları Eklentisi


Blogger Pagerank Butonları Eklentisi

Blogger blogunuza pagerank butonu eklemek istermisiniz , bu butonlar yardımı ile pagerankınızı ziyaretçilerinize gösterebilirsiniz..

Aşağıdan beğendiğiniz göstergeyi , gadget ekle seçeneği ile blogunuza ekleyebilirsiniz..



PageRank Image
PageRank Image
PageRank Image
PageRank Image
PageRank Image
PageRank Image
PageRank Image
PageRank Image
PageRank Image
PageRank Image



<<< Bu Yazı için Arama Sonuçları >>>

Blogger Pagerank Butonları , Blogger Pagerank Butonları eklentisi , Blogger Pagerank Butonu , Blogger Pagerank Butonu ekle , Blogger Pagerank Butonları ekle , pagerank buton , pagerank buton kodları , Blogger Pagerank Butonları kodu

Açılan Kalp Şeklinde Sosyal Paylaşım Butonları

Şu ana kadar gördüklerinizden çok farklı bir sosyal paylaşım butonu eklentisine hazırmısınız? Görsel açıdan oldukça orijinal olan bu eklentinin özellikleri şöyle:

 

Orijinal Efektli Sosyal Paylaşım Butonları

 

Blounuzda belirlediğiniz pozisyonda sabit, asılı kalan bir kalp ikonu var.Kalbin üzerine geldiğinizde güzel bir slide efektyle ikiye ayrılıyor ve içinden sosyal paylaşım butonları.O an blogunuzda hangi sayfa açıksa, bu butonlar ile içinde bulunduğuuz sayfayı sosyal medya paylaabiliyorsunuz.Aşağıdaki video size bu eklentiyi daha iyi açıklayacaktır.

 

 

Bu eklentiy blogunuza eklemek için öncelikle aşağıdaki kodu şablonunuzun </head> kodundan önce ekleyin.

 

<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({publisher: &quot;ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee&quot;, onhover:false}); </script>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>

 

İkinci olarak ise aşağıdaki kodları şablonunuzun </body> kodundan önce ekleyin.

 

<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareHeart'/>
</div>
<script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareHeart&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;pinterest&#39;,&#39;linkedin&#39;,&#39;stumbleupon&#39;,&#39;email&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareheart&#39;});</script>

 

Kodlarda hiç bir değişiklik yapmannıza gerek yok.

30 Mart 2012 Cuma

Reklam / Link Degisim


Bizimle Link Değişimi Yapmak istermisiniz ?

Eklentileri.blogspot.com , link partnerleri arıyor , sitemizin sağ üstünde 3 adet 128x128 boyutlarında sitenize ait logo resim vb.. ile sitenizi tanıtmak istermisiniz ?

Link değişimi için istediğimiz bir kaç mevzu var, eğer bunlara uyduğunuzu yada uyacağınızı düşünüyorsanız bizimle link değişimi yapabilirsiniz..

Link Değişimi için isteklerimiz..

1- Alexa sıralamasında en fazla 1.000.000
2- Sitenizde ana sayfanız açıldığında bize yer ayırabileceğiniz en az 128x128 boyutlarında logomuz. 
3- içeriği güncel bir siteniz olması



Eğer bu koşullara uyduğunuzu düşünüyorsanız bizimle eklentileri.blogspot@gmail.com adresinden iletişim kurunuz...Atılan maillere en geç 2 gün içinde dönüş yapacağız.


 

 

Blogger Yorum Kutusuna Arka Plan Ekleme


Blogger Yorum Kutusuna Arka Plan Ekleme Eklentisi...

Blogger blogunuzdaki yorum kutusunun görüntüsü hoşunuza gitmiyor yada daha hareketlilik kazandırmak istiyorjavascript:void(0);sanız bu eklenti tam size göre..

Blogger yorum kutunuz daha görsel ve renkli hale gelecek..
Aşağıdaki kodu bulun
]]></b:skin>
Bu kodun üstüne aşağıdaki kodları ekleyin

#mybtips-form iframe{
background:#ffffff url(BURAYA RESIM LINKI) repeat;
border:1px solid #ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#ffffff;
width:560px; height:213px !important;
}
#mybtips-form a{
color:#fff;
}


Üstteki işlemi yaptıktan sonra aşağıdaki kodu bulun , blogunuzda 1 veya 2 tane olacaktır..
<div class='comment-form'>
üstteki kodu silip yerine aşağıdaki kodu yapıştırınız..
<div id='mybtips-form'>
Resim linki yazan yere, aşağıdaki resimlerden beğendiğinizin linkini yazıp , o resmi kullanabilirsiniz..DEMO

Floral
Image URL:
http://1.bp.blogspot.com/-TjJflzKETo4/ToB8PzdeWdI/AAAAAAAAAO4/e39aQolo8c8/s1600/238+%25281%2529.jpg



Wire Fence
Image URL:
http://3.bp.blogspot.com/-9J_2sSAD-Wg/ToCAy4hppjI/AAAAAAAAAPM/3FKPo9TZoFU/s1600/153.jpg


Metallic
Image URL:
http://2.bp.blogspot.com/-nvs8ifZy9o8/ToB8Oh9jvoI/AAAAAAAAAO0/fPxeGXUTsG0/s1600/12.png


Stripes
Image URL:
http://1.bp.blogspot.com/-EjBytn8a61c/TxqWnpDhc-I/AAAAAAAAAbw/MNkF1DWrzLg/s1600/152.jpg


Metallic Grid
Image URL:
http://3.bp.blogspot.com/-MayXHtLb8pA/ToCDZM4EUjI/AAAAAAAAAPU/qXueR9EGUks/s1600/115.jpg




<<< Bu Yazı için Arama Sonuçları >>>

Blogger Yorum Kutusuna Arka Plan Ekleme , Blogger Yorum Kutusu , Blogger Yorum Kutusu görsel , Blogger Yorum Kutusu renklendir , Blogger Yorum Kutusu resim ekle , Blogger Yorum Kutusu eklentisi , Blogger Yorum Kutusu eklentileri , Blogger Yorum formu arka plan ekleme , Blogger Yorum formu resmi

29 Mart 2012 Perşembe

Renkli Çizim Şeklinde Sosyal Medya Butonları


Renkli Çizim Şeklinde Sosyal Medya Butonları Eklentisi..

Blogger blogunuzda El çizimi şeklinde renkli sosyal medya butonları kullanmak istermisiniz , Bu blogger eklentisi ile farklı görünümde olan bu sosyal butonlarını kullanmış olacaksınız..

Sosyal paylaş butonları ile , facebook , twitter , rss ve google + sayfalarınızı ziyaretçilerinize tanıtmış olacaksınız..

Demosunu Görmek için TIKLAYIN

Yerleşim > Gadget ekle "HTML/Java Script" seçelim ve aşağıdaki kodu ekleyelim


<style class="text/css">
table
{
border-bottom: 0px solid #E6E6E6;
float: center;
width: 260px;
margin:10px 0 0 3px;
}
.subicons
{
border-right: 1px solid #E6E6E6;
}
.Fadeout {
filter:alpha(opacity=100);
opacity: 1.0;
border:0;
}
.Fadeout:hover{
filter:alpha(opacity=80);
opacity: 0.8;
border:0;
}
</style>
<div class="table">
<table>
<tr>
<td><div class="subicons"><a class="Fadeout" href="
http://www.facebook.com/XXXXX" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="http://3.bp.blogspot.com/-czBbDmQRQhQ/TvCTKhaK4zI/AAAAAAAAAZY/E_fHny3fDBs/s1600/facebook-48.png" /></a></div></td><td><div class="subicons"><a class="Fadeout" href="http://twitter.com/XXXXX" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="http://4.bp.blogspot.com/-k5cV1pvQp4g/TvCTMHqoxZI/AAAAAAAAAZs/hYpUi-qzKaw/s1600/twitter-48.png" /></a></div></td>
<td><div class="subicons"><a class="Fadeout" href="
http://feeds.feedburner.com/XXXXX" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="http://1.bp.blogspot.com/-tANmA_fOkTk/TvCTLg2BGvI/AAAAAAAAAZk/vE6qGJK50t8/s1600/rss-48.png" /></a></div></td>
<td><a class="Fadeout" href="
https://plus.google.com/110875602250977569192/posts" imageanchor="1" target="_blank" rel="nofollow"><img border="0" src="http://3.bp.blogspot.com/-H-LHpGxfe5k/TvCTLL3ovmI/AAAAAAAAAZc/AT2pMexo7RE/s1600/google-48.png" /></a></td>
</tr></table>
</div>
Yukarıdaki kod içinde renkli yazılmış olan yerlere , kendi sayfalarınızın adreslerini yazınız..


<<< Bu Yazı için Arama Sonuçları  >>>

Sosyal medya butonları , Sosyal medya düğmeleri , blogger sosyal buton ekle , blogger için sosyal butonlar , blogger facebook twitter buton , blogger blog sosyal medya eklentisi, Sosyal medya eklentisi

Makale Başlığı Analizi Yaparak Blogunuzun Hitini Arttırın

Serdar Kara'nın Tweeti

 

Serdar Kara’nın tweetinden sonra bu makaleyi yazmaya karar verdim. Misafir yazarlığı desteklediği ve Türkiye’de yaygınlaştırmaya çalıştığı ( Misafir Yazarlık Rehberi ) için ve makalemi kabul ettiği için teşekkür ederim.

 

Blog sahiplerinin ilk hedefi bloglarına gelen ziyaretçi kitlesini gün geçtikçe arttırmak. Hatta Serdar bu konu hakkında bir makale hazırlamıştı, basit ve oldukça etkili 6 tüyo paylaşmıştı. Bende bu konuya destek olmak için bu makaleyi hazırlamaya karar verdim. Bu makalenin sonunda öğreneceğiniz yöntem ile yeni bir makale yazmadan , daha önce dikkatini çekemediğiniz kişilerin dikkatini çekip hiç bir uğraş vermeden blogunuza yeni ziyaretçiler buna bağlı olarak yeni takipçiler kazanacaksınız.

 

Gerekenler

Google Hesabı

Tablolama Programı ( Excel yada benim önerim Google Dökümanlar )

Twuffer Hesabı

 

Önce bu yöntemi hangi makalenize uygulayacağınıza karar vermelisiniz. Bu makale daha önceden birazda olsa rehabet görmüş bir makale olmalı yani yeni gelecek olan insanlar bu makaleyi sevmeli çünkü bu onların blogunuzla ilk izlenimi olabilir ve ilk izlenim çok önemlidir.

 

Ziyaretçilerinizi takipçiye çevirmek istiyorsanız makaleniz de revizyonlara gidebilirsiniz. Mesela makalenin sonuna takipçiniz olması için kişileri harekete geçirici cümleler ekleyebilirsiniz. Makalenizin sonuna abone olma kutusu ekleyebilirsiniz, Sosyal Medya’da paylaş butonlarını ekleyebilirsiniz.

 

Goo.gl sitesine giriş yapıyoruz. Bu site Google’ın tamamen ücretsiz url kısaltma ve takip servisidir. Daha önce Bit.ly yi kullanırım diye düşünmüştüm fakat Bit.ly veri tabanında ki şişmeye karşı aynı linkin bir çok versiyonunu oluşturmuyordu, mesela A linkinin kısalmış hali B linki olsun. Nereden bağlanırsanız bağlanın A linkini kısaltmaya çalıştığınız da size B linkini veriyor. Sisteme üye olursanız C linkini alabilirsiniz fakat bu seferde sadece C linkini veriyor, her link için farklı üyelik açmak büyük külfet bu yüzden bende başka bir yöntem denedim, işe de yaradı ama sadece WordPress kullanıcıları bu yöntemi kullanabilirdi. BlogHocam’ın takipçi kitlesi sadece WordPress değil bir çok platformu kullanan bloggerlardan oluştuğu için bu yöntemi de atladım ve Goo.gl ile yola devam etmeyi tercih ettim.

Bu yöntemde kullanacağınız makaleniz çok uzun olmamalıdır 300-500 kelime arasında olması iyidir neden diye soracak olursanız: Ziyaretçilerin bir bölümü blogunuza ilk defa girecek olabilir bu yüzden onları sıkmamalısınız , elbette istediğiniz uzunlukta makale yazabilirsiniz mesela benim en uzun makalem 1300 kelimelik “ En Detaylı Anahtar Kelime Analizi Rehberi “ fakat en çok ilgi alan ve en çok yorum alan makalemde bu. Benim tabirimle “Çerez Makale” seçmelisiniz. Çerez Makale , insanları sıkmayacak uzunlukta, gündemi baz alan ve takipçi kitlesine yararı olan makaledir. Makalenize karar verdiğinize göre 2. aşamaya geçebiliriz.

 

Şimdi makaleyi baştan sona 2-3 kere okuyun ve makalenizin alabileceği diğer başlıklara karar verin. Şimdi ki hedefimiz arama motorları değil sosyal medya ve biliyorsunuz ki sosyal medya’da “ İLGİ “ kazanır. Makalenize yeni başlık belirlerken şu soruları sorabilirsiniz:

 

Makaleniz hangi sorulara yanıt veriyor ?
Makale başlığını soru şeklinde belirleyebilirsiniz: - Ayda 1000$ Gelirli Niche Site Kurmak İster misiniz ?  

 

Makalenizi maddeler halinde yazmak isteseydiniz kaç maddeden oluşurdu ? 
İnsanlar listeleri okumaya bayılırlar :) - 10 Adımda Niche Site Kurma Rehberi  

 

Makaleniz günümüze uygun mu ? 
İnsanlar güncel bilgilere daha çok ilgi gösterir - 2012 Niche Site Kurma Rehberi  

 

Makalenizde gizli yöntemler var mı ? 
Herkes başkaları tarafından bilinmeyen gizli bilgilerin cazibesinin farkındadır. - Niche Sitelerden Para Kazanmanın Gizli Yolları  

 

Makaleniz de görsel veya video kullandınız mı ? 
1 görsel 1000 söze bedeldir. İnsanlar okumak yerine izlemeyi veya dinlemeyi tercih eder   - Niche Site Rehberi [ Videolu Anlatım ]  

 

Makalenizin EN ‘i yada İLK i var mı ?
En yada İlk olan şeyler insanların daha çok ilgisini çeker ve sosyal medyada daha çabuk yayılır - Türkiye’nin İlk Niche Site Rehberi - En Çok Tercih Edilen Niche Site Rehberi  

 

Hepsini bir arada kullanmakta işe yarıya bilir
- 10 Gizli Adımda En Kazançlı Niche Siteyi Oluşturmak [ Videolu Anlatım / 2012 ]

Tabi ki başlık seçiminin en önemli noktası, makalenizin başlığın altında yatan anlamı tamamen karşılaması eğer makale içerik olarak başlığı karşılayamıyorsa ziyaretçinin size olan güveni kırılacaktır.

 

Tercih ettiğiniz tablolama programına hazırladığınız makale başlıklarını alt alta gelecek şekilde kaydedin.

 

Google Dökümanlar ile Makale Analizi

 

Goo.gl sitesine giriş yapıyoruz. Bu site Google’ın tamamen ücretsiz url kısaltma ve takip servisidir. Daha önce Bit.ly yi kullanırım diye düşünmüştüm fakat Bit.ly veri tabanında ki şişmeye karşı aynı linkin bir çok versiyonunu oluşturmuyordu, mesela A linkinin kısalmış hali B linki olsun. Nereden bağlanırsanız bağlanın A linkini kısaltmaya çalıştığınız da size B linkini veriyor. Sisteme üye olursanız C linkini alabilirsiniz fakat bu seferde sadece C linkini veriyor, her link için farklı üyelik açmak büyük külfet bu yüzden bende başka bir yöntem denedim, işe de yaradı ama sadece WordPress kullanıcıları bu yöntemi kullanabilirdi. BlogHocam’ın takipçi kitlesi sadece WordPress değil bir çok platformu kullanan bloggerlardan oluştuğu için bu yöntemi de atladım ve Goo.gl ile yola devam etmeyi tercih ettim.

 

Bit.ly’den Vazgeçmek İsteyemenlere WordPress Yöntemi

 

WordPress’te konu linklerinin sonuna “/” getirdikten sonra sayısal değer girerseniz wordpress bu sayısal değerleri algılamadan sizi konuya gönderiyor. Alfabetik değer girerseniz işler değişir.

 

Örneğin : .com/niche-site-rehberi/1 , .com/niche-site-rehberi/2 , .com/niche-site-rehberi/5123 aynı yere giderken .com/niche-site-rehberi/a , a ile başlayan son yazıya gitmekte. Bu yöntemi kullanarak bit.ly ile işlerinizi yürütebilirsiniz.

 

Goo.Gl ile seçtiğiniz makalenin linklerini oluşturun ve tablolama programında her makalenin karşısına 1 tane gelecek şekilde sıralayın.

 

Twuffer Kullanımı

 

Şimdi işi otomatikleştirmeye geldi. Twuffer.com’a giriyoruz ve Twitter hesabımızla giriş yapıyoruz. Twuffer uygulaması bizim istediğimiz günde ve saate otomatik olarak tweet gönderen yazılımdır. Şimdi makale başlıklarını ve başlıklara atanmış linkleri bir bir Twuffer’a yerleştireceğiz. Şunu unutmayın 2-3 günde bir makale analizi için tweet atın eğer takipçileriniz sürekli aynı konuyu paylaştığınızı görürse bundan rahatsız olabilir bu yüzden 2-3 günde bir kere ve farklı saatlerde tweet atın her günün ve saatin kitlesi farklı olur.

 

Twuffer uygulaması ile gönderilecek tweetlerinizi ayarladığınıza göre artık yapmamız gereken tek şey beklemek ve istatistikleri değerlendirmek. 1-2 aylık bir plan yaptığınızı varsayarsak yaklaşık 2 ay sonunda makaleniz için en doğru başlığı tespit etmiş olacaksınız ve makalenizin başlığını değiştirebileceksiniz peki bu size ne fayda sağlayacak. Unutmayın ki sosyal medya’da ipler sizin eliniz de değil siz uyurken ,yemek yerken veya gezerken insanlar sizin makalelerinizi paylaşabilir. İnsanlar sizin makalelerinizi paylaşırken en ilgi çekici olan başlıkla paylaşacaklar böylece makalenizin viral etkisi maksimuma ulaşmış olacak.

 

Anlamadığınız her hangi bir yer, sistemle ilgili bir sorun yada öneriniz varsa lütfen makalenin altına yorum bırakarak bana ulaşın.Sosyal medyada da beni yanlız bırakmazsanız sevinirim :)

 

Yazar Hakkında: Bu yazı, internetten para kazanmak, blog yazarlığı ve dijital pazarlamayla ilgilenen ve içerik üreten Batuhan ŞASI tarafından yazılmıştır. Yazarın diğer yazılarını kendi blogu olan Affiliate Hocası’ndan okuyabilirsiniz.

28 Mart 2012 Çarşamba

Blogger Admin / Yazar Yorumlarını Farklı Renkte Gösterme


Blogger Admin / Yazar Yorumlarını Farklı Renkte Gösterme eklentisi

Blogger blogunuzda yazılarınıza yapmış olduğunuz kendi yorumlarınızın farklı renkte gözükmesini istermisiniz ?

Bu Blogger eklentimizde , yorumlarınız farklı gözükecek , sayfanıza giren ziyaretçiler yorumlarınızı daha net seçecek..Kullanışlı bir eklenti olduğunu düşündüğümüz Blogger Admin / Yazar Yorumlarını Farklı Renkte Gösterme eklentisini sizde blogger'e eklemek için aşağıdaki yolları uygulayınız..
]]></b:skin>
Yukarıdaki kodu bulun ve hemen üstüne aşağıdaki kodları ekleyiniz.
.comment-body-author { 
background: #00BBF1; /* Arkaplan resmi*/
color: #000000; /* Yazı rengi*/
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px; /* Yorumunuzun posizyonunu ayarlar*/
}
üstteki işlemi yaptıktan sonra aşağıdaki işleme geçin..
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>


<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>




<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>

</b:if>

Burası biraz karışık ama eminim yapacaksınızdır , yukarıdaki kırmızı olan kodlar bizim eklememiz gereken kodlardır , diğerleri zaten blogunuzun kodlarında mevcut , biraz uğraşarak bu kodları bulun ve kırmızı olan kodları yukarıdaki gibi ekleyiniz..Demosunu şuan zaten blogumuzda kullanıyoruz , Göremeyenler için LİNK


<<< Bu Yazı için Arama Sonuçları  >>>

Blogger yazar yorumları , Blogger yazar yorumlarını renklendirme , Blogger yazar yorumlarını farklı renklerde gösterme , Blogger yazar yorumlarını biçimlendirme , Blogger yazar yorumlarına renk verelim , Blogger admin yorumları , Blogger admin yorumlarını renklendirme , Blogger kullanıcı yorumları , Blogger yorumları , Blogger yorumları renklendirme

Blogger 404 Sayfası Oluşturma


Blogger 404 Sayfası Oluşturma eklentisi

Blogger blogunuzda 404 içerik bulunaması eklentisini kullanmak istermisiniz ? 404 sayfamız , blogunuzda daha önceden yayınlamış olup daha sonra sildiğiniz konuları yada , sayfanızı ziyaret eden kullanıcıların yanlış adres araması sonucunda karşılarına çıkacak sayfadır..

Malum bloggerin orjinal 404 içeriği hiç iyi değil , Blogger 404 Sayfası Oluşturma eklentisini kullanmak için öncelikle aşağıdaki resimdeki sırasıyla 1 - 2 ve 3.cü adımları izleyin..

Açılan kısma aşağıdaki kodu yapıştırınız..
<div class="separator" style="clear: both; text-align: center;">
<a href="http://
eklentileri.blogspot.com" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://1.bp.blogspot.com/-fVhYR_ahXGU/T3OONolBmOI/AAAAAAAABtk/n2thTnZF2LQ/s1600/404.png" width="400" title="Ana Sayfaya gitmek için TIKLAYIN"/></a></div>

Kod içinde kırmızı ile geçen , eklentileri.blogspot.com yerine kendi blog adresizi yazınız ve değişiklikleri kaydet butonuna basınız...artık Blogger için 404 sayfanız hazır...Demo için Tıklayınız..

27 Mart 2012 Salı

En İyi 5 Online Resim Editörü

Bir blogcunun sahip olması gereken becerilerden birinin resim düzenlemek olduğunu şu yazımda belirtmiştim.Gerek blogunuzun tasarımında, gerek blog yazılarınızda, gerekse sosyal medyada Photoshop veya Gimp gibi resim düzenleme proggramlarını kullanmak çok işe yarayabiliyor.Eğer Photoshop veya Gimp gibi programları kullanmak zor geliyorsa çevrimiçi resim düzenleyici şu araçlar size ilaç gibi gelecektir.

 

1. Splashup

 

Splashup

 

Kolay kullanımı, profesyonel özellikleri ve agerçek zamanlı çalışma özelliği ile oldukça güçlü bir resim düzemleme aracı.Tüm tarayıcılarda çalışması, sosyal medya  platformlarıyla ilişkilendirilebilmesi ve kendi dosya uzantısı sayesinde yarım kalan işlerinizi kaydedip daha sonra tdevam edebilme imkanı vermesi Splashup’ın öne çıkan özellikleri. [ http://splashup.com/ ]

 

2. Picnik

 

Picnik

 

Mac, Windows ve Linux’te çalışan, tek tıklamayla redüzenleme yapabileceğiniz, gerçek zamalı olarak crop, resize, rotate gibi işlemler yapabildiğiniz, hızlı ve basit bir resim düzenleme aracı.Resimlreinize onlarca özel efekt ve hazır, eğlenceli şekiller eklenebilmesi bu aracın en güzel özellikleri. [ http://www.picnik.com/ ]

 

3. FotoFlexer

 

FotoFlexer

 

Profesyonel fotoğraf düzenleyicilerdeki çoğu işlemin oldukça basit bir arayüzle kullanıma sunulduğu harika bir araç.Fotoğraflarınıza tek tıkla efekt verebilir, çeşitli şekiller ve doodle’lar ekleyebilir, zengin font seçeneği ile profesyonel görünümlü yazılar ekleyebilirsiniz. [ http://fotoflexer.com/ ]

 

4. Pixlr

 

Pixlr

 

Hem arayüzü hem de özellikleriyle Photoshop programının online versiyonu diyebiliriz.Onlarca filtre ve katman özelliğinin yanı sıra Photoshop’a ait .psd uzantılı dosyaları açabilmesi sayesinde kısa sürede çok geniş bir kullanıcı kitlesi oluşturdu. [ http://pixlr.com/ ]

 

5. BeFunky

 

BeFunky

 

Resmlerinize tek tıkla tam 147 farklı efekt verbileceğiniz bir araç.Resim ve renk efektlerinin yanı sıra resimlerinize kolayca konuşma balonları, çerçeveler, çeşitli şekil ve clipartlar ekleyebilirsiniz. [ http://www.befunky.com/ ]

Yorum Gönder Yazısı Yerine Resim Eklemek



Yorum Gönder Yazısı Yerine Resim Eklemek

Blogger blogunuzda bulunan yorum gönder yazısı yerine resim eklemek istermisiniz ? aşağıda yer alan kodlar yardımı ile , yorum gönder yazısı yerine istediğiniz resimi ekleyebilirsiniz..

Bu sayede yorum gönder formunuz daha şık bir hal alacak..

, Yorum Gönder Yazısı Yerine Resim Eklemek için , aşağıdaki kodu bulunuz..
]]></b:skin>
, Bu kodun hemen üstüne aşağıdaki kodu ekleyiniz..
#comment-post-message {
background:url("
http://1.bp.blogspot.com/-oBBdpsotymw/T3GEp7d3IiI/AAAAAAAABtE/K_5Y7C4Rtco/s1600/yorum.png") no-repeat scroll left top transparent;
height:52px;
margin-bottom:10px;
text-indent:-9999px;
width:485px;
}

, Yapmamız gereken sadece bu kadar , artık yorum gönder yerine resmimiz çıkacak...eğer resmi değiştirmek isterseniz , kırmızı olan yere kendi upload ettiğiniz resim linkini ekleyiniz..

25 Mart 2012 Pazar

Flash Animasyonlu Twitter Kuşu butonu eklentisi


Flash Animasyonlu Twitter Kuşu butonu eklentisi

Bu eklentimizde ziyaretçilerinizin twitter sayfanıza erişebilmesini sağlayan bir buton olucak , butonumuz flash ve hareketli şekildedir , Ön izlemesi için BURAYA tıklayınız , açılan sayfada, sağ tarafta twitter butonunu görebilir ve inceleyebilirsiniz..

Flash Animasyonlu Twitter Kuşu butonu eklentisini blogger blogunuzda kullanmak için , aşağıdaki kodu , gadget şeklinde blogunuza eklemeniz gerekiyor , kod için de bulunan kırmızı XXXXX yazan yere kendi twitter hesabınızı yazmanı unutmayınız..
<object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON0/twitbutton.swf" width="100" height="80"><param name="movie" value="http://www.buzzbuttons.com/BUTTON0/twitbutton.swf" /><param name="allowscriptaccess" value="always" /><param name="menu" value="false" /><param name="wmode" value="transparent" /><param name="flashvars" value="username=XXXXX" /><a href="http://eklentileri.blogspot.com/" title="http://eklentileri.blogspot.com/">http://eklentileri.blogspot.com/</a><embed src="http://www.buzzbuttons.com/BUTTON0/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="100" height="80" menu="false" wmode="transparent" flashvars="username=bloggertoolz"></embed></object>

Popüler Yayınlar Hareketli Zoom Efekti Eklentisi


Popüler Yayınlar Hareketli Zoom Efekti Eklentisi

Bblogger blogunuzda bulunan popüler yayınlar eklentinizi biraz daha canlandırmak istermisiniz ?

Bu eklentimizde , ziyaretçileriniz popüler yayınlarda bulunan resimlerin üzerine fare ile geldiğinde , resimler hareketlik kazanarak büyük hal alır..

Oldukça güzel bir eklenti olduğunu düşündüğümüz Popüler Yayınlar Hareketli Zoom Efekti Eklentisini blogger blogunuza eklemek için aşağıdaki adımları uygulayınız..
]]></b:skin>
Yukarıdaki kodu bulun ve hemen altına aşağıdaki kodları ekleyiniz..
<style type='text/css'>
.PopularPosts ul li {background: none repeat scroll 0 0 transparent;float: left;list-style: none outside none;margin: 5px !important;padding: 0 !important;}
.PopularPosts ul li img {padding:0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;border: 2px solid #CCC;height: 80px;width: 80px;}
.PopularPosts ul li img:hover {border:2px solid #BBB;-moz-transform: scale(1.6) rotate(-1090deg) ;-webkit-transform: scale(1.6) rotate(-1090deg) ;-o-transform: scale(1.6) rotate(-1090deg) ;-ms-transform: scale(1.6) rotate(-1090deg) ;transform: scale(1.6) rotate(-1090deg) ;}
</style>

Yukarıdaki kodu eklediyseniz eklentimiz hazırdır , unutmadan not olarak , eklentinin çalışması için, blogunuzda popüler yayınları eklemiş olmanız gerekmektedir..popüler yayınları yerleşim/gadget ekle/popüler yayınlar sekmesinden ekleyebilirsiniz..Demo için TIKLAYIN....Açılan sayfadaki popüler yayınlar eklentisi üzerinde çalışma şeklini görebilirsiniz.

Özel Yönlendirmeler İle Kendi URL’lerinizi Oluşturun

Geçtiğimiz günlerde Blogger’a eklenen yeni SEO ayarlarını sizlerle paylaşmıştım.Henüz çok yeni olduğu için biraz kurcalayıp ayarlardaki değişiklikleri yaratacağı sonuçları görmeden sizlere detaylı bilgi vermemiştim.Uğraştıkta bu ayarların marifetlerini öğrenmeye başlıyorum ve sizlerle paylaşacağım ilk ipucu özel yönlendirmeler ile ilgili olacak.

 

İlk kontrol ettiğimde özel yönlendirmeleri eski bir yazıyı, aynı konuda ki daha güncel olan başka bir yazıya yönlendirmek için kullanabildiğimizi düşünmüştüm ancak farklı bir şekilde daha kullanabileceğimizi gördüm.Nasıl mı?

 

Özel yönlendirme ayarı sayesinde blogunuz.blogspot.com/sayfa şeklinde özel bir adres oluşturabiliyorsunuz.Bu adrese tıklandığında ise belirlediğiniz her hangi bir sayfaya yönlendirme yuapabiliyorsunuz.Hemen bir örnekle açıklayayım.

 

Test blogum için bir iletişim sayfası oluşturdum ve adresi şu şekilde:

http://bloghocamtest.blogspot.com/p/iletisim-formu.html

 

Ancak ben bu adresi çok uzun ve karışık bulduğum için http://bloghocamtest.blogspot.com/serdar yazdığımda iletişim sayfasının açılmasını istiyorum.

 

Bunun için güncellenmiş Blogger arayüünde Ayarlar > Arama tercihleri > Özel Yönlendirmeler‘i açıyorum ve yeni yinlendirme oluşturuyorum.

 

Özel Yönlendirme

 

Kaynak: /serdar

Hedef: /p/iletisim-formu.html

 

Bu şekilde ayarladıktan sonra kaydediyorum.Artık tarayıcının adres satırına http://bloghocamtest.blogspot.com/serdar yazdığımda otomatik olarak iletişim sayfası açılacak.

 

Blogger’da etiketlere ait URL’ler bildiğiniz gibi çok uzun.Özellikle o konuda çok işimize yarayacağını düşünüyorum.

24 Mart 2012 Cumartesi

Akıllı Popup: Facebook Beğen Kutusu Ve E-Posta Abonelik Formu

Daha önce paylaştığım Facebook popup’ın her sayfa yenilendiğinde açılmasının ne kadar sıkcı bir durum olduğundan ve buna bir çözüm aradığımdan bahstmiştim.Sonunda güzel ve akıllı bir popup buldum.Hemen bu akıllı popup’ın  marifetlerinden bahsedeyim.

 

Akıllı Popup: Facebook Beğen Kutusu Ve E-Posta Abonelik Formu

 

Öncelikle başlıkta neden akıllı dediğimi söyleyeyim.Bu popup; ziyaretçileri çerezler yardımıyla tanıyor ve aynı ziyaretçiye bir kez gözüktükten sonra X gün süreyle gözükmüyor ( kaç gün olacağını siz belirleyebiliyorsunuz ). Popup pencerede resimde gördüğünüz gibi Facebook sayfanıza ait beğen kutusu ve altında Feedburner ile e-posta abonelik formu var.Bu popup hem Facebook sayfanızı beğenenlerin sayısını, hem de e-posta takipçilerinizin sayısını arttıracaktır.Popup’ın demosunu görmeniz için oluşturduğum videoyu izleyebilirsiniz. ( Videoda Facebook beğen kutusunun biraz geç yüklendiğini göreceksiniz.Sebebi; videoyu oluşturmak için popup’ı test ettiğimde bağlantımın yavaş olması.)

 

 

 

Blogunuza Ekleyin

 

Popup’ı blogunuza eklemek için gerekli kodlar uzun olduğu için buraya yazamadım.Onun yerine şuraya yükledim.Kodları kopyalayıp HTML/JavaScript gadet olarak blogunuza ekledikten sonra şu kısımları değiştirin:

 

  • var fifteenDays = 1000*60*60*24*30;  burada 30’un anlamı popup aynı ziyaretçiye kaç gün sonra gözükecek?
  • <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fbloghocam&amp;width=300… şklinde uzayıp giden bölümdeki bloghocam yerine kendi Facebook sayfanızın kullanıcı adını yazın.
  • onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=bloghocam', 'popupwindow', 'scrollbars=yes,width=550,height=520') buradaki bloghocam yerine kendi feedburner id’nizi yazın.
  • <input value="bloghocam" name="uri" type="hidden" /> buradaki bloghocam yerine de kendi feedburner id’nzi yazın.

Bu popupı blogunuzda 1 kez denedikten sonra tekrar bloga girdiğinizde sizi tanıyacağı için gözükmeyecektir.İkinci kez test etmek istiyorsanız bilgisayarınızdaki çerezleri silin.

23 Mart 2012 Cuma

Blogger Yaprak Şeklinde Paylaş Butonları


Blogger Yaprak Şeklinde Paylaş Butonları

Bu eklentimiz yazılarınızın altına yaprak şeklinde paylaş butonları ekler , böylece ziyaretçileriniz yazılarınızı/konularınızı paylaşabilirler..

Blogger Yaprak Şeklinde Paylaş Butonlarını blogger blogunuza eklemek için aşağıdaki yolu uygulamanız yeterli..

Öncelikle aşağıdaki kodu bulunuz
<data:post.body/>
Hemen altına aşağıdaki kodu ekleyiniz ve kaydediniz..
<div style='clear:both; '>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src='http://4.bp.blogspot.com/_4HKUHirY_2U/SyEC0tRe5AI/AAAAAAAAAhc/ciTNFYbdI6c/StumbleUpon.com.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Delicious' src='http://4.bp.blogspot.com/_4HKUHirY_2U/SyECZRarefI/AAAAAAAAAgU/e9uAMhzzntI/del.icio.us.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='http://3.bp.blogspot.com/_4HKUHirY_2U/SyEC3Z8WPTI/AAAAAAAAAhk/jPoVuoRZkfY/Technorati.com.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='http://2.bp.blogspot.com/_4HKUHirY_2U/SyEC5xCTZzI/AAAAAAAAAhs/mGoEuPNumYY/Twitter.com.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Digg' src='http://4.bp.blogspot.com/_4HKUHirY_2U/SyECgX6zBRI/AAAAAAAAAgk/h74cmytw61U/Digg.com.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' src='http://4.bp.blogspot.com/_4HKUHirY_2U/SyECjY9DWwI/AAAAAAAAAgs/jfJ840a7a4U/Facebook.com.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://reddit.com/submit?&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Reddit' src='http://1.bp.blogspot.com/_4HKUHirY_2U/SyECostHsxI/AAAAAAAAAg8/2fuBDMI8_YI/Reddit.com.png' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='external nofollow' target='_blank'><img alt='Feed' src='http://2.bp.blogspot.com/_4HKUHirY_2U/SyECu07nS9I/AAAAAAAAAhM/Lnd4RvAbcCc/RSS.png' style='padding:0;margin:0;border:none;'/></a>
</div>
</div>

Blogger Fare Kar Efekti


Blogger Fare Kar Efekti

Bu eklentimizde resimde gördüğünüz gibi, blogunuzda fareyi hareket ettirdikçe kar efektine benzer şekiller farenizin ardından süzülecektir..

Demosunu Görmek için TIKLAYIN

Blogger Fare Kar Efekti için aşağıdaki bloguma ekle butonuna basabilir ve blogunuzda kullanabilirsiniz.


22 Mart 2012 Perşembe

Kalp şeklinde açılır paylaş butonları ( Bookmarking )


Kalp şeklinde açılır paylaş butonları ( Bookmarking )

Bu eklentimizde blogger blogunuzun sol altında üzerine gelince açılan kalp şeklinde paylaş eklentimizi blogunuza nasıl ekliyeceğinizi anlatacağız..

Öncelikle demosunu görmek için TIKLAYIN..açılan sayfanın sol altında eklentiyi görebilirsiniz..

Kalp şeklinde açılır paylaş butonları ( Bookmarking ) eklentisi için aşağıdaki kodları blogunuza ekleyip , sizde bu eklentiyi kullanabilirsiniz.
Öncelikle aşağıdaki kodumuzu buluyoruz
</head>
Bu kodun hemen altına aşağıdaki kodu ekliyoruz..
<!-- Start Heart Bookmarking Gadget Code From http://eklentileri.blogspot.com/ -->
<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({publisher: &quot;ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee&quot;, onhover:false}); </script>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>
<!-- End Heart Bookmarking Gadget Code From http://eklentileri.blogspot.com/ -->




Yukarıdaki işlemi yaptıktan sonra bu kodu buluyoruz
</body>
Bu kodun hemen altına aşağıdaki kodumuzu ekliyoruz ve kaydediyoruz , artık sizde Kalp şeklinde açılır paylaş butonları ( Bookmarking )eklentisine sahipsiniz.
<!-- Start Heart Share Code From http://eklentileri.blogspot.com/ -->
<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareHeart'/>
</div>
<script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareHeart&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;pinterest&#39;,&#39;linkedin&#39;,&#39;stumbleupon&#39;,&#39;email&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareheart&#39;});</script>
<!-- End Heart Share Code From http://eklentileri.blogspot.com/ -->

Blogger Flash Saat Takvim Eklentisi


Blogger Flash Saat Takvim Eklentisi

Blogunuzda flash saat ve takvim kullanmak isterseniz bu saatleri blogunuza ekleyebilirsiniz...

3 farklı saat seçeneğinden beğendiğinizi aşağıdan ön izleyebilir ve bloguma ekle butonu yardımı ile blogunuza hemen ekleyebilirsiniz..








NOT ; Blogunuza ekledikten sonra , yerleşim kısmından istediğiniz yere taşıyabilirsiniz eklentiyi..

Yeni Arama Tercihleri İle Blogger’da SEO Daha Kolay

Google’dan Blogger kullanıcılarına iyi haberler gelmeye devam ediyor.Son olarak “Arama tercihleri” ayarları kumanda paneline eklendi.Blogger’ın bu yeni özelliği sayesinde meta etiketleri, robots.txt dosyası, yönlendirmeler, 404 hata sayfaları ve görseller için alt etiketleri daha kolay yönetilebilecek.

 

Güncellennmiş Blogger arayüzünde Ayarlar > Arama tercihleri bölümünde bulabileceğiniz yeni özellikler şunlar:

 

Açıklama: Arama sonuçlarında blog başlığının altında gözükmesini istediğiniz açıklamayı buradan değiştirebilirsiniz.Maksimum 150 karakterlik kısa bir açıklama yazmalısınız.

 

Açıklama

 

404 Hata Sayfası: Blogunuzda silinen bir sayfaya gidildiğinde görüntülenen Blogger’ın sıradan hata sayfası buradan değiştirebilirsiniz.

 

404 Hata Sayfası

 

Yönlendirme: Bu özellik sayesinde blogunuzdaki bir sayfayı başka bir sayfaya kolayca yönlendirebilirsiniz.

 

Yönlendirme

 

Robots.txt: Bu dosya arama motoru botlarının blogunuzda nasıl hareket edeceklerini gösteren çok önemli bir dosyadır.Önceden tüm Blogger bloglarının robots.txt dosyası aynıydı ve dışarıdan müdahele şansı yoktu.Artık bu konuda uzman kişiler robots.txt dosyasını düzenleyerek arama motoru botlarını istedikleri gibi yönlendirebilecekler.

 

Robots.txt

 

Robot Başlık Etiketleri: Arama motoru botlarının ana sayfada, arşiv sayfasında, arama sonuçları sayfasında, kayıt sayfalarında ve statik saygfalarda nasıl davranacaklarını bu bölümden ayarlayabilirsiniz.

 

Robot Başlık Etiketleri

 

Her Kayıt için Ayrı Arama Açıklaması: Meta description dediğimiz arama açıklamasını her kayıt için ayrı ayrı ayarlayabilirsiniz.Yeni kayıt oluşturma sayfasında, sağ tarafta Arama Açıklaması bölümünden o kayda ait arama açıklamasını ayarlayabilirsiniz.

 

Her Kayıt için Ayrı Arama Açıklaması

 

Her Kayıt için Ayrı Robot Etiketleri: Arama motoru botlarınaher kayıt için ayrı komutlar vermek için yine yeni kayıt sayfasındaki sağ tarafta bulunan Özel Robot Etiketleri seçeneğini kullanabilirsiniz.

 

Her Kayıt için Ayrı Robot Etiketleri

 

Görseller İçin Title Ve Alt Etiketi: Yeni kayıt oluştururken yazınıza bilgisayarınızdan bir resim eklediğinizde resmin üzerine tıkladığınızda Properties seçeneğini göreceksiniz.Buradan resme title ve alt etiketleri ekleyerek görsel aramalardan ziyaretçi kazanabilirsiniz.

 

Görseller İçin Title Ve Alt Etiketi

 

Önemli Hatırlatma

Robots.txt ve robot etiketleri ile ilgili ayarlar uzmalık gerektirir.Bilginizden emin değilseniz bu ayarları değiştirmeyin.Blogunuzun arama sonuçlarında hiç gözükmemesine sebep olabilirsiniz.