Animasyonlu Flash Etiket Bulutu

Bloggerda etiketlerinizi liste olarak yayınlama fırsatınız zaten var.Bizde sizlere, az yer kaplayarak blogunuzda daha fazla etiket yayınlama imkanı veren, görsel olarak daha hoş görünen, flash ile hazırlanmış, sürekli dönen animasyonlu etiket bulutunu blogunuza eklemeniz için gerekli olan kodu sizlere vereceğiz.Ortada bir küre olduğu varsayılarak, etiketlerin bu küre etrafında maus hareketleriyle dönmesi sağlanacak şekilde tasarlanmış animasyonlu flash etiket bulutu, başlangıçta wordpress için tasarlanmıştı,şimdi ise Animasyonlu Flash Etiket Bulutu Eklentisi blogger kullanıcılarının da hizmetinde.

Animasyonlu Flash Etiket Bulutunun Görünümü;

Animasyonlu Flash Etiket Bulutunu blogunuza eklemek için;
1.Adım:Aşşağıdaki kodu kopyalıyoruz.

<b:widget id='Label786' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<script src='http://bloggerblogwidgets.googlecode.com/files/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Flash Labels by <a href='http://www.blogokulu.blogspot.com'>Blog Okulu</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://bloggerblogwidgets.googlecode.com/svn/trunk/way2blogging_tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;250&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#FFFFFF&quot;); 
so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x000000&quot;);
so.addVariable(&quot;hicolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

2.Adım:Kumanda Paneli>Şablon>Htmlyi Düzenle>Devam Et yolunu takip edip, widget şablonlarını genişlet kutucuğunu işaretliyoruz.Ctrl+F yardımıyla kodlar içerisinde 'Blog1' kodunu aratıyoruz bulduğumuz kod tam olarak aşşağıdaki gibi olacak.

<b:widget id='Blog1' locked='true' title='Blog Kayıtları' type='Blog'>

1.adımda kopyaladığımız kodu, bulduğumuz kodun hemen üst tarafına yapıştırıyoruz.Şablonumuzu kaydediyoruz.Blogumuzun Tasarım sayfasına geldiğimizde Labels adlı bir widgetin eklenmiş olduğunu göreceğiz.Labels başlıklı gadgetimizi görünmesini istediğimiz yere sürüleyip bırakıyoruz.Animasyonlu Flash Etiket Bulutumuz kullanıma hazır.

kod içerisinde ;

000000 ;Animasyonlu flash etiketlerinin görünüm rengi
333333 ;Animasyonlu flash etiketlerinin üzerine maus geldiğinde(maus hover) görünüm rengi, bu renk kodlarını değiştirerek etiketlerin rengini temanıza uygun renge ayarlayabilirsiniz.
Bütün renk kodları için tıklayın.

Blogger Arama Kutusu Ekle (Renkli)

Blogunuzdaki içerik sayınız arttıkça zamanla siz bile yazdığınız şeyi blogunuzda bulmak için baya bir vakit harcarsınız, birde blogunuza gelen ziyaretçileri düşünün, bu yüzden blogunuza gelen ziyaretçilerin aradığını rahatlıkla bulabilmesi için blogunuza mutlaka arama kutusu eklemelisiniz.Blogger kullanıcıları blogunuza özel entegrasyonu yapılmış ve temanızın rengine uygun arama kutusunu blogunuza basit bir yöntemle ekleyip ziyaretçilerinizin blogunuzda aradığını anında bulmalarına yardımcı olabilirsiniz. Arama kutularını blogunuza eklemek için: Kumanda Paneli>Tasarım>Gadget Ekle>Html/Javasript yolunu takip edip hangi arama kutusunu blogumuza eklemek istiyorsak aşşağıdaki kodlardan ona ait olan kodu kopyalıyoruz, açılan gadgetimizin içine yapıştırıp kaydediyoruz. 1.Arama Kutusu Stili: <style type="text/css"> #w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL2qoP6OS9Baq9nf_keINdlxQLx8Nw07fwr-YowYEuE_tFmMaDVXELtSsqyZuM...

Bayraklı Google Translete Kodu-Sitene Dil Kodu

Blogumuza farklı ülkelerden ziyaretçiler gelebilir.Hepimiz dünyanın tüm dillerini okuyup anlayamayız.Yabancı bir blogu ziyaret ettiğimde sayfa linkini kopyalıyorum daha sonra google çevri bölümünden sitenin çevrisini yapıyorum.Fakat her defasında bu işlemi yapmak angarya geliyor kopyala-yapıştır-bekle, bu angaryadan yabancı ziyaretçilerininizi kurtarmanın vakti geldi artık.Sitenize ekleyeceğiniz bayraklı, flash ile yapılmış google translete kodunu sitenize ekleyip gelen ziyaretçilerin ülkelerinin bayraklarının üzerine tıklayarak sitenizin bütün içeriklerini kendi dillerine çevirebilecekler.Eklentiyi blogubuza eklemek isterseniz. Kumanda Paneli>Tasarım>Gadget Ekle>Html/Javascript yolunu takip edip aşşağıdaki kodu açılan gadgetimizin içine yapıştırıp kaydediyoruz.Ardından bayrakların, blogumuzda görünmesini istediğimiz yerine sürükleyip bırakıyoruz. <style> .google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;...

Son Yorumlar Eklentisi-Blogger Son Yorumlar Eklentisi

Bloğunuza yapılan Son Yorumlar ın bir köşede liste halinde görünmesini sağlayan "Son Yorumlar" Eklentisini eklemenin çeşitli yöntemleri var.Bugün sizlere "Son Yorumlar" eklentisini bloğunuza nasıl ekliyebileceğinizi iki yöntemle anlatacağız; 1.Yöntem: Bloğunuzun yönetim panelindeki Tasarım sayfasından "Son Yorumları" Gadget olarak ekleme yöntemi. 2.Yöntem: Bloggerde bulunan bir eklenti üzerinde yapacağımız ufak bir hile ile bloğumuza "son yorumlar" eklentisi ekliyeceğiz. 1.Yöntem: Bloğunuzun yönetim panelindeki Tasarım sayfasından "Son Yorumları" Gadget olarak ekleme yöntemi: Tasarım>Gadget Ekle>Html/Javascript Gadgetini seçiyoruz.Başlık olarak "Son Yorumlar" yada isteğinize göre bir başlık yazabilirsiniz.Başlığımızı yazdıktan sonra aşşağıdaki kodu kopyalayıp gadgete yapıştırıyoruz.Burda dikkat etmemiz gereken nokta kırmızıyla yazdığımız yere kendi site adresinizi yazmanız. <script style="text/javascrip...

BLOG OKULU

Bu Blogda Ara