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

Cansu: 008818200818

Esra: 0034951250447

31 Mayıs 2012 Perşembe

En Çok Yorum Yapılan Yazılar / Konular Eklentisi


En Çok Yorum Yapılan Yazılar / Konular Eklentisi Widget


Blogger blogunuzda , en çok yorum yapılan yazılarınızı göstermek istermisiniz ?


Lafı uzatmadan hemen anlatıma geçelim..

Blogunuzun Yerleşim kısmına girerek Gadget Ekle >> HTML/JavaScript seçeneği ile açılan panele aşağıdaki kodları ekleyin..
<!-- Popular posts with comment eklentileri.blogspot.com -->
<script type="text/javascript">
function getYpipePP(feed) {
document.write('<ol style="">');
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); //to remove comment count delete this line
document.write('</a></li>');
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=
http://eklentileri.blogspot.com
&ShowHowMany=
10
&_id=390e906036f48772b2ed4b5d837af4cd
&_callback=getYpipePP
&_render=json"
type="text/javascript"></script>

<!-- Popular posts with comment eklentileri.blogspot.com -->
Yukarıdaki kodları eklediyseniz , kod içinde geçen ; eklentileri.blogspot.com adresi yerine , kendi blog adresinizi , mavi ile yazılmış olan 10 rakamını değiştirerek göstermek istediğiniz yazı sayısını ayarlayabilirsiniz..



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

En Çok Yorum Yapılan Yazılar , En Çok Yorum Yapılan Yazılar eklentisi , Blogger En Çok Yorum Yapılan Yazılar , En Çok Yorum Yapılan Konular ,En Çok Yorum Yapılan konular eklentisi , Blogger En Çok Yorum Yapılan Konular , Blogger yorum yapılan knouları gösterme , en çok yorum 


30 Mayıs 2012 Çarşamba

Blog Hocam’a Misafir Olmanın Faydaları

Misafir Blogculuk ( Konuk Yazarlık ) kavramı ile ilgili çok yazı yazdım ve yazmaya da devam ediyorum.Hatta daha çok blogcuya ulaşması için  belli başlı bilgileri Pdf formatında hazırladığım E-kitap’ta topladım.Tek amacım dünyadaki blogcular arasında çok yaygın olan bu olguyu ulaşabildiğim tüm blogculara yaymak.

 

Aslında bu konuyla ilgli yazdığım ilk yazılarıma neredeyse hiç reaksiyon almamıştım.İnsanlar benden misafir olmamı istiyorlar ancak kendileri başka bloglara misafir olmaktan kaçınıyorlardı.Zamanla insanların kafasına yatmaya başlamış olsa gerek ki bloguma yayınladığım misafir yazıların sayısı 9’a çıktı.

 

Blog Hocam’a Misafir Olmanın Faydaları

 

Türk blogcular arasında yaygın olan düşünce şu: “Kendi blogum duruken, yazımı neden başka bir blogda yayınlayayım?”.  Şimdi bu soruya ve “Blog Hocam’a neden misafir olayım?”  diye soranlara cevaben bir örnek vermek istiyorum.

 

Örnek olarak bloguma Yeni Blogcular Tarafından Yapılmaması Gereken 10 Şey ve Alexa Değerini Düşürmede Blog Yorumlamanın Etkisi başlıklı 2 adet makaleyle misafir olan Ehl-i Blog’u vereceğim.

 

Bildiğiniz gibi misafir yazı yazdığınızda yazının bir köşesine kendnizi tanıtabileceğiniz 1-2 cümle ve blogunuzun linkini yazarsınız.Ehl-i Blog’da blogum için yazdığı yazıların altına yazıyı kendisinin yazdığını belirtem bir cümle yazarak kendi bloguna link verdi.Peki bu işe yaradı mı?

 

Ehl-i Blog Analytics Raporu

 

Görmüş olduğunuz resim Ehl-i Blog’un Analytics raporlarına ait.Kendisinden rica ettim, o da sağolsun kırmayıp ekran görüntüsünü aldı ve bana gönderdi.Resimde de gördüğünüz gibi Ehl-i Blog bana yazdığı 2 adet yazı sayesinde Blog Hocam okuyucuları tarafından 678 kez ziyaret edilmiş.Sanırım bu resim Blog Hocam’a misafir olanların ziyaretçi trafiğindeki artışın ispatıdır.

 

Blog Hocam’a misafir olmanın faydaları sadece trafik sağlamakla bitmiyor.Ehl-i Blog’un yazdığı yazılardan birine 12, birine de 29 yorum yapılmış.Bu sayede okuyucularla etkileşime geçip sosyal çevresini genişletmesine de yardımcı olmuştur yazdığı yazılar.

 

Ehl-i Blog, Blog Hocam’a yazdığı yazılar sayesinde PageRank’i 4 ve Alexa değeri 140.000 civarında olan bir blogdan çok değerli bir dofollow backlink kazanmıştır. [ Değerleri Kontrol Et ]

 

Blog Hocam’a misafir olmanın faydalarını kanıtlarıyla gördünüz.Önümüzdeki günlerde dğer misafir yazarların da nasıl fayda sağladıklarını gösteren ekran görüntülerini paylaşacağım.

 

Blog Hocam, kurallara uygun yazılan her yazıya açıktır.Siz de Ehl-i  Blog ve diğer misafir yazarlar gibi Blog Hocam’a misafr olmak ve blogunuza değer katmak istiyorsanız dkikkat edilmesi gerekenleri okuyun, yazınızı yazın ve bloghocam@gmail.com adresine gönderin.

29 Mayıs 2012 Salı

En Çok Yorum Yapanlar Eklentisi


Blogger En Çok Yorum Yapanlar Eklentisi Widget

Blogger blogunuzda , en çok yorum yapanları göstermek istermisiniz ?


Bu eklentimizle , blogunuzun istediğiniz bir yerine ekleyeceğiniz gadget ile , blogunuzda en çok yorum yapan kullanıcıları listeleyecektir..

Blogunuzun yerleşim kısmına girerek gadget ekle >> HTML/JavaScript seçeneği ile açılan panele aşağıdaki kodları ekleyin..
<script type='text/javascript'>
function pipeCallback(obj) {
document.write('<ol>');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');
}
</script>
<script type="text/javascript" src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=918c4b96efdf63fee389f2f025085904&EntertheURL=http%3A%2F%2F
eklentileri.blogspot.com&number=5&Nametobeexcluded=XXXXX"></script>
Yukarıdaki kodlarda dikkat etmeniz gereken ,

      Kırmızı ile yazılmış eklentileri.blogspot.com adresi yerine kendi blog adresinizi

      Mavi renk ile yazılmış 5 yerine , göstermek istediğiniz kişi sayısı

      Siyah ile yazılmış XXXXX yerine ise , görünmesini istemediğiniz kullanıcı adı ( Kendinizin görünmesini istemiyorsanız , kendi kullanıcı adınızı yazabilirsiniz.. )


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

En Çok Yorum Yapanlar Eklentisi , Blogger En Çok Yorum Yapanlar Eklentisi , Blogger en çok yorum yapanlar , Blogger yorum eklentisi , blogger en yorumcular , blogger en fazla yorum yapanlar , Blogger en çok yorum yapanları gösterme


28 Mayıs 2012 Pazartesi

Üzerine Gelince Saydamlaşan Resim Eklentisi


Üzerine Gelince Saydamlaşan Resim Eklentisi Widget

Bu eklentimizde , konu ve yazılarınızda bulunan bir resmin üzerine gelince , resmin saydamlaşmasını sağlayacağız..

DEMO iÇİN AŞAĞIDAKİ RESMİN ÜZERİNE GELİN..



Blogunuzda ,
]]></b:skin>
kodunu bulun , hemen üstüne aşağıdaki kodları ekleyin..
.blur img {filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; border:0;}
.blur:hover img {filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3;border:0;}
Yukarıdaki işlemi yaptıysanız , Bundan sonra yeni yazılarımıza resim eklerken aşağıdaki şekilde eklemek
<a class="blur"> <img alt="resim" border="0" src="http://2.bp.blogspot.com/-842tVynAqOc/T8PfoLSUYQI/AAAAAAAAB80/TqRaXnlfJ8M/s1600/yorum.png" /></a>


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

Üzerine Gelince Saydamlaşan Resim Eklentisi , Resim eklentisi , Blogger resim effekt eklenti , Blogger resim eklentileri , üzerine gelince sis efekti , Blogger Resim üzerine gelince değişen resim eklentisi

Yazı Başlığının Yanına Yorum Balonu Ekleme

Bugüne kadar 2 yazı yazarak bloguma misafir olan Fırat Yalçın temasını düzenlerken zaman zaman benden küçük yardımlar rica etmişti.Bunlardan biri de yazı başlığının yanında, o yazıya ait yorum sayısını bir yorum balonu içerisnde göstermekti.Bu detayın diğer arkadaların da işine yarayabileceğini düşündüm ve blogda yazmaya karar verdim.

 

Yazı Başlığının Yanında Yorum Balonu Ekleme

 

Öncelikle yorum balonunun görünümünü ve pozisyonunu belirttiğimiz stil kodları ekleyelim.Bunun için şablonunuzda ]]></b:skin> kodunu bulun ve hemen üstüne aşağıdaki kodları ekleyin:

 

.yorumbalonu {
    float: right;
    width: 48px;
    height: 48px;
    background: url(http://icons.iconarchive.com/icons/semlabs/web-blog/48/comment-empty-icon.png) no-repeat;
    font-size: 16px;
    float: right;
    margin-top: -15px;
    margin-right: 2px;
    text-align: center;
    position: float;
    text-align: center;
    padding-top:13px;
}

 

İlkinci olarak şablonunuzdan <b:if cond='data:post.link'> kodunu bulun ve bunu aşağıdaki kodlarla değiştirin.

 

<b:if cond='data:post.allowComments'>
<a class='yorumbalonu' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
</b:if>
<b:if cond='data:post.link'>

 

Şablonu kaydetmeden önce önizleme yapın ve çalışıp çalışmadığını kontrol edin.Eğer yazı başlığının yanında yorum balonu gözüküyorsa şablonu kaydedebilirsiniz.Her hangi bir sorunla karşılaşırsanız yorum bölümünden iletebilirsiniz.Kolay gelsin.

25 Mayıs 2012 Cuma

Renkli, Resimli Ve Kayan Yorumlar Yazma

Bildiğiniz gibi Blogger, yorum formuna dişli yorum özelliğini getirerek güzel bir güncelleme yapmıştı.Ben de daha şık  bir yorum bölümüne sahip olmanız için bu dişli yorumlara stil vermekle ilgili bir yazı yazmıştım.Bu yazımda ise sizlere Blogger yorumlarınıza fark getirecek bir scripti tanıtcağım.

 

Blogunuza ekleyeceğiniz bu Java Script ile yorumlarınızı farklı renklerde yazabilecek, yorum olarak istediğiniz bir resmi gönderebilecek ve marquee dediğimiz kayan yazı şeklinde yorumlar yazabileceksiniz.

 

Öncelikle Java Script kodunu blogunuza eklemeniz gerekiyor.Bunun için şablonunuzdan </body> kodunu bulun ve hemen üstüne aşağıdaki kodu ekleyin.

 

<script src='http://hosting.gmodules.com/ig/gadgets/file/105066904960012479556/nccode.js' type='text/javascript'/>

 

Şimdi gelelim bu scripti nasıl kullanacağınıza.Öncelikle nasıl renkli yorumlar yazacağınızı göstermek istiyorum.Yorumunuzu [co="blue"]Yorumunuz[/co] şeklinde yazarsanız mavi rekte gözükecektir.Blue yazan yeri ingilizce renk isimleri olan red, green, yellow… vs olarak değiştirirseniz yorumunuzun rengi değişecekttir.İşte bir örnek:

 

Blogger Renkli Yorum Yazma

 

Şimdi de yorum olarak bir resim göndermeyi deneyelim.Bunun için kullanmanız gereken tag ise [im]Resim URL’si[/im] şeklinde olacak.Örnek olarak bir yorumda misafir blogculuk kitabımın kapak resmini göndereceğim.İşte sonuç:

 

Blogger Yorum Olarak Resim Gönderme

 

Scriptin son marifeti olan kayan yorum yazma olayı içinse kullanmanız gereken tag [ma]Yorumunuz[/ma] şeklinde.Bunun nasıl çalıştığını gösterecek animasyonlu gif şeklinde bir örnek hazırlayamadığım için kendiniz deneyip görebilirsiniz.

 

Blogger Kayan Yorum

 

Yorum formuna getireceğiniz bu özelliği çok farklı amaçlarla kullanabilirsiniz.Örneğin yorumunuzda özellikle belirtmekistediğiniz ve dikkat çekmesini istediğiniz bir kısmı farklı bir renkte yazabilirsiniz.Ya da yorumda resimli bir ançıklama yapmak istediğinizde resmin adresini vermek yerine resmin kendisini yorum olarak gönderebilirsiniz.

24 Mayıs 2012 Perşembe

Blog altına yada üstüne Kayan Son Yazılar Eklentisi


Blog altına yada üstüne Kayan Son Yazılar Widget


Blogger blogunuza , kayan son yazılar eklentisi istermisiniz ?

Bu eklentimizle , blogunuzun üstüne yada altına , blogunuzda yayınladığınız son yazılarınız sola doğru kayarak listelenecektir..

Demo için BURAYA tıklayınız...

Anlatıma geçelim..

Yerleşim - Gadget Ekle - HTML/JavaScript seçeneği ile açılan panele aşağıdaki kodlarımızı ekliyoruz..
<script type="text/javascript">
var hn_url_blog = "http://eklentileri.blogspot.com";
var hn_jumlah_post = 5;
var hn_warna_latar = "#EEEEEE";
var hn_warna_garis = "#000000";
var hn_posisi = "top";
var hn_tampilkan_judul = true;
var hn_backlink = true;
</script>
<script src=" http://yourjavascript.com/5214025955/headlinenews.js?attredirects=0&d=1 ">
</script>

Yukarıdaki kod içinde geçen eklentileri.blogspot.com adresi yerine kendi blog adresinizi

Kırmızı ile işaretlenmiş 5 sayısı yerine göstermek istediğiniz konu sayısı 

Mavi ile işaretlenmiş top yazısı yerine bottom yazarsanız , üstte değil blogunuzun altında çıkacaktır eklentimiz..


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

Blog altına yada üstüne Kayan Son Yazılar Eklentisi , Blogger Kayan yazı ,Blogger kayan yazı eklentisi , blogger kayan son yazılar, blogger kayan son konular , blogger kayan yazı ekleme


23 Mayıs 2012 Çarşamba

Blogger Nivo Slider Eklentisi


Blogger Nivo Slider Widget

Öncelikle bu eklentinin demosunu BURDAN görebilirsiniz , Aynı zamanda bu slider eklentisini bizde kullanmaktayız , ana sayfamızda görebilirsiniz 

Lafı uzatmadan , Blogger Nivo Slider Eklentisini blogger blogunuza nasıl ekleyeceğinizi anlatalım..

Aşağıda yer alan kodu buluyoruz...
]]></b:skin>
Hemen üstüne , aşağıdaki kodlarımızı ekliyoruz..
/*Start Nivo Slider Css eklentileri.blogspot.com*/
/*
* Copyright 2011, Gilbert Pellegrom
* Free to use and abuse under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* For blogger by - Rahul Ippar @ helperblogger.com
*
* March 2010
*/


/* The Nivo Slider styles */
#slider {
width: 618px;
height: 246px;
}

.nivoSlider {
position: relative;
}

.nivoSlider img {
position: absolute;
top: 0px;
left: 0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border: 0;
padding: 0;
margin: 0;
z-index: 6;
display: none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display: block;
position: absolute;
z-index: 5;
height: 100%;
}

.nivo-box {
display: block;
position: absolute;
z-index: 5;
}
/* Caption styles */
.nivo-caption {
position: absolute;
left: 0px;
bottom: 0px;
background: #000;
color: #fff;
opacity: 0.8;
/* Overridden by captionOpacity setting */
width: 100%;
z-index: 8;
}

.nivo-caption p {
padding: 5px;
margin: 0;
}

.nivo-caption a {
display: inline !important;
}

.nivo-html-caption {
display: none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position: absolute;
top: 45%;
z-index: 9;
cursor: pointer;
}

.nivo-prevNav {
left: 0px;
}

.nivo-nextNav {
right: 0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
position: relative;
z-index: 9;
cursor: pointer;
}

.nivo-controlNav a.active {
font-weight: bold;
}
/*
Skin Name: Pascal Theme
Skin URI: http://nivo.dev7studios.com
Skin Type: fixed
Description: A nice, light skin for the Nivo Slider.
Version: 1.0
Author: Gilbert Pellegrom & Pascal Gartner
Author URI: http://dev7studios.com
*/

.theme-pascal.slider-wrapper {
background: url(http://4.bp.blogspot.com/-JWcB8eD5t9c/T6jVCFjFu9I/AAAAAAAABn4/m0nUTNStCX4/s1600/helperblogger-slider-bg.png) no-repeat;
width: 668px;
height: 299px;
margin: 0 auto;
padding-top: 17px;
position: relative;
}

.theme-pascal .nivoSlider {
position: relative;
width: 630px;
height: 235px;
margin-left: 19px;
background: url(http://3.bp.blogspot.com/-8_SdXQgExvc/T6jU_3y_AZI/AAAAAAAABns/o_t44IAT8oM/s1600/helperblogger-loading.gif) no-repeat 50% 50%;
}

.theme-pascal .nivoSlider img {
position: absolute;
top: 0px;
left: 0px;
display: none;
width: 630px;
/* Make sure your images are the same size */
height: 235px;
/* Make sure your images are the same size */
}

.theme-pascal .nivoSlider a {
border: 0;
display: block;
}

.theme-pascal .nivo-controlNav {
background: url(http://3.bp.blogspot.com/-eENGcnLAvuQ/T6jU_Olkn_I/AAAAAAAABng/iVakuF1qQ_s/s1600/helperblogger-controlnav.png) no-repeat;
width: 251px;
height: 40px;
position: absolute;
left: 200px;
/* Tweak this to center bullets */
bottom: -42px;
padding: 8px 0 0 82px;
z-index: 20;
}

.theme-pascal .nivo-controlNav a {
display: block;
width: 22px;
height: 22px;
background: url(http://2.bp.blogspot.com/-iqnXNTLjVhQ/T6jU-X50mVI/AAAAAAAABnc/SIQefpBfgyQ/s1600/helperblogger-bullets.png) no-repeat;
text-indent: -9999px;
border: 0;
margin-right: 3px;
float: left;
}

.theme-pascal .nivo-controlNav a.active {
background-position: 0 -22px;
}

.theme-pascal .nivo-directionNav a {
display: none;
}

.theme-pascal .nivo-caption {
bottom: 40%;
left: auto;
right: 0px;
width: auto;
max-width: 630px;
overflow: hidden;
background: #fff;
text-shadow: none;
font-family: arial, serif;
color: #4c4b4b;
}

.theme-pascal .nivo-caption p {
padding: 5px 15px;
color: #333;
font-weight: bold;
font-size: 27px;
text-transform: uppercase;
}

.theme-pascal .nivo-caption a {
color: #333;
font-weight: bold;
font-size: 27px;
text-transform: uppercase;
}

.theme-pascal .ribbon {
background: url(http://3.bp.blogspot.com/-eGRNNyhj9s8/T6jVArfnB5I/AAAAAAAABn0/SsM7-ew9JGU/s1600/helperblogger-ribbon.png) no-repeat;
width: 111px;
height: 111px;
position: absolute;
top: -8px;
left: -8px;
z-index: 300;
}
/*End Nivo Slider Css eklentileri.blogspot.com*/
Şimdi ise aşağıdaki kodumuzu buluyoruz.
</body>
Bu kodumuzunda hemen üstüne , aşağıda yer alan kodlarımızı ekliyoruz.
<!--Start Slider Scripts-->
<script src='http://code.jquery.com/jquery-1.6.1.min.js' type='text/javascript'/>
<script src='http://yourjavascript.com/8855314511/jquery.nivo.slider.pack.js' type='text/javascript'/>
<script type='text/javascript'>
$(window).load(function() {
$(&#39;#slider&#39;).nivoSlider();
});
</script>
Üstte yer alan işlemleri yaptıysanız , şablon kısmı ile işimiz bitti , kaydedebilirsiniz..

Şimdi yerleşim kısmına girip , Gadget Ekle >> HTML/JavaScript seçeneği ile açılan panele aşağıda yer alan kodlarımızı ekliyoruz..
<div class="slider-wrapper theme-pascal">
<div class="ribbon"></div>

<div id="slider" class="nivoSlider">

<a href="http://eklentileri.blogspot.com/2012/04/blogger-facebook-yorum-kutusu-ekleme.html"><img src="http://2.bp.blogspot.com/-3n6xnuC4MU8/T5CHSOKTxuI/AAAAAAAAB3I/95bFBP2YxhA/s1600/facebook-yorum-kutusu-eklentisi-ekleme.png" alt="" title="isteğe bağlı yazı" /></a>
<a href="http://eklentileri.blogspot.com/2012/03/blogger-yorum-kutusuna-arka-plan-ekleme.html"><img src="http://4.bp.blogspot.com/-5LDwzbgQtCo/T4ny4qB7xlI/AAAAAAAABzs/16760_0wK4g/s1600/yorum-formu.png" alt="" title="isteğe bağlı yazı" /></a>

<a href="http://eklentileri.blogspot.com/2012/04/yandan-aclr-facebook-ve-twitter-takipci.html"><img src="http://2.bp.blogspot.com/-Y5-jiUUUFUc/T4n2QMiqR-I/AAAAAAAABz8/Tn7gIskOHYg/s1600/takipci.png" alt="" title="isteğe bağlı yazı" /></a>

<a href="http://eklentileri.blogspot.com/2012/03/blogger-admin-yazar-yorumlarn-farkl.html"><img src="http://2.bp.blogspot.com/-Z9pbGzwLM2E/T4n0y1DVXfI/AAAAAAAABz0/DIqMFFwSxoc/s1600/yazar.png" alt="" title="isteğe bağlı yazı" /></a>
</div>


</div>
Yukarıdaki kodlar içinde , kırmızı yerlere resim adresleriniz , mavi yerlere resime tıklayınca gidilmesi gereken adres , siyah kalın yazılmış yerleri ise , resim üstüne yazı eklemek için kullanabilirsiniz ( yazı istemezseniz , boş bırakabilirsiniz.. )

Eklentiyi , aşağıdaki resimde gördüğünüz yere eklemeniz önerilir..


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

Blogger Nivo Slider Eklentisi , Blogger Nivo Slider Widgets , Blogger Slider Eklentisi , Blogger Sliders , Blogger Slider Eklentileri , Blogger Slider Ekleme , Bloga Slider Nasıl Eklenir

Google AdSense Kazancınızı Arttıracak 7 İpucu

Güvenilirliği ve kolay kullanımı sayesinde ülkemizdeki web sitelerinin ilk tercih ettikleri reklam platformu olan AdSense’in çalışma mantığı şu şekildedir: Başvurunuz kabul edildiği taktirde içeriğinizle ilgili reklamları blogunuza yerleştirirsiniz ve ziyaretçileriniz bu reklamlara tıkladıkça kazanırsınız.

Çok kolay gibi gözükse de eğer tek yaptığınız AdSense reklamlarını blogunuza yerleştirip ziyaretçilerin tıklamasını beklemekse elde edeceğiniz kazancın sizi tatmin etmesi mümkün değil.

Google AdSense Kazancınızı Arttıracak İçin 7 İpucu

Google AdSense kazancınızı arttırmak istiyorsanız bazı stratejiler geliştirmeli ve bu işte başarı sağlayan yayıncıların verdiği ipuçlarından faydalanmalısınız.Aşağıda başarılı Google Adsense yayıncılarının verdiği ve AdSense kazancınızı ciddi şekilde arttıracak ipuçlarını bulabilirsiniz.

1. Organik Trafiğe Odaklanın

 
Bir websitesinin sosyal medya, backlinkler veya e-posta bültenleri sayesinde farklı trafik kaynakları olabilir.Ancak söz konusu Google AdSense reklamlarından kazanç elde etmekse sizin için en önemli trafik kaynağı organik trafik yani arama motorlarından gelen trafik olmalıdır.Neden mi?

Arama motorlarından sitenize gelen ziyaretçiler spesifik bir konuyu arıyorlardır ve o konu sizin sitenizde olduğu için arama sonuçlarında siteniz çıkmıştır.Sitenizde gösterilen AdSense reklamları ise o konuyla ilgili olduğuna göre tıklanma ihtimali her zaman çok daha yüksektir.

Organik trafik elde etmenin yolu ise SEO yani arama motoru optimizasyonudur.Bunun için uzmanlardan yardım alabileceğiniz gibi internetteki SEO konulu sitelerde yer alan temel teknikleri uygulayarak ta organik trafiğinizi arttırabilirsiniz.

2. Uzun Anahtar Kelimeleri Hedefleyin

 
Eğer AdSene gelirinizi arttırmak istiyorsanız uzun anahtar kelimeler sizin en iyi dostunuzdur.Uzun anahtar kelimeleri hedefleyerek kısa zamanda organik trafiğinizde ciddi artış sağlayabilirsiniz.Bu yüzden anahtar kelime araştırması yaparken uzun anahtar kelime grupları kullanmaya ve aranma hacmine dikkat etmelisiniz.Bunun için Google AdWords Anahtar Kelime Aracı size yardımcı olacaktır.

3. Tema Tabanlı İçerik Oluşturun

 
Google, blogunuzda gösterilecek reklamları belirlerken sitenizin konusuyla ilgili anahtar kelimeleri hedefler.Eğer Google AdSense kazancınızı arttırmak istiyorsanız spesifik bir tema belirlemelisiniz ve olşturacağınız içerikler bu temanın etrafında şekillenmeli.Kısaca tema tabanlı içerik daha fazla para demektir.

4. Blogunuzu Sürekli Güncelleyin

 
Blogunuzdaki içerik ne kadar fazla ise Google AdSense kazancınızı arttırmak o kadar kolay olur.Bu yüzden her zaman yeni içerik eklemeniz ve sitenizi güncel tutmanız her zaman tavsiye edilir.

5. Reklam Bannerlarının Boyutuna Dikkat Edin

 
Daha büyük boyuttaki reklamların daha fazla ilgi çekmesi kaçınılmazdır.Reklamların boyutunu belirlerken kompakt olmasına ve gözü yormamasına dikkat edin.Yayıncılar arasında en çok kazandırdığı söylenen reklam boyutları 336×280, 300×250 ve 160×600 olarak söylenir ancak diğer boyutları da deneyerek nasıl performans aldınığınızı gözlemlemekte her zaman fayda vardır.

6. Reklam Yerleşimine Dikkat Edin

 
Reklamların blogunuzdaki yerleşimi reklamlarınızın tıklanma oranını büyük ölçüde etkiler.Aşağıda Google AdSense ekibinin yayıncılar için hazırladığı bir şema var.Bu şemada koyu rekli olan bölgelere yerleştirilen reklamların daha fazla kazandırdığı belirtilmiş.

AdSense Reklam YerleşimiŞemadan da anlayacağınız üzere CTR yani tıklanma oranı en yüksek olan yer içeriğinizin hemen üstündeki bölümdür.

7. Renkleri Özelleştirin

 
Eğer metin tabanlı AdSense reklamları yerleştirecekeniz reklamların reklerini özelleştirerek blogunuzla uyumlu hale getirmelisiniz.Google AdSense sizlere çerçeve rengi, arkaplan rengi, link rengi, metin rengi gibi özellikleri değiştirme seçeneği sunar.Bunları özelleştirirken sınırları ve arkaplan rengi olmayan reklamların daha çok tıklandığını göz önünde bulundurun.

Söz Sizde
Google AdSense reklamlarını sitesinde yayınlayanlar, AdSense kazancımızı arttırmamızı sağlayacak bizlere önerebileceğiniz başka tavsiyeleriniz var mı?

21 Mayıs 2012 Pazartesi

Blog Tutan Kişinin Genel Kişisel Özellikleri

Hiç düşündünüz mü kimler blog tutmalı diye? Tabi ki bir sınırlandırma getirmek yanlış olur ama şu da var ki bir insanın blogger olabilmesi için belirli kişilik özelliklerine sahip olması lazım. Arkadaşlarıma diyorum blog tutun çok iyi gelir diye genelde "Amaan! Kim uğraşacak" ya da "Ben direk alır geçerim(yararlanır)" gibisinden tepkiler alıyorum.


Çünkü; herkes blogger olamaz. Aşağıda yazdığım bir bloggerın bence genel özellikleri, bunlar tamamen şahsi düşünceler olup tartışmaya açıktır. Sizde bir şeyler ekleyebilirsiniz.

1-Blog Tutan Kişi, Yardımseverdir

Blogger insanlar çoğu zaman hiçbir çıkarı olmaksızın yardım ederler. Bir konuda birisinin başı sıkışırsa onun sorununu kendi sorunu olarak görür ve çözmek için emek verirler. Hiç tanımamasına ve hiçbir çıkarı olmamasına rağmen.

2- Blog Tutan Kişi , Araştırmacıdır

Tabi ki araştırmacı olmayan bloggerlarda vardır ama genel olarak blog tutan insanlar araştırmayı severler. Her geçen gün bloguna yenilikler yapmak için gezinir dururlar. Başka bir blogda hoşlarına giden bir şeyi kendi bloglarına eklemek için hemen google'da araştırmaya koyulurlar.

Nadir olmakla birlikte bir blogger yazacağı konu hakkında daha önceden araştırma yapar, yazı içeriğini bu sayede geliştirir.

3- Blog Tutan Kişi , Çalışkandır, Üşenmez

Üşense zaten o kadar yazıyı tanımadığı insanlara yardım etmek maksadıyla ya da içini dökmek maksadıyla yazmaz. Çoğu kişiye blog tutmalısın dediğimde "amaan kim yazacak o kadar şeyi" deyip geçiyorlar. Peki diyorum ne deyim :)

4- Blog Tutan Kişi , Çalmaz, Emek Verir

Harbi blogger çok fazla alıntı yapmaz. Katılmadığı, desteklemediği reklamı para kazanacak olsa dahi yayınlamaz. Başka bir siteden bir şeyler alıntılıyorsa kaynağını mutlaka belirtir. Ama dediğim gibi bunu harbi blogcular yapar. Çakma değil.

5- Blog Tutan Kişi  Genelde İçe Dönüktür

Tartışılır ama bir kişi yaşadıklarını çevresiyle konuşmak yerine bloga döküyorsa genelde içe dönüktür ve dış denetimlidir. Tamamen yaşadıkları üzerinden yazan bloggerlar için olabilirlik seviyesi yüksektir bunun. Sadece bir tahmin :)

Son olarak bunların hepsini sağladığını düşündüğüm ve bir sorun olduğunda yardım etmek için elinden geleni esirgemeyen Serdar Kara' ya şahsen teşekkür ediyorum.

Blog arkadaşlığı başkadır, iyi ki varsınız.

Yazar Hakkında:
Bu yazı " Fırat YALÇIN " tarafından "Blog Hocam" için yazılmıştır.

19 Mayıs 2012 Cumartesi

Üzerine Gelince dairesel açılan paylaş butonları eklentisi


Blogger Üzerine Gelince dairesel açılan paylaş butonları widgets

Bu eklentimizde , Blogunuzun sol altında üzerine gelince yada tıklayınca açılan paylaş eklentimizi anlatacağız..

Eklentimizde , pinterest , google+ , twitter , facebook , tumblr ve mail ile paylaş butonları bulunmakta...

Göze hoş gelen bu eklentiyi blogunuzda kullanarak , ziyaretçileriniz blogunuzdaki yazıları kolayca paylaşabilecekler..

Hemen anlatıma geçelim..

Öncelikle Widget Şablonlarını Genişlet kutucuğunu işaretlerek , aşağıdaki kodu buluyoruz..
</body>
Bulduğumuz bu kodun hemen üstüne aşağıda yer alan kodlarımızı ekliyoruz..
<!-- Start Shareaholic Sassy Bookmarks HTML (eklentileri.blogspot.com)-->
<div class="shr_ss shr_publisher">

</div>
<!-- End Shareaholic Sassy Bookmarks HTML (helperblogger.com) -->
<!-- Start Shareaholic Sassy Bookmarks settings -->
<script type="text/javascript">
var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};
</script>
<!-- End Shareaholic Sassy Bookmarks settings -->
<!-- Start Shareaholic Sassy Bookmarks script -->
<script type="text/javascript">
(function() {
var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;
sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);
})();
</script>

<!-- End Shareaholic Sassy Bookmarks script (eklentileri.blogspot.com) -->
Yukarıdaki işlemi yaptıysanız , artık eklentimiz kullanıma hazırdır... DEMO


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

Üzerine Gelince dairesel açılan paylaş butonları eklentisi , Blogger Üzerine Gelince dairesel açılan paylaş butonları eklentisi , Blogger paylaş eklentisi , Blogger paylaş butonları , blogger facebook twitter paylaş butonu


Arama kutusu , Sosyal paylaş ve takip et eklentisi..


Arama kutusu , Sosyal paylaş ve takip et eklentisi..

Bu eklentimizde blogunuzda kullanabileceğiniz , arama kutusu , rss , feedburner (mail) , facebook ve twitter adresleriniz ile yazılarınızı paylaşmak için paylaş butonları bir arada..

Kullanışlı bir eklenti olduğunu düşündüğümüz ,Arama kutusu , Sosyal paylaş ve takip et eklentisini blogunuza eklemek isterseniz aşağıdaki anlatımı takip ederek sizde blogger blogunuza ekleyebilirsiniz..

Arama kutusu , Sosyal paylaş ve takip et blogger widget
</head>
yukarıdaki kodu bulunuz ve hemen üstüne aşağıdaki kodları ekleyiniz
<style type='text/css'> 
.subbox{width:305px;border:0 solid #141414;overflow:hidden}
.addthis_toolbox{padding:15px 0 5px 0;text-align:center}
.addthis_toolbox .custom_images a{width:32px;height:32px;margin:0 4px 0 4px;padding:0}
.addthis_toolbox .custom_images a:hover img{opacity:1}
.addthis_toolbox .custom_images a img{opacity:0.85}
.rssbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.rssbox:hover{border:1px solid #92aed1}
.rssbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.rssbox a:hover{color:#7c8a9b;text-decoration:underline}
.emailsbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.emailsbox:hover{border:1px solid #92aed1}
.emailsbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.emailsbox a:hover{color:#7c8a9b;text-decoration:underline}
.twitterbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.twitterbox:hover{border:1px solid #92aed1}
.twitterbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}&gt;
.twitterbox a:hover{color:#7c8a9b;text-decoration:underline}
.facebookbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.facebookbox:hover{border:1px solid #92aed1}
.facebookbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.facebookbox a:hover{color:#7c8a9b;text-decoration:underline}
#search{width:290px;padding:2px 2px;background:#f7f6f6;border:1px solid #ccd1d7;height:28px;margin-top:0;margin-left:5px;display:inline;float:left}
#search:hover{border:1px solid #92aed1}
#search form{margin:0;padding:0}
#search fieldset{margin:0;padding:0;border:none}
#search p{margin:0;font-size:85%}
#s{width:200px;margin:0 0 0 0;padding:5px 5px 5px 5px;border:none;font:normal 80% &quot;Tahoma&quot;,Arial,Helvetica,sans-serif;color:#000;float:left;background:#f7f6f6;display:inline}
input#searchsubmit{float:right;display:inline;margin:0 0 0 0;height:28px;background:#b2b2b2;color:#000;border:0 solid #222}
</style>

yukarıdaki işlemi yaptıysanız kaydedip çıkın , ardından yerleşim kısmından eklentimizi eklemek istediğiniz yere gadget olarak aşağıdaki kodları ekleyiniz.


<div class="subbox"> 
<div id='search' style='display:inline;'> 
<form action='/search' id='searchform' method='get'> 
<input id="s" name="q" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}" onfocus="if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;;}" type="text" value="Search..." /> 
<input id="searchsubmit" type="submit" value="Search" /> 
</form> 
</div> 
<table><tr> 
<td><div class="rssbox"> 
<a href="http://feeds.feedburner.com/FEEDBURNER-ID" target="_blank" rel="nofollow"><img src="http://2.bp.blogspot.com/_4HKUHirY_2U/TKgvwDojM1I/AAAAAAAADgU/tBRpYkXIVho/rss.png"  alt="RSS Feed" title="RSS Feed" style="vertical-align:middle; margin-right: 5px;border:none;"  /></a><a href="http://feeds.feedburner.com/FEEDBURNER-ID" target="_blank" rel="nofollow">RSS Feed</a> 
</div></td> 
<td><div class="emailsbox"> 
<a href="http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER-ID" target="_blank" rel="nofollow"><img src="http://1.bp.blogspot.com/_4HKUHirY_2U/TKgvv1xjnUI/AAAAAAAADgE/XnHFsRwk1Js/email.png"  alt="EMail Feed" title="EMail Feed" style="vertical-align:middle; margin-right: 5px;border:none;"  /></a><a href="http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER-ID" target="_blank" rel="nofollow">EMail Feed</a> 
</div></td> 
</tr><tr> 
<td><div class="twitterbox"> 
<a href="http://twitter.com/TWITTER-USERNAME" target="_blank" rel="nofollow"><img src="http://2.bp.blogspot.com/_4HKUHirY_2U/TKgvvhhVo_I/AAAAAAAADf8/IE38PfZs7sE/twitter.png"  alt="Twitter" title="Twitter" style="vertical-align:middle; margin-right: 5px;border:none;"  /></a><a href="http://twitter.com/TWITTER-USERNAME" target="_blank" rel="nofollow">Twitter</a> 
</div></td> 
<td><div class="facebookbox"> 
<a href="http://www.facebook.com/FACEBOOK-USERNAME" target="_blank" rel="nofollow"><img src="http://2.bp.blogspot.com/_4HKUHirY_2U/TKgvv-pobaI/AAAAAAAADgM/1wAlSk8_1yY/facebook.png"  alt="Facebook" title="Facebook" style="vertical-align:middle; margin-right: 5px;border:none;"  /></a><a href="http://www.facebook.com/FACEBOOK-USERNAME" target="_blank" rel="nofollow">Facebook</a> 
</div></td> 
</tr></table> 
<p style="display:none;" align="center">Widget by <a href="http://www.ebloggertricks.com/" target="_blank">Eblogger Tricks</a></p> 
<div class='addthis_toolbox'> 
<div class='custom_images'> 
<a class='addthis_button_twitter'><img alt='Twitter' height='32' src='http://2.bp.blogspot.com/_4HKUHirY_2U/TIb9fsSTv4I/AAAAAAAAB90/lJxosSNM6jE/twitter.png' width='32'/></a> 
<a class='addthis_button_delicious'><img alt='Delicious' height='32' src='http://4.bp.blogspot.com/_4HKUHirY_2U/TIb9MH_zqNI/AAAAAAAAB9E/PahHr5GN6dI/delicious.png' width='32'/></a> 
<a class='addthis_button_facebook'><img alt='Facebook' height='32' src='http://2.bp.blogspot.com/_4HKUHirY_2U/TIb9NTh41aI/AAAAAAAAB9U/2RkBR3wbLBY/facebook.png' width='32'/></a> 
<a class='addthis_button_digg'><img alt='Digg' height='32' src='http://4.bp.blogspot.com/_4HKUHirY_2U/TIb9M5a4BZI/AAAAAAAAB9M/xoWTjnPVepc/digg.png' width='32'/></a> 
<a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='http://1.bp.blogspot.com/_4HKUHirY_2U/TIb9e_Kpo-I/AAAAAAAAB9s/1WqjOIz3B_A/stumbleupon.png' width='32'/></a> 
<a class='addthis_button_favorites'><img alt='Favorites' height='32' src='http://2.bp.blogspot.com/_4HKUHirY_2U/TIb9eJ5RTWI/AAAAAAAAB9c/tYvdT6xgaLw/favorites.png' width='32'/></a> 
<a class='addthis_button_more'><img alt='More' height='32' src='http://3.bp.blogspot.com/_4HKUHirY_2U/TIb9egD8XSI/AAAAAAAAB9k/rZY5eofO2SY/more.png' width='32'/></a> 
</div> 
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/> 
</div> 
</div>
Eklediğiniz gadget içinde renkli olarak belirtilmiş yerlere kendi feedburner, facebook ve twitter kullanıcı adınızı yazmayı unutmayınız..

18 Mayıs 2012 Cuma

Blogunuz İçin Anket Oluşturma Rehberi

Okuyucuların size verebilecekleri en önemli şeylerden biri feedback yani geri beslemelerdir.Okuyucularınızın görüşlerini almanın en iyi yollarından biri ise yanıtlarken sıkılmayacakları anketler oluşturmaktır.Bu yazıda anketlerin bloglar için öneminden ve nasıl oluşturacağınızda bahsedeceğim.

 

Blogunuz İçin Anket Oluşturma Rehberi

 

Anketlerin Önemi

 

Okuyucularınızla aranızda kuvvetli bir bağ oluşturmak için okuyucu kitlenizi iyi tanımak ve onları ne tür içeriklerin tatmin edeceğini bilmelisiniz.Bu noktada anketler devreye girer.Oluşturacağınız anketler sayesinde;

  • Blogunuzu kimin okuduğunu (yaş, cinsiyet, lokasyon…)
  • Ne tür içerik ogörmek istediklerini
  • Blogla ilgili yaşadıkları teknik problemleri
  • Tasarım veya kullanılabilirlik tavsiyelerini

öğrenebilirsiniz.Anketler sayesinde elde edebileceğiniz tüm bu bilgiler, blogunuzu gerek tasarım, gerekse içerik olarak geliştirmenize yardımcı olacaktır.

 

Anket Oluturmanın Yolları

 

Blogunuzda anket oluşturmanın bir çok yolu vardır.Burada en kolay anket oluşturma yöntemlerden bahsedeceğim.

 

1. Yorum Bölümü

 

Anket oluşturmanın en kolay yolu blogunuzun yorum bölümünü kullanmaktır.Yeni bir post oluşturarak içerisine sormak istediğiniz soruyu ve varsa cevap seçenekleri yazarak okuyucularınızdan yorum formunu kullanarak sorunuza cevap vermelerini istersiniz.

 

Bu yöntemde okuyucular seçeneklerin dışına çıkarak farklı yanıtlar da verebilirler.Bu bazen istenen, bazen istenmeyen bir durum olabilir.Ayrıca kimin hangi seçeneği tercih ettiği açıkça göründüğünden okuyucularınız yorum yazmaktan çekinebilirler.

 

2. Blogger Anket Gadget’ı

 

Blogger kumanda paneline giriş yaptıktan sonra Yerleşim > Gadget Ekle > Anket yolunu izleyerek Blogger’ın kendi anket eklentisini kenar çubuğunuza ekleyebilirsiniz.

 

Blogger’ın anket eklentisi özeellikleri  ve tasarımı itibariyle oldukça basit ve sade bir eklenti.Bu eklentiyi eklemek çok kolaydır ancak zayıf tasarımıyla okuyucuların dikktatini çekmek biraz zor olabilir.

 

3. Profesyonel Anket Servisleri

 

Görünümü ve özellikleriyle daha profesyonel bir anket kullanmak istiyorsanız sizlere ücretsiz bir servis olan Quizsnack sitesini önerebilirim.Bu sitede oluşturduğunuz anketlerin görünümünü değiştirebilir ve embed özelliği sayesinde yazılarınızın içine gömebilirsiniz.Örnekleri görmek için şuraya bakabilirsiniz.

 

Diğer başlıca ücretsiz anket oluşturma servisleri ise şunlar:

 

- Poll Code
- Survey Monkey
- Blog Polls
- Poll Daddy
- Question Form
- Micro Poll

 

Anket Oluştururken Dikkat Edilmesi Gerekenler

 

Etkili bir anket oluşturmak ve oluşturduğunuz anketten veril almak için bazı noktalra dikkat etmelisiniz.Blogunda anket oluşturacaklara tavsiyelerim şunlar:

 

  • Anketi oluşturmadan önce bir hedef belirleyin.
  • Anket sorunuz kısa ve net olsun.
  • Seçenekler anlaşılır olsun.İnsanların kafalarında soru işareti bırakmasın.
  • Anket süresini iyi ayarlayın.1 hafta zaman aralıı idealdir.
  • Anket sonucunu bir blog yazısıyla okuyucularınıza duyurun.

Anketlerle ilgili söyleyeceklerim şimdilik bu kadar.Önümüzdeki günlerde Blog Hocam’da bazı anketler yayınlamayı ve Blog Hocam’ın gidişatını bu anketlerin sonuçlarına göre belirlemeyi düşünüyorum.O anketleri oluşturduktan sonraedneceğim tecrübeleri başka bir blog yazısıyla sizlere paylaşırım.

16 Mayıs 2012 Çarşamba

Yazının Bir Bölümünü Şifreyle Koruyun

Stumbleupon’u duymuşsunuzdur.İlgi duyduğunuz konularda yeni siteler keşfetmenizi sağlayan güzel bir sosyal mecra.Yine bir Stumbleupon turunda Vincent Cheung isimli Kanada’lı bir bilgisayar mühendisinin sitesiyle karşılaştım.CV’si çok etkileyiciydi.Projelerine göz attığımda ise biz blogcuların işine yarayacağını düşündüğüm JavaScript Encryption and Decryption projesini gördüm ve türkçeleştirip kendi blogumda paylaşmaya karar verdim.

 

Öncelikle bu scriptin ne işe yaradığından biraz bahsedeyim.Herkese açık bir blogunuz var.Ancak yayınlayacağınınız yazının bir bölümünü ya da yazıda geçen bir linki sadece özel kişilerin görmesini istiyorsunuz.Bu script ile korumak itediğiniz bu bölüme bir şifre koyarak sadece şifreyi bilen kişilerin görmesini sağlayabilirsiniz.Örnek için aşağıdaki videoyu izleyebilirsiniz.

 

 

Şimdi gelelim bu uygulamayı kendi blogunuzda nasıl kullanacağınıza.

 

1.Adım: Şablonunuzda </head> kodunu bulun ve bunun hemen üstüne aşağıdaki kodu ekleyin.

 

<script src='http://dl.dropbox.com/u/60346665/bloghocam-sifre.js' type='text/javascript'/>

 

2.Adım: Blogger kumanda panelindenyazınızı oluşturun ve yazının HTML bölümünden şifreyle korumak istediğiniz bölümün kodlarını seçip kopyalayın.

 

Blog Yazılarına Şifre Koymak

 

3.Adım: Şifreleme sayfasına gidin ve Key kutusuna kullanmak istediğiniz şifreyi yazın.Hiçbir butona basmadan Plain Text kutusuna 2.adıma kopyaladığınız kodları yapıştırın ve Encrypt tuşuna basın.

 

Yazıya Şifre Koymak

 

4.Adım: Şifreleme sayfasında oluşturduğunuz HTML Code kutusundaki kodu kopyalayın ve Blogger yazı editörüne dönerek eski kodlarla değiştirin.Son olarak kodlardaki Show encrypted text yazan yeri “Yazının devamını okumak için şifreyi girin” gibi bir metinle değiştirerek yazınızı yayınlayın.

 

Yazıya Şifre Koymak

 

Eski kodlarla değiştirin diye yazdım ama yanlış anlaşılmasın.Şifreleme sayfasında oluşturduğunuz HTML kodunu, Blogger yazı editöründe şifrelemek istediğiniz bölümün HTML kodlarıtyla değiştireceksiniz.Herkese açık olan yazının kodlarını silmeyin.

14 Mayıs 2012 Pazartesi

Tasarımıyla Fark Yaratan Bloglar

Bana göre bir blogu popüler yapan faktörlerden biri de tasarımı yani teması.Elbette bir blogda en önemli öğe o blogun içeriğidir ancak dikkat çekici bir tasarıma sahip ve orjinal temalar kullanan bloglar her zaman bir adım öndedir diye düşnüyorum.

 

Bir süredir bu yazıyı hazırlamak için o blog senin bu blog benim dolaşıyorum.Baktım işin içinden çıkamıyorum çeşitli platformlarda insanlardan önerilerde bulunarak bana yardımcı olmalarını istedim.Sonunda tasarmımıyla dikkat çeken ve orjinal bir temaya sahip blogların listesini 5’e kadar indirip bu yazıyı oluşturdum.Bakalım siz de benim gibi bu blog tasarımlarını beğenecekmisiniz?

 

Kelimeler Benim

 

Kelimeler Benim

 

Kişisel bir blog olan kelimelerbenim.com Blogger alt yapısı kullanılarak oluşturulmuş en iyi tasarıma sahip Türkçe bloglardan biri hatta birincisi diyebilirim.Blog Hocam’ın tasarımını yaparken esinlendiğim bir blog olduğunu daha önce belirtmiştim zaten.Aslında Kelimeler Benim’in temasının orjinali Fresh Pick isimli bir tema ancak o kadar yerinde ve güzel değişiklikler yapılmış ki bambaşka bir tema haline gelmiş.

 

Mahlukat

 

Mahlukat

 

Wordpress alt yapısı kullanılan mahlukat.net ilk bakışta Microsft Türkiye’nin blogunu hatırlatsa da bence bu listeye girmeyi hakedecek orjinal ve dikkat çekici bir tasarıma sahip.

 

Emrah Kara

 

Emrah Kara

 

Wordpress alt yapısı kullanılan bir blog olan emrahkara.net, kişisel bir blog temasına verilebilecek en güzel örneklerden.

 

Spaksu Blog

 

Spaksu

 

2007 yılından beri online olan ve sürekli tasarımını geliştiren bir blog olan spaksu.com da Wordpress altyapısı kullanıyor.Özellikle kendine has header ve footer tasarımıyla dikkatimi çekem bloglardan biri.Detaylar için de oldukça uğraşılmış ve güzel bir renk uyumu yakalanmış.

 

Egonomik

 

Egonomik

 

Bir başka Wordpress blog olan egonomik.com’un tasarımı aslında çok hoşuma gitmedi.Her taraftan bir özellik fışkırması bana biraz fazla geliyor.Ama konumuz tasarmıyla fark yaratan ve orjinal temalı bloglarsa Egonomik’i listeye eklememek haksızlık olurdu.

 

Yorum Yazacakların Dikkatine!

 

Listedeki  blogların tasarımları hakkında veya genel olarak bir blog tasarımının nasıl olması gerektiği ile ilgili yorumlara açığım.Ancak biliyorum ki bazı fırsatçılar buraya kendi adreslerini yazmak isteyecekler.Sözüm onlara.Zahmet edip link yazmayın, silinecek.Anlayışınız için teşekkür ederim.

13 Mayıs 2012 Pazar

Linklerinizin Altındaki Çizgiyi Kaldırma


Linklerinizin Altındaki Çizgiyi Kaldırma Eklentisi

Blogger blogunuzda bulunan linklerin altındaki çizgiden rahatsızmı oluyorsunuz ?

Bu yazımızda , Blogger blogunuzda bulunan link altı çizgilerini nasıl kaldıracağımızı anlatacağız..

Kimi blogger yazarı bu çizgilerden rahatsız olmazken , çoğu yazar bu çizginin görüntü kirliğine yol açtığına hem fikir..

Hemen anlatıma geçelim..

Widget Şablonlarını Genişlet kutucuğunu işaretleyerek ,  aşağıda kırmızı ile belirtilmiş kodları blogunuzda bulunuz..


a:link {
text-decoration:underline;
}
a:visited {
text-decoration:underline;
}
a:hover {
text-decoration:underline;
}

Bulduğunuz bu kodlar sizde yukarıdaki gibi olmayabilir , ekstra kodlar içerebilir ama , yukarıdaki gibi hepsinin yanında , yada biraz yanında  text-decoration:underline; şeklinde bir ibare vardır , yapmamız gereken underline yazısı yerine none yazısını eklemek..

Örnek olarak Aşağıdaki gibi..

a:link {
text-decoration:none;
}
a:visited {
text-decoration:none;
}
a:hover {
text-decoration:none;
}

Bu işlemden sonra, Blogger blogunuzda linklerinizin altında çizgi çıkmayacaktır..






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

Linklerinizin Altındaki Çizgiyi Kaldırma , Link çizgisi nasıl kaldırılır , Blogger Linklerinizin Altındaki Çizgiyi Kaldırma , Blogger link çizgisi , Blogger link Eklentileri , Linklerinizin Altındaki Çizgiyi Kaldırma widgets


11 Mayıs 2012 Cuma

Blogger Translate Eklentisi ( Bayraklı )


Blogunuzda yazdığınız yazıları ,diğer dillere çevirmesi için bir eklenti istermisiniz ?

Bu eklentimiz sayfalarınıza giren ziyaretçilerinize , yazılarınızı konularınızı farklı dillere çevrilmesini sağlıyor, eğer blogunuza farklı ülkelerden ziyaretçiler geliyorsa yada gelebileceğini düşünüyorsanız bu eklenti oldukça işinize yarayacak..

Ziyaretçileriniz tek tıkla blogunuzdaki dili değiştirebiliyorlar..

Blogger Translate Eklentisi