28 Ağustos 2010

Blogger Üç Boyutlu Flash Etiket Bulutu

Wordpress'te kullanılan bu eklenti daha sonra blogger sitelerinde de kullanmak için tasarlandı. Ancak belli bir dönem sonra eklenti kodlarında sorun vardı ve çalışmamaya başaldı.  Bu eklentiyi paylaşan siteler, ziyaretcileri yönlendirip bu eklentiyi  blogger sitelerinde kullanmak istediklerinde  çalışmamadığını gördüler. Ama bu bu eklentiyi geliştirerek çalışan bir 3d flash etiket bulutunu sorunsuz çalışması için tasarladım.  İlgilenenler blogger sitesine nasıl ekleyeciğini takip ettsin makaleden.
Nasıl Eklerim?
1.Adım:
Blogger'e Giriş / Tasarım(Yerleşim) / HTML'yi Düzenle Bölümlerinden, CTRL+F(Arama) Yardımıyla ;

<div id='sidebar-wrapper'>
<b:section class='sidebar-wrapper' id='sidebar' preferred='yes'>
kod bölümünü buluyoruz ve hemen altına (kod bölümünün alt satırına)
<b:widget id='Label2' locked='false' title='Flash Etiket Bulutu' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>

    &lt;object type=&quot;application/x-shockwave-flash&quot; 

data=&quot;http://www.opendrive.com/files/6370822_sGsYO/tagcloud.swf&quot; width=&quot;250&quot; 

height=&quot;200&quot; allowscriptaccess=&quot;always&quot; &gt;
        &lt;param name=&quot;movie&quot; value=&quot;http://www.opendrive.com/files/6370822_sGsYO/tagcloud.swf&quot; 

/&gt;
        &lt;param name=&quot;bgcolor&quot; value=&quot;#FFFFFF&quot; /&gt;
        &lt;param name=&quot;flashvars&quot; 

value=&quot;tcolor=0x3f3f3f&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;
      <b:loop values='data:labels' var='label'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'><data:label.name/></a>
</b:loop>
&lt;/tags&gt;&quot; /&gt;
        &lt;p&gt;Blogumulus by &lt;a href=&#39;http://www.roytanck.com/&#39;&gt;Roy Tanck&lt;/a&gt; and &lt;a 

href=&#39;http://www.bloggerbuster.com&#39;&gt;Amanda Fazani&lt;/a&gt;&lt;/p&gt;
    &lt;/object&gt;
  </div>
  <b:include name='quickedit'/>
</b:includable>
</b:widget>

kodlarını ekliyoruz. Temayı kaydetmeden önce widgetde bazı düzenlemeler yapacaksınız:
2.Adım: Widget İçin Önemli Düzeltmeler :
a)- Eğer Önceden eklediğniniz standart etiketler widgeti varsa ve adı ''Label2'' diye geçiyorsa onu değiştirin yahot siliniz. Aksi halde ''Label2'' Etiketine sahip aynı isimde iki tane olduğunda temayı kayedceğiniz zaman hata verecektir.
b)- Belirlediğim renkli yerleri düzelt:
* width(widgetin genişliği) : 250 olarak ayarlanmış siz onu kendi sidebar genişliğine göre ayarlayınız.(max:285)
* height(widgetin yüksekliği) : 200 olarak ayarlanmış, eğer etiket sayınız fazlaysa rahat hareket etmeleri için siz yüksekliğini artırabilirsiniz.(max:240)
* bgcolor(widget arkaplan rengi) : FFFFFF(Beyaz) olarak ayarlanmış, dikkat ediniz widget yazı rengi siyah olarak standartdır, yazınızın görünebilmesi için uygun arkaplan rengi seçiniz.
* Diğer bölümler değiştirmeyiniz.
+ Son olarak temanızı önizlemeye alın eğer hata vermiyorsa kayedin. İşlem bukadar hayırlı olsun. Herhangi bir sorunda yorum bölümünde belirtiniz, ilgilenirim.

4 yorum:

  1. evet yaptım ve çalışıyor, gerçi biraz bekleyince yükleniyor, paylaşımlar için teşekür ederim :D

    YanıtlaSil
  2. Flash içerikli kodlar yüklemesi biraz geç oluyor, biraz beklemek sorun olmıyacaktır sanırım.

    YanıtlaSil
  3. Bu yorum yazar tarafından silindi.

    YanıtlaSil
  4. bende çalışmadı bu şekilde kalıyor:
    http://www.webpagescreenshot.info/img/52678c61c76513-38614503

    YanıtlaSil

Ziyaretci içerik hakkında düşüncelerini bizimle paylaşmak ister misin?