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...
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ıtlaSilAyarlarinizi
YanıtlaSilsize : 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.
Emeğinize sağlık.Teşekkür ederim Çok yararlı bir paylaşım.
YanıtlaSilweb sitesi için nasıl yapıcaz?
YanıtlaSilAşağıdaki kodu güncelleyerek websitenizde kullanabilirsiniz.
YanıtlaSil<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>
Ben blog sayfasında kullanmayacağım ama Html sayfasında nasıl kullanabilirim bu kodları. Yardımcı olursanız sevinirim Teşekkürler
YanıtlaSilDilek hanım yukarıda arkadaşda aynı soruyu sormuş, cevap vermiştim.Şöyle bi kod eklemeniz lazım;
YanıtlaSil<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.
Yapıyorum yine olmuyor acil yardıma ihtiyacım var bu konuda..
YanıtlaSilDediğiniz gibi yapıyorum ama olmuyor. Sitede
.
.
.
bu şekilde gözüküyor bide çok aşırı şekilde sayfada yer kaplıyor.
Aynı zaman da bu yazılara tek tek farklı renkler nasıl verebilirim.
YanıtlaSilBu 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
YanıtlaSilVe Lütfen yorum kısmına pozitif veya negatif yorumlarınızı yazmayı unutmayın.Diğer ziyaretçilerede bilgilendirme olsun.
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ıtlaSilHayır bu blogger için Flash Animasyonlu Etiket Bulutu Oluşturma kodlarıyla istediğinizi yapamıyoruz malesef.
YanıtlaSilAma Websiteleri için Flash Animasyonlu Etiket Bulutu Oluşturma yazımdaki kodlarla isim yerine resim, logo gibi görseller kullanabilirsiniz.
hocam maalesef chromede çalışmıyoo explorerde çalışıyoo..yardımcı olursanız sevinirim hocam..
YanıtlaSilVeysel 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ıtlaSilYorum 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!