teknoloji haberleri - internet haberleri: kutu

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

15 Ocak 2013 Salı

Alternatif Facebook Beğeni Kutusu

Unknown 16:20 Blogger , Blogger Eklenti , Blogger Eklentileri , blogger eklentisi , Blogger Widget , Facebook , facebook eklenti , kutu Hiç yorum yok :

DEMO

Blogger paneline girin ve Yerleşim >> Gadget Ekle >> HTML/JavaScript yolu ile aşağıdaki kodlarımızı açılan panele ekleyelim..

 <style>.blogtrixfb {
width: 280px;
height: 150px;
border-radius: 3px;
position: relative;
background-color:#f4f4f4;
padding:5px 10px 15px 0;
}
.blogtrixfb, .blogtrixfb:before, .blogtrixfb:after {
background: #f4f4f4;
border: 1px solid #ccc;
}
.blogtrixfb:before, .blogtrixfb:after {
content: "";
position: absolute;
bottom: -3px;
left: 2px;
right: 2px;
height: 1px;
border-top: none;
}
.blogtrixfb:after {
left: 4px;
right: 4px;
bottom: -5px;
box-shadow: 0 0 2px #ccc;
}
</style>
<div class="blogtrixfb">
<div style="height:155px;overflow:hidden">
<fb:like-box href="http://www.facebook.com/pages/Blogger-Eklentileri/126895440798640" data-width="300" data-height="250" data-show-faces="true" data-border-color="#f4f4f4" data-stream="false" data-header="false" class=" fb_iframe_widget "><span><iframe id="f5741c08" name="fdd6ca2ec" scrolling="no" style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; overflow-x: hidden; overflow-y: hidden; height: 250px; width: 300px; " class="fb_ltr" src="http://www.facebook.com/plugins/likebox.php?border_color=%23f4f4f4&amp;channel=https%3A%2F%2Fs-static.ak.fbcdn.net%2Fconnect%2Fxd_proxy.php%23cb%3Df2babfba84%26origin%3Dhttp%253A%252F%252Feklentileri.blogspot.com%252Ff1ae6f85bc%26relation%3Dparent.parent%26transport%3Dpostmessage&amp;colorscheme=light&amp;header=false&amp;height=300&amp;href=http://www.facebook.com/pages/Blogger-Eklentileri/126895440798640&amp;locale=tr_TR&amp;sdk=joey&amp;show_faces=true&amp;stream=false&amp;width=300"></iframe></span></fb:like-box>
</div>
</div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/tr_TR/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

Yukarıdaki kod içinde kırmızı olan yerlere , kendi facebook sayfasınızın adresini yazmayı unutmayınız..

9 Aralık 2012 Pazar

Blogger Bu Yazıyı Okudunuz mu Eklentisi

Unknown 07:05 Blogger , Blogger Eklenti , Blogger Eklentileri , blogger eklentisi , Blogger Widget , kutu , rastgele , Slider , yazı Hiç yorum yok :

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/AVvXsEixlXaPmfIWiwO5rKnm_ECrqbFJQuuift-PcXPBm0594F_P4GnlnYHNVbPMpPjMaT9T8anWPDAJXDlyZ80OssvZfrncVJmMd8y4gMOo4b6fj6YDMK_2u5WAI4f-lc_9Bv3aQsODizXwDxU/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

4 Aralık 2012 Salı

Blogger 125x125 Reklam Alanı Oluşturma

Unknown 08:12 Blogger , Blogger Eklenti , Blogger Eklentileri , blogger eklentisi , Blogger Widget , kutu Hiç yorum yok :

Blogger blogunuzun sidebar kısmında yada istediğiniz bir bölgesinde 125x125 reklam alanı oluşturmak istermisiniz ?

Blogger 125x125 Reklam Alanı Oluşturma eklentisi ile , blogunuza reklam alabilirsiniz..

Yerleşim >> Gadget Ekle >> HTML/JavaScript seçeneği ile açılan kutucuğa aşağıda yer alan kodları ekliyoruz..

<center><table border="1"><tr><td width="125" height="125" align="center">
<a href="http://eklentileri.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCnguDWOZmo7H56LATUWfE5G2Q27ZAZ46QhRTTIz9MSKYFguQpi19Nk7Ftu_IQPhrtuE2EWq6fzBlI7-tSNILNycpcexeCQWaoH5_K-1wC7zUflBex-D3ub9qKh3RbQQddXCsSgGn4LRsZ/s1600/125x125.gif"/></a></th>
<td width="125" height="125" align="center"> <a href="http://eklentileri.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCnguDWOZmo7H56LATUWfE5G2Q27ZAZ46QhRTTIz9MSKYFguQpi19Nk7Ftu_IQPhrtuE2EWq6fzBlI7-tSNILNycpcexeCQWaoH5_K-1wC7zUflBex-D3ub9qKh3RbQQddXCsSgGn4LRsZ/s1600/125x125.gif"/></a> </th>
</tr><tr>
<td width="125" height="125" align="center">
<a href="http://eklentileri.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCnguDWOZmo7H56LATUWfE5G2Q27ZAZ46QhRTTIz9MSKYFguQpi19Nk7Ftu_IQPhrtuE2EWq6fzBlI7-tSNILNycpcexeCQWaoH5_K-1wC7zUflBex-D3ub9qKh3RbQQddXCsSgGn4LRsZ/s1600/125x125.gif"/></a> </td>
<td width="125" height="125" align="center">
<a href="http://eklentileri.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCnguDWOZmo7H56LATUWfE5G2Q27ZAZ46QhRTTIz9MSKYFguQpi19Nk7Ftu_IQPhrtuE2EWq6fzBlI7-tSNILNycpcexeCQWaoH5_K-1wC7zUflBex-D3ub9qKh3RbQQddXCsSgGn4LRsZ/s1600/125x125.gif"/></a> </td></tr></table></center>

Kodlar içinde kalın olarak vurgulanmış yerlere link adresleriniz ve resim adresleriniz gelicek..width="125" height="125" kodlarında geçen 125 değerini değiştirerek resim boyutlarını ayarlayabilirsiniz..

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

Blogger 125x125 Reklam Alanı Oluşturma , Blogger 125x125 Reklam Alanı , Blogger 125x125 Reklam , 125 , 125x125 , Reklam Alanı , Blogger Reklam Kodu , Blogger Reklam Yayınlama , How To Add 125×125 Ad Slots To Your Blog , 125x125 banners for blogs , Advertise Here 125x125 Ad Banner , Blogger 125X125 widget

23 Kasım 2012 Cuma

Blogger Yazar bilgisi eklentisi ( Yazar Hakkında )

Unknown 16:05 Blogger , Blogger Eklenti , Blogger Eklentileri , blogger eklentisi , Blogger Widget , kutu , Thumbnail , yayınlar , yazı Hiç yorum yok :

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/AVvXsEj4OexeyRTQ50abOxesd51qVlTFBaqgy96wauzidCcnJVDl6YwcAFk6vBwv1ienLJx2lgkSYEp0lMOQb-HNEQwX-9HBz975ndG67cd9KnhIVVsPXyxRn2S9rz5ZAvEYuCX98TLtKiFV7nSB/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

3 Kasım 2012 Cumartesi

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

Unknown 14:49 Blogger , Blogger Eklenti , Blogger Eklentileri , blogger eklentisi , Blogger Widget , kutu , resim , yazı Hiç yorum yok :

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/AVvXsEgHxlnqZMP-OA8ouLNjnLCxSBs0ZgPlbGWrRfGcX8SPWfzzxGtAmWvzYwXK0KwpVrtEiK6pPdvlSl7PHGFa00Et46C3qACP-iY0YhBk0Jz-3jZrDIG-hoyWnC9XuBYM5hCZYEevAn-fv3Lv/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 ,

10 Mayıs 2012 Perşembe

Yazı Altına Facebook Hayran Kutusu Eklentisi

Unknown 15:58 Blogger , Blogger Eklenti , Blogger Eklentileri , blogger eklentisi , Blogger Widget , Facebook , facebook eklenti , konular , kutu , yazı Hiç yorum yok :

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

3 Mayıs 2012 Perşembe

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

Unknown 16:55 Blogger , Blogger Eklenti , Blogger Eklentileri , blogger eklentisi , Blogger Widget , kutu Hiç yorum yok :

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

16 Nisan 2012 Pazartesi

Blogger Facebook Yorum Kutusu Ekleme Eklentisi

Unknown 06:13 Blogger , Blogger Eklenti , Blogger Eklentileri , blogger eklentisi , Facebook , facebook eklenti , kutu , yorum Hiç yorum yok :

Blogger Facebook Yorum Kutusu Ekleme Eklentisi

Blogger Blogunuzda bulunan yorum panelini , facebook yorum paneli ile değiştirmek istermisiniz ?

Bu eklentimizle , Ziyaretçileriniz yorumlarını facebook yardımı ile blogunuza gönderebilecek , biraz karışık olan bu eklentimizi , dikkatli şekilde uygularsanız blogger blogunuza ekleyebilirsiniz..

Anlatıma geçelim..

Blogunuzun ayarlar menüsüne girin , resimde gösterilen gibi, 1-2-3 ve 4 yollarını izleyin, ve Gizle seçeneğini seçin..Ayarları kaydet butonu ile çıkın..

Ardından BU adrese girerek , facebookta yeni bir uygulama oluşturalım..

Açılan panelde, Aşağıdaki resimdeki gibi 1 ve 2. adımları izleyin..

Açılan Güvenlik kontrolü Panelinde , aşağıdaki resimdeki gibi 1 ve 2. adımları izleyin..

Aşağıdaki panel açılacaktır..

Yukarıdaki panelde , ID Numaranız lazım olacaktır , isterseniz bir yere not alabilirsiniz, Resimdeki bütün adımları uygulayın..

Artık facebook ile işimiz bitti , şimdi blogunuzun şablon kısmına girerek aşağıdaki adımları takip edin...

Aşağıdaki kodu bulun..

<head>

Hemen bir satır altına , aşağıdaki kodu ekleyin , ID NUMARASI yerine kendi ID numaranızı yazınız ( Yukardaki resimde belirtmiştik )

<meta content='ID NUMARASI'   property='fb:app_id'/>

Şimdi ise aşağıdaki kodlardan birini bulalım..

<div class='post-footer-line post-footer-line-3'>


YADA 


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


YADA


<data:post.body/>

Bir satır altına aşağıdaki kodlarımızı ekleyelim.

<b:if cond='data:blog.pageType == "item"'>
<div id="fb-root"></div>
<script>(function(d){
 var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
 js = d.createElement('script'); js.id = id; js.async = true;
 js.src = "//connect.facebook.net/tr_TR/all.js#xfbml=1";
 d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
<fb:comments width='500' colorscheme='light' expr:title='data:post.title' expr:href='data:post.canonicalUrl' expr:xid='data:post.id'/>
</b:if>

Son olarak aşağıdaki kodu bulun

<html

Bu kodumuza xmlns:fb="https://www.facebook.com/2008/fbml" kodunu ekliyeceğiz , örnek olarak aşağıdaki gibi

<html xmlns:fb="https://www.facebook.com/2008/fbml" b:version='2' class='v2' expr:dir='data:blog.languageDirection' 



Sadece Kırmızı yerde gösterilen gibi olacak , Mavi yazılar Örnek amaçlı yazılmıştır eklemeyiniz !!

Mavi yazılar sizde farklı olabilir..Kodu nasıl ekliyeceğinz amaçlı örnektir..

Artık blogunuzda , Blogger Facebook Yorum Kutusu Ekleme eklentisine sahipsiniz, bol yorumlar..DEMO

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

Blogger Facebook Yorum Kutusu Ekleme , Blogger Facebook Yorum Kutusu , Facebook Yorum Kutusu Ekleme , Yorum Kutusu Ekleme , Facebook Yorum Formu , Facebook Yorum Formu Blogger ekle , Facebook Eklentisi

8 Nisan 2012 Pazar

Yandan Açılır Facebook ve Twitter Takipçi Kutusu

Unknown 13:45 Blogger , Blogger Eklenti , Blogger Eklentileri , blogger eklentisi , Blogger Widget , Facebook , facebook eklenti , kutu , Twitter , twitter eklenti Hiç yorum yok :

Yandan Açılır Facebook ve Twitter Kutusu

Blogger Blogunuz için , sayfanın yanından açılan facebook fan kutusu ve twitter fan kutusu eklentisi istermisiniz ?

Bu eklentimizle , blogger blogunuzda hem facebook hemde twitter fan kutusu blogunuza eklemiş olacaksınız , kullanışlı bir eklenti olan Yandan Açılır Facebook ve Twitter Kutusu eklentisiniz sizde blogger blogunuzda kullanmak için aşağıda anlatılan yolları uygulamanız yeterli..

Aşağıdaki kodu bulun.

</head>

Hemen üstüne aşağıdaki kodumuzu ekleyin ve kaydedin..

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

Yerleşim - Gadget Ekle - HTML/JavaScript ile açılan panele aşağıdaki kodlarımızı ekleyin..

<link rel="stylesheet" type="text/css" href="http://latesthack.googlecode.com/svn/mywidgets/2in1/2in1.css" /><script src="http://latesthack.googlecode.com/svn/mywidgets/2in1/twitter.js" type="text/javascript"></script><script type="text/javascript"> jQuery(document).ready(function(){  jQuery("#facebook_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#facebook_right").stop(true,false).animate({right: -240}, 500); });    jQuery("#twitter_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#twitter_right").stop(true,false).animate({right: -240}, 500); }); }); </script><p style="display:none;"> 2 in 1 social sharing by<a href="http://www.latesthack.com">Latest Hack</a></p> <div id="on"> <div id="facebook_right" style="top: 18%;"> <div id="facebook_div"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw7Q07wN7QPQa1W_pJZqhCoIaAwwVifVHmWBg4UDB95kApm5PSfkoOvkpPxg-VrA-JkPHvx41YJqDNt6QADWgYeHn-uxqbrPzDGf2B17BRb-5ny8Exm_yJM83g8TZgkNzOgjYvkjVv5LU/s1600/%25255Bwww.latesthackdemo.blogspot.com%25255Dfacebook_right.png" alt="" /> <iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/xxxxxxxxxxamp;locale=en_GB&amp;width=238&amp;connections=9&amp;stream=&amp;header=false&amp;show_faces=0&amp;height=256"   scrolling="no"> </iframe> </div></div></div><div id="on"><div id="twitter_right" style="top: 35%;"><div id="twitter_div"><img id="twitter_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRIUlrb6N5jC_iN2VMYOdRcqal26_wGQBxUt58yIe_g7BPA7mk48lrSdApA8tklngm4BNkPpvgDvYL0rJ6un_KvGXD0RaWk3T4Krk7fCFby6txN3fZHHihTK5oyfDmxwj9E_DhyphenhyphenDO_DjQ/s1600/%25255Bwww.latesthackdemo.blogspot.com%25255Dtwitter_right.png" /><div id="twitterfanbox"></div><script type="text/javascript">fanbox_init("xxxxxxxxxx");</script></div></div></div>

Kod içinde kırmızı ile yazılmış olan yerlere , facebook ve twitter adreslerinizi yazınız..DEMO

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

Yandan Açılır Facebook ve Twitter Takipçi Kutusu , Facebook Takipçi Kutusu , Twitter Takipçi Kutusu , twitter fan box , facebook fan box

30 Mart 2012 Cuma

Blogger Yorum Kutusuna Arka Plan Ekleme

Unknown 13:23 Blogger , Blogger Eklenti , Blogger Eklentileri , blogger eklentisi , Blogger Widget , kutu , resim , yorum Hiç yorum yok :

Blogger Yorum Kutusuna Arka Plan Ekleme Eklentisi...

Blogger blogunuzdaki yorum kutusunun görüntüsü hoşunuza gitmiyor yada daha hareketlilik kazandırmak istiyorjavascript:void(0);sanız bu eklenti tam size göre..

Blogger yorum kutunuz daha görsel ve renkli hale gelecek..

Aşağıdaki kodu bulun

]]></b:skin>

Bu kodun üstüne aşağıdaki kodları ekleyin


#mybtips-form iframe{ 
background:#ffffff url(BURAYA RESIM LINKI) repeat; 
border:1px solid #ddd; 
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
box-shadow: 5px 5px 5px #CCCCCC; 
padding:5px; 
font:normal 12pt "ms sans serif", Arial; 
color:#ffffff; 
width:560px; height:213px !important; 
}
#mybtips-form a{ 
color:#000; 
}

Üstteki işlemi yaptıktan sonra aşağıdaki kodu bulun , blogunuzda 1 veya 2 tane olacaktır..

<div class='comment-form'>

üstteki kodu silip yerine aşağıdaki kodu yapıştırınız..

<div id='mybtips-form'>

Resim linki yazan yere, aşağıdaki resimlerden beğendiğinizin linkini yazıp , o resmi kullanabilirsiniz..DEMO

Bu kısmı en son deneyiniz ! eğer yorum formunuz , yorum yapılan konularda gözükmüyorsa aşağıdaki adımı uygulayınız

'comment-holder' kodunu aratın blogunuzda , 2 sonuç çıkacaktır..

her ikisinide 'mybtips-form' olarak değiştirin..

Floral

Image URL:
http://1.bp.blogspot.com/-TjJflzKETo4/ToB8PzdeWdI/AAAAAAAAAO4/e39aQolo8c8/s1600/238+%25281%2529.jpg

Wire Fence

Image URL:
http://3.bp.blogspot.com/-9J_2sSAD-Wg/ToCAy4hppjI/AAAAAAAAAPM/3FKPo9TZoFU/s1600/153.jpg

Metallic

Image URL:
http://2.bp.blogspot.com/-nvs8ifZy9o8/ToB8Oh9jvoI/AAAAAAAAAO0/fPxeGXUTsG0/s1600/12.png

Stripes

Image URL:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWFZu-AvC_wDJYR9M1-mm5Yh4Y1_SJ0gnRGdNgAeddUYNHcNM37buhDcwlToQteO7ZC7sJyay9jfUZdlecT1OHxdzN9I0DCON81YSTVSEV8xSSWsAEA8oZuSPZJ_CkI2Y6bgxEZSNPGZhd/s1600/152.jpg

Metallic Grid

Image URL:
http://3.bp.blogspot.com/-MayXHtLb8pA/ToCDZM4EUjI/AAAAAAAAAPU/qXueR9EGUks/s1600/115.jpg

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

Blogger Yorum Kutusuna Arka Plan Ekleme , Blogger Yorum Kutusu , Blogger Yorum Kutusu görsel , Blogger Yorum Kutusu renklendir , Blogger Yorum Kutusu resim ekle , Blogger Yorum Kutusu eklentisi , Blogger Yorum Kutusu eklentileri , Blogger Yorum formu arka plan ekleme , Blogger Yorum formu resmi

8 Mart 2012 Perşembe

Blogunuza girişte bir kez açılan bilgilendirme kutusu

Unknown 13:26 Blogger , Blogger Eklenti , Blogger Eklentileri , blogger eklentisi , Blogger Widget , kutu Hiç yorum yok :

Blogunuz için girişte açılan bilgilendirme kutusu / hoşgeldiniz mesajı tarzı bir eklenti istermisiniz ?

Bu eklentimizin çalışma mantığı şu şekilde ; ziyaretçiniz blogunuza girdiğinde , bilgilendirme kutusu ekrana gelir , tamam butonu ile kapanır , ziyaretçiniz diğer sayfalarınıza girsede tekrar karşılarına çıkıp onları rahatsız etmez..

Bu eklentiyi blogunuzda kullanmak için aşağıdaki bloguma ekle butonunu kullanabilir , ardından kod içindeki BURAYA YAZMAK İSTEDİĞİNİZ YAZI yerine istediğiniz mesajı yazabilirsiniz..

<script>  //specify message to alert var alertmessage="buraya yazmak istediginiz yazı"  ///No editing required beyond here/////  // eklentileri.blogspot.com bloggger eklentileri//  //Alert only once per browser session (0=no, 1=yes) var once_per_session=1   function get_cookie(Name) {   var search = Name + "="   var returnvalue = "";   if (document.cookie.length > 0) {     offset = document.cookie.indexOf(search)     if (offset != -1) { // if cookie exists       offset += search.length       // set index of beginning of value       end = document.cookie.indexOf(";", offset);       // set index of end of cookie value       if (end == -1)          end = document.cookie.length;       returnvalue=unescape(document.cookie.substring(offset, end))       }    }   return returnvalue; }  function alertornot(){ if (get_cookie('alerted')==''){ loadalert() document.cookie="alerted=yes" } }  function loadalert(){ alert(alertmessage) }  if (once_per_session==0) loadalert() else alertornot()  </script>

Kaydol: Kayıtlar ( Atom )

teknoloji haberleri - internet haberleri

Hakkımda

Kişisel Blog

Games

15 Ocak 2013 Salı

Alternatif Facebook Beğeni Kutusu

9 Aralık 2012 Pazar

Blogger Bu Yazıyı Okudunuz mu Eklentisi

4 Aralık 2012 Salı

Blogger 125x125 Reklam Alanı Oluşturma

23 Kasım 2012 Cuma

Blogger Yazar bilgisi eklentisi ( Yazar Hakkında )

3 Kasım 2012 Cumartesi

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

10 Mayıs 2012 Perşembe

Yazı Altına Facebook Hayran Kutusu Eklentisi

3 Mayıs 2012 Perşembe

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

16 Nisan 2012 Pazartesi

Blogger Facebook Yorum Kutusu Ekleme Eklentisi

8 Nisan 2012 Pazar

Yandan Açılır Facebook ve Twitter Takipçi Kutusu

30 Mart 2012 Cuma

Blogger Yorum Kutusuna Arka Plan Ekleme

8 Mart 2012 Perşembe

Blogunuza girişte bir kez açılan bilgilendirme kutusu

Subscribe

Labels

Follow us on facebook

Blog Archive

Popular Posts

Ads

Recent Posts

Like us

Labels

İletişim Formu