Blogger Bloguna Paylaş Butonları Ekle

<div dir="ltr" style="text-align: left;" trbidi="on"> <h3 class="post-title entry-title" itemprop="name">  </h3> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdj-C9mKfNfp2No2LDEyoYML3-SlDmXtud92jqIH0JC2lDMFv9W9IJ1gBSsiitJ9g4k1iShPvWEhf-6b9Wu56NVykb9eV1ahLXMWjLhA_qHHfB-JzC6kz6WNkOq2BPqaMmKG4YouXy-r1a/s1600/sosyal+medya+payla%C5%9F+butonlar%C4%B1.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="" border="0" height="242" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdj-C9mKfNfp2No2LDEyoYML3-SlDmXtud92jqIH0JC2lDMFv9W9IJ1gBSsiitJ9g4k1iShPvWEhf-6b9Wu56NVykb9eV1ahLXMWjLhA_qHHfB-JzC6kz6WNkOq2BPqaMmKG4YouXy-r1a/s320/sosyal+medya+payla%C5%9F+butonlar%C4%B1.jpg" title="sosyal medya butonları" width="320"></a><br> <div class="post-header"> <div class="post-header-line-1"> Blogger blogumuzun varsayılan özelliklerinde paylaş butonları var fakat bu butonlar küçük ve mat renkli olduğu için pek fazla dikkat çekmiyor. Biz bir kaç adımda daha dikkat çekici, renkli sosyal medya'da paylaş butonlarını blogumuza ekleyebiliriz. Ayrıca bu eklediğimiz butonlar varsayılan butonlara göre daha fazla alternatif sunuyor.<br><br></div></div></div>

Blogger Bloguna Paylaş Butonları Ekle

  Blogger blogumuzun varsayılan özelliklerinde paylaş butonları var fakat bu butonlar küçük ve mat renkli olduğu için pek fazla dikkat çekmiyor. Biz bir kaç adımda daha dikkat çekici, renkli sosyal medya'da paylaş butonlarını blogumuza ekleyebiliriz. Ayrıca bu eklediğimiz butonlar varsayılan bu…

Devamı »

Blogger Header yerine Gadget Eklemek

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="title"> <div class="alt-cizgi"> <a href="http://takipteyiz.blogspot.com/2009/04/blogger-header-yerine-gadget-eklemek.html"><span style="color: #187890;"> </span></a><br> <a href="http://takipteyiz.blogspot.com/2009/04/blogger-header-yerine-gadget-eklemek.html"><h2>  </h2> </a><br></div> </div> <br> <div class="post-tag"> <b style="border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 1px; margin-right: 10px; padding-right: 10px;">Etiketler</b> </div> <div class="share-delicious">  </div> <br> <div class="share-topsy"> <div class="topsy_widget_data topsy_theme_red"> Blogunuzun en stratejik bölgelerinden biri olan Başlık Bölgesi (Header), özellikle yayınlamak istediğiniz reklamlarınız ve sayfanız ziyaret edildiğinde ilk dikkati çekmesini istediğiniz Gadget'ler için biçilmiş kaftandır. Ayrıca istediğiniz bir başlık resmini "HTML/JavaScript eklentisi" ile çok daha düzenli ve isteğinize bağlı olarak blogunuzda kullanabilirsiniz. Ayrıca "HTML/JavaScript eklentisi" olarak eklediğiniz Başlık resminize, blogger resimler için kullanılan efekleride ekleyebilir ve başlığınıza daha şık bir görünüm kazandırabilirsiniz.<br> <br> <strong><span style="color: red;">2 adımda blogunuzda bulunan "Blogger Header" yerine "Gadget Ekleyebilirsiniz"</span></strong><br> <a href="https://www.blogger.com/null" name="more"></a><br> </div></div></div>

Blogger Header yerine Gadget Eklemek

  Etiketler   Blogunuzun en stratejik bölgelerinden biri olan Başlık Bölgesi (Header), özellikle yayınlamak istediğiniz reklamlarınız ve sayfanız ziyaret edildiğinde ilk dikkati çekmesini istediğiniz Gadget'ler için biçilmiş kaftandır. Ayrıca istediğiniz bir başlık resmini "HTML/JavaScript ekle…

Devamı »

Blogger En Çok Yorum Yapanlar Eklentisi

Oldukça kullanışlı ve farklı bir eklentiyle karşınızdayım.<br />Sizler de biliyorsunuz ki yorumcular bloga hayat verenlerdir. Kimi zaman yön gösterici kimi zaman yanlışlarınızı düzeltici kimi zamanda tartışmalara yol açarak farklı bakış açıları oluşturucu. Kısaca onlar blogların yapıtaşları :)<br /><br />Yorum yapanlar bloglarda bu kadar önemli bir yere sahipken onlar için blogunuzda bir yer ayırmamanız haksızlık olurdu.<br /><br />Aşağıda vereceğim kodlar sayesinde blogunuzun istediğiniz bir yerinde (blogunuzun kuruluşundan itibaren) en çok yorum yapan kullanıcıları avatar ve yorum sayıları ile birlikte görüntüleyebilirsiniz.<br /><br />Önizleme olarak aşağıdaki görüntüyü inceleyebilirsiniz;<br /><br /><br /><div style="text-align: center;"><a href="http://2.bp.blogspot.com/-NnESmZrUuq0/UTRcA-eIgEI/AAAAAAAAMr4/CvEiP-lxcOc/s1600/en-cok-yorum-yapanlar.jpg"><img border="0" src="http://2.bp.blogspot.com/-NnESmZrUuq0/UTRcA-eIgEI/AAAAAAAAMr4/CvEiP-lxcOc/s1600/en-cok-yorum-yapanlar.jpg" /></a></div>Eklentiyi bloguma nasıl eklerim?<br /><br />Kumanda paneli → Blog adınız → Yerleşim → Gadget ekle → Html/Javascript kısmına gelerek aşağıdaki kodları boş alana yerleştirin.<br /><br /><a href="http://pastebin.com/raw.php?i=RhyzDnMc">Kodları görüntülemek için linke tıklayınız.</a><br /><br />Tamamdır. Geriye yalnızca göstermek istediğiniz kullanıcı sayısı ve avatar boyutlarınızı düzenlemek kaldı.<br /><br />var maxTopCommenters = 8; kodu ile göstermek istediğiniz kullanıcı sayısını<br />var sizeAvatar = 28; kodu ile kullanıcı avatarlarının boyutlarını belirleyebilirsiniz.<br /><br />Blogunuzu yapılan yorumlara cevap vermeyi unutmayın, iyi bloglamalar...<br /><br /><a href="http://www.hitadam.com/2013/03/blogger-en-cok-yorum-yapanlar-eklentisi.html" rel="nofollow" target="_blank">Kaynak</a>

Blogger En Çok Yorum Yapanlar Eklentisi

Oldukça kullanışlı ve farklı bir eklentiyle karşınızdayım.Sizler de biliyorsunuz ki yorumcular bloga hayat verenlerdir. Kimi zaman yön gösterici kimi zaman yanlışlarınızı düzeltici kimi zamanda tartışmalara yol açarak farklı bakış açıları oluşturucu. Kısaca onlar blogların yapıtaşları :)Yorum yapanl…

Devamı »

Blogger Powered by Blogger Yazısını Kaldırma

Bloggerlerin rahatsız olduğu Poweted by Blogger yazısını kaldırmak için kullanacağınız css kodunu sizler ile yazımızda paylaşıyoruz.<br /><br />İlk olarak CTRL + F yapıp aşağıdaki kodu aratıyoruz.<br /><br /><i>]]></b:skin></i><br />Bu kodu bulduktan sonra üstüne aşağıdaki kodu ekliyoruz.<br /><br /><i>#Attribution1 { <br />height:0px; <br />visibility:hidden; <br />display:none <br />}</i><div><i><br /></i></div>İşlemimiz bu kadar, kolay gelsin.

Blogger Powered by Blogger Yazısını Kaldırma

Bloggerlerin rahatsız olduğu Poweted by Blogger yazısını kaldırmak için kullanacağınız css kodunu sizler ile yazımızda paylaşıyoruz.İlk olarak CTRL + F yapıp aşağıdaki kodu aratıyoruz.]]>Bu kodu bulduktan sonra üstüne aşağıdaki kodu ekliyoruz.#Attribution1 { height:0px; visibility:hidden; display:no…

Devamı »

Blogger için Sitemap Eklentisi

Bütün bloggerlerin merak ettiği bir sorudur bu, bu sitenin sitemapı nerede :) Sitemapımızı kendimiz çok kısa bir kod ile oluşturuyoruz.<br /><br />İlk önce bloğumuzun admin paneline gelip sol taraftan Sayfalar > Yeni Sayfa > Boş Sayfa yolunu takip ediyoruz gelen editörten HTML kısmına geçip aşağıdaki kodları yaptışrıyoruz.<br /><br /><i><style></i><br /><i>.comments {</i><br /><i>display: none;</i><br /><i>}</i><br /><i></style></i><br /><i><script src="http://grafikers.tk/arsiv.js"></script></i><br /><i><script src="http://speakex.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script></i><br /><br />Önizleme<div class="separator" style="clear: both; text-align: center;"><a href="http://i.imgur.com/Clqu7aK.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" src="http://i.imgur.com/Clqu7aK.png" title="" /></a></div><i><br /></i><i><br /></i>İşlemimiz bu kadar, canlı önizlemeyi görmek için<span id="goog_348636937"></span><span id="goog_348636938"></span><a href="http://www.blogger.com/"></a> <a href="http://speakex.blogspot.com/p/sitemap.html" target="_blank">tıklayın.</a>

Blogger için Sitemap Eklentisi

Bütün bloggerlerin merak ettiği bir sorudur bu, bu sitenin sitemapı nerede :) Sitemapımızı kendimiz çok kısa bir kod ile oluşturuyoruz.İlk önce bloğumuzun admin paneline gelip sol taraftan Sayfalar > Yeni Sayfa > Boş Sayfa yolunu takip ediyoruz gelen editörten HTML kısmına geçip aşağıdaki kodları ya…

Devamı »

Blogger / Blogspot Etiketleri Yan Yana Koyma

Bir çok blogger kullanıcısın başına çeken bir sorunun çözümünden bahsedeceğiz size. Bildiğiniz üzere bloggerda etiketler alt alta gözüküyor ve etiket sayınız arttığı zaman bu gerçekten çok kötü bir görüntü kirliliğine yok açıyor.<br /><br />Bunun çok kolay bir çözümü var. Aşağıda önizleme resmi ve nasıl yapacağınza dair bilgi var.<br /><br />Önizleme<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="http://img96.imageshack.us/img96/3364/40ec41a8756b40e185e67c6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://img96.imageshack.us/img96/3364/40ec41a8756b40e185e67c6.png" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both;">İlk olarak<b> ]]></b:skin></b> kodunuz CTRL + F yapıp, arama yaparak buluyoruz. Bu kodun tam üstüne aşağıdaki kodu ekliyoruz.</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><span style="background-color: white; font-family: Arial, serif; font-size: 14px; line-height: 18.200000762939453px;">#Label1 ul li{float: left;width: 45%;}</span></div><div class="separator" style="clear: both;"><span style="background-color: white; font-family: Arial, serif; font-size: 14px; line-height: 18.200000762939453px;"><br /></span></div><div class="separator" style="clear: both;"><span style="font-family: Arial, serif;"><span style="font-size: 14px; line-height: 18.200000762939453px;">Son olarak temamızı kaydediyoruz ve herşey tamamdır.</span></span></div><div class="separator" style="clear: both;"><span style="font-family: Arial, serif;"><span style="font-size: 14px; line-height: 18.200000762939453px;"><br /></span></span></div><div class="separator" style="clear: both;"><span style="font-family: Arial, serif; font-size: x-small;"><span style="line-height: 18.200000762939453px;"><i>Etiketler: blogger kategorileri yan yana dizme, etiketleri yan yana dizme, blogspot etiketleri yan yana, yanyana etiketler, etiketleri yanyana sıralama kodu</i></span></span></div><br />

Blogger / Blogspot Etiketleri Yan Yana Koyma

Bir çok blogger kullanıcısın başına çeken bir sorunun çözümünden bahsedeceğiz size. Bildiğiniz üzere bloggerda etiketler alt alta gözüküyor ve etiket sayınız arttığı zaman bu gerçekten çok kötü bir görüntü kirliliğine yok açıyor.Bunun çok kolay bir çözümü var. Aşağıda önizleme resmi ve nasıl yapacağ…

Devamı »

Blogger Sosyal Medya Eklentisi ve Email Takip Html Kodu

<div class="post-body entry-content"><span style="font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 13px; line-height: 20px;"><b>Herkes çogunlukla sosyal medyaya kayıtlı olduğu alanları toplu ve düzgün bir şekilde göstermek istiyor...</b></span></span><br /><span style="font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 13px; line-height: 20px;">Buna istinaden bende böyle bişey paylaşmak istedim çok sade ve hoş görünüyor. </span><span style="background-color: white; font-size: 13px; line-height: 20px;">Bütün renk te temalara koyuldugunda çok hoş bir görüntü bırakıyor sizlerle paylaşmak istedim. Biraz anlatmak gerekirse üzerine gelince renklenen ve parlayan java kodla yaptım. Önizlemesi aşağıdadır. İsterseniz demosu için <a href="http://ozicabdeneme.tr.gg/bloggersosyalvemailtakip.htm">buraya</a> tıklayın.</span></span><br /><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQmgejtLzEpArmHF30E8r6GyGbBrE4kfwsay7oMF7ze9FXH9l_mnNalZ4_IDm185mSeFxmb0630uw0wIt5gMAk5uiw_eBehfTkYUAaDaJzo1i4dDpOIgj6pLRVxUsVe0NOll9KGcflH7w/s1600/sosyalmedya.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Verdana, sans-serif;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQmgejtLzEpArmHF30E8r6GyGbBrE4kfwsay7oMF7ze9FXH9l_mnNalZ4_IDm185mSeFxmb0630uw0wIt5gMAk5uiw_eBehfTkYUAaDaJzo1i4dDpOIgj6pLRVxUsVe0NOll9KGcflH7w/s1600/sosyalmedya.PNG" /></span></a></div><span style="font-family: Verdana, sans-serif;"><span style="background-color: white; font-size: 13px; line-height: 20px;">Kodlarımızı şu şekilde ekliyoruz;</span><br style="background-color: white; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><span style="background-color: white;"><span style="font-size: x-small;"><span style="line-height: 20px;"><b>Tasarım>Gadget  Ekle>Html/JavaScript Ekle</b>  aşağıdaki kodları sitenize eklemek  </span></span></span></span><br /><b style="background-color: white; font-family: Verdana, sans-serif; font-size: small; line-height: 20px;">Kod:</b><br /><pre style="background-color: #eeeeee; border: 1px dashed #999999; color: black; font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; font-size: 12px; line-height: 14px; overflow: auto; padding: 5px; width: 100%;"><code><style type="text/css"><br /><br />.mbt a{<br /> color: #6e6e6e;<br /> font: bold 12px Helvetica, Arial, sans-serif;<br /> text-decoration: none;<br /> padding: 7px 12px;<br /> position: relative;<br /> display: inline-block;<br /> text-shadow: 0 1px 0 #fff;<br /> -webkit-transition: border-color .218s;<br /> -moz-transition: border .218s;<br /> -o-transition: border-color .218s;<br /> transition: border-color .218s;<br /> background: #f3f3f3;<br /> background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));<br /> background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));<br /> border: solid 1px #dcdcdc;<br /> border-radius: 2px;<br /> -webkit-border-radius: 2px;<br /> -moz-border-radius: 2px;<br />}<br />.mbt a:hover {<br /> color: #333;<br /> border-color: #999;<br /> -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2)<br /> -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);<br /> box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);<br />}<br /><br />.mbt a:active {<br /> color: #000;<br /> border-color: #444;<br />}<br /><br /><br />.mbtbar{ width:280px; float: left; margin-left:3px; margin-top:5px; padding:0;}<br /><br />.mbtbar .emailsub{border-bottom: 0px solid #e6e6e6; padding: 0px 0 15px 0; float: left; width: 100%; font-family: Helvetica, Arial;}<br /><br />.mbtbar .emailsub .emailupdatesform{width: 100%; float: right; padding:0px;}<br /><br />.mbtbar .emailsub .emailupdatesform input.emailupdatesinput{background: #F3F3F3; float: left; border: 1px solid #dcdcdc; padding: 0px 8px; color: #989898; font-size: 14px; width: 130px; height:30px; border-radius: 2px;<br /> -webkit-border-radius: 2px;<br /> -moz-border-radius: 2px;}<br /><br />.mbtbar .emailsub .emailupdatesform input.emailupdatesinput:hover{<br /><br />border-color: #999;<br /> -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2)<br /> -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);<br /> box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);<br />}<br /><br />.mbtbar .emailsub .emailupdatesform input.joinemailupdates:hover{ border-color: #666; <br /> -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2)<br /> -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);<br /> box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); cursor:pointer;<br />}<br /><br />.mbtbar .emailsub .emailupdatesform input.joinemailupdates{<br />border: solid 1px #dcdcdc;<br /> background: #F3F3F3;<br /> font-family:Helvetica, Arial;<br />text-transform: none; color: #989898; height: 25px; padding: 0 10px; margin: 0 0 0 5px; font-weight:bold; font-size:14px; height:30px;<br /> border-radius: 2px;<br /> -webkit-border-radius: 2px;<br /> -moz-border-radius: 2px;<br />}<br /><br />.mbtbar .emailsub .emailupdatesform input.emailupdatesinput{background: #F3F3F3; float: left; border: 1px solid #dcdcdc; padding: 0px 8px; color: #989898; font-size: 14px; width: 145px; height:28px; border-radius: 2px;<br /> -webkit-border-radius: 2px;<br /> -moz-border-radius: 2px;}<br /><br />.mbtbar .emailsub .emailupdatesform input.joinemailupdates{<br />border: solid 1px #dcdcdc;<br /> background: #F3F3F3;<br /> font-family:Helvetica, Arial;<br />text-transform: none; color: #989898; height: 25px; padding: 0 0px; margin: 0 0 0 5px; font-weight:bold; font-size:14px; height:30px;<br /> border-radius: 2px;<br /> -webkit-border-radius: 2px;<br /> -moz-border-radius: 2px;<br />}<br /><br /></style> <!--[if IE 8]> <style><br />.mbtbar .emailsub .emailupdatesform input.emailupdatesinput{background: #F3F3F3; float: left; border: 1px solid #dcdcdc; padding: 5px 10px; color: #989898; font-size: 12px; width: 130px; height:18px; border-radius: 2px;<br /> -webkit-border-radius: 2px;<br /> -moz-border-radius: 2px;}<br /><br />.mbtbar .emailsub .emailupdatesform input.joinemailupdates{<br />border: solid 1px #dcdcdc;<br /> background: #F3F3F3;<br /> font-family:Helvetica, Arial;<br />text-transform: none; color: #989898; height: 25px; padding: 0 5px; margin: 0 0 0 5px; font-weight:bold; font-size:14px; height:30px;<br /> border-radius: 2px;<br /> -webkit-border-radius: 2px;<br /> -moz-border-radius: 2px;<br />}<br /><br /></style> <![endif]--><br /><div class="mbt" style="padding: 0pt 0pt 0pt 5px;"><br /><table><br /> <tbody><br /> <tr><br /> <td><a rel="nofollow" target="_blank" href="http://feeds.feedburner.com/ocabbaroglu"><img border="0" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzDDKXWcbImriDl4hkrrh2ngGZ2IDBfW7VtNDdx3TKZh98g2TH2iYMRWEUbJ6823rdte73WE7GrNAdEuGdPjU6bVNdobh8h8XC-2MFrfO5PLuSx76HxiqiPkrS-_T4l8usKbPgsgUARKM/s1600/rss.png" /></a></td><br /> <td><a style="margin-left:5px;" href="http://twitter.com/ozicab" rel="nofollow" target="_blank"><img border="0" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzDdFnGJnThM1DdnK9jB-w56WNELqNv6rql30elcH5nR9_A1HvDM3j-jQdLvu__qmTyG6NsLCdw6BIY_DziNGNWyGBtYt3nG95OzKYiVpeI5ukEyxMzY06FDXo5DENXzq05kVp7y0OKTI/s1600/twitter.png" /></a></td><br /> <td><a style="margin-left:5px;" href="http://facebook.com/oguzhanpage" rel="nofollow" target="_blank"><img border="0" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP6M7DKcN8XiGeOKHEcW_HjiBii9Qu1B71uFb4CNpGgIhzg7zDCEHlDlAbvM4LPJ5NE4lC9jS5U5QMGeYOEw3zAffIe5NWmMJSGb2_AwsllucdKdezUg0ENsFIOEYgIIIhgGUQPO8cPrk/s1600/facebook.png" /></a></td><br /> </tr><br /> </tbody><br /></table><br /><div class="mbtbar"><br /><div class="emailsub"><br /><div class="emailupdatesform"><br /><form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ocabbaroglu', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><br /> <input gtbfieldid="10" class="emailupdatesinput" name="email" value="Email Adresin..." onblur="if (this.value == '') {this.value = 'Email Adresin...';}" onfocus="if (this.value == 'Email Adresin...') {this.value = '';}" type="text" /><input value="yasarguner" name="uri" type="hidden" /><input value="Takip&ccedil;i ol" class="joinemailupdates" type="submit" /><br /></form><br /></div><br /></div><br /></div><br /></div><br /></code></pre><div style="clear: both;"></div></div>

Blogger Sosyal Medya Eklentisi ve Email Takip Html Kodu

Herkes çogunlukla sosyal medyaya kayıtlı olduğu alanları toplu ve düzgün bir şekilde göstermek istiyor...Buna istinaden bende böyle bişey paylaşmak istedim çok sade ve hoş görünüyor. Bütün renk te temalara koyuldugunda çok hoş bir görüntü bırakıyor sizlerle paylaşmak istedim. Biraz anlatmak gerekirs…

Devamı »

Blogger Sayfa Numaralandırma

<div class="post-body entry-content"><p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiejipdg883K2DVwYKFC2sw_oCDgBT72NyBiGKR9q_Z-UAzXE_pdMmDhXlrSRG9C212GrxyHcezsIAOpVLaJdzdtrwVetTJlwlvcOEbqLMh4-bfHfDuppEGccMiBOVoxe7NdfQb1Vh1E44/s1600/pagenaviocabbaroglu.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="135" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiejipdg883K2DVwYKFC2sw_oCDgBT72NyBiGKR9q_Z-UAzXE_pdMmDhXlrSRG9C212GrxyHcezsIAOpVLaJdzdtrwVetTJlwlvcOEbqLMh4-bfHfDuppEGccMiBOVoxe7NdfQb1Vh1E44/s200/pagenaviocabbaroglu.png" width="200"></a></div>Yine Blogger İpuçları Serisi ile devam ediyoruz arkadaşlar. Bugün, anlatımı birçok sitede mevcut olduğu halde herkesin yapamadığı bu eklentiyi yapıcaz inşallah.Benim blogumda da kullandığım üzere bu eklenti Wordpress bloglardan görülerek Blogger’a uyarlanmıştır. Yapacağımız bu sayfalandırma eklentisi bence herkesin blogunda olmasını istediği ve gerçekten olması gereken bir eklenti. Şimdi Gelelim yapımına..<br><br><span style="color: red;">Yerleşim/HTML’yi Düzenle</span> sekmesine gelip “<span style="color: red;">Widget Şablonlarını Genişlet</span>” tikini aktif hale getirdikten sonra <span style="color: red;"></b:skin></span> kodundan önce şu kodları yapıştıralım;<br><br><b>Kod:</b><br><pre style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; color: #000000; background-color: #eee;font-size: 12px;border: 1px dashed #999999;line-height: 14px;padding: 5px; overflow: auto; width: 100%"><code>.showpageArea {<br /> font-family:verdana,arial,helvetica;<br /> color: #000;<br /> font-size:14px;<br /> margin:10px;<br /> }<br /> <br />.showpageArea a {<br /> color: #000;<br /> text-shadow:0 1px 0px #fff;<br /> font-weight: 700;<br /> }<br /> <br />.showpageNum a {<br /> padding: 3px 8px;<br />color: #000;<br /> margin:0 4px;<br /> text-decoration: none;<br /> border:1px solid #999;<br /> -webkit-border-radius:3px;-moz-border-radius:3px;<br /> background: #ddd ;<br /> }<br /> <br />.showpageNum a:hover {<br /> border:1px solid #888;<br /> background: #e0e0e0 ;<br /> }<br /><br />.showpageOf{<br /> margin:0 8px 0 0;<br /> }<br /><br />.showpagePoint {<br /> color:#fff;<br /> text-shadow:0 1px 2px #333;<br /> padding: 3px 8px;<br /> margin: 2px;<br /> font-weight: 700;<br /> -webkit-border-radius:3px;-moz-border-radius:3px;<br /> border:1px solid #999;<br /> background: #666 ;<br /> text-decoration: none;<br /> }<br /></code></pre><br>Kodu Koyduk 3 tamam. Şimdi <span style="color: red;"></body></span> Tagını Arıyoruz Ve Diğerindeki Gibi <span style="color: red;"></body></span> Tagının Bi <br>Üstüne Aşağıdaki Kodları Koyuyoruz Bitti.<br><br><b>Kod:</b><br><pre style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; color: #000000; background-color: #eee;font-size: 12px;border: 1px dashed #999999;line-height: 14px;padding: 5px; overflow: auto; width: 100%"><code><script type='text/javascript'><br />var home_page=&quot;/&quot;;<br />var urlactivepage=location.href;<br />var postperpage=9;<br />var numshowpage=4;<br />var upPageWord =&#39;Önceki&#39;;<br />var downPageWord =&#39;Sonraki&#39;;<br /></script><br /><script src='http://tema.dataservis.org/eklentiler/blogger-numaralandirma.js' type='text/javascript'/><br /></code></pre>Artık Blogumuz Önceki Sonraki Sayfalar Değilde, Numaralandırma Şeklinde Gözükecektir. Güle güle kullanın. <p></p><div style="clear: both;"></div></div>

Blogger Sayfa Numaralandırma

Yine Blogger İpuçları Serisi ile devam ediyoruz arkadaşlar. Bugün, anlatımı birçok sitede mevcut olduğu halde herkesin yapamadığı bu eklentiyi yapıcaz inşallah.Benim blogumda da kullandığım üzere bu eklenti Wordpress bloglardan görülerek Blogger’a uyarlanmıştır. Yapacağımız bu sayfalandırma eklentis…

Devamı »