web-xL

Blogger Dikey Navigation Menü Eklentisi

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg_UzruykH-ph_fEWpEJPHm-BbCMZdJqRAv0RtCVchtLbzXRfJd9BhClEZX1pseUDKuQrVrPkXDnmPEDbeRupwJKa6clIplKpVKHqO4DO7-7UOOgnHWUxZg4_kt08JC7G_8OKEuBQ1L9lj/s1600/eklentileri.blogspot.com.menu.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg_UzruykH-ph_fEWpEJPHm-BbCMZdJqRAv0RtCVchtLbzXRfJd9BhClEZX1pseUDKuQrVrPkXDnmPEDbeRupwJKa6clIplKpVKHqO4DO7-7UOOgnHWUxZg4_kt08JC7G_8OKEuBQ1L9lj/s1600/eklentileri.blogspot.com.menu.gif" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="ikaz" style="clear: both; text-align: center;">Blogger Dikey Navigation Menü Eklentisi Widgets</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Blogger blogunuzda , üstteki resimde gördüğünüz gibi bir menü eklentisi istermisiniz ?</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Bu eklentimizi blogunuzda isterseniz kategori olarak , isterseniz farklı yerlere link vermek için kullanabilirsiniz..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="tamam" style="clear: both; text-align: center;">Demo için üstteki resime bakabilir , yada <b><a href="http://eklentilrideneme6.blogspot.com/" target="_blank">BURAYA</a></b> tıklayabilirsiniz..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Anlatıma geçelim.. </div><div class="hata" style="clear: both; text-align: center;">Aşağıdaki kodu bulun </div><pre style="background-color: whitesmoke; border-left: 11px double rgb(185, 211, 238); color: black; font-family: Andale Mono,Lucida Console,Monaco,fixed,monospace; font-size: 10px; height: 100%; line-height: 14px; overflow: auto; padding: 5px; width: 100%;">]]></b:skin><br /></pre><div class="hata" style="clear: both; text-align: center;">hemen üstüne aşağıdaki kodlarımızı ekleyelim.. </div><pre style="background-color: whitesmoke; border-left: 11px double rgb(185, 211, 238); color: black; font-family: Andale Mono,Lucida Console,Monaco,fixed,monospace; font-size: 10px; height: 100%; line-height: 14px; overflow: auto; padding: 5px; width: 100%;">#menu9 ul { list-style: none; margin: 0; padding: 0; } #menu9 img { border: none; } #menu9 { width: 200px; margin: 10px; } #menu9 li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height: 24px; text-decoration: none; } #menu9 li a:link, #menu9 li a:visited { color: #FFF; display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqjEWxCvTjABKzlo7n1rdij0oG2ZKVvdZe-Jcoe5kl0tyFKxEs92L5D25OKAgfIxl4vT4ODmTowh8JRBSGLMoxEd8J5OMn7BtuJK5KjitKaggaTZswwPkAKH_dlxYrDQmqHyZN9NQ_rWc/s288/menu9.gif); padding: 8px 0 0 35px; } #menu9 li a:hover { color: #FFF; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqjEWxCvTjABKzlo7n1rdij0oG2ZKVvdZe-Jcoe5kl0tyFKxEs92L5D25OKAgfIxl4vT4ODmTowh8JRBSGLMoxEd8J5OMn7BtuJK5KjitKaggaTZswwPkAKH_dlxYrDQmqHyZN9NQ_rWc/s288/menu9.gif) 0 -32px; padding: 8px 0 0 35px; }<br /></pre><div class="hata" style="clear: both; text-align: center;">Yukarıdaki işlemi yaptıysanız , Blogunuzun yönetim panelinden <b>Yerleşim >> Gadget Ekle >> HTML/JavaScript</b> seçeneğini seçelim ve açılan panele aşağıdaki kodları ekleyelim.. </div><pre style="background-color: whitesmoke; border-left-color: rgb(185, 211, 238); border-left-style: double; border-left-width: 11px; font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: 10px; height: 100%; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><span style="color: black;"><div id="menu9"> <ul> <li><a href="</span><span style="color: blue;">#</span><span style="color: black;">"></span><span style="color: red;">MENU 1</span></a></li> <br />                      <li><a href="<span style="color: blue;">#</span>"><span style="color: red;">MENU 2</span></a></li> <br />                      <li><a href="<span style="color: blue;">#</span>"><span style="color: red;">MENU 3</span></a></li> <br />                      <li><a href="<span style="color: blue;">#</span>"><span style="color: red;">MENU 4</span></a></li> <br />                      <li><a href="<span style="color: blue;">#</span>"><span style="color: red;">MENU 5</span></a></li> </ul> </div><br /></pre><div class="hata" style="clear: both; text-align: center;">Kodlar içinde geçen <span style="color: red;">kırmızı</span> yerlere görünmesini istediğimiz yazıyı , <span style="color: blue;">mavi</span> yerlere ise gidilmesi gereken link adresinizi yazınız.. </div><br /><br /><div class="arama" style="clear: both; text-align: center;"><<< Bu Yazı için Arama Sonuçları  >>> <br /><br />Blogger Dikey Navigation Menü Eklentisi , Blogger Dikey Navigation Menü  , Blogger Menü Eklentisi , Blogger Menü widget , Blogger için menü</div><br /><br />

Blogger Dikey Navigation Menü Eklentisi

Blogger Dikey Navigation Menü Eklentisi Widgets Blogger blogunuzda , üstteki resimde gördüğünüz gibi bir menü eklentisi istermisiniz ? Bu ek...

Devamı »

Blogger Resimli Yukarı Kayan Son Yorumlar

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjPJDWK5MzjP6d4c4H9omWItkbAQiShGKadhrHoTkQgApo2pcOCanD0nz_hf5v7Dz0lnSPqSFu0LsCx_B-IXAPzfi4mg9GM95Bv5FQuIcgf1FHnJl77Yr2QCTfqgSGrjga3Z82Td74qbfO/s1600/yukar%C4%B1_kayan_yorum.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjPJDWK5MzjP6d4c4H9omWItkbAQiShGKadhrHoTkQgApo2pcOCanD0nz_hf5v7Dz0lnSPqSFu0LsCx_B-IXAPzfi4mg9GM95Bv5FQuIcgf1FHnJl77Yr2QCTfqgSGrjga3Z82Td74qbfO/s1600/yukar%C4%B1_kayan_yorum.gif" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="ikaz" style="clear: both; text-align: center;">Blogger Resimli Yukarı Kayan Son Yorumlar Eklentisi Widget</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Bu eklentimizi istek üzerine paylaşıyoruz..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Blogger Resimli Yukarı Kayan Son Yorumlar eklentisi ile , blogger blogunuza son yorum yapan kullanıcıların yorumlarını , aşağıdan yukarı kayacak şekilde blogunuza ekleyebiliyorsunuz..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="tamam" style="clear: both; text-align: center;"><b><a href="http://eklentilrideneme6.blogspot.com/" target="_blank">DEMO</a></b></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Anlatıma geçelim hemen..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="hata" style="clear: both; text-align: center;"><b>Blogunuzun yönetim panelinden Yerleşim >> Gadget Ekle >> HTML/JavaScript seçeneğini seçelim ve açılan panele aşağıdaki kodları ekleyelim.. </b></div><pre style="background-color: whitesmoke; border-left-color: rgb(185, 211, 238); border-left-style: double; border-left-width: 11px; height: 100%; overflow: auto; padding: 5px; width: 100%;"><span style="color: black; font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: xx-small; line-height: 14px;"><marquee direction=up scrollamount="</span><b style="font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; line-height: 14px;"><span style="color: red;">2</span></b><span style="font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace;"><span style="line-height: 14px;"><span style="font-size: xx-small;">" onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=</span><b><span style="color: red;">2</span></b><span style="font-size: xx-small;">"><style type="text/css"><br />    ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}<br />    .w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}<br />    .w2b_recent_comments li .avatarImage{padding:3px;background:#none;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}<br />    .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}<br />    .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}<br />    .w2b_recent_comments li span{margin-top:4px;color: #000000;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}<br /></style><br /><script type="text/javascript"><br />//<![CDATA[<br />    // Recent Comments Settings<br />    var<br /> numComments  = 5,<br /> showAvatar  = true,<br /> avatarSize  = 60,<br /> roundAvatar = true,<br /> characters  = 80,<br /> showMorelink = false,<br /> moreLinktext = "More Â»",<br /> defaultAvatar  = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSljj_IO-olWe5sfrKcTU-ufP2Mk4lE20Dg9PWRXKVlNRdFbPHtspVtu5I59PYp4lS99vOyng-kou1UGitWeikX9LSvzsMM49DnQO8IBa58Y5mcmXDdcdIwxgCUXrhVUbNE0GolAEDrM1S/s1600/comment.png",<br /> hideCredits = false;<br />//]]><br /></script><br /><script type="text/javascript" src="</span></span></span>http://yourjavascript.com/<wbr></wbr>211112512416/come.js<span style="font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace;"><span style="line-height: 14px;"><span style="font-size: xx-small;">"></script><br /><script type="text/javascript" src="http://</span></span></span><b style="font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; line-height: 14px;"><span style="color: blue;">eklentileri.blogspot.com</span></b><span style="color: black; font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: xx-small; line-height: 14px;">/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script></marquee><br /></span></pre><div class="hata" style="clear: both; text-align: center;">Yukarıdaki kodlar içinde geçen , <b><span style="color: red;">kırmızı</span></b> ile yazılmış ilk satırdaki <b><span style="color: red;">2</span></b> rakamını değiştirerek  hızı ayarlayabilirsiniz<b> ( iki kez yazılmıştır , ikisinide aynı şekilde değiştirin) </b>, alt satırda bulunan <b><span style="color: blue;">eklentileri.blogspot.com</span></b> adresi yerinede kendi blog adresinizi yazmanız gerekiyor..</div><br /><br /><div class="arama" style="clear: both; text-align: center;"><<< Bu Yazı için Arama Sonuçları  >>> <br /><br />Blogger Resimli Yukarı Kayan Son Yorumlar , Blogger Son Yorumlar Eklentisi , Blogger Resimli Son Yorumlar Widget , Aşağıdan Yukarı Kayan Yorumlar , Blogger Kayan Yorum Ekleme</div><br /><br />

Blogger Resimli Yukarı Kayan Son Yorumlar

Blogger Resimli Yukarı Kayan Son Yorumlar Eklentisi Widget Bu eklentimizi istek üzerine paylaşıyoruz.. Blogger Resimli Yukarı Kayan Son Yoru...

Devamı »

Blogger Hareketli Sosyal Medya Butonlar Eklentisi

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjptxVI2AARDDFwqs5H9NwTPTxT9HgyTY8WS0YikRa0Ji2NpkqhU3UFI7PBHutTkoRRYO0FDQlOI3_q-2KaMW4oyVIQUfZfb6PpeWlfBw4rKE3NA75DZAU0ZanLwMJQDBXTGrkySBnYALu5/s1600/sosyal.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="232" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjptxVI2AARDDFwqs5H9NwTPTxT9HgyTY8WS0YikRa0Ji2NpkqhU3UFI7PBHutTkoRRYO0FDQlOI3_q-2KaMW4oyVIQUfZfb6PpeWlfBw4rKE3NA75DZAU0ZanLwMJQDBXTGrkySBnYALu5/s320/sosyal.gif" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="ikaz" style="clear: both; text-align: center;">Blogger Hareketli Sosyal Butonlar Eklentisi Widget..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Bu eklentimizle , blogger blogunuza üzerine gelince renkelenen sosyal butonları ekliyeceğiz...Bu eklentimizle , rss, google , facebook ve twitter sayfalarınızı ziyaretçilerinize oldukça şık bir görünümle sunabilirsiniz..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="tamam" style="clear: both; text-align: center;"><b><a href="http://eklentilrideneme6.blogspot.com/" target="_blank">DEMO</a></b></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Blogger Hareketli Sosyal Butonlar Eklentisini blogger'a eklemek için aşağıdaki adımı takip edin..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="hata" style="clear: both; text-align: center;"><b>Blogunuzun yönetim panelinden Yerleşim >> Gadget Ekle >> HTML/JavaScript seçeneğini seçelim ve açılan panele aşağıdaki kodları ekleyelim.. </b></div><pre style="background-color: whitesmoke; border-left-color: rgb(185, 211, 238); border-left-style: double; border-left-width: 11px; font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; font-size: 10px; height: 100%; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><style> <br />/*--------eklentileri.blogspot.com hareketli menu ------*/ <br />.touchme a { <br />display:block; <br />height:50px; <br />width:50px; <br />padding:0 4px; <br />float:left; <br />background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit-4Gz3Wa_3kH5jR6HJaQP7Qv541yZMffY3znvI3zCx__LBwnA2gI1ceJyXH6HIY2ENLp_LLsVlm5zXKrv0pcvdoMxg799gLhyuVfjHpXNkBz7bZ_rNU9wSngm2yY4LoBkmDuJKbDoH0D9/s1600/eklentileri.blogspot.com.png) no-repeat; <br />-webkit-transition: ease-in 0.2s all;    <br />-moz-transition: ease-in 0.2s all;    <br />-o-transition: ease-in 0.2s all;    <br />-ms-transition: ease-in 0.2s all;    <br />transition: ease-in 0.2s all; <br />cursor:pointer;<br />}<br /><br />.touchme a.googleplus { <br />background-position: 0px -58px;<br />} <br />.touchme a.googleplus:hover { <br />background-position: 0px 0px; <br />}<br /><br />.touchme a.twitter { <br />background-position: 0px -290px;<br />} <br />.touchme a.twitter:hover { <br />background-position: 0px -232px;<br />} <br />.touchme a.facebook { <br />background-position: 0px -406px;<br />} <br />.touchme a.facebook:hover { <br />background-position: 0px -348px;<br />}<br /><br />.touchme a.rss { <br />background-position: 0px -174px;<br />} <br />.touchme a.rss:hover { <br />background-position: 0px -116px;<br />}<br /><br /></style><br /><br /><div class='touchme'><br /> <br /><a class='rss' href="<b><span style="color: red;">RSS ADRESI</span></b>" rel='external nofollow' target='_blank'></a><br /> <br /><a class='googleplus' href="<b><span style="color: red;">GOOGLE PROFIL ADRESI</span></b>" rel='external nofollow' target='_blank'></a><br /> <br /><a class='facebook' href="<b><span style="color: red;">FACEBOOK ADRESI</span></b>" rel='external nofollow' target='_blank'></a><br /> <br /><a class='twitter' href="<b><span style="color: red;">TWITTER ADRESI</span></b>" rel='external nofollow' target='_blank' ></a><br /><br /></div><br /></pre><div class="hata" style="clear: both; text-align: center;">Yukarıdaki kodlarda <b><span style="color: red;">kırmızı</span></b> ile yazılmış olan yerlere , kendi adreslerinizi yazmayı unutmayın...yapmanız gereken sadece bu kadar..</div><br /><br /><div class="arama" style="clear: both; text-align: center;"><<< Bu Yazı için Arama Sonuçları  >>> <br /><br />Blogger Hareketli Sosyal Butonlar Eklentisi , Blogger Hareketli buton , blogger sosyal medya butonları , renk değiştiren butonlar , blogger sosyal ağ butonları , blogger facebook twitter buton</div><br /><br />

Blogger Hareketli Sosyal Medya Butonlar Eklentisi

Blogger Hareketli Sosyal Butonlar Eklentisi Widget.. Bu eklentimizle , blogger blogunuza üzerine gelince renkelenen sosyal butonları ekliyec...

Devamı »

Blogger Çılgın Karınca Eklentisi

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVUyWg_PliNr1SasQ-eG-mUbRyxmJ_u3vTX39k5mrNmPzrV-tx3i4dkY3HwYr2vzlpz8qbm-nOodlfli8XZ7igfUubXZWLFQYyEf7JFNZDjvj0frUsc4OhkdqF7mwvO-iSbE1TvOscXEt1/s1600/blogger-sinek-bocek.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVUyWg_PliNr1SasQ-eG-mUbRyxmJ_u3vTX39k5mrNmPzrV-tx3i4dkY3HwYr2vzlpz8qbm-nOodlfli8XZ7igfUubXZWLFQYyEf7JFNZDjvj0frUsc4OhkdqF7mwvO-iSbE1TvOscXEt1/s320/blogger-sinek-bocek.png" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="ikaz" style="clear: both; text-align: center;">Blogger Çılgın Karınca Eklentisi Widget</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Bugüne kadar bir çok eklenti paylaştık , şimdide gereksiz bir eklenti paylaşalım =)</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="tamam" style="clear: both; text-align: center;"><a href="http://eklentilrideneme6.blogspot.com/" target="_blank"><b>DEMO</b></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Bu eklentimizde , blogunuzun bir köşesinde deli dana gibi dolaşan bir karınca ekleyeceğiz , bu eklenti ne işe yarar ; bende bilmiyorum =)</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">( <b>Şaka bi yana ziyaretçilerinize sanki ekranda bir karınca bir sinek varmış hissi veren bu eklentiyi eklemek için aşağıdaki yolu takip ediniz.</b> )</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="hata" style="clear: both; text-align: center;">Blogunuzun yönetim panelinden <b>Yerleşim >> Gadget Ekle >> HTML/JavaScript</b> seçeneğini seçelim ve açılan panele aşağıdaki kodları ekleyelim.. </div><pre style="background-color: whitesmoke; border-left: 11px double rgb(185, 211, 238); color: black; font-family: Andale Mono,Lucida Console,Monaco,fixed,monospace; font-size: 10px; height: 100%; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><div style="display:scroll; position:fixed; top:150px; left:20px;"><img border="0" src="http://i1217.photobucket.com/albums/dd381/funywrld/semutfuny.gif" /> </div><br /></pre><div class="hata" style="clear: both; text-align: center;">Yapmanız gereken bu kadar , eklentiyi kaldırmak için , yerleşim bölümünden gerekli gadgeti kaldırabilirsiniz.. </div>

Blogger Çılgın Karınca Eklentisi

Blogger Çılgın Karınca Eklentisi Widget Bugüne kadar bir çok eklenti paylaştık , şimdide gereksiz bir eklenti paylaşalım =) DEMO Bu eklentim...

Devamı »

Blogger Jquery Son Twitler Eklentisi

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-CZLeN9KfLCJ2p9z43aCeCvsAswSCy_MnnaexBTRtwoUckpSdWzUmtnkERwp_1hH1pMU8_Jq8ntw7kEHx5aiZpLdvbVeZjuYWDxPBgstRo7G0NN8A2fPK1ZUveFW78fwZ58_aNAEtInuE/s1600/son-twitler-jquery.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-CZLeN9KfLCJ2p9z43aCeCvsAswSCy_MnnaexBTRtwoUckpSdWzUmtnkERwp_1hH1pMU8_Jq8ntw7kEHx5aiZpLdvbVeZjuYWDxPBgstRo7G0NN8A2fPK1ZUveFW78fwZ58_aNAEtInuE/s320/son-twitler-jquery.png" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="ikaz" style="clear: both; text-align: center;">Blogger Jquery Son Twitler Eklentisi Widgets</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Blogunuzun bir köşesinde , twitter hesabınızdan yazdığınız son yazılarınızı göstermek istermisiniz ?</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Jquery ile hazırlanmış , son twitlerim eklentisi ile , twitter yazılarınızı blogger blogunuzdan ziyaretçilerinizle paylaşabilirsiniz..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="tamam" style="clear: both; text-align: center;"><b><a href="http://eklentilrideneme6.blogspot.com/" target="_blank">DEMO</a></b></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Hemen anlatıma geçelim..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="hata" style="clear: both; text-align: center;">Blogunuzun yönetim panelinden <b>Yerleşim >> Gadget Ekle >> HTML/JavaScript </b>seçeneğini seçelim ve açılan panele aşağıdaki kodları ekleyelim.. </div><pre style="background-color: whitesmoke; border-left-color: rgb(185, 211, 238); border-left-style: double; border-left-width: 11px; font-family: 'Andale Mono', 'Lucida Console', Monaco, fixed, monospace; height: 100%; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><span style="color: black; font-size: xx-small;"><div id="twitter-ticker"><div id="top-bar"><div id="twitIcon"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRZp7Jxj9TO8fs_xwWLsjBoOmIObM6k72LKRE890wsp2QHvVeQgr6k6KkOSa8bs_FWQeoc_4jGVMXdaE9o5WYEt1pcU4SMcGrWJU-4_JZjatjSbZuL0ODcuQDS05WNrK7h2etoYfsHZEw/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/AVvXsEhbEzUGhFCBmPTpbYEw_W6jtlyZyXQ6mfBhgOZUPX6Gg3Gmt-C6lbvmD6Hot5SdEVTsYuZ6veDTdX3T84K3lCS8fypRHL84auodDc_J2SsKokI0EsNz5a_ncxnb5qXiA5s76k56RJkC7SI/s1600/helperblogger.com-loading.gif" width="16" height="11" alt="Loading.." /></div><br /><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 */    </span><b><span style="color: blue;">width: 300px;height: 300px;</span></b><span style="color: black; font-size: xx-small;">background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpJNXGIr9jQ5eoCfsmHQ3HefZV43vx5uMl4cnan0gzfsBnCHUGLmimSPJpTAyC7xMaO333Nl3oDKo34nAabaQOaebUgkhb5TaAodcfEsstxkJaXl_NmZk5OSt6sZ-aizEtfdaxTOYcmdA/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/AVvXsEjp1FxLY0cZMRYbhfccc1NxZkuIV3V0Zwy5auIyhF3E_Xn5FdduVFla8tvLJSBPF-Lu8ChCZSwqfrWfnAt2I7EWmpmpLenCp0bJzcIYp8uJIlbtSlGOsFeZ12xbXPZ0VHqU04RJcVo_m20/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/AVvXsEhvhLcRLpqNNOYdCu_qIG1bTg3FYHyXGuD3pHu9eU0iaAuqnjNx_S0rPUJZH4_SGetQoK7vqQsoCSk39x-wLIKVL1NbpCYEx8fCnpxvZUTWDboX7FUPUVX9T3ucmttCM7bhs_5oePbIgNc/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><br /><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=['</span><b><span style="color: red;">BloggerEklenti</span></b><span style="color: black; font-size: xx-small;">'];</script><br /></span></pre><div class="hata" style="clear: both; text-align: center;">Yukarıdaki kod içinde geçen , <b><span style="color: red;">kırmızı</span></b> ile yazılmış <b><span style="color: red;">BloggerEklenti</span></b> Yerine kendi blog adresinizi , <b><span style="color: blue;">mavi</span></b> le yazılmış olan <b><span style="color: blue;">width: 300px;height: 300px;</span></b> değerlerini değiştirerek ise eklentinin genişlik ayarlarını düzenleyebilirsiniz..</div><br /><br /><div class="arama" style="clear: both; text-align: center;"><<< Bu Yazı için Arama Sonuçları  >>> <br /><br />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</div><br /><br />

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

Devamı »

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

<div class="ikaz" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidYbRmQ05HStO6v7ABo1Bb-wqjXJUJKYH-lzpEQyeJmo4R_HPnHoCqz4q1x2RhhtiLtPxD9NYSK2eYQEF1RKSUYvWHQtLgJlNsVlrRXECHaZmDydihzkBa59p95s5CvU-RxSHOdT-rKiTf/s1600/%C3%B6nceki-sonraki-yaz%C4%B1lar-konu-ba%C5%9Fl%C4%B1%C4%9F%C4%B1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidYbRmQ05HStO6v7ABo1Bb-wqjXJUJKYH-lzpEQyeJmo4R_HPnHoCqz4q1x2RhhtiLtPxD9NYSK2eYQEF1RKSUYvWHQtLgJlNsVlrRXECHaZmDydihzkBa59p95s5CvU-RxSHOdT-rKiTf/s320/%C3%B6nceki-sonraki-yaz%C4%B1lar-konu-ba%C5%9Fl%C4%B1%C4%9F%C4%B1.png" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="ikaz" style="clear: both; text-align: center;">Blogger Önceki Sonraki Kayıtlarda Konu Başlıklarını Gösterme Eklentisi</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="tamam" style="clear: both; text-align: center;"><b><a href="http://bloggereklentilerideneme4.blogspot.com/2012/04/deneme-yazi-2.html" target="_blank">DEMO</a></b></div><br /><div class="bilgi" style="clear: both; text-align: center;">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..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Bu eklentimizde , Önceki kayıtlar ve sonraki kayıtlar linkleri yerine yazı başlıklarını eklemeyi anlatacağız..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="bilgi" style="clear: both; text-align: center;">Hemen anlatıma geçelim..</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="hata" style="clear: both; text-align: center;">Aşağıdaki kodumuzu buluyoruz.. </div><pre style="background-color: whitesmoke; border-left: 11px double rgb(185, 211, 238); color: black; font-family: Andale Mono,Lucida Console,Monaco,fixed,monospace; font-size: 10px; height: 100%; line-height: 14px; overflow: auto; padding: 5px; width: 100%;">]]></b:skin><br /></pre><div class="hata" style="clear: both; text-align: center;">Hemen üstüne , aşağıda yer alan kodlarımızı ekliyoruz.. </div><pre style="background-color: whitesmoke; border-left: 11px double rgb(185, 211, 238); color: black; font-family: Andale Mono,Lucida Console,Monaco,fixed,monospace; font-size: 10px; height: 100%; line-height: 14px; overflow: auto; padding: 5px; width: 100%;">.blog-pager-newer-link {background-color:transparent !important;padding: 0 !important;}<br />.blog-pager-older-link {background-color:transparent !important;padding: 0 !important;}<br />#blog-pager-newer-link {padding:5px;font-size:90%;width:200px;text-align:left;}<br />#blog-pager-older-link {padding:5px;font-size:90%;width:200px;text-align:right;}<br /></pre><div class="hata" style="clear: both; text-align: center;">2. adım olarak aşağıdaki kodu buluyoruz.. </div><pre style="background-color: whitesmoke; border-left: 11px double rgb(185, 211, 238); color: black; font-family: Andale Mono,Lucida Console,Monaco,fixed,monospace; font-size: 10px; height: 100%; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"></head><br /></pre><div class="hata" style="clear: both; text-align: center;">Hemen altına , aşağıda vermiş olduğumuz kodları ekliyorsunuz.. </div><pre style="background-color: whitesmoke; border-left: 11px double rgb(185, 211, 238); color: black; font-family: Andale Mono,Lucida Console,Monaco,fixed,monospace; font-size: 10px; height: 100%; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/><br /></pre><div class="hata" style="clear: both; text-align: center;">3. ve son adımımızda , alttaki kodu bulun </div><pre style="background-color: whitesmoke; border-left: 11px double rgb(185, 211, 238); color: black; font-family: Andale Mono,Lucida Console,Monaco,fixed,monospace; font-size: 10px; height: 100%; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"></body><br /></pre><div class="hata" style="clear: both; text-align: center;">Yine hemen altına , bu kodları ekleyelim.. </div><pre style="background-color: whitesmoke; border-left: 11px double rgb(185, 211, 238); color: black; font-family: Andale Mono,Lucida Console,Monaco,fixed,monospace; font-size: 10px; height: 100%; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><script type='text/javascript'><br />// Post titles to Older Post and Newer Post links (without stats skew)<br />// by MS-potilas 2012. See http://yabtb.blogspot.com/2012/01/add-post-titles-to-older-and-newer-post.html<br />//<![CDATA[<br />var urlToNavTitle = {};<br />function getTitlesForNav(json) {<br />for(var i=0 ; i < json.feed.entry.length ; i++) {<br />var entry = json.feed.entry[i];<br />var href = "";<br />for (var k=0; k<entry.link.length; k++) {<br />if (entry.link[k].rel == 'alternate') {<br />href = entry.link[k].href;<br />break;<br />}<br />}<br />if(href!="") urlToNavTitle[href]=entry.title.$t;<br />}<br />}<br />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>');<br />function urlToPseudoTitle(href) {<br />var title=href.match(/\/([^\/_]+)(_.*)?\.html/);<br />if(title) {<br />title=title[1].replace(/-/g," ");<br />title=title[0].toUpperCase() + title.slice(1);<br />if(title.length > 28) title=title.replace(/ [^ ]+$/, "...")<br />}<br />return title;<br />}<br />$(window).load(function() {<br />window.setTimeout(function() {<br />var href = $("a.blog-pager-newer-link").attr("href");<br />if(href) {<br />var title=urlToNavTitle[href];<br />if(!title) title=urlToPseudoTitle(href);<br />if(title) $("a.blog-pager-newer-link").html("&lt;&lt; Newer Post<br />" + title);<br />}<br />href = $("a.blog-pager-older-link").attr("href");<br />if(href) {<br />var title=urlToNavTitle[href];<br />if(!title) title=urlToPseudoTitle(href);<br />if(title) $("a.blog-pager-older-link").html("Older Post &gt;&gt;<br />" + title);<br />}<br />}, 500);<br />});<br />//]]><br /></script><br /></b:if><br /><br /></pre><div class="hata" style="clear: both; text-align: center;">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..</div><br /><br /><div class="arama" style="clear: both; text-align: center;"><<< Bu Yazı için Arama Sonuçları  >>> <br /><br />Ö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ığı</div><br /><br />

Ö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 DEMO Blogger bloglarınızda, yazılarınızın altında, önceki kayıtlar ve...

Devamı »