BgClassic
23:36 No comments

Magazine Blogger Template

Etiketler: , ,

Yeni ve güzel bir blogger temasıyla karşınızdayım.Asıl wordpress temasına uyarlanmış fakat biliyorsunuz genelde wordpressten bloggere uyarlama çok oluyor zaten genelide öyle.Normalde devamı oku linkini ayrıca belirtiriz 2 etiket arasında bununla öyle bir mesrafa girmeye gerek yok.Kullanım konusunu aşağıda açıkladım.İndirmek isteyenler buradaki linkten indirip kullanmaya başlayabilirler.Örnek bir şablon ise şuradaki linkte mevcut ayarları kendinize göre yaparsınız.

Henüz resim eklemedim ama demolara bakarak görebilirsiniz..


Wordpress Theme Demo - Blogger Theme Demo

İndirmek için tıkla

Resimleri özel olarak göstermek için bu adresi kullanabilirsiniz
<img class="thumbnail" alt="thumbnail" src="http://resim-adresi.jpg"/>


Yukardaki menu için aşağıdaki kodları header kısmındaki widget ekle kısmından yapabilirsiniz



Yine aynı şekilde sağdaki html/javascript kısmını açıp kodları ekleyiniz



Yukardaki navbarı kaldırmak isterseniz bu kodu html düzenle kısmından <head> <b:skin/> kodları arasında yerleştirin.



Tarayıcı olarak ie8 ve firefoxda denenmiştir.

20:19 No comments

IE6 ve IE7 Css Sorunu

Etiketler: ,

Benim sorunum ie7 ile alakalıydı aslında ufak bir araştırmadan sonra işimi ayrı bir css dosyası hazırlayarak hallettim.


Firefoxta ve IE7'de düzgün çalışan transparent png dosyası ie6 tarayıcısında bozuk halde çıkıyor.Bu sorunu halletmek için aşağıdaki yöntemi uyguladım ve güzel bir sonuç aldım.

IE 6 da top ve left kodları işlemiyor onun içinde ayrıca ie6 css oluşturdum.(bknz)

elim değmişken ie 5.5 geçmeyi düşünüyordum fakat sitenin durumu iyi görünmüyordu.Kullanan varsa halen benim yapabileceğim bu kadar umarım akılda kalıcı bir bilgi olmuştur.

21:41 No comments

Bloglar için Google Translate Api Eklentisi

Etiketler: , ,

Sayfama yerleştirmedim fazla kasmaması için ama örnek için şuraya bakabilirsiniz.Google api altyapısını kullanarak ayrıca bir sayfa açmaya gerek duymadan otomatik çeviri yapıyor.Hazır google translateye türkçe dili eklenmişken denemek istedim.Kullanışlı bir eklentiye benziyor ama blogunuzda java script fazlasıyla varsa açılma süreside uzar.Kullanmak isterseniz aşağıdaki javascript dosyalarını ücretsiz bir host bularak kullanabilirsiniz.

<script src='translate/js/jquery-latest.pack.js' type='text/javascript'></script>
<script src='translate/js/jquery.cookie.js' type='text/javascript'></script>
<script src='translate/js/jsapi.js' type='text/javascript'></script>
<script src='translate/js/translate.pages.js' type='text/javascript'></script>

Sonra sayfanızda arayarak <data:post.body/> bulun.

<div id='main' style='font-size: 12px;'>
<div class='sayfa' style='border: 0px inset ; margin: 0px; padding: 0px; overflow: auto; width: 490px;'>
<data:post.body/> </div>
<div class='translate_sayfa' style='display:none;'>
      <data:post.body/>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>
<div style='float: right; margin-top: 15px;'> </div>
</div>
Buradaki kodla değiştirin.

11:02 2 yorum

Blogger Yeni Tema

Etiketler:



Demo - İndir

Şablonu yükledikten sonra aşağıdaki html dosyasını ekleyin 


<form id="searchform" action="/search" method="get">
  
<div class="search-form clearfix">
<input id="searchbox" name="q" onblur="if (this.value == '') {this.value = 'search our site...';}" onfocus="if (this.value == 'search our site...') {this.value = '';}" type="text" value="search our site..." /><input class="submit" type="submit" value="enter" />
  </div>
</form>

Eklemek isterseniz bunlarda flickr resimleri


[Abraham Lincoln, Congressman-elect from Illinois. Three-quarter length portrait, seated, facing front] (LOC)[Abraham Lincoln, candidate for U.S. president. Head-and-shoulders portrait, facing right, June 3, 1860] (LOC)[Abraham Lincoln, candidate for U.S. president. Half-length portrait, seated, facing front] (LOC)[Presidential campaign button with portraits of Abraham Lincoln and Hannibal Hamlin] (LOC)Inauguration of Mr. Lincoln, March 4, 1861 (LOC)President Lincoln on battle-field of Antietam, October, 1862 (LOC)[Abraham Lincoln, U.S. President. Seated portrait, holding glasses and newspaper, Aug. 9, 1863] (LOC)Abraham Lincoln, Sunday, November 8, 1863 (LOC)Lincoln & his secretaries, Nicolay & Hay (LOC)[Abraham Lincoln, U.S. President. Seated portrait, facing front, January 8, 1864] (LOC)[Abraham Lincoln, U.S. President, looking at a photo album with his son, Tad Lincoln, Feb. 9, 1864] (LOC)[Abraham Lincoln, U.S. President.  Seated portrait, facing right] (LOC)Hon. Abraham Lincoln, President of the United States (LOC)Abraham Lincoln, Pres't U.S. (LOC)Crowd at Lincoln's second inauguration, March 4, 1865 (LOC)

20:49 No comments

BgClassic Theme

Etiketler:


Demo:Bgclassic
Wordpress Galeri Teması isteyenler resim albümü olarakta kullanabilirler.

18:40 No comments

Blogger Son Yazilar Eklentisi 2

Etiketler:

 Daha önce şurada yahoo pipes ile son konuları yazmıştım.Sayfanın geç açılması veya aşırı java koduyla birlikte yüklenmesi eklentinin açılmamasına neden oluyordu.Bende kodu kaldırmaya karar verdim.Şuanki eklentiyi biraz test ettim ve bir sorun olmadığını gördüm.Ve paylaşmaya karar verdim.



Herhangi bir css koduyla uğraşmadan sadece html kodu ile işe başlıyoruz.

Buradaki javascript kodunu herhangi bir ücretsiz hosta atabilirsiniz.
İndir

Yeni konu açarken mesajınızda resim yok iken rastgele resim çıkıyor.Aşağıdaki resim-url.jpg kısmına 5 adet resim buluyoruz.

Sidebarın genişliğine göre ayarlayabilirsiniz.
tablewidth = 288; Genişlik


Resimlerin boyutu :
imgwidth = 70;
imgheight = 70;

Kenar çizgileri

borderColor = " #000;";

Maxsimum yazı - font büyüklüğü ve rengi

summaryPost = 50;
summaryFontsize = 12;
summaryColor = "#FFF";

Buraya kendi blog ID adresinizi yazıyorsunuz.

http://www.blogger.com/feeds/3768259976989885058/posts/default

Script kodunu <head>'ın hemen altına yerleştirin

Kaydol: Kayıtlar (Atom)
Copyright © 2009Son24saat