Blogger Ve Wordpress Tema Arşivi

<link href='https://plus.google.com/114021536527450214647' rel='author'/>

Merhaba! Bu yazıda bir blogun hayatını anlatmaya çalışacağım. Öncelikle şunu belirtmeliyim ki; bir blogun kaderini siz, yani blog yazarı belirler. Blogunuzun doğumunu, ünlü olmasını ve ölümünü getirmek tamamen sizin elinizdedir.

Bir Blogun Doğumu

Bir blog, fare imleciyle “Blog Oluştur” yazan yere tıklayarak ya da site oluşturma yerlerinden oluştur seçeneğine tıklayarak doğar. Ancak blog daha yeni doğmuştur ve neredeyse hiç takipçisi yoktur. Ancak bu zamanla olacak bir şey. Bu nedenle sabırlı olmak gerekir. İlk önce blogun sahibi ilk yazısını yazar. Bu yazısı neredeyse hiç okunmamıştır ama. İkinci yazısını yazar, gene okunmaz. Üçüncü, dördüncü, beşinci derken blogun sahibi blog yazmayı bırakır ve blogu daha anne karnından çıkmadan ölmüş olur. Ancak yazı yazmaya devam ederse ...

Bir Blogun Yavaş Yavaş Ortaya Çıkması

Blog sahibi ısrarla bloguna yeni içerikler girmeye devam ederse blog yavaş yavaş ortaya çıkmaya başlar. Böylece her blogun geçirdiği en zor dönemi atlatmış olur. İnsanların blogu keşfetmesinde arama motorları ve sosyal ağların büyük katkısı vardır. Ancak blogun sahibi yeni içerik girmekten vazgeçerse bunlar hiçbir işe yaramaz. Blog, yavaş yavaş takipçiler edinir. Blogun takipçilerinin çoğalması ve halihazırda bulunan takipçilerin blogu takip etmeyi bırakmaması için blog sahibi bloguna sık sık içerik girmeye devam etmelidir. Eğer bunu başarırsa ...

Bir Blogun Ünlü Olması

Bir blog sahibi ısrarla yazmaya devam ederse takipçileri de kat kat artar. Bloga sık sık yorum yazılmaya başlanır. Artık blog herkes tarafından biliniyor ve seviliyordur. Eğer blogun sahibi sık sık içerik girmeye devam ederse ve takipçilerini daha da arttırırsa blogundan para kazanmaya başlar. Blogunun takipçisi çok olduğundan reklamlara tıklanma oranları da tavan yapar. Ancak blog sahibi yine de bloguna yeni içerikler girmelidir. Eğer bunu başaramazsa ..

Bir Blogun Ölümü

Öncelikle şunu söylemeliyim ki blogunun sonunu getirmek tamamen blog sahibine kalmış bir seçenektir. Bu seçeneği seçmek için bloguna yeni içerik girmemesi yeterlidir. Eğer “Zaten bir sürü takipçim var. Sonra da yazabilirim” derse blogunu kaderine terk etmiş olur. Blogun ölümü şöyle olur. Önce blog sahibi bloguna yeni içerik girmemeye başlar. Sonra da takipçileri bloga girip yeni yazıyı okumak isterken eski yazıyla karşılaşırlar. Birinci, ikinci, üçüncü gün derken blogun takipçileri hiç yeni yazı yazılmayacağı için bloga girme gereği bile duymazlar. Böylece blog, yeni doğmuş haline geri döner. Blog artık tamamen görünmez olmuştur. Uzun süre sonra blog sahibi bloguna girince acı gerçeği öğrenir: Artık blogunun hiç takipçisi kalmamıştır.

Son olarak size şunu söylemeliyim: Blogunuzdan vazgeçmeyin, tam tersine onunla ilgilenin ve zenginleştirin. Blogunuzu öldürme seçeneğini seçmeyin.

Yazar Hakkında: Bu yazı; Çeşitli teknoloji haberleri, teknolojiyle ilgili ve blog yazarları için yazılar yazan TeknoWeb ‘ den Mert OLGUN tarafından yazılmıştır.

<a href="http://guney59.blogspot.com/"><img src="https://lh6.googleusercontent.com/-yDR-K4lLsvE/ULeZQHxSPwI/AAAAAAAAMO0/5O1X_Z1-VSY/s300/url%2520hatas%25C4%25B1.png"alt ="geri dön"/></a>

https://lh6.googleusercontent.com/-yDR-K4lLsvE/ULeZQHxSPwI/AAAAAAAAMO0/5O1X_Z1-VSY/s300/url%2520hatas%25C4%25B1.png

]]></b:skin>

.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}
.bubblewrap li{
display:inline;
width: 60px;
height:60px;
}
.bubblewrap li img{
width: 50px; /* width of each image.*/
height: 50px; /* height of each image.*/
border:0;
margin-right: 4px; /*spacing between each image*/
-webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */
-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */
}
.bubblewrap li img:hover{
-moz-transform:scale(1.3); /*scale up image 1.3x*/
-webkit-transform:scale(1.3);
-o-transform:scale(1.3);
}

<ul class="bubblewrap">

<li><a href="http://www.plus.google.com/xxxxx"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSwj-l9oF7ioInCz2GVr4oflbBTaOEb5Y2Zwo1igLHLrrhCuFICF6DzETyHPevOjhegrzeqAMxeMabOi-yGPuF9voJce79F5JBOViEv71dCLKQyDgsf2qmxesyC5FiW2AuW8qlz2MJjQg/s1600/bloggertrix-googleplus.png" title="Add to Google" /></a></li>

<li><a href="https://www.facebook.com/pages/Blogger-Eklentileri/126895440798640"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEilrANdcCqWZJRfD5o9LvO0H6Opdj5r8nQCkNAp5sajNkrlXbxJHmqwo1Rh11MHpoNkSn2SKjyqWsnGJzIDl4FeTfGfX_0ju3_yigA-67ULHoHPUQW-XNp7gE2QJim8N5MyqSQ5SEfhA/s1600/bloggertrix-facebook.png" title="Add to Facebook" /></a></li>

<li><a href="http://twitter.com/BloggerEklenti"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGzzlUB2J3zA3OXtANfasp2oGtvSfSQ_v1fEyw_KAWpNWh-1U7tbqpioBwz8VdvrhQxLBSAmP5C4NfSlA8VSxbgVTUYoqx_eZTly0v3Rq3d_FFgWq57hyGvTyJuAoJLfG5qWdRwrlHMYk/s1600/bloggertrix-twitter.png" title="Add to Twitter" /></a></li>

<li><a href="http://feeds2.feedburner.com/xxxxx"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG64ZVC9zHAZu0xNyuot81h5j9-87x1X9EmlaSE2vG4w9L24PhcQ0OBkL5hqvDVleIezmQJ0D9yj_OZ0sA20Lq1PkjotlZ_cjuhOZo6I-FqwoErM22f5TH9mTTYoisY6stQyH9EA_84H4/s1600/bloggertrix-Rss.png" title="Add RSS Feed" /></a></li>
</ul>

Bloglar için geri dönüşüm oranı en yüksek “Call To Action”lardan biri hatta birincisi Popup dediğimiz siteye girince otomatik açılan küçük pencerelerdir. Blogcular, bu popupları özellikle Facebook sayfalarını beğendirmek için kullanıyorlar. 

Bu yazıda paylaştığım eklentiyi blogunuza eklediğinizde, yeni bir ziyaretçi giriş yaptığında Facebook sayfanıza ait beğen kutusu popup olarak açılacak. Cookie özelliği sayesinde aynı ziyraretçi 7 gün içerisinde tekrar giriş yaparsa o kullanıcıya popup tekrar gözükmeyecek.

Eklentiyi blogunuzda kullanmak isterseniz Şablon > HTML’yi Düzenle > Devam Et yolunu izleyerek Ctrl + F tuş kombinasyonunun yardımıyla </head> kodunu bulun ve hemen üzerine şu kodları ekleyin.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js?ver=3.3.1' type='text/javascript'/>
<script src='https://dl.dropbox.com/u/60346665/cookie-jquery.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie(&#39;popup_user_login&#39;) != &#39;yes&#39;){
$(&#39;#fanback&#39;).delay(100).fadeIn(&#39;medium&#39;);
$(&#39;#fanclose, #fan-exit&#39;).click(function(){
$(&#39;#fanback&#39;).stop().fadeOut(&#39;medium&#39;);
});
}
$.cookie(&#39;popup_user_login&#39;, &#39;yes&#39;, { path: &#39;/&#39;, expires: 7 });
});
</script>

İkinci olarak ]]></b:skin> kodunu bulun ve hemen üstüne şu kodları ekleyin.

#fanback{display:none;background:rgba(0,0,0,0.8);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999}
#fan-exit{width:100%;height:100%}
#fanbox {background: white;width: 420px;height: 270px;position: absolute;top: 58%;left: 63%;-webkit-box-shadow: inset 0 0 50px 0 #939393;-moz-box-shadow: inset 0 0 50px 0 #939393;box-shadow: inset 0 0 50px 0 #939393;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin: -220px 0 0 -375px;}
#fanclose {float: right;cursor: pointer;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNbW_1l5T6U6QxMo_OGwNI_h5Oy6vccPvJiZE8eYvTaT3rU84GibThdSRTtxt6rI8cEwjW6onX3r5uaZJUcJy1IllAQGHjIoNjdngUDkjkS7UpiuBSAgNNKvAtOfZple4yMh8FolEl7jxs/s1600/fanclose.png) repeat;height: 15px;padding: 20px;position: relative;padding-right: 40px;margin-top: -20px;margin-right: -22px;}
.remove-borda {height: 1px;width: 366px;margin: 0 auto;background:#F3F3F3;margin-top: 16px;position: relative;margin-left: 20px;}

Son olarak </body> kodunu bulun ve üstüne şu kodları ekleyin.

<div id='fanback'><div id='fan-exit'/><div id='fanbox'><div id='fanclose'/><div class='remove-borda'/>
<iframe allowTransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/bloghocam&amp;width=402&amp;height=255&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23E2E2E2&amp;stream=false&amp;header=false&amp;appId=329902783740649' style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'/>
</div></div>

Önizleme yaptığınızda popup açıldıysa şablonu kaydedebilirsiniz. Sayfayı yenilediğinizde sizi tanıyacağından popup aılmayacaktır. Çalışmadığını düşünmeyin. Tarayıcınızın çerezlerini silip sayfayı tekrar ziyaret ettiğinizde popup açılır.

Bu arada kodlarda biri zorunlu, diğeri isteğe bağlı olmak üzere değiştirebileceğiniz 2 yer var.

• Verdiğim ilk kodlardaki 7 yazan yere, popupın anı ziyaretçiye kaç gün gözükmeyeceğini yazın.
• http://www.facebook.com/bloghocam yazan yere kendi Facebook sayfanızın adresini yazın.

Twitter’da bir takipçim çok yazarlı bloglar için “Yazar Hakkında” kutusu yapılıp yapılamayacağını sormuştu. Blogger şartlı etiketleri kulanarak bunu kolayca yapabiliriz. Ama önce ne yapmaya çalıştığımızı açıklayayım.

Daha önce paylaştığım Yazar Bligi Kutusunu blogunuza eklediğinizde yazılarınızın altında hakkınızda bilgi içeren bir kutu gözüküyor. Ancak biliyorsunuz Blogger’da aynı bloga birden fazla yazar atayabiliyorsunuz. İşte çok yazarlı bloglarda her yazarın yazısından sonra o yazar ait bilgi kutusu göstermek için bu eklentiyi kullanabilirsiniz.

Öncelikle yazar bilgi kutusunun stil kodlarını ekleyelim. Bunu için Şablon > HTML’yi Düzenle > Devam Et yolunu izleyip Ctrl+F tuşlarına basarak ]]></b:skin> kodunu bulun ve hemen üstüne aşağıdaki kodları ekleyin.

.author-box {
background: #F7F7F7;
margin: 20px 0 40px 0;
padding: 10px;
border: 1px solid #E6E6E6;
overflow: auto;
}
.author-box p {
margin: 0;
padding: 0;
}
.author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 4px;
border: 1px solid #E6E6E6;
}

Şimdi farklı yazar isimlerine göre farklı yazar bilgi kutuları oluşturacağız. Aşağıdaki örnekte ben 3 yazar kullandım. Birincisi kendim olayım yani Serdar Kara, ikinci yazarın ismi Hocam olsun, üçüncü yazarın ismi de Kartal olsun.

Yazar bilgi kutularını yazının bitiminde göstermek istediğimiz için Şablon > HTML’yi Düzenle > Devam Et > Widget Şablonlarını Genişlet yolunu izleyip Ctrl+F tuşlarına basarak şu kodu buluyoruz.

<div class='post-footer'>

Bulduğumuz bu kodun hemen üzerine aşağıdaki kodları ekliyoruz ve önizleme yapıyoruz. Eğer hata vermediyse kaydedebiliriz.

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<b:if cond='data:post.author == &quot;Serdar Kara&quot;'>
<div class='author-box'>
<p><img alt='' class='avatar avatar-70 photo' height='70' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyW0L3kJGw0jRu7W16heFfKV-sKenqNDJp4Gazhu4K9xx5FeRWhzveQjg0vKv0HE_cVv8tJ8hD1Fl_4qCFmOCtWEK4AATITmP3BkU7GEPZ9aik7xa6fnttaotgSHwRtFi9wChCeYWK7x0k/s200/803121CB-06DC-4018-9D5B-49A0A802A98C.jpg' width='70'/><b>Yazar Hakkında</b><br/>
Mehaba ben Serdar Kara.<br/></p>
</div>
</b:if>

 

<b:if cond='data:post.author == &quot;Hocam&quot;'>
<div class='author-box'>
<p><img alt='' class='avatar avatar-70 photo' height='70' src='http://Hocamın profil resmi.jpg' width='70'/><b>Yazar Hakkında</b><br/>
Merhaba ben Hocam.<br/></p>
</div>
</b:if>

 

<b:if cond='data:post.author == &quot;Kartal&quot;'>
<div class='author-box'>
<p><img alt='' class='avatar avatar-70 photo' height='70' src='http://Kartalın profil resmi.jpg' width='70'/><b>Yazar Hakkında</b><br/>
Merhaba ben Kartal.<br/></p>
</div>
</b:if>

</b:if>

Düzenlenecek yerleri koyu renkle gösterdim. Sırasıyla yazar ismi, yazarın profil resmi ve yazar hakkında bilgi yazısını değiştirmelisiniz.