Ana içeriğe atla

Blogger Kenar Çubuğu için Popüler Etiket Yayın Eklentisi

Blogger’un Popüler yayınlar eklentisine benzer, en çok beğendiğiniz yazılarınıza eklediğiniz etiketleri kullanarak sidebar alanında kullanabileceğiniz Popüler etiket yayın eklentisi. Blogger’un meşhur Popüler yayınlar eklentisi olur da, neden Popüler etiket yayın eklentisi olmasın düşüncesinden yola çıkılarak tasarlanmış bir eklentidir. Normalde böyle bir isimde eklenti yoktur. Ancak, en uygun isim ne olabilir diye düşündüm ve sonunda Popüler etiket yayın eklenti ismini uygun gördüm. Umarım sizde beğenirsiniz.

Popüler etiket yayın eklentisi hakkında bilgiler :

1. Popüler etiket yayın eklentisi, blog şablon kod içinde mevcut olan ( feeds/posts/default/) link yapısından veri alır.

2. feeds, etketi hepimizin bildiği gibi, Feedburner RSS yazı akışını yöneten bir link'tir.

3. Herhangi bir konu seçip, o konuda yazmış olduğunuz tüm yazılara eklediğiniz aynı metin niteliğindeki tek bir etiket, tıklandığında tüm yazılarınızı gösterebilmektedir. Wordpress blog için Kategori ne ise, Blogger için Etiket de bir Kategori özelliği taşımaktadır. Birbirinden farklı birçok yazınızı farklı etiketler altında toplayarak okuyucu kitlenize etiket yazı sunumu yapabilirsiniz.

4. Popüler etiket yayın eklentisini kullanmak çok kolaydır. İster Sidebar kenar çubuğuna isterseniz Footer alt bilgi alanına gadget olarak ekleyebilirsiniz.

5. Yazı sayısını stil kodlarında bulunan rakamı değiştirerek siz belirlersiniz.

6. Yazı açıklama karakter sayısını stil kodlarındaki rakamı değiştirerek siz belirlersiniz.

7. Mevcut kodlar için resim ebatları 81x81 pix. olarak ayarlanmıştır. Klavye kısa yol arama özelliğini kullanarak, CTRL + F, “img.recent_thumb” etiketini bulup, resim ebatlarını örneğin 72x72 pix. değeri ile değiştirin.

8. Her bir yazı link çerçevesinde, Resim, Yazı linki, Yazı açıklaması, Yazı tarihi, Yorum sayısı ve yazının devamının okunması içinDevamı” metni bulunur.

9. Kodlardan anlamıyor, Acemi bir blogger yazarı olabilirsiniz. Hiçbir ayarı ellemeden sadece yazınızda beğendiğiniz tek 
bir etiketi ekleyip, yayın sayısını belirleyerek çok rahatlıkla kullanabileceksiniz.

Popüler etiket yayın eklentisini şu anda blog’umun sidebar kenar çubuğunda “KÜFLÜ ODA YAZILARI” başlık ismi ile görebilirsiniz.

Popüler etiket yayın eklentisinin kullanımı :

1. Blogger Tasarım kumanda paneline giriş yapın.

2. Yerleşim → Gadget ekle → HTML/JavaScript gadgetini açın.

3. Aşağıda verilen kodları eksiksiz kopyalayıp bir metin dosyasına yapıştırın. Metin dosyası için Notepad++ ücretsiz programı veya bilgisayarında mevcut olan metin dosyasını kullanabilirsiniz.
Popüler etiket yayın eklenti kodları :

<script>
//<![CDATA[
function showrecentpostswiththumbs(json) {document.write('<ul class="recent_posts_with_thumbs">'); for (var i = 0; i < numposts; i++) {var entry = json.feed.entry[i];var posttitle = entry.title.$t;var posturl;if (i == json.feed.entry.length) break;for (var k = 0; k < entry.link.length;k++){
if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if (entry.link[k].rel == 'alternate') {posturl = entry.link[k].href;break;}}var thumburl;try {thumburl=entry.media$thumbnail.url;}catch (error)
 
{
s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){
thumburl=d;} else thumburl='https://dl-web.dropbox.com/get/cb_online/sem_imagem.gif?w=cfac64d6';
}
 
var postdate = entry.published.$t;var cdyear = postdate.substring(0,4);var cdmonth = postdate.substring(5,7);var cdday = postdate.substring(8,10);var monthnames = new Array();monthnames[1] = "Jan";monthnames[2] = "Fev";monthnames[3] = "Mar";monthnames[4] = "Abr";monthnames[5] = "Maio";monthnames[6] = "Jun";monthnames[7] = "Jul";monthnames[8] = "Ago";monthnames[9] = "Set";monthnames[10] = "Out";monthnames[11] = "Nov";monthnames[12] = "Dez";document.write('<li class="clearfix">');
 
 
if(showpostthumbnails==true) 
document.write('<a title="'+posttitle+'" href="'+posturl+'"><img class="recent_thumb" src="'+thumburl+'"/></a>');
document.write('<h4><a title="'+posttitle+'" href="'+posturl+'">'+posttitle+'</a></h4>');
 
    if ("content" in entry) {
      var postcontent = entry.content.$t;}
    else
    if ("summary" in entry) {
      var postcontent = entry.summary.$t;}
    else var postcontent = "";
    var re = /<\S[^>]*>/g; 
    postcontent = postcontent.replace(re, "");
 
 
if (showpostsummary == true) {
 
      if (postcontent.length < numchars) {
         document.write('<p>'+postcontent+'</p>');
         }else {
         postcontent = postcontent.substring(0, numchars);
         var quoteEnd = postcontent.lastIndexOf(" ");
         postcontent = postcontent.substring(0,quoteEnd);
         document.write('<p>'+ postcontent + ' [...]</p>');}
}
 
var towrite='';var flag=0;
document.write('<p class="creditx">');
 
if(showpostdate==true) {towrite=towrite+ cdday +'/'+monthnames[parseInt(cdmonth,10)]+'/'+cdyear;flag=1;}
 
if(showcommentnum==true) 
{
if (flag==1) {towrite=towrite+' | ';}
if(commenttext=='0 Comments') commenttext='0 Comentários';
if(commenttext=='0 Comentários') commenttext='0 Comentários';
if(commenttext=='1 Comment') commenttext='1 Comentário';
if(commenttext=='1 Comentário') commenttext='1 Comentário';
commenttext = '<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';
towrite=towrite+commenttext;
flag=1;
;
}
 
if(displaymore==true) 
{
if (flag==1) towrite=towrite+' | ';
towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">Devamı</a>';
flag=1;
;
}
 
document.write(towrite);
 
document.write('</p></li>');
if(displayseparator==true) 
if (i!=(numposts-1))
document.write('<hr/>');
}document.write('</ul>');
 
}
//]]>
</script>

<style type='text/css'>
img.recent_thumb {padding:2px;width:81px;height:81px;border:0;float:left;margin:0 10px 0 0; border: 1px solid #ccc;}
.recent_posts_with_thumbs {font-family: Arial, sans-serif;width: 100%;min-height: 100px;padding: 0;font-size:14px;}
ul.recent_posts_with_thumbs li {list-style: none;clear: both;padding:8px 0;}
.recent_posts_with_thumbs a {text-decoration:none; }
.recent_posts_with_thumbs strong {font-size:10px;}
.recent_posts_with_thumbs h4 {font-size: 12px;padding: 2px 0 0 0;margin:0;}
li.clearfix p{padding: 0;margin:3px 0;font-size: 11px;}
.creditx {font-size: 12px;}
</style>

<script style='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = true;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = true;
var numchars = 85;
</script>

<script src='http://adnanguney.blogspot.com/feeds/posts/default/-/Tema tasarım?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>

<div style="font-size: 10px;text-align:center;">By <a href="http://wp.me/p3IEyb-1Op"target="_blank"> Adnan Güney Gadgeti Al</a></div> 

Popüler etiket yayın eklenti kodlarını Özeleştirme :

1. Kod içinde yapacağınız özelleştirme için kod kenarında bulunan dikey çubuğu en alt kısma indirin ve şu, “<style type='text/css'>” etiketleri görmeye çalışın. (Mavi renk)

2. img.recent_thumb : Resim boyutunu belirlemek için, width:81px; height:81px; (81) değerlerini farklı rakamlar ile değiştirebilirsiniz. Örnek : width:72px; height:72px;

3. <script style='text/javascript'>, bu etiketi bulun ve alt kısımda bulunan ;
var numposts = 5; Gadget içinde görülmesini istediğiniz yazı sayısını belirleyin.

4. var numchars = 85; Yazı açıklama karakter uzunluğunu istediğiniz sayı ile belirleyin.

5. Popüler etiket yayın eklenti kodlarının can damarı olan Etiketimizi eklemeye sıra geldi.

http://adnanguney.blogspot.com/feeds/posts/default/-/Tema tasarım

URL : adnanguney, kendi blog linkiniz ile değiştirin. Linki içinde “Tema tasarım” yazan metni, T ve m harfine kadar seçin ve eklemeyi düşündüğünüz Etiketinizi buraya yapıştırıp gadget’i kaydedin ve ön izleme ile kontrol edin.

Not:
Yukarıda anlatılanları uyguladınız ancak eklenti çalışmadı ise işlemi tekrarlayarak herhangi bir hataya karşı tekrar deneyin. 


Her hangi bir sorun yaşarsanız yorum kısmından bilgi geçerek yardım alabilirsiniz. Yazılan yazılar hoşunuza gidiyor ve ilk yazılan yazılardan haberdar olmak istiyorsanız RSS abonelik eklenti simgesine tıklayıp e-mail bilgilerinizi girip, posta e-mailini onayladığınızda artık ilk yazıları okumaya başlayabileceksiniz. 

Ayrıca yazıyı paylaşarak Blog/Web siteme sizde bir değer katabilirsiniz.

Bu blogdaki popüler yayınlar

Paint Net ile Resim arka plan Görüntüyü Şeffaf Yapma

Paint Net Resim editörü ile, Web sitenize yükleyeceğiniz resmin arka plan görüntüsünü görülmez şeffaf, transparan yaparak kullanabilirsiniz. Site başlık resmi, arka plan resmi, banner, logo, transparan resim ve çeşitli efekt araçlarını Paint.NET ücretsiz resim editörünü kullanarak yapmanız mümkün. Bilgisayarınıza Paint.NET ücretsiz resim editör programını kurmadı iseniz aşağıda verilen bağlantı linki ile programı indirip ücretsiz kullanın. 
Paint.NET resim editör programını zip sıkıştırmasından çıkardıktan sonra kurdugunuzda, program Ingilizce olarak karşınıza çıkacaktır. Diğer zip dosyasını da kurarak Türkçe’e çevrilmiş olarak göreceksiniz. Paint.NET ücretsiz bir program olmasına rağmen çok fazla seçeneği sizlere sunuyor. Resimlerinizi istediğiniz gibi tanzim edebileceğiniz ücretsiz bir resim editörü.

NOT: Programın kurulum ve çalışması için işletim sisteminizde, NET Framework 4.5 yüklü olması gerektiğini unutmayın.

Lisans: Ücretsiz, İşletim Sistemi: Win8/Win7/Vista/WinXP/Win8.1
Kurulu…

Windows 10 Denetim Masası Komutlarına Kısa Yoldan Ulaşma

Windows 10 işletim sistemi arama penceresine tıklayarak bulmak istediğiniz komut dosyalarını kısa yoldan bir tıklama ile erişim ve kullanma ile ilgili açıklamalar. Bilgisayarınıza Windows 10 işletim sistemini yeni kurdu iseniz denetim masasını bulmak için zorlanıyor olabilirsiniz. Denetim masasını arama çubuğuna yazarak bulabileceğiniz gibi daha kolay bir şekilde de ulaşmanız mümkündür. Denetim masasında bulunan komut dosyalarına kısa yoldan ulaşmak için ilgili adımları inceleyin.
Windows 10 Denetim masası kısayol komut dosyalarını açma :1. Sol köşede bulunan 4 ad. kareden oluşan Windows 10 İcon’una maus'unuzu getirin ve sağ düğmesine tıklayarak çalıştırın.
2. Karşınıza Windows 10 Denetim masası komut seçenekleri çıkacaktır.
3. Denetim masasında mevcut olan birçok komutları artık bir tıklama ile açıp kullanabilirsiniz.

Blogger Açılır Menü Oluşturma

Blogger, Blog’larınıza iki adımda açılır menü nasıl oluştururuz ? Açılır menüyü biçimlendirme veya yeni menü eklemek için yapılması gereken işlemler nelerdir ? Klasik Blogger kullanan birçok arkaşımıza yardımcı olmak ve arayış çabalarını biraz olsun hafifletmek için blog’unuza iki adımda açılır menü ekleyebileceğiniz çok basit iki kod veriyorum. Şimdi açılır menü kategorimizi nasıl yapacağız adım adım bakalım. Kodları blog’larınıza eklediğinizde manuel ayarlar yapabildiğiniz gibi Blogger’un özelleştirme seçeneklerini de kullanarak menünün arka plan renklerini, sekme renklerini, yazı renklerini değiştirme şansına sahipsiniz. Bu yazıyı yazmamdaki en büyük etken, yeni blog'cuların açılır menü oluşturarak bloglarını güzelleştirmeleri ve bloglarını severek yazılarına devam etmeleridir.
Açılır Menü nasıl oluşturulur ?1. Blogger → Yerleşim → HTML/JavaScript Gadget’ini açın ve aşağıdaki kodu yapıştırın.

<div id='gpnavbar'> <ul id='gpnav'> <li&…

Facebook Candy Crush Saga Oyunu Çalışmıyor Çözüm

Candy Crush Saga, Facebook oyun platformunda 64 milyon kişinin beğenisini kazanmış ilgi çekici oyunu mutlaka biliyor ve oynuyorsunuzdur. Kişisel olarak oyunları pek sevmesem de aile içerisinde, Facebook oyunları çok sıkça oynanır. Sebeb her nedense 2 gündür Facebook Candy Crush oyunu açılmıyor Adobe Flash Player yüklenmesi gerektiği uyarısı veriyor. Evde mobil olarak açılan Candy Crush oyunu, farklı 2 bilgisayar da denendiğinde çalışmıyordu. IE, Firefox, Google Chrome tüm tarayıcılar da denendi mümkün değil oyunu açamadık.
Tarayıcılar silinip tekrar kuruldu, Adobe Flash Player 12 son sürüm yüklendi hayır oyun açılamıyor ısrarla Flash yüklenmesi gerektiği ekranda yazıyordu. Geliştirici sitesine yardımcı olmaları için yorum ve ileti yazdım. Yardımcı olabileceklerini düşündüm. Yazdığım yoruma verilen cevapta konunun en ilginç tarafıydı. Verilen cevapta dil desteklerinin olmadığı ve forumlara bakmam isteniyordu. Böyle bir cevaba güldüm. Google1998 senesinde arama motorlarına başladığında …

Windows İşletim Sistemi 32 Bit ve 64 Bit Arasındaki Fark

Windows İşletim Sistemi kullanan, bilgisayar kullanıcısı 64 bit işletim sistemlerini kullanmayı düşünerek bir çoğu bu sisteme geçmiş, ancak oyun ve performans deneyiminde sıkıntı yaşayarak tekrar 32 bit işletim sisteme geri dönmek durumunda kalmıştır. 32 Bit ve 64 Bit arasındaki sorunlar devam ederken ister istemez insan bu iki sitemi merak etmektedir. Bu iki sitem arasındaki fark, 32 bit ve 64 bit terimleri bir bilgisayarın işlemcisinin (CPU) veri bilgilerini işleme şekilleriyle ilgilidir. Windows’un 32 bit ve 64 bit sürümleri sırasıyla 32 bit ve 64 bit işlemciye sahip bilgisayarlar için tasarlanmıştır. Windows’un 64 bit sürümü 32 bit sürümüne nazaran daha fazla bellek (Ram) kullanımına sebep olur. Bu da performansı olumsuz yönde etkiler. O yüzden bilgisayarınızın performansına göre 32 bit veya 64 bit işletim sistemi seçmenizde fayda vardır. Örneğin, sahip olduğunuz RAM 4 GB ve altındaysa 32 bit sistem kullanmalısınız. Bu değerler üstündeyse 64 bit kullanmanızda bir sakınca yoktur ki…

Tarayıcınızda Yan Uygulamaları Denetleyin (Resimli Anlatım)

Tarayıcınızda Firefox kullanıyorsanız, Yan Uygulamalarınızı denetlemelisiniz. Bazı resim ve videoların izlenmediği açılamadığı mutlaka olmuştur. Devamlı uyarı alıyorsunuz, şunu yükle bunu yükle. Nerde ne yapacağınızıda bilmiyorsunuz. Mutlaka bu konuları yaşamış olmalısınız. Nedenini biliyormusunuzun ? Kesinlikle hayır olarak cevap verdiğinizi biliyorum. Bilgisayarı kullanmayıda tam bilmiyorsunuz. Nerede ne yapmanız gerektiği konusunda yardım almak istediğinizde arkadaşınız da aynı konuda sıkıntılı. Birde okumayı sevmiyorsanız yada araştırma gibi bir alışkanlığınız da yoksa aşağıda açıkladığım konuları okuyarak bu sıkıntılardan kurtulabilir rahat rahat tarayıcınızı kullanabilirsiniz.

Merak etmeyin çok uzun ve uğraş gerektiren anlatım değil bunlar. Bu işlemleri yaptığınızda kendinizi çok daha mutlu hissedecek hatta arkadaşlarınızı arayarak sizde onlara yardım edeceksiniz. Bu bence çok büyük bir mutluluk. En azından ben böyle görüyorum. Hadi bakalım dikkatlice bu basit adımlara bakalım …

Google Chrome Zenmate Uzantısı İle Sitelere Engelsiz Girin

ZenmateVPN hizmeti, tüm sitelere  şifreli ve güvenli giriş yapabileceğiniz ücretsiz Google Chrome tarayıcı eklentisidir. Ücretsiz hizmet veren Zenmate VPN’i (wikipedia) bir tıkla tarayıcınıza kurarak ülkeler tarafından uygulanan kısıtlama engelini aşarak çalışmalarınızı sağlıklı bir şekilde yürütebileceğiniz bir girişimdir.Zenmate hakkında geniş bilgiyi buradan inceleyebilirsiniz.

Chrome Tarayıcı Kaldırılma-Yükleme Sorun ve Çözümleri

Google Chrome tarayıcı verilerini tümüyle nasıl kaldıracaksınız?Chrome tarayıcıyı kaldırdık sonra tekrar nasıl kuracaksınız? Chrome tarayıcız da bazı uygulamaları neden göremiyorsunuz? Bazı internet sitelerine neden giremiyorsunuz? Tüm bu sorulardan biri ile karşılaştı iseniz aşağıda yazılanları okumanızı öneririm.

Paint Resim Editörü ile Transparan Resim Yapma

Bilgisayarınızın Windows işletim sisteminde mevcut olan, Paint resim editör proğramını kullanarak arka plan rengi beyaz görülen muhtelif resim çeşitlerinden oluşan görüntüleri (saydam seçim) Transparan resim formatına dönüştürüp kullanabilirsiniz. Hatta, Paint programını kullanarak blog başlık resminize isminizden önce şeffaf banner eklemenizde mümkündür.
Paint resim editörü ile resimlerinizden oluşan transparan görüntüleri tek resim olarak düzenleyip kullanabilmeniz için aşağıda anlatımı yapılan YouTube videosunu izlemenizi öneririm.
Paint Resim Editörü Proğramını açın:1. Başlat → Tüm programlar → Donatılar → Paint, tıklayarak açın.  

2. Transparan resim hazırlama ile ilgili anlatım video'usunu şimdi izleyin.

3. Mevcut resimlerden seçeceğiniz bir iki resim ile test çalışması yaparak video da açıklaması yapılan anlatımı yaşamaya çalışın.

⇛Ayrıca okuyun:Resim editörleri ile ilgili yazılar.

Paint resim editörü ile Transparan Resim anlatım videosu

Paint ile Resim Boyutlandırma Seo

Windows yazılımında bulunan ücretsiz Paint resim proğramı ile blog resimlerini boyutlandır. Her bilgisayarda Windows işletim sistemi yüklü olduğundan windows’un ücretsiz resim proğramı Paint bulunmaktadır. Dinamik blogger yazı çubuğuna resim yazı ekleme , Blogger Favicon’unu kendin tasarla ve Blogger özel tema şablonuna slayt resmi yükleme ile ilgili yazımda ücretsiz resim proğramı Paint kullanımından sizlere bahsetmiştim.Google, Seo (Arama motoru optimizasyonu) sistemine haddinden fazla önem vermektedir.




Çünki Google bu sistem içinde gelişimini devam ettirmektedir.Bizlere düşen en büyük görev, kullanmakta olduğumuz ücretsiz Google ürünü Blogger’u en iyi şekilde optimize ederek hem kendimize hemde Google destek vermektir.Blog’unuzu optimize etmeniz gereken birçok uygulama mevcuttur.Biz bugün yazı içeriklerimize eklediğimiz ve blog hızını etkileyen resimlerin boyutlandırılması konusunu inceleyeceğiz.
Resim uzantıları ve resim boyutlandırılması neden önemlidir?

1. Blog yazı tasarımınında