Spotify Link Kısaltma Nasıl Yapılır?
1 yıl önce
etiket bulutu etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
etiket bulutu etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
Blogger Renkli Etiket Bulutu
Etiket bulutu kullanıcılara kaynaklık eder.Sitenize ilk kez helen bir ziyaretçiyi blogunuzun hangi konular üzerien olduğu konusunda kısa bir fikir verir... Fakat etiket sayısınız arttıkça bloggerda sahip olduğunuz etiketler widgetı canınızı sıkabilir. İşte bu harika uygulamayla etiketler konusunda özgür olacaksınız...İşe koyulalım:)
1. Kodlar
<div style="width: 265px; background-color: #e5e7db; text-align: left; ; font-family: 'Verdana';">
</div>
2. Kodlar
<a style="font-size: 14px; color: #87a800; text-decoration: none;
" href="http://tambirblog.blogspot.com/search/label/programlar">programlar</a>
Önce
Yerleşim>Sayfa öğelerine gelip html/javascript aracını ekliyoruz. Daha sonra 1. Kodu yapıştırıyoruz. Daha sonra 2. kodları istediğimiz kadar kopyalarak 1. koddaki
</div>
Şimdi bu kodlarda yapmamız gereken ayarlara gelelim...
1. kodda yapmanız gereken ayarlar: Aşağıdaki kırmızı kodları kendinize göre değiştirebilirsiniz.
width: 265px > etiket bulutunun genişliğini ayarlar. 265 i kendinize göre ayarlayabilirsiniz.
background-color: #e5e7db; > kategori bulutumuzun arkaplan resmini ayarlamanızı sağlıyor.
font-family: 'Verdana' > etiketlerinizin fontunu bu kodla ayarlayabilirsiniz.
2. kodda yapmanız gereken ayarlar: Aşağıdaki yeşil kodları kendinize göre değiştirebilirsiniz.
font-size: 14px; > etiketinizin boyutunu belirler.
color: #87a800; > etiketinizin rengini belirler.
http://tambirblog.blogspot.com/search/label/programlar > etiketinizin ismini ve gideceği Url'yi buradan ayarlayabilirsiniz.
programlar > etiketinizin ismini belirleyebilirsiniz.
"*Her bir etiket için 2. kod ayarlarını yapmanız gerekmektedir. 1. kod zaten bir defa kullanılacaktır. 2. kodları 1. koddaki div kodunun önüne yapıştırmayı unutmayın.."
Eğer yapamadıysanız hazır bir örnek sizler için yaptım:
<div style=" background-color: #FFFFFF; text-align: left; ; font-family: 'Verdana';">
<a href='http://tambirblog.blogspot.com/search/label/blogger%20templates' style="font-size: 22px; color: #039faf; text-decoration: none;">blogger temaları</a>
<a href='http://www.logiprint.co.uk/en/Printing.html' style="font-size: 12; color: #00CCCC; text-decoration: none;">printing</a>
<a href='http://tambirblog.blogspot.com/search/label/blogger%20templates' style="font-size: 21px; color: #006600; text-decoration: none;">blogger temaları</a>
<a href='http://tambirblog.blogspot.com/search/label/blogger%20templates' style="font-size: 18px; color: #00CCCC; text-decoration: none;">blogger temaları</a>
<a href='http://tambirblog.blogspot.com/search/label/blogger%20templates' style="font-size: 20px; color: #006600; text-decoration: none;">blogger temaları</a>
<a href='http://tambirblog.blogspot.com/search/label/blogger%20templates' style="font-size: 19px; color: #00CCCC; text-decoration: none;">blogger temaları</a>
</div>
Renk kodlarını bulmakta zorlanmamanız için aşağıda renk kodlarını da verdim. Kolay gelsin....
