28 May 2012

7 Yorum

Üzerine Gelince Saydamlaşan Resim Eklentisi


Üzerine Gelince Saydamlaşan Resim Eklentisi Widget

Bu eklentimizde , konu ve yazılarınızda bulunan bir resmin üzerine gelince , resmin saydamlaşmasını sağlayacağız..

DEMO iÇİN AŞAĞIDAKİ RESMİN ÜZERİNE GELİN..



Blogunuzda ,
]]></b:skin>
kodunu bulun , hemen üstüne aşağıdaki kodları ekleyin..
.blur img {filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; border:0;}
.blur:hover img {filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3;border:0;}
Yukarıdaki işlemi yaptıysanız , Bundan sonra yeni yazılarımıza resim eklerken aşağıdaki şekilde eklemek
<a class="blur"> <img alt="resim" border="0" src="http://2.bp.blogspot.com/-842tVynAqOc/T8PfoLSUYQI/AAAAAAAAB80/TqRaXnlfJ8M/s1600/yorum.png" /></a>


<<< Bu Yazı için Arama Sonuçları  >>>

Üzerine Gelince Saydamlaşan Resim Eklentisi , Resim eklentisi , Blogger resim effekt eklenti , Blogger resim eklentileri , üzerine gelince sis efekti , Blogger Resim üzerine gelince değişen resim eklentisi
By Eklentileri.Blogspot Devamını Oku >>>

25 May 2012

26 Yorum

Blog altına yada üstüne Kayan Son Yazılar Eklentisi


Blog altına yada üstüne Kayan Son Yazılar Widget


Blogger blogunuza , kayan son yazılar eklentisi istermisiniz ?

Bu eklentimizle , blogunuzun üstüne yada altına , blogunuzda yayınladığınız son yazılarınız sola doğru kayarak listelenecektir..

Demo için BURAYA tıklayınız...

Anlatıma geçelim..

Yerleşim - Gadget Ekle - HTML/JavaScript seçeneği ile açılan panele aşağıdaki kodlarımızı ekliyoruz..
<script type="text/javascript">
var hn_url_blog = "http://eklentileri.blogspot.com";
var hn_jumlah_post = 5;
var hn_warna_latar = "#EEEEEE";
var hn_warna_garis = "#000000";
var hn_posisi = "top";
var hn_tampilkan_judul = true;
var hn_backlink = true;
</script>
<script src=" http://yourjavascript.com/5214025955/headlinenews.js?attredirects=0&d=1 ">
</script>

Yukarıdaki kod içinde geçen eklentileri.blogspot.com adresi yerine kendi blog adresinizi

Kırmızı ile işaretlenmiş 5 sayısı yerine göstermek istediğiniz konu sayısı 

Mavi ile işaretlenmiş top yazısı yerine bottom yazarsanız , üstte değil blogunuzun altında çıkacaktır eklentimiz..


<<< Bu Yazı için Arama Sonuçları  >>>

Blog altına yada üstüne Kayan Son Yazılar Eklentisi , Blogger Kayan yazı ,Blogger kayan yazı eklentisi , blogger kayan son yazılar, blogger kayan son konular , blogger kayan yazı ekleme


By Eklentileri.Blogspot Devamını Oku >>>

24 May 2012

25 Yorum

Blogger Nivo Slider Eklentisi


Blogger Nivo Slider Widget

Öncelikle bu eklentinin demosunu BURDAN görebilirsiniz , Aynı zamanda bu slider eklentisini bizde kullanmaktayız , ana sayfamızda görebilirsiniz 

Lafı uzatmadan , Blogger Nivo Slider Eklentisini blogger blogunuza nasıl ekleyeceğinizi anlatalım..

Aşağıda yer alan kodu buluyoruz...
]]></b:skin>
Hemen üstüne , aşağıdaki kodlarımızı ekliyoruz..
/*Start Nivo Slider Css eklentileri.blogspot.com*/
/*
* Copyright 2011, Gilbert Pellegrom
* Free to use and abuse under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* For blogger by - Rahul Ippar @ helperblogger.com
* 
* March 2010
*/


/* The Nivo Slider styles */
#slider {
width: 618px;
height: 246px;
}

.nivoSlider {
position: relative;
}

.nivoSlider img {
position: absolute;
top: 0px;
left: 0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border: 0;
padding: 0;
margin: 0;
z-index: 6;
display: none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display: block;
position: absolute;
z-index: 5;
height: 100%;
}

.nivo-box {
display: block;
position: absolute;
z-index: 5;
}
/* Caption styles */
.nivo-caption {
position: absolute;
left: 0px;
bottom: 0px;
background: #000;
color: #fff;
opacity: 0.8;
/* Overridden by captionOpacity setting */
width: 100%;
z-index: 8;
}

.nivo-caption p {
padding: 5px;
margin: 0;
}

.nivo-caption a {
display: inline !important;
}

.nivo-html-caption {
display: none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position: absolute;
top: 45%;
z-index: 9;
cursor: pointer;
}

.nivo-prevNav {
left: 0px;
}

.nivo-nextNav {
right: 0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
position: relative;
z-index: 9;
cursor: pointer;
}

.nivo-controlNav a.active {
font-weight: bold;
}
/*
Skin Name: Pascal Theme
Skin URI: http://nivo.dev7studios.com
Skin Type: fixed
Description: A nice, light skin for the Nivo Slider.
Version: 1.0
Author: Gilbert Pellegrom & Pascal Gartner
Author URI: http://dev7studios.com
*/

.theme-pascal.slider-wrapper {
background: url(http://4.bp.blogspot.com/-JWcB8eD5t9c/T6jVCFjFu9I/AAAAAAAABn4/m0nUTNStCX4/s1600/helperblogger-slider-bg.png) no-repeat;
width: 668px;
height: 299px;
margin: 0 auto;
padding-top: 17px;
position: relative;
}

.theme-pascal .nivoSlider {
position: relative;
width: 630px;
height: 235px;
margin-left: 19px;
background: url(http://3.bp.blogspot.com/-8_SdXQgExvc/T6jU_3y_AZI/AAAAAAAABns/o_t44IAT8oM/s1600/helperblogger-loading.gif) no-repeat 50% 50%;
}

.theme-pascal .nivoSlider img {
position: absolute;
top: 0px;
left: 0px;
display: none;
width: 630px;
/* Make sure your images are the same size */
height: 235px;
/* Make sure your images are the same size */
}

.theme-pascal .nivoSlider a {
border: 0;
display: block;
}

.theme-pascal .nivo-controlNav {
background: url(http://3.bp.blogspot.com/-eENGcnLAvuQ/T6jU_Olkn_I/AAAAAAAABng/iVakuF1qQ_s/s1600/helperblogger-controlnav.png) no-repeat;
width: 251px;
height: 40px;
position: absolute;
left: 200px;
/* Tweak this to center bullets */
bottom: -42px;
padding: 8px 0 0 82px;
z-index: 20;
}

.theme-pascal .nivo-controlNav a {
display: block;
width: 22px;
height: 22px;
background: url(http://2.bp.blogspot.com/-iqnXNTLjVhQ/T6jU-X50mVI/AAAAAAAABnc/SIQefpBfgyQ/s1600/helperblogger-bullets.png) no-repeat;
text-indent: -9999px;
border: 0;
margin-right: 3px;
float: left;
}

.theme-pascal .nivo-controlNav a.active {
background-position: 0 -22px;
}

.theme-pascal .nivo-directionNav a {
display: none;
}

.theme-pascal .nivo-caption {
bottom: 40%;
left: auto;
right: 0px;
width: auto;
max-width: 630px;
overflow: hidden;
background: #fff;
text-shadow: none;
font-family: arial, serif;
color: #4c4b4b;
}

.theme-pascal .nivo-caption p {
padding: 5px 15px;
color: #333;
font-weight: bold;
font-size: 27px;
text-transform: uppercase;
}

.theme-pascal .nivo-caption a {
color: #333;
font-weight: bold;
font-size: 27px;
text-transform: uppercase;
}

.theme-pascal .ribbon {
background: url(http://3.bp.blogspot.com/-eGRNNyhj9s8/T6jVArfnB5I/AAAAAAAABn0/SsM7-ew9JGU/s1600/helperblogger-ribbon.png) no-repeat;
width: 111px;
height: 111px;
position: absolute;
top: -8px;
left: -8px;
z-index: 300;
}
/*End Nivo Slider Css eklentileri.blogspot.com*/
Şimdi ise aşağıdaki kodumuzu buluyoruz.
</body>
Bu kodumuzunda hemen üstüne , aşağıda yer alan kodlarımızı ekliyoruz.
<!--Start Slider Scripts-->
<script src='http://code.jquery.com/jquery-1.6.1.min.js' type='text/javascript'/>
<script src='http://yourjavascript.com/8855314511/jquery.nivo.slider.pack.js' type='text/javascript'/>
<script type='text/javascript'>
$(window).load(function() {
$(&#39;#slider&#39;).nivoSlider();
});
</script>
Üstte yer alan işlemleri yaptıysanız , şablon kısmı ile işimiz bitti , kaydedebilirsiniz..

Şimdi yerleşim kısmına girip , Gadget Ekle >> HTML/JavaScript seçeneği ile açılan panele aşağıda yer alan kodlarımızı ekliyoruz..
<div class="slider-wrapper theme-pascal">
<div class="ribbon"></div>

<div id="slider" class="nivoSlider">

<a href="http://eklentileri.blogspot.com/2012/04/blogger-facebook-yorum-kutusu-ekleme.html"><img src="http://2.bp.blogspot.com/-3n6xnuC4MU8/T5CHSOKTxuI/AAAAAAAAB3I/95bFBP2YxhA/s1600/facebook-yorum-kutusu-eklentisi-ekleme.png" alt="" title="isteğe bağlı yazı" /></a>
<a href="http://eklentileri.blogspot.com/2012/03/blogger-yorum-kutusuna-arka-plan-ekleme.html"><img src="http://4.bp.blogspot.com/-5LDwzbgQtCo/T4ny4qB7xlI/AAAAAAAABzs/16760_0wK4g/s1600/yorum-formu.png" alt="" title="isteğe bağlı yazı"  /></a>

<a href="http://eklentileri.blogspot.com/2012/04/yandan-aclr-facebook-ve-twitter-takipci.html"><img src="http://2.bp.blogspot.com/-Y5-jiUUUFUc/T4n2QMiqR-I/AAAAAAAABz8/Tn7gIskOHYg/s1600/takipci.png" alt="" title="isteğe bağlı yazı" /></a>

<a href="http://eklentileri.blogspot.com/2012/03/blogger-admin-yazar-yorumlarn-farkl.html"><img src="http://2.bp.blogspot.com/-Z9pbGzwLM2E/T4n0y1DVXfI/AAAAAAAABz0/DIqMFFwSxoc/s1600/yazar.png" alt="" title="isteğe bağlı yazı"  /></a>
</div>


</div>
Yukarıdaki kodlar içinde , kırmızı yerlere resim adresleriniz , mavi yerlere resime tıklayınca gidilmesi gereken adres , siyah kalın yazılmış yerleri ise , resim üstüne yazı eklemek için kullanabilirsiniz ( yazı istemezseniz , boş bırakabilirsiniz.. )

Eklentiyi , aşağıdaki resimde gördüğünüz yere eklemeniz önerilir..


<<< Bu Yazı için Arama Sonuçları  >>>

Blogger Nivo Slider Eklentisi , Blogger Nivo Slider Widgets , Blogger Slider Eklentisi , Blogger Sliders , Blogger Slider Eklentileri , Blogger Slider Ekleme , Bloga Slider Nasıl Eklenir

By Eklentileri.Blogspot Devamını Oku >>>

20 May 2012

15 Yorum

Üzerine Gelince dairesel açılan paylaş butonları eklentisi


Blogger Üzerine Gelince dairesel açılan paylaş butonları widgets

Bu eklentimizde , Blogunuzun sol altında üzerine gelince yada tıklayınca açılan paylaş eklentimizi anlatacağız..

Eklentimizde , pinterest , google+ , twitter , facebook , tumblr ve mail ile paylaş butonları bulunmakta...

Göze hoş gelen bu eklentiyi blogunuzda kullanarak , ziyaretçileriniz blogunuzdaki yazıları kolayca paylaşabilecekler..

Hemen anlatıma geçelim..

Öncelikle Widget Şablonlarını Genişlet kutucuğunu işaretlerek , aşağıdaki kodu buluyoruz..
</body>
Bulduğumuz bu kodun hemen üstüne aşağıda yer alan kodlarımızı ekliyoruz..
<!-- Start Shareaholic Sassy Bookmarks HTML (eklentileri.blogspot.com)-->
<div class="shr_ss shr_publisher">

</div>
<!-- End Shareaholic Sassy Bookmarks HTML (helperblogger.com) -->
<!-- Start Shareaholic Sassy Bookmarks settings -->
<script type="text/javascript">
var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};
</script>
<!-- End Shareaholic Sassy Bookmarks settings -->
<!-- Start Shareaholic Sassy Bookmarks script -->
<script type="text/javascript">
(function() {
var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;
sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);
})();
</script>

<!-- End Shareaholic Sassy Bookmarks script (eklentileri.blogspot.com) -->
Yukarıdaki işlemi yaptıysanız , artık eklentimiz kullanıma hazırdır... DEMO


<<< Bu Yazı için Arama Sonuçları  >>>

Üzerine Gelince dairesel açılan paylaş butonları eklentisi , Blogger Üzerine Gelince dairesel açılan paylaş butonları eklentisi , Blogger paylaş eklentisi , Blogger paylaş butonları , blogger facebook twitter paylaş butonu


By Eklentileri.Blogspot Devamını Oku >>>
3 Yorum

Arama kutusu , Sosyal paylaş ve takip et eklentisi..


Arama kutusu , Sosyal paylaş ve takip et eklentisi..

Bu eklentimizde blogunuzda kullanabileceğiniz , arama kutusu , rss , feedburner (mail) , facebook ve twitter adresleriniz ile yazılarınızı paylaşmak için paylaş butonları bir arada..

Kullanışlı bir eklenti olduğunu düşündüğümüz ,Arama kutusu , Sosyal paylaş ve takip et eklentisini blogunuza eklemek isterseniz aşağıdaki anlatımı takip ederek sizde blogger blogunuza ekleyebilirsiniz..

Arama kutusu , Sosyal paylaş ve takip et blogger widget
</head>
yukarıdaki kodu bulunuz ve hemen üstüne aşağıdaki kodları ekleyiniz
<style type='text/css'> 
.subbox{width:305px;border:0 solid #141414;overflow:hidden} 
.addthis_toolbox{padding:15px 0 5px 0;text-align:center} 
.addthis_toolbox .custom_images a{width:32px;height:32px;margin:0 4px 0 4px;padding:0} 
.addthis_toolbox .custom_images a:hover img{opacity:1} 
.addthis_toolbox .custom_images a img{opacity:0.85} 
.rssbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px} 
.rssbox:hover{border:1px solid #92aed1} 
.rssbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.rssbox a:hover{color:#7c8a9b;text-decoration:underline} 
.emailsbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px} 
.emailsbox:hover{border:1px solid #92aed1} 
.emailsbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.emailsbox a:hover{color:#7c8a9b;text-decoration:underline} 
.twitterbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px} 
.twitterbox:hover{border:1px solid #92aed1} 
.twitterbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}&gt; 
.twitterbox a:hover{color:#7c8a9b;text-decoration:underline} 
.facebookbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px} 
.facebookbox:hover{border:1px solid #92aed1} 
.facebookbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif} 
.facebookbox a:hover{color:#7c8a9b;text-decoration:underline} 
#search{width:290px;padding:2px 2px;background:#f7f6f6;border:1px solid #ccd1d7;height:28px;margin-top:0;margin-left:5px;display:inline;float:left} 
#search:hover{border:1px solid #92aed1} 
#search form{margin:0;padding:0} 
#search fieldset{margin:0;padding:0;border:none} 
#search p{margin:0;font-size:85%} 
#s{width:200px;margin:0 0 0 0;padding:5px 5px 5px 5px;border:none;font:normal 80% &quot;Tahoma&quot;,Arial,Helvetica,sans-serif;color:#000;float:left;background:#f7f6f6;display:inline} 
input#searchsubmit{float:right;display:inline;margin:0 0 0 0;height:28px;background:#b2b2b2;color:#000;border:0 solid #222} 
</style>
yukarıdaki işlemi yaptıysanız kaydedip çıkın , ardından yerleşim kısmından eklentimizi eklemek istediğiniz yere gadget olarak aşağıdaki kodları ekleyiniz.


<div class="subbox"> 
<div id='search' style='display:inline;'> 
<form action='/search' id='searchform' method='get'> 
<input id="s" name="q" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}" onfocus="if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;;}" type="text" value="Search..." /> 
<input id="searchsubmit" type="submit" value="Search" /> 
</form> 
</div> 
<table><tr> 
<td><div class="rssbox"> 
<a href="http://feeds.feedburner.com/FEEDBURNER-ID" target="_blank" rel="nofollow"><img src="http://2.bp.blogspot.com/_4HKUHirY_2U/TKgvwDojM1I/AAAAAAAADgU/tBRpYkXIVho/rss.png"  alt="RSS Feed" title="RSS Feed" style="vertical-align:middle; margin-right: 5px;border:none;"  /></a><a href="http://feeds.feedburner.com/FEEDBURNER-ID" target="_blank" rel="nofollow">RSS Feed</a> 
</div></td> 
<td><div class="emailsbox"> 
<a href="http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER-ID" target="_blank" rel="nofollow"><img src="http://1.bp.blogspot.com/_4HKUHirY_2U/TKgvv1xjnUI/AAAAAAAADgE/XnHFsRwk1Js/email.png"  alt="EMail Feed" title="EMail Feed" style="vertical-align:middle; margin-right: 5px;border:none;"  /></a><a href="http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER-ID" target="_blank" rel="nofollow">EMail Feed</a> 
</div></td> 
</tr><tr> 
<td><div class="twitterbox"> 
<a href="http://twitter.com/TWITTER-USERNAME" target="_blank" rel="nofollow"><img src="http://2.bp.blogspot.com/_4HKUHirY_2U/TKgvvhhVo_I/AAAAAAAADf8/IE38PfZs7sE/twitter.png"  alt="Twitter" title="Twitter" style="vertical-align:middle; margin-right: 5px;border:none;"  /></a><a href="http://twitter.com/TWITTER-USERNAME" target="_blank" rel="nofollow">Twitter</a> 
</div></td> 
<td><div class="facebookbox"> 
<a href="http://www.facebook.com/FACEBOOK-USERNAME" target="_blank" rel="nofollow"><img src="http://2.bp.blogspot.com/_4HKUHirY_2U/TKgvv-pobaI/AAAAAAAADgM/1wAlSk8_1yY/facebook.png"  alt="Facebook" title="Facebook" style="vertical-align:middle; margin-right: 5px;border:none;"  /></a><a href="http://www.facebook.com/FACEBOOK-USERNAME" target="_blank" rel="nofollow">Facebook</a> 
</div></td> 
</tr></table> 
<p style="display:none;" align="center">Widget by <a href="http://www.ebloggertricks.com/" target="_blank">Eblogger Tricks</a></p> 
<div class='addthis_toolbox'> 
<div class='custom_images'> 
<a class='addthis_button_twitter'><img alt='Twitter' height='32' src='http://2.bp.blogspot.com/_4HKUHirY_2U/TIb9fsSTv4I/AAAAAAAAB90/lJxosSNM6jE/twitter.png' width='32'/></a> 
<a class='addthis_button_delicious'><img alt='Delicious' height='32' src='http://4.bp.blogspot.com/_4HKUHirY_2U/TIb9MH_zqNI/AAAAAAAAB9E/PahHr5GN6dI/delicious.png' width='32'/></a> 
<a class='addthis_button_facebook'><img alt='Facebook' height='32' src='http://2.bp.blogspot.com/_4HKUHirY_2U/TIb9NTh41aI/AAAAAAAAB9U/2RkBR3wbLBY/facebook.png' width='32'/></a> 
<a class='addthis_button_digg'><img alt='Digg' height='32' src='http://4.bp.blogspot.com/_4HKUHirY_2U/TIb9M5a4BZI/AAAAAAAAB9M/xoWTjnPVepc/digg.png' width='32'/></a> 
<a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='http://1.bp.blogspot.com/_4HKUHirY_2U/TIb9e_Kpo-I/AAAAAAAAB9s/1WqjOIz3B_A/stumbleupon.png' width='32'/></a> 
<a class='addthis_button_favorites'><img alt='Favorites' height='32' src='http://2.bp.blogspot.com/_4HKUHirY_2U/TIb9eJ5RTWI/AAAAAAAAB9c/tYvdT6xgaLw/favorites.png' width='32'/></a> 
<a class='addthis_button_more'><img alt='More' height='32' src='http://3.bp.blogspot.com/_4HKUHirY_2U/TIb9egD8XSI/AAAAAAAAB9k/rZY5eofO2SY/more.png' width='32'/></a> 
</div> 
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/> 
</div> 
</div>
Eklediğiniz gadget içinde renkli olarak belirtilmiş yerlere kendi feedburner, facebook ve twitter kullanıcı adınızı yazmayı unutmayınız..
By Eklentileri.Blogspot Devamını Oku >>>

14 May 2012

2 Yorum

Linklerinizin Altındaki Çizgiyi Kaldırma


Linklerinizin Altındaki Çizgiyi Kaldırma Eklentisi

Blogger blogunuzda bulunan linklerin altındaki çizgiden rahatsızmı oluyorsunuz ?

Bu yazımızda , Blogger blogunuzda bulunan link altı çizgilerini nasıl kaldıracağımızı anlatacağız..

Kimi blogger yazarı bu çizgilerden rahatsız olmazken , çoğu yazar bu çizginin görüntü kirliğine yol açtığına hem fikir..

Hemen anlatıma geçelim..

Widget Şablonlarını Genişlet kutucuğunu işaretleyerek ,  aşağıda kırmızı ile belirtilmiş kodları blogunuzda bulunuz..


a:link {
text-decoration:underline;
}
a:visited {
text-decoration:underline;
}
a:hover {
text-decoration:underline;
}

Bulduğunuz bu kodlar sizde yukarıdaki gibi olmayabilir , ekstra kodlar içerebilir ama , yukarıdaki gibi hepsinin yanında , yada biraz yanında  text-decoration:underline; şeklinde bir ibare vardır , yapmamız gereken underline yazısı yerine none yazısını eklemek..

Örnek olarak Aşağıdaki gibi..

a:link {
text-decoration:none;
}
a:visited {
text-decoration:none;
}
a:hover {
text-decoration:none;
}

Bu işlemden sonra, Blogger blogunuzda linklerinizin altında çizgi çıkmayacaktır..






<<< Bu Yazı için Arama Sonuçları  >>>

Linklerinizin Altındaki Çizgiyi Kaldırma , Link çizgisi nasıl kaldırılır , Blogger Linklerinizin Altındaki Çizgiyi Kaldırma , Blogger link çizgisi , Blogger link Eklentileri , Linklerinizin Altındaki Çizgiyi Kaldırma widgets


By Eklentileri.Blogspot Devamını Oku >>>

12 May 2012

3 Yorum

Blogger Translate Eklentisi ( Bayraklı )


Blogunuzda yazdığınız yazıları ,diğer dillere çevirmesi için bir eklenti istermisiniz ?

Bu eklentimiz sayfalarınıza giren ziyaretçilerinize , yazılarınızı konularınızı farklı dillere çevrilmesini sağlıyor, eğer blogunuza farklı ülkelerden ziyaretçiler geliyorsa yada gelebileceğini düşünüyorsanız bu eklenti oldukça işinize yarayacak..

Ziyaretçileriniz tek tıkla blogunuzdaki dili değiştirebiliyorlar..

Blogger Translate Eklentisi



By Eklentileri.Blogspot Devamını Oku >>>

11 May 2012

11 Yorum

Yazı Altına Facebook Hayran Kutusu Eklentisi


Yazı Altına Facebook Hayran Kutusu Widget

Bu eklentimizde , blogger blogunuzda yazmış olduğunuz yazıların/konuların altına facebook haryan kutusu eklemeyi anlatacağız..

Bu eklenti sayesinde, ziyaretçileriniz blogunuzda yazmış olduğunuz yazıyı beğenebilecekler.

Hemen anlatıma geçelim..

Öncelikle , Widget Şablonlarını Genişlet kutucuğunu işaretleyerek , aşağıdaki kodu bulunuz..
<data:post.body/>
Hemen altına , aşağıda yer alan kodları ekleyelim..
<b:if cond='data:blog.pageType == &quot;item&quot;'><iframe allowTransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/XXXXX&amp;width=570&amp;height=180&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false' style='border:none; overflow:hidden; width:570px; height:180px;'/></b:if>
Yukarıdaki kod içinde kırmızı ile yazılmış olan yere , kendi facebook sayfa adresinizi yazmayı unutmayın... << DEMO >>


<<< Bu Yazı için Arama Sonuçları >>>

Yazı Altına Facebook Hayran Kutusu Eklentisi , Blogger Yazı Altına Facebook Hayran Kutusu Eklentisi , Facebook Hayran Kutusu Eklentisi , Facebook hayran kutusu , Facebook box widget , facebook eklentileri


By Eklentileri.Blogspot Devamını Oku >>>

7 May 2012

19 Yorum

Resim üstüne yazı eklentisi

Blogger resim üstüne yazı eklentisi 

Bu eklentimiz Serhat Yıldıko tarafından istenmiştir , blogger blogunda kullanmak isteyenler kullanabilirler..

Lafı uzatmadan eklentinin DEMO'suna bakabilir ve aşağıdaki yolları takip ederek blogunuza ekleyebilirsiniz..

Hemen anlatıma geçelim..

Aşağıdaki kodu bulun..
]]></b:skin>
Bir satır üstüne alttaki kodları ekleyelim..
#arka{
    background-color:#FFFFFF;

    
  
}
#arka li{
    display:inline-block;
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);
}
.text{
    padding:3px 5px;
    font-size:12px;
    width:175px;
    color:#FFFFFF;
    background: #000000;
    background: rgba(0,0,0,0.5);
    position:relative;
    z-index:1;
    text-align:center;
    
    margin-top:-36px;
    -webkit-transition: background 1s;
    -moz-transition: background 1s;
    -o-transition: background 1s;
    transition: background 1s;
}
.text:hover{
    -webkit-transition: background 1s;
    -moz-transition: background 1s;
    -o-transition: background 1s;
    transition: background 1s;
    background: #000000;
    background: #000000;
}
Yukarıdaki işlemi yaptıysanız kaydedin ve yerleşim kısmına girerek , gadget ekle > HTML/JavaScript seçeneği ile açılan panele aşağıdaki kodlarımızı ekleyelim..
<div id="arka">
    <li><a href="#"><img src="http://2.bp.blogspot.com/-wSZqkh26_ho/T6WelzMhQwI/AAAAAAAAB54/Xbh7uLM5HIM/s1600/alt-bar.png" width="185" height="120" /></a>
    <div class="text">Deneme Yazı 1 , Bu Bir Denemedir....</div></li>

 
    <li><a href="#"><img src="http://3.bp.blogspot.com/--kCDjZJKKKc/T6WenhQE-NI/AAAAAAAAB6A/Zx8FpFyYOH4/s1600/gadget+ortalama.png" width="185" height="120" /></a>
    <div class="text">Deneme Yazı 2 , Bu Bir Denemedir....</div></li>

 
    <li><a href="#"><img src="http://2.bp.blogspot.com/-ebkCfM1dIv4/T6Weos7hl4I/AAAAAAAAB6I/1GUkdSvRXW0/s1600/mause-blogger.png" width="185" height="120" /></a>
    <div class="text">Deneme Yazı 3 , Bu Bir Denemedir....DENEME</div></li>

 
    
 
   
</div>
Kırmızı yazılar resim linkleriniz, mavi yazılar resim açıklamaları , yeşil # tıklandığında gitmek istediğiniz adres...Bu işlemide yaptıysak eklentimiz hazırdır , son olarak yapmamız gereken , eklediğiniz eklentiyi , konu üstüne taşımak..




<<< Bu Yazı için Arama Sonuçları  >>>

Resim üstüne yazı eklentisi , Blogger Resim üstüne yazı eklentisi , Resim üstüne yazı yazma , Resim üstüne nasıl yazı yazılır , blogger resimm eklentileri , blogger image widgets , 


By Eklentileri.Blogspot Devamını Oku >>>

6 May 2012

10 Yorum

Daha iyi Bir Blog için Yapılması Gerekenler


Daha iyi Bir Blog için Yapılması Gerekenler

Bir blog yazarının aklında, Blogumun hitini nasıl arttırırım ? Bloguma nasıl daha fazla ziyaretçi çekerim , Blogumu daha okunur bir hale nasıl getirebilirim vb. tarzı sorular her zaman vardır...

Resim kullanın ; Blogunuza yazdığınız yazılarınızda , en azından bir tane resim,logo,görsel öge içeren bir obje kullanmanız her zaman iyidir.Okurlarınızın yazılarınızdan keyif alması için bu gereklidir...

Fazla yazmayın ; Bir blog yazarının bazen yaptığı en büyük hata , yazılarını uzun tutarak ziyaretçileri sıkmasıdır , Uzun ve anlamsız cümleler ziyaretçilerinizi blogunuzdan uzaklaştırır.Yazılarınızı net ve anlaşılır biçimde yazın..

Yorumları unutmayın ; Blogunuza yorum yapan ziyaretçilerinizin yorumlarını görmezden gelmeyin , olumlu yada olumsuz mutlaka geri dönüş yapın , blogunuza yorum yapan kullanıcılar, mümkün olduğunca çabuk cevap bekler , bu süreyi çok fazla uzatmamaya çalışın..

Yazım hataları ; Blogunuza yazı yazarken yazım hatalarına dikkat edin , mutlaka hata yapabilirsiniz, olabildiğince az hata yapmaya çalışın , yazınızı yayınlamadan önce mümkünse önizleme yaparak yazım hatalarınızı kontrol edin..

Blogunuzu güncel tutun ; Ziyaretçiler güncel blog sever ! Blogunuzu çok fazla aksatmayın , yazdığınız yazılar mümkünse , bir çok kişiye hitap edecek şekilde olmalı , haftada bir yazı yazmayın , günde en az bir yazı paylaşın ve paylaştığınız bu yazıyı sırf yazmak için yazmayın , ziyaretçi kitlenize göre ne uygun bir yazı yazmaya çalışın....

Sıkıcı olmayın ; Her ne kadar ciddi bir blogunuz olsada , bazen blogunuzda komik bir resim , fotoğraf , karikatür vb.. paylaşımlar yaparak ziyaretçilerinizi anlıkta olsa eğlendirebilirsiniz..

Google ile aranızı sağlam tutun ; Yazılarınız güncel ve sizin tarafınızdan yazılmış olsun , kopyala yapıştır yapmayın , blogunuza yüzlerce etiket eklemeyin, etiketler önemlidir...


By Eklentileri.Blogspot Devamını Oku >>>

4 May 2012

8 Yorum

Eklentilere Kaydırma Çubuğu Ekleme ( Scroll Box Widget )


Eklentilere Kaydırma Çubuğu Ekleme ( Scroll Box Widget )

Blogger blogunuzda kullandığınız eklentiler blogunuzda çokmu yer kaplıyor ? Bu eklentimizle , blogger blogunuzda kullandığınız eklentinizi kaydırma çubuğu olan bir kutu içine alabileceksiniz..

Böylelikle , Uzayıp giden eklentileriniz fazla yer kaplamayacak..

Üstelik bunu yapmak çok basit hemen anlatıma geçelim..
<div style="width:200px;height:350px;overflow:auto; ">

Buraya eklediğiniz eklentinin kodları gelicek

</div>
Yukarıdaki kod içinde kırmızı ile yazılmış olan yazı yerine , siz blogunuzda kullanmak istediğiniz eklentinin kodlarını yazacaksınız..Mavi ile işaretlenmiş olan rakamlardan, eklentinin genişlik ve yükseklik ayarlarını yapacaksınız..örnek olarak , sidebar kısmınız 200px genişliğinde ise 200px değeri vermeniz uygundur..uzunluk değerini eklentinize göre düzenlersiniz..


<<< Bu Yazı için Arama Sonuçları  >>>

Eklentilere Kaydırma Çubuğu Ekleme , Eklentilere Kaydırma Çubuğu Ekleme ( Scroll Box Widget ) , Kaydırma Çubuğu Ekleme , Blogger Kaydırma Çubuğu Ekleme , Kaydırma Çubuğu Eklentisi , Kaydırma Çubuğu Widget , Scroll Blogger


By Eklentileri.Blogspot Devamını Oku >>>

2 May 2012

18 Yorum

Popüler Yayınlar Eklentisi ( Otomatik Animasyonlu )


Blogger Popüler Yayınlar Otomatik Animasyon Eklentisi

Bu eklentimizde , blogunuzda yayınladığınız popüler yayınlarınız animasyonlu şekilde geçiş yapılarak listelenir , klasik popüler yayınlardan sıkıldıyanız işinize yarayacak bir eklenti olduğunu düşünüyorum..

Not : Bu eklentiyi eklemeden önce , Blogunuza popüler yayınlar eklentisini eklediğinizden emin olun , popüler yayınları eklemek için Yerleşim >> Gadget Ekle >> Popüler Yayınlar seçeneğini kullanınız..

Not 2 : Popüler yayınları eklediğinizde , Görüntüleme sınırını 10 yayın yapmanız önerilir , tercihe bağlı..



By Eklentileri.Blogspot Devamını Oku >>>
Blogger tarafından desteklenmektedir.