TeknoMobi | Profesyonel ve Ücretsiz Blogger Tema

blogger ipuçları etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

MultiBox İle Blogger'inizi Coşturun!..

Gönderen TeknoMobi | Salı, Kasım 25, 2008 | Comments

Bir önceki yazımda sizlere yeni bir yazı dizisi ile karşınızda olacağımdan bahsetmiştim. Ehh artık Blogger kukllanıcılarını fazla bekletmeden blogunuzu çok daha kullanışlı hale getirebileceğimizi gösterelim. Şimdi bazılarının aklına yazı dizisi neden yapıyorsun bir yazıda anlatsan olmaz mı diyenler çıkabilir. Ama yapacağımız işlemlerin detaylı olması ve acemi kullanıcıların kolaylıkla anlayabilmesi için yazı dizisi olarak yayınlamayı uygun gördüm. Ama şunu belirtmeliyim ki ülkemizde Blogger uygulamaları ile uğraşan pek fazla kişi yok olanlarda bir süre sonra kendini kenara çekiyor. Neden diye kendimize sorarsak yazılara yeterli ilginin gösterilmemesi daha doğrusu yazılara geri dönütün sağlanmaması diyebiliriz. Yorum yapılmaması vb.

Bende elimden geldiğince Blogger alt yapısı ile yayın yapan blogculara bloglarını daha kullanışlı hale getirebilmeleri için çalışıyorum. Ama yukarda bahsettiğim gibi gerekli geri dönütleri aldığım pek söylenemez. Neyse konuyu fazla uzatmayacağım.

LightBox uygulamasını çoğu kullanıcı biliyordur. Mutlaka bir blogda veya sitede denk gelmiştirsiniz. LightBox ile resimleri blogumuzdan ayrılmadan hoş bir şekilde gösteriyoruz. LightBox'un Blogger'e entegre etme işlemini Düşüngeç'teki yazımda anlatmıştım.

Şimdi ise LightBox'un çok daha gelişmiş bir türevi olan MultiBox uygulamasını Blogger için kullanılabilir hale getirdim. MultiBox ile neler mi yapabiliriz.

Resimleri blogumuzdan ayrılmadan açılır hale yani pop-up şeklinde açabiliriz.
swf, flv gibi flash videoları
mov uzantılı quicktime videoları
wmv uzantılı windows media videoları
rv / rm / rmvb uzantılı real mediavideolarını
mp3 formatındakimizik dosyalarını
ve Youtube, Vimeo, Dailymotion, Google Video, Yahoo Video sitelerindeki videoları blogunuzdan hiç ayrılmadan ziyaretçilerinize dinletebilir / izletebilirsiniz. Bunların hepsinin örneklerini aşağıda verdiğim demo sayfasındaki bağlantılara tıklayarak görebilirsiniz.

Multibox uygulamasının Blogger'de nasıl çalıştığını görmek için hazırlamış olduğum Multibox Demo sayfasına göz atabilirsiniz..

Multibox uygulamasının tarayıcı uyumluluğu : Firefox 3/3.5 , Chrome 2-3 , Safari 3-4 , İnternet Explorer 7-8 , Opera 9-10

MultiBox Ders 1 , MultiBox Ders 2 , MultiBox Ders 3 , MultiBox Ders 4 , MultiBox Ders 5 , MultiBox Ders 6 , MultiBox Ders 7

İntenseDebate Yorum Formunu Blogger'e Entegre Edelim Video Anlatım

Gönderen TeknoMobi | Pazartesi, Kasım 24, 2008 | Comments

Buradaki yazımda yeni yorum formuna geçiş yaptığımı yazmıştım. İntenseDebate yorum formu gerçekten çok kullanışlı ve özellik olarakta harika... İntenseDebate'nin sitesindeki kurulum anlatımları beni pek tatmin etmedi. Acemi Türk blogger kullanıcıları için bir tane eğitim videosu hazırladım. Bu videoyu izleyerek İntense Debate yorum formunu blogunuza nasıl entegre edeceğinizi öğrenebilirsiniz.

DailyMotion : İntenseDebate Yorum Formu Blogger Entegrasyon İşleminin Videosu

Vimeo : İntenseDebate Yorum Formu Blogger Entegrasyon İşleminin Videosu

Bilgi için : İntenseDebate Ana Sayfa

Blogger Sağ Üst Köşeye Şehitler Ölmez Arması Yerleştirelim

Gönderen TeknoMobi | Cumartesi, Kasım 22, 2008 | Comments

Blogger alt yapısı kullandığımız bloglarımızın sağ üst köşesine aşağıdaki resimde gördüğünüz Şehitler Ölmez Vatan Bölünmez armasını yerleştirelim. Daha önce sol üst köşeye Türk Bayrağımızı yerleştirmeyi değişik bloglar yer vermişti. Türk Bayrağını yerleştirirken CSS kodlarına ekleme yapmamız gerekiyordu. Gerçi zor değil ama acemi kullanıcılar yerleşimde hatalar yapabiliyorlardı.

Şehitler Ölmez Vatan Bölünmez armasını yerleştiriken sizlere kolaylık olması için javascript kod dosyası hazırladım. Şimdi armamızı blogumuza nasıl yerleştireceğimizi anlatayım.

Öncelikle her türlü soruna karşı Yerleşim > HTML Düzenle diyerek Widget Şablonlarını Genişlet diyoruz. Ardından Tam Şablonu Yükle diyerek şablonumuzun yedeğini alıyoruz.

Ardından şablonumuzun en alt kısmına giderek </body> ve </html> kolarının arasına aşağıdaki kodu yerleştiriyoruz. Kodu nereye yerleştireceğinizi aşağıdaki resimden görebilirsiniz.

<script language='javascript' src='http://tm52.weebly.com/uploads/1/3/6/1/1361393/sehitlerolmezarmasi.js' type='text/javascript'/><noscript><a href='http://teknomobi.blogspot.com/'>TeknoMobi</a></noscript>

Ardından şablonumuzu kaydedip kontrol ediyoruz. İlk kontrolde görünmeyebilir. ikinci kere sayfayı yenilediğinizde artık Şehitler Ölmez Vatan Bölünmez arması Blogger blogumuzda görünecektir.

Soru / Görüş / İstek ve Önerilerinizi yorum yaparak veya iletişim formunu kullanarak iletebilirsiniz.Bu arada Blogger için çok hoş bir yazı dizisi hazırlıyorum. Örnek olarak aşağıdaki Ceza ft. Doa - Müziğin Doası yazısına tıklayın

Ceza ft. Doa - Müziğin Doası

Müziğin Doası

25 Kasım 2008 Güncelleme Notu : Şehitler Ölmez Vatan Bölünmez Armasının blogunuza ekleyeceğiniz kod iyileştirilmiş olarak yenileniştir. Eğer daha önce verdiğim kodları yerleştirdiyseniz onların yerine yukarıda verdiğim yeni kodları yerleştirin.

İntense Debate Yorum Formuna Geçiş Yaptım

Gönderen TeknoMobi | Pazartesi, Kasım 17, 2008 | Comments

Blogger kullanıcılarının çoğu Wordpress bloglarındaki yorum formlarıda iç geçirerek bakıyorlar. Keşke bloggerde de wordpress tarzı yorum formu kullanabilsek diyenlerin sayısı bir hayli fazladır sanırım. Google yakın zamanda blogger yorum formlarını Aşağı Katıştırılmış olarak draft üzerinden kullanıma sunmuştu. Bende aşağı katışık yorum formunu kullanıyordum. Daha önce başka bir blog üzerinde İntense Debate'nin yorum formunu test etmiştim. Hatta Javascript kodları üzzerinde oynama yaparak Türkçe çevirisinide yaptım fakat çevirinin aktif olabilmesi için İntense Debate'nin oanyı gerekiyor. İntense Debate'nin sayfasında henüz diğer diller ile ilgili bir çalışmalarının olmadığını okudum. Sanırım sistemi tam olarak çalışır hale getirdikten sonra çeviri işine el atacaklar.

Blog Wolkanca İntense Debate ile ilgili güzel bir yazı yazmış. Tabi Wolkanca wordpress altyapısını kullandığı için wordpress ile ilgili bilgi vermiş.

Bende yakında İntense Debate yorumlama sisteminin bloggerde kullanımı ile ilgili beğeneceğiniz bir yazı dizisi ile karşınızda olacağım. Tabi önce başka bir yazı dizisi hazırlıyorum. Özellikle Blogger kullanıcısı olan arkadaşların blogumu RSS bağlantısından takip etmesinde yarar var...

Bilgi için : intensedebate

İntense Debate Yorum Formu

Tor Kullanarak Blogger'e Güvenli Giriş Yapın!..

Gönderen TeknoMobi | Pazar, Ekim 26, 2008 | Comments

Blogger ve Blogspot sitelerine ulaşmak blogger altyapısını kullanan bütün bloglara ulaşmak için Tor ile nasıl yapılacağını TeknoDergi blogunda anlattım. Blogger kullanan bir çok kişi tunnel ve benzeri sitelerden erişim yapıyorlar.Benim anlattığım yöntem ise daha farklı ve daha iyi bir yöntem diyebilirim. sadece Bloglara değil Youtube gibi kapalı sitelerede kolayca erişebilirsiniz.

Tunnel sitelerinden bağlandığınız zaman yorum formu gözükmüyor. Ayrıca tunnel sitelerinin yaptığı rekamlarda cabası...

Benim kullandığım yöntem Tor projesi kapsamında Çevrimiçi Anonimlik...

Tor kendinizi trafik analizine karşı koruyabilmenize yardımcı olan bir yazılım projesidir. Trafik analizi kişisel özgürlüğü ve gizliliği, gizli ticari eylemleri ve ilişkileri ve devlet güvenliğini tehdit eden bir çeşit ağ denetimidir. Tor iletişiminizi dünyanın her tarafından gönüllüler tarafından işletilen dağıtılmış bir ağ üzerinden sağlayarak sizi korur: birilerinin sizin Internet bağlantınızı izleyerek hangi siteleri gezdiğinizi öğrenmesini engeller, ayrıca girdiğiniz sitelerin sizin fiziksel yerinizi öğrenmesini de engeller. Tor, Internet tarayıcıları, anında mesajlaşma istemcileri, uzaktan erişim ve TCP protokolünü kullanan diğer uygulamalar dahil mevcut uygulamalarınızın bir çoğu ile çalışır.

Tor ile Blogger'e Güvenli Giriş Makalesi için Burayı Ziyaret Ediniz!..

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

Gönderen TeknoMobi | Cuma, Ekim 17, 2008 | Comments

Daha önce yabancı bir blog yazarı (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ı

Gönderen TeknoMobi | Salı, Eylül 23, 2008 | 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'/>

<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

Gönderen TeknoMobi | Pazartesi, Eylül 08, 2008 | 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


kodlarını yapıştın.

En son olarak ise </div></div>  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'/>

<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.