Spotify Link Kısaltma Nasıl Yapılır?
1 yıl önce

Avatar resmini yükledikten sonra anasayfaya tekrar dönüp servisleri ve websitemizi ekliyoruz.

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...<div style="width: 265px; background-color: #e5e7db; text-align: left; ; font-family: 'Verdana';">
</div>
<a style="font-size: 14px; color: #87a800; text-decoration: none;
" href="http://tambirblog.blogspot.com/search/label/programlar">programlar</a>
</div>
kodunun önüne yapıştırıyoruz. (Kaç tane etiket kullanacaksanız o kadar yapıştırın.)<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>
http://tambirblog.blogspot.com/









Profesyonel bir blogger teması daha. Hem de bedava... Yemek blogları sahiplerinin daha fazla ilgisini çekecektir. Şık ve sade tasarımıyla, kullanıcılarınızı etkileyecek bir yapıya sahip. Bu güzel temayı düzenleyen Gisele Jaquenod'a teşekkür ediyorum. Sizler için en yeni, profesyonel temaları Türkçe editlemeye devam ediyorum. Diğer blogger temaları için: Türkçe Blogger Temaları







Vector Flowers Temasını;




Bloggerda yazı içine Google adsense reklamlarını eklemek istiyordum ama benim şablonumda biraz sorun çıktı maalesef. Neredeyse denemediğim yöntem kalmadı. Temam için en başarılı yöntemi sonunda buldum. Sizlere bir kaç farklı şekilde yazı içine adsense kodlarını nasıl entegre ederiz bunu anlatacağım.


<!--SLIDE-SHOW-BASLANGICI-->Mavi olan linklieri silip, 2. adımda yüklemiş olduğumuz dosyaların linkini yapıştırıyoruz. Şimdi şablonumuzu önizlemeye alıyoruz. Eğer bir sorun yoksa kaydediyoruz. Yukarıdaki kırmızı renkteki sayılar ise eklentinin genişliğidir. Onları kendi temanıza göre düzenlemeniz gerekmektedir.
<!-- JavaScripts-->
<script type="text/javascript" src="http://hotlinkfiles.com/........./jquery.js"></script>
<script type="text/javascript" src="http://hotlinkfiles.com/........./s3Slider.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#slider').s3Slider({
timeOut: 3000
});
});
</script>
<!-- CSS -->
<style type="text/css" media="screen">
#slider
width: 410px; /* important to be same as image width */
height: 300px; /* important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
}
#sliderContent {
width: 410px; /* important to be same as image width or wider */
position: absolute;
top: 0;
margin-left: 0;
}
.sliderImage {
float: left;
position: relative;
display: none;
}
.sliderImage span {
position: absolute;
font: 10px/15px Arial, Helvetica, sans-serif;
padding: 10px 13px;
width: 384px;
background-color: #000;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
color: #fff;
display: none;
}
.clear {
clear: both;
}
.sliderImage span strong {
font-size: 14px;
}
.top {
top: 0;
left: 0;
}
.bottom {
bottom: 0
left: 0;
}
ul { list-style-type: none;}
</style>
<!--SLIDE-SHOW-BITISI-http://tambirblog.blogspot.com-->
<div id="slider">Kırmızı kodları silip gözükmesini istediğimiz resimlerin linkini giriyoruz.
<ul id="sliderContent">
<li class="sliderImage">
<a href="#"><img src="images/410/1.jpg" alt="1" /></a>
<span class="top"><strong>Title text 1</strong><br />Content text...</span>
</li>
<li class="sliderImage">
<a href="#"><img src="images/410/2.jpg" alt="2" /></a>
<span class="top"><strong>Title text 2</strong><br />Content text...Content text...Content text...Content text...Content text...Content text...Content text...Content text...Content text...Content text...Content text...</span>
</li>
<li class="sliderImage">
<a href="#"><img src="images/410/3.jpg" alt="3" />
<span class="top"><strong>Title text 3</strong><br />Content text...</span>
</li>
<li class="sliderImage">
<a href="#"><img src="images/410/4.jpg" alt="4" />
<span class="top"><strong>Title text 4</strong><br />Content text...</span>
</li>
<li class="sliderImage">
<a href="#"><img src="images/410/5.jpg" alt="5" />
<span class="top"><strong>Title text 5</strong><br />Content text...</span>
</li>
<div class="clear sliderImage"></div>
</ul>
</div>


