Ali DOGAN

Benzeri yazılara yüzlerce kez denk geldim fakat tam yedek almak için detaylı bilgi içeren hiçbir anlatım görmedim. Tam yedek nedir? Öncelikle bundan söz edeyim.

Blogunuzu tıpkı buzlukta saklar gibi olduğu gibi içerik ve temayı korumaya almaya yönelik bir işlemdir.

Peki Blogger tam yedek alma işlemi nasıl yapılır?

Öncelikle bilgisayarınızda masaüstüne şu şekilde bir klasör oluşturun.

Blog yedeğim (Üst klasör)
- Tema yedek
- Yerleşim kodlarım
- İmages

Blog yedeğim üst klasör olmak üzere içine yukarıda belirmiş olduğum gibi üç alt klasör ekleyin.

1. Adım Tema Yedek dosyası oluşturma :

Blogger panelinizden Şablon ve sağ üst köşede Yedekle / Geri Yükle butonuna tıklayın.
Tam şablonu indir diyerek temamızı bilgisayarımızı indiriyoruz.

Genellikle indirilenler dosyasına düşer bu dosya. Bu yüzden indirilenler arasından kesip, oluşturduğumuz klasör içindeki Tema yedek klasörüne taşıyoruz.

Böylelikle tema yedeğimizi alarak birinci adımı tamamlamış oluyoruz.

2. Adım Yerleşim Kodları için yedek alma işlemi :

Bu işlem genellikle bir çok blog sahibi için nedense önemsiz olarak görülüyor. Ancak bana göre en az tema yedeğini almak kadar önemlidir. Çünkü daha önceden eklemiş olduğunuz widgetler, yedeklemiş olduğunuz temanızı başka bir bloga yükleme durumunda çalışmayacaktır.

Bu yüzden yerleşim kodlarımızı da tek tek yedeklememiz gerekiyor.

Blog panelinden yerleşim alanına gelin. Görmüş olduğunuz ve kod içeren widgetlerimizi düzenle diyerek açıyoruz.

Örneğin : Son Yorumlar Eklentisi widgeti.

Kodlarımızı kopyaladıktan sonra bilgisayarımızda oluşturduğumuz yerleşim kodları adlı klasörümüze girerek yeni bir .txt dosyası oluşturuyoruz.

Kopyaladığımız widget kodlarımızı txt dosyaları içine yapıştır deyip kaydet diyoruz. Sonrasında dosya adını değiştirmeyi unutmayın.

Widget başlığınız ne ise Txt dosyamıza da o adı veriyoruz.

Aynı işlemi içinde kod olan diğer widgetlerimiz için de uyguluyoruz. Böylelikle yerleşim alanındaki kodlarımızı da yedeklemiş olduk.

3. Adım Resim dosyalarını yedekleme

Blog sayfasındaki çoğu resimler dışarı linkleri ile çağrılır.
Bunlardan bazıları google sunucularında yer alırken bazıları ise hızlıresim gibi upload sitelerinde yer alır. Fakat zaman içinde kodlarda silinme olabileceğinden dolayı resimlerimizin de yedeğini almakta fayda vardır.

Blog sayfamızda bulunan icon, banner ve logo gibi resimlerimizi her ihtimale karşı bilgisayarımıza indirip images klasörüne atıyoruz.

Böylelikle üçüncü adımı tamamlamış ve blogumuzun tam yedeğini almış oluyoruz.

Önizleme Blog Düzenim sayfasının kullanmış olduğu son yorumlar ile aynıdır.

Resimli son yazılar widgetini eklemek için blogger kumanda panelinizden yerleşim / gadget ekle / HTML/Javascprit tıklayın ve açılan pencereye aşağıdaki kodları yapıştırın.

<div class="widget-content">
<style scoped="" type="text/css">
#HTML5 .widget-content {max-height:300px;overflow:auto;}
ul.arlinacomments{list-style:none;margin:0;padding:0}.arlinacomments li{display:block;clear:both;overflow:hidden;list-style:none;border-bottom:1px solid #e3e3e3;word-break:break-all;padding:10px 0;margin:0;}.arlinacomments li .avatarImage{float:left;margin-right:10px;position:relative;overflow:hidden}.arlinacomments li img{position:relative;overflow:hidden;display:block;width:42px;height:42px}.arlinacomments li a{font-weight:700}.arlinacomments li span{margin-top:2px;color:#666;display:block;font-size:12px;line-height:1.4}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments
function arlinacomments(a){var e;e='<ul class="arlinacomments">';for(var t=0;numComments>t;t++){var r,o,n,i;if(t==a.feed.entry.length)break;e+="<li>";for(var d=a.feed.entry[t],s=0;s<d.link.length;s++)"alternate"==d.link[s].rel&&(r=d.link[s].href);for(var l=0;l<d.author.length;l++)o=d.author[l].name.$t,n=d.author[l].gd$image.src;n=-1!=n.indexOf("/s1600/")?n.replace("/s1600/","/s"+avatarSize+"-c/"):-1!=n.indexOf("/s220/")?n.replace("/s220/","/s"+avatarSize+"-c/"):-1!=n.indexOf("/s512-c/")&&0!=n.indexOf("http:")?"http:"+n.replace("/s512-c/","/s"+avatarSize+"-c/"):-1!=n.indexOf("blogblog.com/img/b16-rounded.gif")?"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs0xy1c_JccgbqtTfmL0Bnr6Orv5LDKwXj5XZ9FD1vC4NfhcUjnth9gavrj7UbuY3VI37CtU1yQqCjf4NtChQhf2tulM7LYtYSFZMpydx5ak73oKjUH0XczSEP4Q194iVEPCTyT-yeWAaW/"+avatarSize+"/blogger.png":-1!=n.indexOf("blogblog.com/img/openid16-rounded.gif")?"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi25eCYFCzrdSDTdhY_HNc1uv_xRy9Cx2ZOvkponR7LUzsotgCoSxTTJQVtfCxQGpX8vkr4tOMBoNuvt5EzyWohq3-qI0KoK1AGtZ3kSuPJQjyWsTmSNAHzIwOJxqb4aqYUnQ01gm4WWJCj/"+avatarSize+"/openid.png":-1!=n.indexOf("blogblog.com/img/blank.gif")?-1!=defaultAvatar.indexOf("gravatar.com")?defaultAvatar+"&s="+avatarSize:defaultAvatar:n,1==showAvatar&&(i=1==roundAvatar?"avatarRound":"",e+='<div class="avatarImage '+i+'"><img class="'+i+'" src="'+n+'" alt="'+o+'" width="'+avatarSize+'" height="'+avatarSize+'"/></div>'),e+='<a href="'+r+'">'+o+"</a>";var A=d.content.$t,v=A.replace(/(<([^>]+)>)/gi,"");""!=v&&v.length>characters?(v=v.substring(0,characters),v+="&hellip;",1==showMorelink&&(v+='<a href="'+r+'">'+moreLinktext+"</a>")):v=v,e+="<span>"+v+"</span>",e+="</li>"}e+="</ul>";var c="";0==hideCredits&&(c="display:block;"),e+="",document.write(e)}var numComments=15,showAvatar=!0,avatarSize=42,roundAvatar=!0,characters=40,showMorelink=!1,defaultAvatar="http://2.bp.blogspot.com/-XjxrXKBPQqs/VYcGtLWPGUI/AAAAAAAAKaQ/5jr871JIwds/s1600/default-avatar.jpg",hideCredits=!0,numComments=numComments||5,avatarSize=avatarSize||60,characters=characters||40,defaultAvatar=defaultAvatar||"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkh4GeINwNBSwVBA19isUStETXdLOWI4Dsm1DIk8_Dvn6mOorYud8UohviiNZVYaPJQ01vGuhu-xOdPP1tETM0FKFu3DonRJMPUhe_XRqM3U-P0XQeaq5mVENNlmeLaZ17Ak_uFZabaa7U/s1600/default-avatar.jpg",moreLinktext=moreLinktext||" More &raquo;",showAvatar="undefined"==typeof showAvatar?!0:showAvatar,showMorelink="undefined"==typeof showMorelink?!1:showMorelink,roundAvatar="undefined"==typeof roundAvatar?!0:roundAvatar,hideCredits="undefined"==typeof hideCredits?!1:roundAvatar;
//]]>
</script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&amp;callback=arlinacomments&amp;max-results=15"></script><ul class="arlinacomments"><li><div class="avatarImage avatarRound"></div></li></ul>
</div>

Öneriler :

Hiç bir kod kullanmadan son yorumları göstermek isterseniz:
KODSUZ SON YAZILAR VE YORUMLAR NASIL GÖSTERILIR? konusunu inceleyebilirsiniz.

Ana sayfanızda oluşacak yoğunlu azaltmanız için eklemiş olduğunuz son yorumlar widgetini üç sütunlu widget alanı ekleyerek azaltabilirsiniz.
Bunun için ;

SIDEBAR MULTI-TAB WIDGET ALANI NASIL EKLENIR? konusunu inceleyebilirsiniz.

Kodlar içindeki max-results=10  sayısı göstermek istediğiniz yorum sayısını ifade eder. 

Eklentinin önizlemesi Blog Düzenim sayfasında mevcuttur. Kurmadan önce nasıl olduğunu merak ediyorsanız sağ taraftaki widget alanında Recent Post başlığı altında bulabilirsiniz.

Son yazılar eklentisini kurduktan sonra ayrıca anasayfanızda gizlemenizde de fayda var. Çünkü son yazılarınız zaten anasayfanızda gözüktüğü için ayrıca bir widget ekleyerek sağ tarafı (sidebar-wrapper) kısmını kalabalık etmeye lüzum yok.

Eklentiyi eklemek için blogger kumanda panelinizden Yerleşim / Gadget ekle / HTML/Javascprit diyerek açılan pencereye aşağıdaki kodlarımızı kopyalayıp yapıştırıyoruz.

<style scoped="" type="text/css">
ul#recent-posts{list-style:none;margin:0;padding:0}li.recent-posts{display:block;clear:both;overflow:hidden;list-style:none;border-bottom:1px solid #e3e3e3;word-break:break-word;padding:10px 0;margin:0;transition:all .3s;}
li.recent-posts:last-child{border-bottom:0;}
li.recent-posts:hover{padding-left:3px}
li.recent-posts a{color:#333;}li.recent-posts a:hover{color:#f8695f;}
</style>
<ul id="recent-posts"><li class="recent-posts"></li></ul>
<script>
//<![CDATA[
var homePage = "http://www.BLOGADRESİNİZ.blogspot.com/",
numPosts = 7;
function recentPosts(a){if(document.getElementById("recent-posts")){var e=a.feed.entry,title,link,content="",ct=document.getElementById("recent-posts");for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<li class="recent-posts"><a href="'+link+'" title="'+title+'" target="_blank">'+title+'</a></li>'}ct.innerHTML=content}}var rcp=document.createElement('script');rcp.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results='+numPosts+'&callback=recentPosts';document.getElementsByTagName('head')[0].appendChild(rcp);
//]]>
</script>

Kodlarınızı ekledikten sonra sayfayı kapatmadan kodlar içindeki BLOGADRESİNİZ yazan yere kendi blog adresinizi yazmayı unutmayın.

Eklediğiniz widgetinizi anasayfada gizlemek için ise lütfen şu bağlantıyı ziyaret edin.

BLOG ANASAYFADA WIDGET GIZLEME GÖSTERME NASIL YAPILIR?

* Bu kod Arlina Design tarafından yapılmıştır.

Her blog kullanıcısının en az bir kez başına gelmiştir bu durum. Eski temanızdan sıkılır ve yeni bir tema yüklemek istersiniz. Sonrasında indirdiğiniz temanın Türkçe kelimeleri desteklemediğini fark edersiniz. Yani makaleleriniz içindeki kelimelerde ( ş, ğ, ö, ç ) gibi harflerin bozuk ya da farklı görünmesidir bu durum.

Bu durumu çözmek elbette basittir. Blogger in dilinden anlamıyorsanız ben yapamam diye düşünüyorsanız da hiç korkmanıza gerek yok. Çünkü anlatımlarımı blog kullanmaya yeni başlayanların seviyesinde olacaktır. Üst düzey blog kullanıcılarına bu yüzden sıkıcı gelebilir.

Öncelikle kendi kullanmış olduğum bir programı sizlere önereceğim. Google Chrome uzantısıdır ve kullanımı da çok basittir.

Uzantıyı eklemeden önce biraz ne işe yaradıgından bahsedeyim. Blogunuzun yazı stilini değiştirmek istiyorsunuz ve nasıl bir font seçeceğinizi bilmiyorsunuz.

Sizlere önerim genellikle internette yaygın olarak kullanılan standart stillerini kullanmanızdır. Ya da çok popüler sitelerin kullandığı yazı fontlarını kullanabilirsiniz.

Örneğin; vikipedi yazı stili. Gayet hoş sade ve okunaklı (ayrıca türkçe karakter destekli bir yazı stili) dolayısıyla işimizi fazlasıyla görecektir.

Şimdi gelelim bir web sayfasındaki kullanılan yazı stilinin adını nasıl öğreneceğimize. Yukarıda bahsettiğim uzantımız aslında tam da bu işe yarıyor.

Yani bir yazı stilini seçtiğinizde size detaylı bir şekilde yazı stili adı, size ve renk gibi bilgileri gösteriyor.

Daha iyi anlamanız için aşağıdaki ekran görüntüsünü inceleyebilirsiniz. Burada da gördüğünüz gibi başlığımız Georgia - regular metinler ise sans-serif - regular.




Öncelikle uzantıyı chrome tarayıcımıza ekleyelim.

Uzantıyı eklemek için lütfen tıklayın. 

Uzantımızı ekledikten sonra artık herhangi bir internet sayfasındaki beğendiğimiz yazı stilini öğrenebiliriz.

Umarım buraya kadar her şey anlaşılmıştır.

Yazı stili öğrendik peki kendi blogumuza nasıl uygulayacağız? 

İlk olarak https://www.google.com/fonts/ adresini ziyaret ediyoruz. Oraya beğendiğimiz yazı stili adını yazarak aratıyoruz.

Sekmelerde bulunan sentence kısmına bir kaç kelime ve Türkçe karakterler yazarak yazı stilimizin Türkçe karakter destekli olup olmadığını kontrol ediyoruz.


Quick Use butonuna tıklayarak sonraki adıma geçiyoruz. Bu kısımda iki ayrı kutucukta kodlar karşımıza çıkıyor.

Link diye başlayan kodumuzu kopyalayarak blog sayfamızın html kısmında /head kodunun hemen üzerine yapıştırıyoruz.

<link href='https://fonts.googleapis.com/css?family=Roboto+Slab' rel='stylesheet' type='text/css'/>

En sondaki kapama işaretini de ekliyoruz.

Bir alttaki kodumuz ise entegrasyon kodudur.  Bu kodu ise stil dosyaları içinde istediğiniz alanda uygulayabilirsiniz. Örneğin h1,h2,h3 başlıkları için.

h1 { font-family: 'Roboto Slab', serif; font-weight: 400; }

 ya da 

 post-title {...}
 

Kullandığım yazı stilini seviyorum nasıl Türkçe yapabilirim?

Eğer kullandığınız yazı stilinin Türkçe karakteri olduğundan eminseniz

Türkçe desteği olduğundan emin olduğumuz fontun href' kısmına subset=latin-ext ekleyerek Türkçe karakterleri de kullanabiliyoruz.

Örnek olarak :

<link href='http://fonts.googleapis.com/css?family=Lora:400,400|Oleo+Script|Ubuntu&subset=latin-ext' rel='stylesheet' type='text/css'/>

Burada dikkat edeceğimiz husus ise ;
Head tagları arasında kullandığımız bu link tagındaki & işaretlerini, blogger algılamadığı için & işaretini &amp; olarak düzenlememiz gerekiyor.


<link href='http://fonts.googleapis.com/css?family=Lora:400,400|Oleo+Script|Ubuntu&amp;subset=latin-ext' rel='stylesheet' type='text/css'/>

Still dosyaları içinde bulunan eski yazı stili isimlerini değiştirmeyi unutmayın!