blogger tema etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
blogger tema etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

Blogger Şablon Tasarımcısı - Blogger Template Designer

| | Comments

Blogger kullanıcıları için Google yeniliklere devam ediyor. Bir süredir draft blogger üzerinden test edilen Blogger Şablon Tasarımcısı artık tüm kullanıcılar için aktfi hale geldi.

Bu değişiklik bloggerin üçüncü kod değişikliği oldu sanırım. Şuan için yeni kodlama sistemini anlatmaya başlayıp kafalarınızı karıştırmak istemiyorum. İleriki yazılarımda yeni kod yapısı ile ilgili bir çok yazımı okuyabilirsiniz.

Şimdilik mevcut blogger kod yapısı ile tema hazırlamaya/çevirmeye devam edeceğim. Ama kısa bir süre sonra yeni kod yapısı ile tema hazırlamaya/çevirmeye devam edeceğim.

Blogger Temalarımın Yayınlandığı Bazı Siteler

| | Comments

Blogumu güncel olarak takip edenler Blogger için çevirdiğim temaları yayımladığım Blogger Gallery blogunu bilirler.Blogger Gallery'i açalı henüz bir kaç ay geçmesine rağmen istatistik olarak çok iyi bir yere geldi. Yabancı bir çok sitede benim çevirdiğim temalar listeleniyor. Benim çevirdiğim temalarında olduğu bir kaç listeyi sizlerle paylaşmak istedim.

cooltricksntips.com - Best Blogger Templates Released In September 09

Bu listede bulunan The Art Blog, BlueMania temaları benim çevirim.

Blogger Tema Galerim ve Çevirdiğim Temalar

| | Comments

Blogger için çevirdiğim temaları artık buradan değil temal galerimden yayınlayacağım. Tema galerimin adresi ise http://www.bloggergallery.com 'dur. Duymayan kalmasın :)

Tema galerisinin tasarımı henüz bitmedi. Ama daha fazla bekletmek istemeden tanıtayım daha doğrusu duyurayım dedim. Blogger için tema çevirmek vakit alan bir iş olduğundan ve arada sırada hata alıp tekrar baştan ele almak gerekiyor. Bundan dolayı seri bir şekilde tema çevirmek mümkün olmuyor. Ama elimden geldiğince fazla tema çevirmeye ve bunlara destek hizmeti vermeye çalışıyorum.

BlueMania Blogger Template - SkinPress

| | Comments

Beni takip edenler genelde Css tema çevirisi yaptığımı bilirler. Ama son zamanlarda benden Magazin tarzı tema çevirisi yapmam yönünde bir çok istek aldım. Bu isteklere cevapsız kalmak olmaz diyerek hoşuma giden ve Blogger için çevrilmemiş temaları çeviri sırasına aldım.

Magazin tarzı temalardan ilk çevirisini yaptığım SkinPress tarafından hazırlanan ve ücretsiz dağıtılan BlueMania Wordpress temasıdır.

BlueMania teması web 2.0 tarzını çok iyi bir şekilde yansıtıyor. Blog başlığı büyük ve kalın harflerle oluşturulduğundan göz alıcı bir başlık tasarımı yapabilirsiniz.

Ormeggiare Blogger Template by TeknoMobi

| | Comments

Yeni bir Css tema çevirisi ile karşnızdayım. Blogger için çevirisini yaptığım temamızın adı Ormeggiare.

Ormeggiare teması turuncu ve beyaz renk ağırlıklı olarak tasarlanmış. Renk uyumu çok güzel olmuş. İki sütunlu yapıya sahip ve sidebar sağ taraftadır.

Tarayıcı uyumluluğu : Firefox 3-3,5,Google Chrome 2-3, Safari 3-4, Opera 9-10, İnternet Explorer 6-7-8

Lisans Koşulları : Creative Commons Attribution 2.5 License

blogger temaplate, css template, ormeggiare templateblogger temaplate, css template, ormeggiare template

Kurulum Klavuzu

1. Menü bölümünde düzenleme yapmak için html kodlarında aşağıdaki bölümü bulun ve gerekli değişikliği isteğinize göre yapın.

<div id='menu'>
<ul>
<li class='current_page_item'><a alt='home' expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li><a href='#'>Blog</a></li>
<li><a href='#'>About</a></li>
<li><a href='http://www.blogcuforum.net/' title='BlogcuForum'>Forum</a></li>
<li><a href='#'>Contact</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>Posts RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'>Comments RSS</a></li>
</ul>
</div>


2. Temaya otomatik devamını oku eklentisi standart olarak eklenmiştir. Bu eklenti ile ilgili detaylı bilgiye bu yazımdan ulaşabilirsiniz.

Ormeggiare Blogger Tema: Demo/Önizleme , İndir

English Statement

With a new translation Css At your theme. The theme for the blogger's name Ormeggiare translation.

Predominantly orange and white color theme Ormeggiare designed. Tonality was very good. Two-column structure, and the sidebar on the right side.

Browser Compatibility : Firefox 3-3.5, Google Chrome 2-3, Safari 3-4, Opera 9-10, İnternet Explorer 6-7-8

Lisans Conditions : Creative Commons Attribution 2.5 License

İnstallation Guide

1. Menu to edit the html code in the following section and make necessary changes according to your request.

<div id='menu'>
<ul>
<li class='current_page_item'><a alt='home' expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li><a href='#'>Blog</a></li>
<li><a href='#'>About</a></li>
<li><a href='http://www.blogcuforum.net/' title='BlogcuForum'>Forum</a></li>
<li><a href='#'>Contact</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>Posts RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'>Comments RSS</a></li>
</ul>
</div>


2. Theme as a standard plug-in automatically read more added. Detailed information about this plugin can be found in this.

Ormeggiare Blogger Template : Demo/Preview , Download

Metamorph Rainbow Blogger Template/Tema

| | Comments

Blogger kullanıcıları için yeni bir css tema çevirisi yaptım. Metamorph Rainbow css temasını Blogger için çevirdim. Umarım beğenilir.

Metamorph Rainbow Blogger temasının özellikleri ; 2 sütunlu, mavi ve yeşil renk ağırlıklı, sağ sidebar,

Tarayıcı Uyumluluğu : Firefox 3/3.5 , Chrome 3 , Safari 4 , İnternet Explorer 6/7/8

blogger,blogger template,css templateblogger,blogger template,css template

Kurulum Klavuzu

  • Header altındaki menüde düzenleme yapmak için HTML kodlarının içinde aşağıdaki kod öbeğini bulup gerekli değişikliği yapabilirsiniz.

<div id='buttons'>
<ul>
<li class='first'><a alt='home' expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li><a href='#' title=''>Blog</a></li>
<li><a href='#' title=''>Gallery</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>Posts RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'>Comments RSS</a></li>
</ul>
</div>


Metamorph Rainbow Blogger Tema : Demo/Önizleme , İndir

English Statement

Blogger users who've made a new translation css theme. Have converted to Blogger Metamorph Rainbow theme css . I hope I will be like.


Metamorph Rainbow Blogger theme features; 2-column, blue and green color-weighted, right sidebar,

Browser Compatibility : Firefox 3/3.5 , Chrome 3 , Safari 4 , İnternet Explorer 6/7/8

Installation Manuals

  • To edit the menu under the header of the HTML code below to find the code phrases and can make the necessary changes.

<div id='buttons'>
<ul>
<li class='first'><a alt='home' expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li><a href='#' title=''>Blog</a></li>
<li><a href='#' title=''>Gallery</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>Posts RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'>Comments RSS</a></li>
</ul>
</div>

Metamorph Rainbow Blogger Template : Demo/Preview , Download

Tricolor Blogger Tema

| | Comments

Nimbuslike Css temasını Blogger için çevirdikten sonra yine yeni bir css tema çevirisi ile karşınızdayım. Yeni temamızın adı TriColor Css önizlemesine buradan ulaşabilirsiniz.

Tricolor temasının özellikleri : 2 sütunlu, mavi/yeşil/turuncu renk tonları, sol sidebar yapısı, geniş yazı alanı, beyaz arkaplan,

tricolor,tricolor blogger template, blogger templatestricolor,tricolor blogger template, blogger templates

Tricolor Blogger Temasının Kurulum Sonrası İşlemleri :

1. Header altında bulunan menüyü düzenlemek için html kodları arasında aşağıdaki kodları aratın ve gerekli düzenlemeyi yapın.

<li class='current_page_item'><a alt='home' expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>Posts RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'>Comments RSS</a></li>
<li><a href='#'>Edit</a></li>
<li><a href='#'>Edit</a></li>
<li><a href='#'>Edit</a></li>

2. Ayarlar - Biçimlendirme sekmesinden tarih başlığı biçimini Temmuz 30, 2009 formatına getirin.

Tricolor Blogger Tema : Demo/Önizleme , İndir

TeknoMobi Tema v1 ile Karşınızdayım Blogger Tema

| | Comments

Uzun zamandır Blogger için bir tema yapmayı düşünüyordum. Ve sonunda bu amacıma ulaştım. TeknoMobi Tema v1 adını verdiğim Blogger teması ile karşınızdayım. Karşınızdayım diyorum ama bu temayı tasarlarken bana grafiklerin hazırlanmasında özveri ile yardım eden Orçun Kılıç olduğundan karşınızdayız demek daha doğru olur sanırım.

Gelelim temamızın özelliklerine;
  • 2 Sütunlu
  • Css Nav Menü
  • Dinamik Tab Content
  • Dinamik Slide Menü
Tarayıcı Uyumluluğu;
  • Firefox 3
  • Chrome 1
  • Safari 3
  • Opera 9
  • İE 8 + İE 7 de %99 sorunsuz...

Temamızın genel özellikleri bu şekilde diyebilirim. Temamızın ekran görüntüsü aşağıdaki gibidir.

Resmi büyütmek için üzerine tıklayın!..

Temayı yükledikten sonra yapılacak gerekli düzenlemeler

Header bölümünü kendinize göre değiştirmek için 2zq8klk.png resmini temada aratın ve kendi header resminiz ile değiştirin.

Css Nav Menüdeki linkleri düzenlemek için tema kodlarında <a alt='blogcu forum' href='http://www.blogcuforum.net/portal.php' target='_blank' title='Blogcu Forum'><span>Blogcu Forum</span></a> yazan bölümde bulunan linkleri kendi isteğinize göre değiştirin.

Slide bölümünü düzenlemek için <!-- Painel 01 --> bölümü bularak gerekli düzenlemeleri yapabilirsiniz. Slide bölümünde kullanacağınız resimlerin boyutu 300x200 px dir.

Sponsor reklam kutuları bölümü 125x125 px boyutundadır. Burayı düzenlemek için tema kodlarında <div id='sidebar-wrapper'> bölümü bulup hemen altındaki bölümden gerekli düzenlemeyi yapabilirsiniz.

Temada gözümden kaçan ufak tefek hatalar olabilir. Gördüğünüz hataları lütfen yorumlarınızda belirtin. Geri dönütleri ne kadar fazla alırsam TeknoMobi Temamın diğer versiyonlarında bu hataları gideririm.

Kodlama ile uğraşmak insanın çok fazla zamanını alıyor. Tabi resimlerin barındırılması ayrı bir dert diyebilirim. Daha önce hazırladığım çeşitli eklentilerde resimleri PhotoBucket hesabıma yükleyip kullanıcıların hizmetine sunuyordum. Javascript dosyalarınıda kendi barındırıcıma yüklüyordum. Tabi buda belli başlı sorunları beraberinde getiriyor. Hazırladığım temada bant genişliğine uğramaması için farklı bir resim barındırıcı kullandım.

Bundan bir hafta kadar önce PhotoBucket hesabım bant genişliği sınırını aştı. Dolayısıyla benim hazırladığım eklentileri kullananlar bir süre sorun yaşadı. Bu sorunu düzeltmek için hesabımı Pro olarak yükseltmem gerekiyordu. Tabi bunun içinde belli bir miktar para gerekti.

Bir arkadaşım Paypal'dan bana 12 dolar kadar bağışta bulundu. Kendisi yakın zamanda çok güzel bir alan adı ile site açacak... Site yayına başladığı zaman hemen tanıtımını yapacağım.

Arkadaşımın yaptığı bağış ile PhotoBucket hesabımı 3 ay süre ile Pro'ya çevirdim. Bu 3 ay bitiminde tekrar hesabımı Pro'ya yükseltmem için Paypal'dan bağışta bulunabilirsiniz.

Paypal'dan bağışta bulunmak için burayı tıklayabilir veya sidebarın altında bulunan Paypal bağış butonuna tıklayabilirsiniz...

TeknoMobi Tema v1 nasıl olduğunu bu iki blogda görebilirsiniz. Demo Sayfası , Şekillendirilmiş Hali

Temanın kodları ile beraber resimler ve javascript dosyalarınıda buradan indirebilirsiniz

Güncelleme 06 Temmuz 2009: Bu gün itibari ile temada bir kaç düzenlemeye gidilmiştir. Javascript dosyalarının barındığı host daha hızlı olan bir yere taşınmıştır. Yazı altında text olarak bulunan sosyal imleme siteleri bağlantıları ikonlar ile görselleştirilmiştir.Bir kaç seo optimizasyonu yapılmıştır. Sosyal imleme ikonları Dryicons Free Sosyal ikonlardan oluşmaktadır. http://dryicons.com/free-icons/preview/socialize-icons-set/

WP-Polaroid v2 Pink Blogger Teması Bayan Blogcular İçin Özel Tasarlandı

| | Comments

Aslında bu yazıyı Yazılarımı yayınladığım kaliteli Türk Bloglarından bir tanesi...Düşüngeç.Com için yazmıştım. Ama tema o kadar hoş duruyor ki dayanamayıp kendi blogumda da yayınlamaya kara verdim. Yazının orjinaline Buradan ulaşabilirsiniz.

Bayanların çok hoşuna gidecek bir tane Blogger temasını sizlere sunuyorum. Daha önce WP-Polaroid temasını çoğu kişi beğenmiştir. Fakat bu temanın düzenlenmesi diğer temalara göre biraz daha zor olmasından dolayı çok fazla tercih edilmiyordu. Bu temayı wordpress için Adii hazırlamıştı.Blogger için ise eblogtemplates çevirdi. Eğer daha önceden WP-Polaroid şablonu kurulu bir blogunuz var ise sadece resim dosyalarının linklerini değiştirerekte bu temaya terfi edebilirsiniz.

WP-Polaroid blogger temasının ikinci versiyonu Pempe haliyle karşımıza çıktı.

Temamızın özellikleri şöyle;
  • Üç sütunlu
  • Özelleştirilebilinir menü
  • Adsense ve diğer reklam seçenekleri için optimize edilmiş alanlar
  • MyBlogLog Widget
  • Flickr Tab
 
Dosyayı indirdiğiniz  zaman klasörün içinde Polaroid adlı  diğer bir klasörde başlık bölümündeki resmin PSD dosyasını bulabilirsiniz.

Bloggerde Yazı Altına Sosyal İkon Yerleştirme

| | Comments

Daha önce yabancı bir blog yazarı Web üzerinden sıkça bağlandığımız servislere ait URL satırlarını saklamamımızı, böylece tek seferde o uzun URL satırını yazmadan ilgili servise erişmemizi olanaklı kılan bir özelliktirsosyal bookmark (Sosyal ikon) scriptinin bloggerde nasıl çalıştırılacağını anlatmıştı. Benim anlatacağım yöntem çok daha basit diyebilirim. Bu yazı altında sosyal ikonda ne oluyor diyenler yazılarımın altındaki imleme sitelerine direk bağlantı ikonları koyduğunu görecekler. Sosyal imleme sitelerinin ikonlarının yazı altına nasıl yerleştirildiğini yazımın sonunda sizlerde kolaylıkla gerçekleştirebileceksiniz.


Diğer Blogger 1999 Ağustos'unda San Fransisko'da Pyra Labs adında ufak bir şirket olarak kuruldu.blogger kullanıcılarınında yararlanabilmesi ve kendilerine göre nasıl özelleştirebileceklerini elimden geldiğince anlatacağım.


1. Öncelikle buradaki kodları Notepad ++ ile veya başka bir metin editörü ile açıyoruz. Ctrl+F tuşlarına basarak arama kutusunu açıyoruz. Kodların içinde teknomobi.blogspot.com yazan yerlere aynı şekilde kendi blogunuzun adresini yazıyorsunuz. Bunu kolayca yapmak için hepsini değiştir diyebilirsiniz.


2. Ardından TeknoMobi diye arama yaptırıyoruz. Kodlardan da farkedeceğiniz gibi title etiketinin karşılığı olarak TeknoMobi yazdım. Bu benim blogumun başlığı sizde kendiniz buraya istediğiniz başlığı yazabilirsiniz.


3. İlk iki aşamayı tamamladıktan sonra Ctrl+S yaparak kaydediyoruz.


4. Şimdi temamızda gerekli yere kodlarımızı entegre edeceğiz. Temamızda Yerleşim - HTML Düzenle - Widget genişlet diyoruz. Tabi ki öncelikle temamızın yedeğini alıyoruz.


5. Ctrl+F yaparak <data:post.body/> kodunu arattırıyoruz ve hemen altına üçüncü aşamada hazırladığımız kodları yapıştırıyoruz. Temamızı kaydetmeden önce önizleme yaparak işlemleri doğru yapıp yapmadığınızdan emin olabilirsiniz.


Acemi kullanıcıların javascript dosyasıyla uğraşmamaları için kendi googlepages sayfama yükledim. İsteyen verdiğim kodların içindeki BaseTM.js dosyasını indirip kendi googlepages sayfalarına yükleyebilirler.

Blogger Css Dock Menu Tasarımı

| | Comments

Evet yeni bir Ajax uygulamasının bloggere uyarlanması işlemiyle karşınızdayım. Önceki yazımızda köşeden açılan reklam yani pageear yapımını anlatmıştık. Bu yazımızda ise Css Dock Menü'nün blogger alt yapısında nasıl kullanılabileceğini uygulamalı olarak anlatacağız. Css Dock Menünün ne olduğunu veya nasıl göründüğünü merak ediyorsanız burayı ziyaret edin!.. 

1. Öncelikle buradan üzerinde çalışacağımız dosyaları indirelim. Dosyayı indidikten sonra images klasörü içindeki resimlerin hepsini herhangi bir resim barındırma sitesine veya googlepagesinize yükleyin.

2. Ardından stlye dosyasını Notepad ++ ile veya herhangi bir metin editörü ile açarak url(images/main-bg.gif)şeklinde olan yerlere yüklediğiniz resim dosyasının linkini kopyalayın. Örnek olarak url(http:www.test.googlepages.com/images/main-bg.gif) vb. gibi... Resim linklerini kpyaladıktan sonra dosyayı kaydedin.

3. Şimdi stlye.css , iepngfix , interface.js , jquery.js dosyalarını googlepagesinize veya alternatif bir siteye yükleyin.

4. Artık blogumuza entegre işlemine geçebiliriz. Şimdi HTML düzenleme moduna geçiyoruz. Öncelikle herhangi bir sorunla karşılaşmamak için temamızın bir yedeğini alıyoruz. Şablonu genişlet diyerek işlemimize başlayalım.
5. <head> kodunun hemen altına


<script src='http://denemeler.weebly.com/uploads/1/1/4/2/1142610/jquery.js' type='text/javascript'/> <script src='http://denemeler.weebly.com/uploads/1/1/4/2/1142610/interface.js' type='text/javascript'/> <link href='http://denemeler.weebly.com/uploads/1/1/4/2/1142610/style.css' rel='stylesheet' type='text/css'/> <!--[if lt IE 7]> <style type="text/css"> .dock img { behavior: url(http://denemeler.weebly.com/uploads/1/1/4/2/1142610/iepngfix.htc) } </style> <![endif]-->  
<style>

kodunu kopyalıyoruz. Yukarıdaki kod içindeki dosya bağlantılarını kendi yüklediğimiz dosyaların bağlantıları ile değiştiriyoruz.

6. <body> kodunun hemen altına bu kodu kopyalıyoruz. Burası işlemlerimizin son aşamasıydı artık buradaki ikonları ve bağlantıları kendi isteğinize göre düzenleyebilirsiniz. Temanızı kaydetmeden önce önizleme yaparak işlemleri doğru yapıp yapmadığınızdan emin olabilirsiniz. Her temada aynı düzende görünmeyebilir.


Css Dock Menünün bloggere uygulanması biraz zahmetli ama yine de çok zor değil takıldığınız bir yer olduğunda yorum yaparak sorununuzu / isteğinizi açıkça belirtirseniz elimden geldiğince yardımcı olmaya çalışırım.

Yazan : TeknoMobi Editörü
Not : Eğer bu yazıyı kendi siteniz veya blogunuzda yayınlamak isterseniz yazınızın altında TeknoMobi ve yazının tam linkini vermelisiniz.

Blogger için Pageear Hazırlama - Köşeden Açılan Reklam

| | Comments

Daha önce Harun Güven'in (Hrn) blogunda yayınladığı pageearı kullanıyordum. Efekt olarak göze çok hoş gelen bu eklenti sayesinde blogunuzun sağ üst köşesinin sayfa yaprağı gibi açılmasını sağlıyoruz, Pageear'dan eklenti diye bahsettim ama aslında blogumuzda ufak bir javascript kodu entegre ediyoruz. Şimdi gelelim bu yazıyı neden kaleme aldığıma.. Hrn blogunda anlattıklarını sorunsuz yapmıştım. Hatta blogunda ve BloggerDestek sitesinde yazdığı yazılarda verdiği JavaScript Kodunu indirmede sorun yaşadığım içinde  .js kodunu bloguna entegre eden Taytanik'ten rica ettim oda sağolsun beni kırmadı ve js dosyasını gönderdi. Bende bloguma entegre ettim ve bir kaç gün öncesine kadarda sorunsuz kullanıyordum. Ne olduysa pageear açılmamaya başladı. Sorunun nereden kaynaklandığını araştırırken gördüm ki .js kodlarının içinde .swf dosyalarının yüklendiği sitede sorun var. Bende pagearı kendim düzenlemeye daha doğrusu bloggere entegre etmeye çalıştım. Bu çalışmamda Hrn'un yazısından öğrendiklerimin çok faydası oldu. 


Şimdi gelelim Blogger'de Pageear'ın (PagePeel) efektini nasıl vereceğimize öncelikle buradan bize gerekli düzenlemeleri yapacağımız dosyaları indirelim. Ardıdan klasörün içindeki pageear.js dosyasını herhangi bir metin editörü ile açalım tavsiyem Notepad ++ dır. Tabi siz istediğinizi kullanbilirsiniz. açtığınız pageear.js dosyasında var pagearSmallImg =  yazan satırdaki resim linki 100x100 px boyutlarında köşe açılmadan önceki resmimiz. var pagearBigImg = ise köşe açılınca görünecek olan 500x500 px boyutundaki büyük resmimiz. Ben sizler için şablon hazırladım ve bir sunucuya yükledim. Siz isteğinize göre düzenleyip pageear.js içindeki linkleri değiştirerek kendi resimlerinizin görünmesini sağlayabilirsiniz.
Köşe açıldığında gidilmesini istediğimiz linki değiştirmek için ise yine pageear.js dosyasında var jumpTo =  satırındaki bağlantı linkini değiştiriyoruz.
Artık pageear.js dosyamızı hazırladık. Şimdi yapmanız gereken pageear.js ve AC_OETags.js dosyalarını  googlepages gibi herhangi bir barındırma sitesine yüklemek. Googlepages'e alternatif olarak Weebly'i de kullanabilirsiniz.
Şimdi ise hazırladığımız pageear.js dosyalarını blogumuza kod ekleyerek çağırmalıyız. HTML  düzenleme  moduna geçerek şablonu genişlet diyoruz Tabi öncelikle temazını yedeğini almayı unutmayın. Ardından <title><data:blog.pageTitle/></title> kodunu ctrl+f ile aratarak hemen altına
<!--<script src="http://www.weebly.com/uploads/1/1/4/2/1142610/ac_oetags.js" type="text/javascript"></script>-->
<!--<script type="text/javascript" src="http://www.weebly.com/uploads/1/1/4/2/1142610/pageear.js"></script>-->

kodlarını yapıştın. 
En son olarak ise </div></div> <!-- fin de capa outer-wrapper --> kodunun hemen altına veya  </body> kodunun hemen üstüne
<script language='javascript' src='http://www.weebly.com/uploads/1/1/4/2/1142610/ac_oetags.js'/>
<script src='http://www.weebly.com/uploads/1/1/4/2/1142610/pageear.js' type='text/javascript'/>
<!-- PageEar function call -->
<script type='text/javascript'>
writeObjects();
</script>

kodunu yapıştırın. Artık işlemlerimiz bitti şablonu kaydetmeden önce önizleme yaparak doğru düzenlediğinize emin olun. 
Yazı sizlere biraz karışık gelebilir ama korkmayın hiçbir zorluğu yok. Yapamadığınız bir yer veya anlamadığınız bir yer olursa yorum yazarak veya iletişim formunu kullanarak sorununuzu / isteğinizi açıkça yazabilirsiniz.


Yazan : TeknoMobi Editörü


Not : Eğer bu yazıyı kendi sitenizde veya blogunuzda yayınlamak isterseniz yazınızın altında  kaynak olarak TeknoMobi  ve sayfanın tam linkini vermelisiniz.

Notepad Chaos Blogger Tema Türkçe

| | Comments

blogger templates,blogger tema,notepad tema, notepad templateSmashing Magazine'nin yayınladığı Notepad Chaos WordPress temasını Yakuter Türkçe'ye çevirmişti. GosuBlogger ise Blogger'e uyarlamasını yaptı. Bende Gosu arkadaşımın yaptığı düzenlemeyi Türkçe'ye çevirdim. Daha doğrusu temanın özelliğinden dolayı bazı yerlerde yazılar kodlar ile değil resim olarak düzenlenmiş. Yakuter temayı nasıl düzenlediğinden bahsederken bu zorluğun altını çizmiş ama sonuçta temayı tamamen Türkçe'leştirmiş.

Bende Türkçe düzenlemeyi yaparken biraz zorlandım diyebilirim. Bazı ölçüleri tam tutturamamaktan kaynaklandı. Tabi sonuçta Yakuter'in hazırladığı resim dosyalarını Gosu arkadaşımın hazırladığı Blogger versiyonuna uydurmak kolay oldu diyemem.

Temayı yükledikten sonra en alt sol taraftaki benim logomun yerine kendi logonuzu koymak için  32x32 px boyutlarında ayarlayın. Ardından logonuzu herhangi bir yere yükleyerek HTML kodlarının içinde http://i39.tinypic.com/dgkmzt.gif diyerek arama yapın ve yerine kendi logonuzun adresini yapıştırın. Ardından logonun altındaki linki değiştirmek için ise http://feeds2.feedburner.com/teknomobi diyerek aratın ve istediğiniz bir url girin.

Sayfa Öğelerinde ;
  • TeknoMobi Rss Adresi : http://feeds2.feedburner.com/teknomobi
  • GosuBlogger Rss Adresi : http://feeds.feedburner.com/gosublogger
  • Yakuter Rss Adresi : http://feeds.feedburner.com/yakuter

Biçimlendirme Ayarları:

notepad teması biçimlendirme


Tema ile ilgili soru ve görüşlerinizi ister konuya yorum yazarak istersenizde iletişim formumuzu kullanarak iletebilirsiniz.


Görüntüle : Notepad Chaos Tema Türkçe Önizleme
Yükle : Notepad Chaos Tema Türkçe
Yararlanılan Kaynaklar : GosuBlogger , Yakuter

FervensC Blogger Tema Türkçe

| | Comments

Fervens C teması solda yazı sütunu, sağda iki tane sütun olmak üzere 3 sütunlu yapıdadır. Bu sefer çevirisini yaptığımız tema ise Fervens serisinin sonuncusu olan FervensC temasıdır.
Fervens A-B-C Temalarının Ortak Özellikleri :  

  • 3 Sütunlu
  • Web 2.0 Tasarım
  • Genişlik Blogger Uyumlu
  • Yuvarlak Köşeler


Fervens C : Önizleme , Xml Dosyası
Yazan : TeknoMobi Editörü

* Sitede sunulan programları kurmadan/çalıştırmadan önce virüs taramasından geçiriniz.  Programların kullanımları sonucu oluşabilecek zararlardan http://teknomobi.blogspot.com sorumlu değildir.

FervensB Blogger Tema Türkçe

| | Comments




FervensB teması solda iki tane sütun ve sağda yazı sütunu olmak üzere 3 sütunlu yapıdadır. Bir önceki yazımızda FervensA temasının Türkçe versiyonunu vermiştik. Şimdi sıra FervensB temasının Türkçe Sürümünde...



Fervens A-B-C Tema Ortak Özellikleri : 





  • 3 Sütunlu
  • Web 2,0 Tasarım
  • Genişlik Blogger Uyumlu
  • Yuvarlak Köşeler


FervensB : Önizleme , Xml Dosyası

Yazan : TeknoMobi Editörü







Sitede sunulan programları kurmadan/çalıştırmadan önce virüs taramasından geçiriniz. 



Programların kullanımları sonucu oluşabilecek zararlardan http://teknomobi.blogspot.com sorumlu değildir.

FervensA Blogger Tema Türkçe

| | Comments

Yeni bir Blogger tema çevirisi ile karşınızdayım. Sizler için FervensA temasını Türkçe olarak düzenledim. Türkiye'de blogger kullanıcılarının sayısı azımsanmayacak kadar çok diyebiliriz. Eh kullanıcı sayısı bu kadar artıncada bloglarda kullanılan temalar genelde aynı olmaya başladı. Çoğu blogger kullanıcısıda yabancı sitelerden aldıkları temaları kendi bloglarına yükleyerek kullanıyorlar. Fakat bu temaların bazı kısımları ne yazık ki Türkçe olarak gelmiyor. Bunuda HTML içinden düzenlemek gerekiyor. Tabi çoğu kişi bu konuda bilgi sahibi olmadığı için HTML kodları ile oynamaya korkuyor. Daha önce Vibrant temasını Türkçe'ye çevirmiştim. Ayrıca resimlerin görünmeme sorununuda ortadan kaldırdım. Şİmdi ise FervansA-B-C temaları üzerinde çalışıyorum. Fervans A temasını çevirisi bitti.Sırasıyla da Fervens B-C çevirileri gelecek... Takip etmeye devam edin!..


Fervens A-B-C Tema Ortak Özellikleri : 


  • 3 Sütunlu
  • Web 2,0 Tasarım
  • Genişlik Blogger Uyumlu
  • Yuvarlak Köşeler
Fervens A teması bir tane orta sütun, bir tane sağ, bir tanede solda olmak üzere 3 sütunlu yapıdadır. Türkçe çevirisinin yapılmasını istediğiniz blogger temalarını yorumlarınızda belirtirseniz. en kısa sürede Türkçe çevirisini yapmaya çalışırım. 

Fervens A : Önizleme , Xml Dosyası

Yazan : TeknoMobi Editörü



Sitede sunulan programları kurmadan/çalıştırmadan önce virüs taramasından geçiriniz. 
Programların kullanımları sonucu oluşabilecek zararlardan http://teknomobi.blogspot.com sorumlu değildir.

Blogger Vibrant Teması Türkçe

| | Comments

Sevgili Blogger kullanıcıları daha önce Gosublogger'in Wordpress temalarından Vibrant temasını Blogger'e uyarlamıştı. Resim dosyalarını ve .js dosyalarını google pages sitesine koyduğu için bant genişliği limiti aşılma dolayısıyla temayı kurunca resimler ve ajax menü çalışmıyordu. Bir süre sonra ise düzeliyordu. Gosublogger'e nasıl düzeltebiliriz diye sorduğumda resimleri başka bir yere yüklememi söyledi. Bende resimleri photobucket'e yükledim. vt-tabcontent.js dosyasınıda yine kendi pages sayfama yükledim. Sizlerinde bu temayı beğeneceğinizi tahmin ederekten Vibrant temasını Türkçe'ye çevirerek bütün Türk bloggerlerinin hizmetine sunmak istedim.
Vibrant Blogger XML Teması
  • 3 sütunlu
  • Ajax menülü
  • Şık gezgin menüsü
  • Kolay düzenlenebilir özelliklerine sahiptir.
FeedBurner ayarlarını yapmak için HTML düzenleden widget'i genişlet deyip FEEDBURNER_ID yazan yeri kendi FeedBurner ID'niz ile değiştirin.


Temayı yükledikten sonra yapmanız gerekenler :
  • Temayı yükledikten sonra ajax menüde sorun çıkmaması için vt-tabcontent.js dosyasını kendi googlepages sayfanıza yükleyin. Ardından temayı açın ve widget genişlet deyin. Kodların içinde http://turknova.googlepages.com/vt-tabcontent.js yazan yeri kendi dosyanızın linki ile değiştirin. Bunu yapmamızın nedeni pagesin bant genişliğinden etkilenip son yazılar, son yorumlar, blog bağlantıları kısmının kaybolmasını engellemek.
  • FeedBurner ayarlarını yapmak için HTML düzenleden widget'i genişlet deyip FEEDBURNER_ID yazan yeri kendi FeedBurner ID'niz ile değiştirin.
  • Sağ üst köşedeki reklam pagear bölümünü kendiniz eklemek için bu sayfayı ziyaret edin!..
  • Temanın Footer bölümündeki linkleri silmemelisiniz. Lisans anlaşmaları gereği başınız derde girebilir.
  • Temayı yüklediğinizde demodaki bazı kısımlar görünmeyebilir bunları kendiniz gadget ekle diyerek yapabilirsiniz.
Vibrant-G-T : Demo1 , Demo2
Vibrant-G-T : Temayı sorunsuz indirebilmeinz için alternatif servislere yükledim. RapidShare , Çoklu indirme seçeneği istediğiniz linkten indirebilirsiniz. 7Zip dosyasının içinde XML tema, resimler, tabcontent dosyası ve screenshot resimleri bulunmaktadır. Dosya yüklenmeden önce en güncel antivirus programı ile taratılmıştır. Dosyayı indirdikten sonr antivirus kontrolünden geçirmeyi unutmayın!..
Blogger Temalarını Türkçe'leştirmeye elimden geldiğince devam edeceğim. Türkçe'leştirdiğim temalar hakkında yorum yaparsanız sevinirim. Yorumlarınıza göre düzenlemelerimizin kaliteside artacaktır.