.
yazı etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
yazı etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

3 Ağu 2015

4 Yorum

Yazı altına url - html - forum linki bağlantısı verme


Blogger blogunuzda yazmış olduğunuz yazıların altına , konu linki + forum linki + html linki eklemek istermisiniz ?

Ziyaretçileriniz yazılarınızın linkini paylaşmak istediklerinde bu linkleri kullanabilirler.

Bu eklentiyi kullanmak için aşağıdaki anlatımları takip ediniz..
aşağıda yer alan kodumuzu buluyoruz..
</head>
hemen üstüne , aşağıda yer alan kodları ekliyoruz..
<style type='text/css'>
.about-article{
background-color:#f9f9f9;
padding-bottom:5px;
padding-left:20px;
font-size:11px;
}
.about-article input{
background-color:#ffffff;
}
</style>
yukarıdaki işlemi yaptıktan sonra , şimdi de bu kodumuzu buluyoruz..
<data:post.body/>
Bu kodumuzun hemen altına aşağıda yer alan kodlarımızı ekliyoruz..
<b:if cond='data:blog.pageType == &quot;item&quot;'>
&lt;div class=&quot;about-article&quot;&gt;<p>Bu yazıyı sitenizde/forumunuzda paylaşmak için aşağıdaki linkleri kullanabilirsiniz..</p>&lt;p class=&quot;noborder&quot;&gt;&lt;label for=&quot;aa-url&quot;&gt;URL:&lt;/label&gt;&lt;br /&gt;&lt;input size=&quot;80&quot; readonly=&quot;readonly&quot; onclick=&quot;this.focus();this.select();&quot; type=&quot;text&quot; id=&quot;aa-url&quot; value=&quot;<data:post.url/>&quot; /&gt;&lt;/p&gt;&lt;p&gt;&lt;label for=&quot;aa-forum&quot;&gt;HTML Link:&lt;/label&gt;&lt;br /&gt;&lt;input size=&quot;80&quot; readonly=&quot;readonly&quot; onclick=&quot;this.focus();this.select();&quot; type=&quot;text&quot; id=&quot;aa-forum&quot; value=&quot;&lt;a href=&amp;quot;<data:post.url/>&amp;quot;&gt;<data:post.title/>&lt;/a&gt;&quot; /&gt;&lt;/p&gt;&lt;p&gt;
&lt;label for=&quot;aa-forum&quot;&gt;Forum Link:&lt;/label&gt;&lt;br /&gt;
&lt;input size=&quot;80&quot; readonly=&quot;readonly&quot; onclick=&quot;this.focus();this.select();&quot; type=&quot;text&quot; id=&quot;aa-forum&quot; value=&quot;[url=<data:post.url/>]/<data:post.title/>[/url]&quot; /&gt;&lt;/p&gt;
<p align='center'><a href='http://eklentileri.blogspot.com/' style='display:none;' target='_blank'>Blogger eklentileri</a></p>
&lt;/div&gt;<br/>
</b:if>
Eklentimiz hazır , güle güle kullanın...

DEMO



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

Blogger yazı altına url ekle , blogger yazı altına forum linki ekle , blogger yazı altına html kodu ekle , blogger yazı altına ekle , blogger konu altına url forum linki ekleme , blogger yazı altına ekleme , blogger url widget



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

1 Ağu 2015

10 Yorum

Blogger Bu Yazıyı Okudunuz mu Eklentisi


Blogger blogunuzda , ziyaretçileriniz sayfada aşağı indiklerinde , rastgele bir yazı göstermek istermisiniz ?

Blogger Bu Yazıyı Okudunuz mu Eklentisi , blogunuzun sağ altında çıkar , ziyaretçiniz isterse bu eklentiyi X butonu ile minimize edebilir

Yerleşim >> Gadget Ekle >> HTML/JavaScript yolu ile açılan panele altta yer alan kodları ekliyoruz
<div id="bpslidein" style="display:none;"> <div class="help">?</div><div class="expand">+</div> <div class="close">X</div> <p>Bu Yazıyı Okudunuz mu ?</p> <div id="bpslidein_image"></div> <div  id="bpslidein_title">Loading..</div> </div> <script> if(document.location.href.split("/").length==6&&document.location.href.indexOf(".html")!=-1){if(typeof bp_onload_queue=='undefined')var bp_onload_queue=[];if(typeof bp_dom_loaded=='boolean')bp_dom_loaded=false;else var bp_dom_loaded=false;if(typeof bp_async_loader!='function'){function bp_async_loader(src,callback,id){var script=document.createElement('script');script.type="text/javascript";script.async=true;script.src=src;script.id=id;var previous_script=document.getElementById(id);if(previous_script)if(previous_script.readyState=="loaded"||previous_script.readyState=="complete"){callback();return}else{script=previous_script}if(script.onload!=null)previous_callback=script.onload;script.onload=script.onreadystatechange=function(){var newcallback;if(previous_script&&previous_callback)newcallback=function(){previous_callback();callback()};else newcallback=callback;if(bp_dom_loaded){newcallback()}else bp_onload_queue.push(newcallback);script.onload=null;script.onreadystatechange=null};var head=document.getElementsByTagName('head')[0];if(!previous_script)head.appendChild(script)}}if(typeof bp_domLoaded!='function')function bp_domLoaded(callback){bp_dom_loaded=true;var len=bp_onload_queue.length;for(var i=0;i<len;i++){bp_onload_queue[i]()}}bp_domLoaded();bp_async_loader("http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js",function(){bp_async_loader("http://yourjavascript.com/22209113892/recom.js",function(){},"bp-out-slide")},"jQueryjs")} </script> <a href="http://eklentileri.blogspot.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL-3QDB-AOygCuSVKS0RUyone6NSLYfK2CA2eikCkYz_b1W9G56IvD45Rzu1-GQYPiZl6rjMJAnMaevqZ14T7y9m60uk3c_pBGPo6wpuY0F_0rmBoeXvSgpW6Z1WlsMFUd_gxlNJJ4AsU/I/bloggerplugins.png" alt="Bu yazıyı okudunuz mu" /></a>
Şimdide şablon kısmına giryoruz , (Widget Şablonlarını Genişlet kutucuğunu işaretlemeyi unutmayın) Aşağıdaki kodları arıyoruz , bu 3 koddan sizde olanın altına ekliyeceksiniz..kodlar blogunuzda 2-3 tane olabilir , hepsini deneyin mutlaka çalışacaktır..
<div class='post-footer-line post-footer-line-1'>


YADA


<p class='post-footer-line post-footer-line-1'>


YADA


<data:post.body/>




ÜSTTEKİ 3 KODDAN BLOGUNUZDA OLANI BULUN
 VE HEMEN ALTINA ALTTAKİ KODLARI EKLEYİNİZ

<b:if cond='data:blog.pageType == "item"'>
<div style='display:none' id='bpslidein_place_holder'></div>
</b:if>
Yapmanız gereken bu kadar , Blogger Bu Yazıyı Okudunuz mu Eklentisi hazır...son olarak bu eklenti anasafada çalışmaz , yazı sayfalarınızda çalışacaktır..

DEMO



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

Blogger Bu Yazıyı Okudunuz mu Eklentisi , Blogger Bu Yazıyı Okudunuz mu , Rastgele yazı kutusu , Blogger  Rastgele yazı , Recommended Post Slide out for Blogger , Recommended Post Slide out for Blogger widget  , Bu Yazıyı Okudunuz mu , Bu Yazıyı Okudunuzmu

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

9 Şub 2013

6 Yorum

En Çok Yorum Yapılan Yazılar / Konular Eklentisi


En Çok Yorum Yapılan Yazılar / Konular Eklentisi Widget


Blogger blogunuzda , en çok yorum yapılan yazılarınızı göstermek istermisiniz ?


Lafı uzatmadan hemen anlatıma geçelim..

Blogunuzun Yerleşim kısmına girerek Gadget Ekle >> HTML/JavaScript seçeneği ile açılan panele aşağıdaki kodları ekleyin..
<!-- Popular posts with comment eklentileri.blogspot.com -->
<script type="text/javascript">
function getYpipePP(feed) {
 document.write('<ol style="">');
 var i;
 for (i = 0; i < feed.count ; i++)
 {
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title;
var pComment = " \(" + feed.value.items[i].commentcount + "\)";
var pList = "<li>" + "<a href="+ href + '" target="_blank">' + pTitle;
 document.write(pList);
 document.write(pComment); //to remove comment count delete this line
 document.write('</a></li>');
 }
 document.write('</ol>');
 }
 </script>
 <script src="http://pipes.yahoo.com/pipes/pipe.run?
 YourBlogUrl=http://eklentileri.blogspot.com
 &ShowHowMany=10
 &_id=390e906036f48772b2ed4b5d837af4cd
 &_callback=getYpipePP
 &_render=json" 
type="text/javascript"></script>

<!-- Popular posts with comment eklentileri.blogspot.com -->
Yukarıdaki kodları eklediyseniz , kod içinde geçen ; eklentileri.blogspot.com adresi yerine , kendi blog adresinizi , mavi ile yazılmış olan 10 rakamını değiştirerek göstermek istediğiniz yazı sayısını ayarlayabilirsiniz..



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

En Çok Yorum Yapılan Yazılar , En Çok Yorum Yapılan Yazılar eklentisi , Blogger En Çok Yorum Yapılan Yazılar , En Çok Yorum Yapılan Konular ,En Çok Yorum Yapılan konular eklentisi , Blogger En Çok Yorum Yapılan Konular , Blogger yorum yapılan knouları gösterme , en çok yorum 


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

8 Oca 2013

3 Yorum

Klavye Tarzı Yazı Yazma Eklentisi


Blogger blogunuzda , yazılarınızı klavye tarzı şeklinde yazmak istermisiniz ?

Klavye Tarzı Yazı Yazma Eklentisi ile , vurgulamak istediğiniz cümleleri kelimeleri yada harfleri ön plana çıkarabilirsiniz..


Alttaki kodu buluyoruz
]]></b:skin>
Hemen üstüne aşağıdaki kodları ekliyoruz
/*****************************************
Klavye Tarzı Yazı Yazma Eklentisi kod baslangıcı eklentileri.blogspot.com
******************************************/
klavye{
border:1px solid gray;
font-size:1.2em;
box-shadow:1px 0 1px 0 #eee, 0 2px 0 2px #ccc, 0 2px 0 3px #444;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
margin:2px 3px;
padding:1px 5px;
}
Şablonumuzu kaydediyoruz.......Blogumuzda klavye tarzı yazı yazmak istediğimizde aşağıdaki kodu kullanıyoruz.
<klavye>Yazı Alanı</klavye>



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

Klavye Tarzı Yazı Yazma Eklentisi , Klavye Tarzı Yazı Yazma  , Klavye Tarzı Yazı  , Klavye yazı Blogger , Blogger Yazı Eklentisi , keyboard like text effect , Blogger keyboard like text effect widget
By Eklentileri.Blogspot Devamını Oku >>>

24 Kas 2012

10 Yorum

Blogger Yazar bilgisi eklentisi ( Yazar Hakkında )


Blogger blogunuzda , yazılarınızın/yayınlarınızın hemen altında , sizi yada blogunuzu tanıtan bir eklenti istermisiniz ?

Bu eklentimizde , Blogunuzu yada kendinizi , ziyaretçilerinize tanıtabilir , veya detaylı bilgi verebilirsiniz..

DEMO için bu yayının hemen altına bakabilirsiniz..

Öncelikle , Widget Şablonlarını Genişlet kutucuğunu işaretleyin ve aşağıdaki kodu bulunuz..
]]></b:skin>
Bir satır üstüne , altta yer alan kodları ekleyiniz..

.authbio{
color: #454545; /* Yazı rengi*/
font-weight: normal;
font-size:0.9em;
background: #fff;
border: 1px dotted #cc0000;
width: 580px;
padding: 15px;
margin-bottom:25px;

}

.biotitle {
width: 580px;
background: #f57100; /* Turuncu olan arka renk.*/

width: 580px;
padding: 0px;
border: 1px dotted #000000;

}

.biotitle h2 {
font-weight: bold;
color: white;
padding:3px;

}
.authbio a{

color:#cc0000;

text-decoration:underline;}
Şimdide <data:post.body/  kodunu buluyoruz..( Lütfen hangisi diye sormayın , bazı bloglarda 2-3 tane olabiliyor, genellikle ilk olan , ilki olmazsa diğerlerini deneyin mutlaka çalışacaktır eklenti. ) hemen altına aşağıdaki kodları ekliyoruz..
<div class='authbio'>
<div class='biotitle'>
<h2> Eklentileri.blogspot.com Hakkında.</h2>
</div>

<br/>
<div style='float: left;'>
<img alt='' height='75' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0M6DVYgPY7CZ6oKJBU6A0BrxrhyphenhyphenjqtJyni6bM_srzKu6DnjIApufa0AtTTTtqWrX9s5ajse3EoaRPEAC0S6vxWQU9v-6AhxYOeqpWf46VTkwL6CVQeNm_m6qkqSZuL-mcuFzEO1r8g_8A/s1600/yorum.png' width='75'/>
</div>

     Blogumuz ilk yayınından bu güne , blogger eklentilerini , tüm blogger kullanıcılarına ulaştırmak için yayın yapmış , bu süre içinde hiç bir şekilde kar/gelir elde etmemiş , etmiyecektir..Lütfen desteklerinizi bizden esirgemeyin..
<br/>
<br/>
Bizi <b><a href='http://www.facebook.com/pages/Blogger-Eklentileri/126895440798640' target='_blank'>Facebook</a></b> ve <b><a href='https://twitter.com/BloggerEklenti' target='_blank'>Twitter</a></b> üzerinden de takip edebilirsiniz..
Yukarıdaki anlatılanları yaptıysanız eklentimiz hazırdır..

Kırmızı olan yerlere, kendi facebook ve twitter adresleriniz.
Mavi olan yere , Görünmesini istediğiniz resminiz.
Siyah olan yerlere ise tanıtım yazınız..



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

Blogger Yazar bilgisi eklentisi , Blogger yazar eklenti , yazar hakkında , yazar , Blogger Yazar bilgi kutusu , About the Author , About the Author widget , About the Author box



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

22 Kas 2012

5 Yorum

Widget Sadece Konu/Yazılarda Gözüksün



Blogger Eklentileri Sadece Konu/Yazılarda Gözüksün , Ana Sayfada Görünmesin..

Blogger blogunuzda eklediğiniz widget(eklenti)leri sadece Yazı sayfalarınızda göstermek istermisiniz ?

Bu eklentimizle , eklediğiniz eklentiler , sadece yazı/konularınızda  gözükür , ana sayfada eklentileriniz görünmez..

Hemen anlatıma geçelim.

Öncelikle dikkat etmemiz gereken , blogunuza eklediğiniz gadgetin bir ismi olması .Widget başlığı neden gerekli derseniz, kodlarla uğraşmamanız ve hemen bulmamız için gerekli..
Blogumuzun şablon kısmına giriyoruz , Widget Şablonlarını Genişlet kutucuğunu işaretliyoruz , ctrl+f yardımı ile Görünmemesini istediğiniz eklentinin başlığını aratıyoruz ( örnek olarak : Popüler Yayınlar ) 

<b:widget id='HTML4' locked='false' title='Popüler Yayınlar' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>

</b:includable>
</b:widget>

Yukarıdaki kod aramamız sonucunda çıkar , kırmızı olan yerleri aşağıdaki kod ile değiştiriyoruz ( sadece kırmızı olanları silip yerine aşağıdakileri ekliyoruz.. )
<b:includable id='main'>

<b:if cond='data:blog.pageType == "item"'>

<!-- only display title if it's non-empty -->

<b:if cond='data:title != &quot;&quot;'>

<h2 class='title'><data:title/></h2>

</b:if>

<div class='widget-content'>

<data:content/>

</div>



<b:include name='quickedit'/>

</b:if>

</b:includable>

</b:widget>
Artık eklediğiniz eklentiler sadece yazı sayfalarınızda çıkacaktır , ana sayfada ise eklentiler gözükmeyecektir..sizde eklentilerinizi ana sayfada göstermek istemiyorsanız bu blogger eklentisini kullanabilirsiniz..



Tam tersi olan , Blogger eklentilerinizi sadece ana sayfada göstermek isterseniz ise BU konuya bakabilirsiniz..



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

Widget Sadece Konu/Yazılarda Gözüksün , Eklentileri Ana Sayfada gizleme , Eklentiler görünmesin , Eklenti gizleme , Yazılarda görünsün , Ana sayfada görünmesin , Blogger Sadece Yazı Gösterme

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

13 Kas 2012

8 Yorum

Blog Ekle - Blog Tanit


Blogumuzun Sağ altında , Blog Sayfanızın reklamının yer almasınız istermisiniz ?

eklentileri.blogspot.com , Blogunuzu ücretsiz tanıtıyor , sizde blogunuzu ekleyin sizde blogunuzu başkalarına tanıtma fırsatına sahip olun..

Sayfamızın Sağ altında 125x125 lik alanda , banner , yazı vs.. ile blogger blogunuzu tanitabilirsiniz..


Blogumu Nasıl Eklerim ?

  • Blogger blogunuzu eklemek için ;
  • Öncelikle , Blogger blogunuzda bizi tanıtan bir yazı yazmak ve yazınızın sonuna http://eklentileri.blogspot.com/ adresini içeren bir link vermek..
  • Yazınızı yayınladıktan sonra , iletişim'e girerek yada eklentileri.blogspot@gmail.com adresinden bize , 125x125 logo/yazı resminizi ve bizi tanıtan yazınızın linkini göndermek gerekiyor..
  • Yapmanız gereken bu kadar..


Blogum Ne zaman Eklenir ?

  • Üstte yer alan koşulları uyguladıktan sonra , Size atacağımız cevapta tarih ile belirtilecektir..Yoğunluğa göre süre değişebilir ,( Blogunuz eklendiğinde mail ile haber verilecektir )

Ne kadar süre Blogumun reklamını yapabilirim ?
  • Blogunuz 5 gün süre ile , sayfalarımızın sağ altında kalır , 5 gün sonra yerini başka bir bloga devreder...Bu 5 günlük süre zarfında Blogunuza ziyaretçi çekebilirsiniz..



 Reklamın iyisi kötüsü olmazmış diyen blogger kullanıcıları için ideal bir yöntem olan bu reklam alanını sizde kullanabilirsiniz..






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

8 Kas 2012

6 Yorum

Sağa , Sola ,Yukarı , Aşağı Kayan Yazılar Eklentisi


Blogunuza sağa sola aşağı yukarı kayan yazılar istermisiniz ?

Oldukça basit olan bu eklentiyi bilmeyenler olabilir diye paylaşıyoruz..tam olarak eklenti diyemeyiz ama kullanmak isteyenler kullanabilirler..
<marquee direction="left">Sola Doğru Kayan yazı Buraya Yazılacak..eklentileri.blogspot.com</marquee>
Sola Doğru Kayan yazı Buraya Yazılacak..eklentileri.blogspot.com
<marquee direction="right">Sağa Doğru Kayan yazı Buraya Yazılacak..eklentileri.blogspot.com</marquee>
Sağa Doğru Kayan yazı Buraya Yazılacak..eklentileri.blogspot.com
<marquee direction="up">Yukarı Doğru Kayan yazı Buraya Yazılacak..eklentileri.blogspot.com</marquee>
Yukarı Doğru Kayan yazı Buraya Yazılacak..eklentileri.blogspot.com
<marquee direction="down">Aşağı Doğru Kayan yazı Buraya Yazılacak..eklentileri.blogspot.com</marquee>
Aşağı Doğru Kayan yazı Buraya Yazılacak..eklentileri.blogspot.com


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

Sola Kayan Yazı Eklentisi , Sağa Kayan Yazı Eklentisi , Yukarı Kayan Yazı Eklentisi , Aşağı Kayan Yazı Eklentisi , Blogger Kayan Yazı Ekleme , Kayan yazı eklentisi , kayan , yazı , Blogger Kayan Yazılar



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

3 Kas 2012

3 Yorum

Resim üzerine gelince açılan açıklama kutusu


Blogger blogunuza eklediğiniz resimlerin üzerine fare ile gelindiğinde, aşağı doğru açılan metin/bilgi kutusu eklentisini blogger blogunuza eklemek için aşağıdaki anlatımı takip edip , blogger blogunuzda bu eklentiyi kullanabilirsiniz.

Alttaki kodu bulunuz..
]]></b:skin>
Bir satır üzerine aşağıdaki kodları ekleyiniz..
.imagepluscontainer{ /* main image container */
position: relative;
z-index: 1;
}

.imagepluscontainer img{ /* CSS for image within container */
position: relative;
z-index: 2;
-moz-transition: all 0.5s ease; /* Enable CSS3 transition on all props */
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.imagepluscontainer:hover img{ /* CSS for image when mouse hovers over main container */
-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
-moz-transform: scale(1.05, 1.05);
-webkit-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
}

.imagepluscontainer div.desc{ /* CSS for desc div of each image. */
position: absolute;
width: 90%;
z-index: 1; /* Set z-index to that less than image's, so it's hidden beneath it */
bottom: 0; /* Default position of desc div is bottom of container, setting it up to slide down */
left: 5px;
padding: 8px;
background: rgba(0, 0, 0, 0.8); /* black bg with 80% opacity */
color: white;
-moz-border-radius: 0 0 8px 8px; /* CSS3 rounded borders */
-webkit-border-radius: 0 0 8px 8px;
border-radius: 0 0 8px 8px;
opacity: 0; /* Set initial opacity to 0 */
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8); /* CSS3 shadows */
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
-moz-transition: all 0.5s ease 0.5s; /* Enable CSS3 transition on desc div. Final 0.5s value is the delay before animation starts */
-webkit-transition: all 0.5s ease 0.5s;
-o-transition: all 0.5s ease 0.5s;
-ms-transition: all 0.5s ease 0.5s;
transition: all 0.5s ease 0.5s;
}

.imagepluscontainer div.desc a{
color: white;
}

.imagepluscontainer:hover div.desc{ /* CSS for desc div when mouse hovers over main container */

-moz-transform: translate(0, 100%);
-webkit-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
-o-transform: translate(0, 100%);
transform: translate(0, 100%);
opacity:1; /* Reveal desc DIV fully */
}

Yukarıdaki işlemi yaptıysanız eklentimiz hazırdır , bu eklentiyi kullanmak için , aşağıdaki kod dizilimini kullanmanız gerekiyor..
<div class="imagepluscontainer" >
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlnqDFcOIiXrr_zReuzOwx2f2Qo1KaWF2SP4vPFwTFMj47ChYATWzAB0hiKuhkUVUEWAb2RA9kvzO-11TgwJJ1j-UKNWK9vyVxfCcfKIM604g3uBBvSl_ddNFAOJq-8Gem4pAJ8o4G8vZx/s1600/yorum.png" style="width:263px; height:199px; z-index:2" />
<div class="desc">
Tüm Blogger eklentilerini , eklentileri.blogspot.com adresinde bulabilir , blogunuza ekleyebilirsiniz..
</div>
</div>
Kırmızı olan yere , resim linkiniz..Mavi olan yer ise görünmesini istediğiniz yazınız..düzenlemeri ona göre yapınız..

DEMO



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

Resim üzerine gelince açılan açıklama kutusu , blogger resim üstüne gelince açıklama ekleme , blogger resim eklentisi , blogger resim üstü yazı eklentisi , blogger image widget , Image With Description Hover Effect , Blogger hower widget ,



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

7 Haz 2012

14 Yorum

Blogger Jquery Son Twitler Eklentisi


Blogger Jquery Son Twitler Eklentisi Widgets


Blogunuzun bir köşesinde , twitter hesabınızdan yazdığınız son yazılarınızı göstermek istermisiniz ?

Jquery ile hazırlanmış , son twitlerim eklentisi ile , twitter yazılarınızı blogger blogunuzdan ziyaretçilerinizle paylaşabilirsiniz..


Hemen anlatıma geçelim..

Blogunuzun yönetim panelinden Yerleşim >> Gadget Ekle >> HTML/JavaScript seçeneğini seçelim ve açılan panele aşağıdaki kodları ekleyelim..
<div id="twitter-ticker"><div id="top-bar"><div id="twitIcon"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXH2qrJa-eqcUl1b14P5x9qtAnxLY-VA3iJlI-s9HKd4giH9HWgDYZxr-UU3QFM8U5SgTtozn8IG-LfZrHsbMfe11shBNFty-8z_ci1Xrl3kM11i9sFrKNr01kR7o1ZOhjTubajb5-qG4/s1600/helperblogger.com-twitter.png" width="64" height="64" alt="Twitter icon" /></div><h2 class="tut">Son Yazdıklarım</h2></div><div id="tweet-container"><img id="loading" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUlqy8J8qaCkZYInnOptsmavlPVaPYtAmPry0eyhv4KtETk5iwE8OEPxI248XHfrY8FV7Tc_FfoIeLGUdm4enBibkhd13yfvQ4tSiMR2ZhJAqT6DnmXWbe-hboZYKG0jIJxPaxebLONLo/s1600/helperblogger.com-loading.gif" width="16" height="11" alt="Loading.." /></div>
<div id="scroll"></div></div><style>/* CSS Document */h2.tut{/* This is the "MY TWEETS" title */    color: white;font-family: "Myriad Pro", Arial, Helvetica, sans-serif;font-size: 16px;padding: 12px 0 0 58px;text-transform: uppercase;/* The CSS3 text-shadow property */    text-shadow: 2px 1px 6px #333;}#twitter-ticker{/* Styling the ticker */    width: 300px;height: 300px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC9E3qVurG5stZXZUEa48c909Yg_9-qPFjx7BleZk-rSEH24x4Tm9JckL7Kvbphek8TySTIlOjkI6-Iur-v7PkJte9fe2HJs3dClNQcyUnSQVns27PcmzCFtUZii1YEK-c3VqLp8ga-_c/s1600/helperblogger.com-slickbg.png) no-repeat #f5f5f5;color: #666666;display: none;/* Rounded corners */    -moz-border-radius: 10px 10px 6px 6px;-khtml-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;text-align: left;}#tweet-container{/* This is where the tweets are inserted */    height: 230px;width: auto;overflow: hidden;}#twitIcon{/* Positioning the icon holder absolutely and moving it to the upper-left */    position: absolute;top: -25px;left: -10px;width: 64px;height: 64px;}#top-bar{height: 45px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrbmt0dn8XgFqzhSBIZmrqMOQLJU9lJy3xrRDCIqFj1W_0Grp-Kusp3AfGLzDYWG5qdzb_pVLcRidKB0Mst1A-F92WeB3cRU27d7k2UH3JmamIgla6yyLs5EFPp41feaOWzgMTpQzZC8Y/s1600/helperblogger.com-top_bar.png) repeat-x;border-bottom: 1px solid white;position: relative;margin-bottom: 8px;/* Rounding the top part of the ticker, works only in Firefox unfortunately */    -moz-border-radius: 6px 6px 0 0;}.tweet{/* Affects the tweets */    padding: 5px;margin: 0 8px 8px;font-family: calibri;border: 1px solid #F0F0F0;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJD0KxHcUKMKVMHVM2rX_J7nOo1IZQHYVXpOhjA0L7cXRKxa79RofeJHOUFks7_yhFbYzfV9cm13yj3POIxhZc_j9ty-wgtyohyVfTNdtJEYdvWhO6I2Edj5jT1bKm3JTRKVhogWmmStw/s1600/helperblogger.com-transparent.png);width: auto;overflow: hidden;}.tweet .avatar, .tweet .user, .tweet .time{float: left;}.tweet .time{text-transform: uppercase;font-size: 10px;color: #AAAAAA;white-space: nowrap;}.tweet .avatar img{width: 36px;height: 36px;border: 2px solid #eeeeee;margin: 0 5px 5px 0;}.tweet .txt{/* Using the text container to clear the floats */    clear: both;}.tweet .user{font-weight: bold;}a, a:visited{/* Styling the links */    color: #00BBFF;text-decoration: none;outline: none;}a:hover{text-decoration: underline;}#loading{/* The loading gif animation */    margin: 100px 95px;}.jScrollPaneContainer{position: relative;overflow: hidden;z-index: 1;}.jScrollPaneTrack{position: absolute;cursor: pointer;right: 4px;top: 0;height: 100%;background: #ddd;}.jScrollPaneDrag{position: absolute;background: #999;cursor: pointer;overflow: hidden;}.jScrollPaneDragTop{position: absolute;top: 0;left: 0;overflow: hidden;}.jScrollPaneDragBottom{position: absolute;bottom: 0;left: 0;overflow: hidden;}a.jScrollArrowUp{display: block;position: absolute;z-index: 1;top: 0;right: 0;text-indent: -2000px;overflow: hidden;/*background-color: #666;*/    height: 9px;}a.jScrollArrowUp:hover{/*background-color: #f60;*/}a.jScrollArrowDown{display: block;position: absolute;z-index: 1;bottom: 0;right: 0;text-indent: -2000px;overflow: hidden;/*background-color: #666;*/    height: 9px;}a.jScrollArrowDown:hover{/*background-color: #f60;*/}a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover{/*background-color: #f00;*/}</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script><script type="text/javascript" src="http://code.helperblogger.com/jquery.mousewheel.js"></script><script type="text/javascript" src="http://code.helperblogger.com/jScrollPane-1.2.3.min.js"></script><script type="text/javascript" src="http://code.helperblogger.com/ticker-script.js"></script><script type="text/javascript">var tweetUsers=['BloggerEklenti'];</script>
Yukarıdaki kod içinde geçen , kırmızı ile yazılmış BloggerEklenti Yerine kendi blog adresinizi , mavi le yazılmış olan width: 300px;height: 300px; değerlerini değiştirerek ise eklentinin genişlik ayarlarını düzenleyebilirsiniz..


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

Blogger Jquery Son Twitler Eklentisi , Blogger Jquery Son Twitler Widgets , Blogger  Son Twitler Eklentisi , Blogger Jquery Son Twitter yazılarım Eklentisi , Blogger Twit Gösterme eklentisi , Blogger Son Yazdığım Twitter Yazılarım


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

2 Haz 2012

13 Yorum

Önceki Sonraki Kayıtlarda Konu / Yazı Başlıklarını Gösterme


Blogger Önceki Sonraki Kayıtlarda Konu Başlıklarını Gösterme Eklentisi


Blogger bloglarınızda, yazılarınızın altında, önceki kayıtlar ve sonraki kayıtlar şeklinde , bir önceki konu ve sonraki konuya gitmemizi sağlayan linkler mevcut..

Bu eklentimizde , Önceki kayıtlar ve sonraki kayıtlar linkleri yerine yazı başlıklarını eklemeyi anlatacağız..

Hemen anlatıma geçelim..

Aşağıdaki kodumuzu buluyoruz..
]]></b:skin>
Hemen üstüne , aşağıda yer alan kodlarımızı ekliyoruz..
.blog-pager-newer-link {background-color:transparent !important;padding: 0 !important;}
.blog-pager-older-link {background-color:transparent !important;padding: 0 !important;}
#blog-pager-newer-link {padding:5px;font-size:90%;width:200px;text-align:left;}
#blog-pager-older-link {padding:5px;font-size:90%;width:200px;text-align:right;}
2. adım olarak aşağıdaki kodu buluyoruz..
</head>
Hemen altına , aşağıda vermiş olduğumuz kodları ekliyorsunuz..
<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
3. ve son adımımızda , alttaki kodu bulun
</body>
Yine hemen altına , bu kodları ekleyelim..
<!--Start post title code http://eklentileri.blogspot.com -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
// Post titles to Older Post and Newer Post links (without stats skew)
// by MS-potilas 2012. See http://yabtb.blogspot.com/2012/01/add-post-titles-to-older-and-newer-post.html
//<![CDATA[
var urlToNavTitle = {};
function getTitlesForNav(json) {
for(var i=0 ; i < json.feed.entry.length ; i++) {
var entry = json.feed.entry[i];
var href = "";
for (var k=0; k<entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
href = entry.link[k].href;
break;
}
}
if(href!="") urlToNavTitle[href]=entry.title.$t;
}
}
document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/posts/summary?redirect=false&max-results=500&alt=json-in-script&callback=getTitlesForNav"></'+'script>');
function urlToPseudoTitle(href) {
var title=href.match(/\/([^\/_]+)(_.*)?\.html/);
if(title) {
title=title[1].replace(/-/g," ");
title=title[0].toUpperCase() + title.slice(1);
if(title.length > 28) title=title.replace(/ [^ ]+$/, "...")
}
return title;
}
$(window).load(function() {
window.setTimeout(function() {
var href = $("a.blog-pager-newer-link").attr("href");
if(href) {
var title=urlToNavTitle[href];
if(!title) title=urlToPseudoTitle(href);
if(title) $("a.blog-pager-newer-link").html("&lt;&lt; Newer Post<br />" + title);
}
href = $("a.blog-pager-older-link").attr("href");
if(href) {
var title=urlToNavTitle[href];
if(!title) title=urlToPseudoTitle(href);
if(title) $("a.blog-pager-older-link").html("Older Post &gt;&gt;<br />" + title);
}
}, 500);
});
//]]>
</script>
</b:if>
<!--End post title code http://eklentileri.blogspot.com -->
Yukarıdaki işlemleri doğru yaptıysanız , artık blogger blogunuzda önceki yayınlar ve sonraki yayınlar kısmında önceki konu bağlığınız ve sonraki konu başlığınız gözükecektir..


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

Önceki Sonraki Yayınlarda Konu / Yazı Başlıklarını Gösterme , Kayıt başlıklarını gösterme , yazı başlıklarını gösterme , blogger önceki kayıt değiştirme , blogger önceki kayıt yazı başlığı , blogger sonraki kayıt yazı başlığı


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 >>>

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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXL9HTGNuBKE25hxETGMYTLoVWvHp6GPlmTyNkDWibTuw01M9aA7jz6EVMt63IKUN7dQYzE_QbV-jTfKDdR5BDaJN_iz68QQtQzjCvOEvoU44hDXo0euhVSLe245fnT6Y5MSrkM6KB/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh3UzsTUzcx7QkYcg5mm4eHNkXl663Z5D4VVbhoUCNapMYoIJ0OHOLbeUP_KqqcNhnKldiUR4IF29MRonoasAXzvi4tz6ljdKBsL_S9Lfn6VelER62-u-GEw2x7EgeT1cVyF-l8j5m/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgieIBgR_RCqQomW2YXziJbdxVoyUfCtA-GmpqbuVIRafFzcyjZRRd2gxTxPSAC0tL8YswLYCoaQpy-aS7B6ZdTsrcEN37NJ5aaG9_uynU91UH9CMLKdE03wIzQ1yauIUdRHXneAtGS/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 >>>

3 Nis 2012

3 Yorum

Blogger Yazı Boyutu Değiştirme Eklentisi


Blogger Yazı Boyutu Değiştirme Eklentisi

Blogunuzda ziyaretçilerinizin yazı boyutunu değiştirmesini istermisiniz ? Bu blogger eklentimizde , sitenize giren ziyaretçiler , konularınız içindeki yazıların boyutuyla oynayabilir, yani isterlerse küçültebilir , isterlerse büyültebilirler..

Yararlı bir eklenti olduğunu düşündüğümüz bir blogger eklentisi olan Blogger Yazı Boyutu Değiştirme Eklentisini blogunuza eklemek için aşağıdaki adımları takip edin..

ilk olarak aşağıdaki kodumuzu buluyoruz..
</head>
Bu kodumuzun hemen üstüne , aşağıdaki kodu ekliyoruz..
<!-- eklentileri.blogspot.com kod başlangıcı -->
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'/>
<script>
$(document).ready(function(){

//ID, class and tag element that font size is adjustable in this array
//Put in html or body if you want the font of the entire page adjustable
var section = new Array(&#39;span&#39;,&#39;.section2&#39;);
section = section.join(&#39;,&#39;);

// Reset Font Size
var originalFontSize = $(section).css(&#39;font-size&#39;); 
$(&quot;.resetFont&quot;).click(function(){
$(section).css(&#39;font-size&#39;, originalFontSize);
});
// Increase Font Size
$(&quot;.increaseFont&quot;).click(function(){
var currentFontSize = $(section).css(&#39;font-size&#39;);
var currentFontSizeNum = parseFloat(currentFontSize, 10);
var newFontSize = currentFontSizeNum*1.2;
$(section).css(&#39;font-size&#39;, newFontSize);
return false;
});

// Decrease Font Size
$(&quot;.decreaseFont&quot;).click(function(){
var currentFontSize = $(section).css(&#39;font-size&#39;);
var currentFontSizeNum = parseFloat(currentFontSize, 10);
var newFontSize = currentFontSizeNum*0.8;
$(section).css(&#39;font-size&#39;, newFontSize);
return false;
});
});
</script>
<!-- eklentileri.blogspot.com kod sonu -->
Yukarıdaki işlemi yaptıktan sonra , şimdi ise aşağıdaki kodumuzu buluyoruz.
<div class='post-header-line-1'/>
Bulduğunuz kodun hemen altına , aşağıdaki kodlarımızı ekliyoruz..
<!-- eklentileri.blogspot.com kod baslangıcı -->
<b:if cond='data:blog.pageType == "item"'>
<table border='0' style='float:right; margin-left:5px;'><tr><td><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA6vHF_cXdt3PPnLAzoCMJvnh02bOgP8P4pWsk-Uu7vf-HFKekN4wIJARVrtlTK8UTVLi_EqrY3KOdmkJsqsOCJVO8SbRGw3F-tGvPaATSj1NmpBPKbkml-Xk_Ml-sntZ8TjNpzPHkOSw/s1600/font-size-blogger-gadget.png'/> | <a class='increaseFont' style='cursor: pointer; cursor: hand;' title='Larger Text'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7PrezoHz-jgKX8jcVrt2BZofD0B-k4wcsh63vGMhtqm4Nh98HKaqU5X11qLxs105GYRolfgtD5Odyhco2S7fxi5SdOnKF74Xe3rbuEEKQhqqOli0dPzsz2rt0WeSZohvDgy-rPOUvhl4/s1600/bigger-font+-+Copy.png'/></a> 
<a class='decreaseFont' style='cursor: pointer; cursor: hand;' title='Smaller Text'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBh9uDesiR5MXIbnBqR62WMxKj0_X-PQZ2weOKOkNvQ-G7dH91EpWwHzrBcCriTCBfZEi8Q-RfEL470GU00DFv_6gP1qCtyJOhyphenhyphenbofu46ii0S0g1ohI37r9we8zr1kNdT2IZQ1g5uGT4w/s1600/smaller-font.png' style='cursor: hand;'/></a> 
<a class='resetFont' style='cursor: pointer; cursor: hand;' title='Reset Text Size'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDWodzu75QTdzli_1x6O79LEwtGxGhDFHea3tPB7zqVvfxke2wqjcUxydoDQgPwFyyU5kQWgyur9_j0H8Z9pfnJYZ6urOsUn41XtLbHll5GpAE1uqW8qPiT6LZwNX_bWkSNetopkSiF3c/s1600/reset-font.png' style='cursor: hand;'/></a></td></tr></table>
</b:if>
<!-- eklentileri.blogspot.com kod sonu -->
Son olarak bu kodu bulun.
<data:post.body/>
Bu kodla değiştirin
<span><data:post.body/></span>
Artık Blogger Yazı Boyutu Değiştirme Eklentisine sahipsiniz...güle güle kullanın..DEMO


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

Blogger Yazı Boyutu , Blogger Yazı Boyutu değiştirme , Blogger Yazı Boyutu ayarlama , Blogger Yazı ayarları , Blogger Metin Boyutu , Blogger Metin Boyutu ayarlama , Blogger Text Resize
By Eklentileri.Blogspot Devamını Oku >>>

27 Mar 2012

22 Yorum

Yorum Gönder Yazısı Yerine Resim Eklemek



Yorum Gönder Yazısı Yerine Resim Eklemek

Blogger blogunuzda bulunan yorum gönder yazısı yerine resim eklemek istermisiniz ? aşağıda yer alan kodlar yardımı ile , yorum gönder yazısı yerine istediğiniz resimi ekleyebilirsiniz..

Bu sayede yorum gönder formunuz daha şık bir hal alacak..

, Yorum Gönder Yazısı Yerine Resim Eklemek için , aşağıdaki kodu bulunuz..
]]></b:skin>
, Bu kodun hemen üstüne aşağıdaki kodu ekleyiniz..
#comment-post-message {
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaJfQ4EpXKN1LKyhJ5NQBIbo6ltMzsH2p4Z2CR8rTWmnn7fth2y-JDKYZbWzhjE0lVy0NBRJuoggQ1Fn-7yaupjKpMCoH-QTwAr788aYpYNyoO2_dOEGIvsWrYeizvpqDwCFJiHpl49wla/s1600/yorum.png") no-repeat scroll left top transparent;
height:52px;
margin-bottom:10px;
text-indent:-9999px;
width:485px;
}
, Yapmamız gereken sadece bu kadar , artık yorum gönder yerine resmimiz çıkacak...eğer resmi değiştirmek isterseniz , kırmızı olan yere kendi upload ettiğiniz resim linkini ekleyiniz..
By Eklentileri.Blogspot Devamını Oku >>>
Blogger tarafından desteklenmektedir.