Blogger Flash Animasyonlu Etiket Bulutu Oluşturma
Websitenize, blogunuza hareketli etiket bulutu ekleyerek görsellik katabilirsiniz. Flash olduğu için google bir indexleme yapmıyor yararı ise görsellik kattığı için ziyaretcilerin dikkatini çekerek ziyaret süresini uzatmayı amaçlamaktadır. Blog yazılarınızda kullandığınız etiketleri flash animasyonlu bir bulut olarak sidebarınıza ekleyebilirsiniz.

Blogger Flash Animasyonlu Etiket Bulutu Oluşturma
Flash Animated Label Cloud Widget for Blogger

ÖNİZLEME

Blogger'a Ekleme

1. Blogger kumanda paneline giriş yapın.
2. Yerleşim → Gadget ekle → HTML/Javascript bulun.
3. Aşağıda kodu kopyalayıp yapıştırın.
4. Kod içinde;
blogurl: Blog adresiniz.
color : Yazı rengi.
hoverColor: Etiketin üzerine gelindiginde oluşan renk.
backgroundColor: Arka plan rengi.
size: Yazı boyutu.
speed: Hızı.
width: Flash etiket bulutunuzun genişliği.
height: Flash etiket bulutunuzun yüksekliği.
transparency: Flash etiket bulutunuzun şeffaflığı.
Html Renkleri için HTML Renk Kodu Bulucu'yu kullanabilirsiniz.

<!--Blogger Flash Animasyonlu Etiket Bulutu Oluşturma by www.meftunmede.com-->
<div id="MEFFlashContent"></div>  
<script type="text/javascript">
/*<![CDATA[*/
var MEFFlashLabelSettings = {      
blogurl        : "https://meftunmede.blogspot.com/",      
color          : "000000",      
hoverColor     : "333333",      
backgroundColor: "FFFFFF",      
size           : 12,      
speed          : 100,      
width          : 250,      
height         : 300,      
transparency   :true  };  
/*]]>*/
</script>  
<script type="text/javascript" src="https://meftunmede.github.io/javascripts/Blogger_Flash_Animasyonlu_Etiket_Bulutu.js">
</script>
<!--Blogger Flash Animasyonlu Etiket Bulutu Oluşturma by www.meftunmede.com-->

Kodu denemek için Online html editor'ü kullanabilirsiniz. Yapamadığınız bir şey olursa "YORUM" kısmında belirtebilirsiniz.
Barış, huzur, sağlık ve bereket Arkadaşlar! Herkeze kolay gelsin. iyi bloglamalar...

14 Yorumlar

Lütfen yalnızca yazı ile ilgili yorumlar yazın. Yazının konusu dışında iletmek veya sormak istediğiniz bir şey varsa iletişim formunu kullanın. Ve lütfen yorumlara tıklanabilir link yazmayın!

  1. Blogumdaki bütün anahtar kelimeleri (yüzlerce) etiket bulutunun içine yıgdı. Hiç biş şekilde bulutun içindekiler okunmuyor. karma karışık oldu. bi yolu var mı?

    YanıtlaSil
  2. Ayarlarinizi
    size : 6,
    width : 330,(Temanizin sidebari nekadar genislige izin veriyosa!)
    height : 400,
    hoverColor : Etiketin üzerine gelindiginde oluşan renginide isteginize göre degistirebilirsiniz.
    Ancak bu kadar olabilir.Umarim yardimci olmustur.
    Kolay gelsin.

    YanıtlaSil
  3. Emeğinize sağlık.Teşekkür ederim Çok yararlı bir paylaşım.

    YanıtlaSil
  4. web sitesi için nasıl yapıcaz?

    YanıtlaSil
  5. Aşağıdaki kodu güncelleyerek websitenizde kullanabilirsiniz.
    <script type="text/javascript" src="http://www.goat1000.com/tagcanvas.js?2.2"></script>
    <script type="text/javascript" src="http://www.goat1000.com/jquery.tagcanvas.js?2.2"></script>
    <canvas width="250" height="250" id="myCanvas">
    <script type="text/javascript">
    window.onload = function() {
    TagCanvas.textColour = '#FA7029';
    TagCanvas.outlineColour = '#ff9999';
    TagCanvas.Start('myCanvas');};
    </script>
    <p>Burada her şey canvas elementi destekleyen tarayıcılarda değiştirilecektir.</p>
    <ul>
    <li><a href="http://turgutdemirer.com/?op=category-view&category=1" target="_blank">Mega Holdings</a></li>
    <li><a href="http://turgutdemirer.com/iletisim.html" target="_blank">Hakkımda</a></li>
    <li><a href="http://turgutdemirer.com/appsfile/hfjv4i8v9ffm7g162v380iaq29d7l951.html?f=35#tagcloud" target="_blank">Ailem</a></li>
    </ul>
    </canvas>

    YanıtlaSil
  6. Ben blog sayfasında kullanmayacağım ama Html sayfasında nasıl kullanabilirim bu kodları. Yardımcı olursanız sevinirim Teşekkürler

    YanıtlaSil
  7. Dilek hanım yukarıda arkadaşda aynı soruyu sormuş, cevap vermiştim.Şöyle bi kod eklemeniz lazım;

    <script type="text/javascript" src="http://www.goat1000.com/tagcanvas.js?2.2"></script>
    <script type="text/javascript" src="http://www.goat1000.com/jquery.tagcanvas.js?2.2"></script>
    <canvas width="250" height="250" id="myCanvas">
    <script type="text/javascript">
    window.onload = function() {
    TagCanvas.textColour = '#FA7029';
    TagCanvas.outlineColour = '#ff9999';
    TagCanvas.Start('myCanvas');};
    </script>
    <ul>
    <li><a href="Buraya etiket linkiniz" target="_blank">Etiket adı</a></li>
    <li><a href="http://örnek.com/örnek.html" target="_blank">Örnek</a></li>
    </ul>
    </canvas>

    Siyah renkle gösterdigim yerleri isteginize göre ayarlayın.

    YanıtlaSil
  8. Yapıyorum yine olmuyor acil yardıma ihtiyacım var bu konuda..
    Dediğiniz gibi yapıyorum ama olmuyor. Sitede
    .
    .
    .
    bu şekilde gözüküyor bide çok aşırı şekilde sayfada yer kaplıyor.

    YanıtlaSil
  9. Aynı zaman da bu yazılara tek tek farklı renkler nasıl verebilirim.

    YanıtlaSil
  10. Bu konu hakkında yeni yazı yazdım. Lütfen bu yazıyı okuyun ve uygulayın.Websiteleri için Flash Animasyonlu Etiket Bulutu Oluşturma
    Ve Lütfen yorum kısmına pozitif veya negatif yorumlarınızı yazmayı unutmayın.Diğer ziyaretçilerede bilgilendirme olsun.

    YanıtlaSil
  11. Merhaba kolay gelsin bu vermiş olduğunuz kodlarda isim yerine fotoğraf yani logo paylaşabilirmiyiz eğer yapabiliryorsak nasıl yapıyoruz yardımcı olursanız sevinirim. Teşekkürler .

    YanıtlaSil
  12. Hayır bu blogger için Flash Animasyonlu Etiket Bulutu Oluşturma kodlarıyla istediğinizi yapamıyoruz malesef.
    Ama Websiteleri için Flash Animasyonlu Etiket Bulutu Oluşturma yazımdaki kodlarla isim yerine resim, logo gibi görseller kullanabilirsiniz.

    YanıtlaSil
  13. hocam maalesef chromede çalışmıyoo explorerde çalışıyoo..yardımcı olursanız sevinirim hocam..

    YanıtlaSil
  14. Veysel bey eğer bu eklentiyi kullandığınız site "www.evideoizle.com" ise, denedim gayet normal çalışıyo. Chrome tarayıcınızda bi problem var. Ayarlarına bi bakın, Update'ini yapın yada son versiyonunu indirin.

    YanıtlaSil

Yorum Gönder

Lütfen yalnızca yazı ile ilgili yorumlar yazın. Yazının konusu dışında iletmek veya sormak istediğiniz bir şey varsa iletişim formunu kullanın. Ve lütfen yorumlara tıklanabilir link yazmayın!

Önceki Makale Sonraki Makale