Demo : http://hilebitmez.nazuka.net/face

RSS kutusu Sosyal medya

• Rss Abonelik ve sosyal medya Butonları
• Bloggerda sosyal medya butonlarının kullanımın önemi
• Blogger sosyal paylaşım butonları
• Sayfa da aşağı inildiğinde çıkan paylaş eklentisi

• Blogger paneline giriş yapıyoruz.
• Yerleşim sekmesine tıklıyoruz.
• Gadget ekle butonuna tıklıyoruz.
• Html/java script 'i seçerek aşağıdaki kodları yapıştırıyoruz.
• Kaydet butonuna tıklıyoruz.

<style>
#ugurturkoglusocialcounters{
width:300px;
padding: 0 0 40px 0;
border: 1px solid #CCC;}
ul#ugurturkoglucounters {
    list-style: none;
    margin:0px;
    overflow: hidden;
    width:300px;
    padding:10px 0 40px 0;
     margin:10px 0 -60px 12px;
}
ul#ugurturkoglucounters li {
    float:left;
    margin:0px 0px 5px 0px;
    width:auto;
    padding:0px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;}

ul#ugurturkoglucounters li a {
    display: block;
    height: 54px;
    margin-right: 10px;
    padding-top: 85px;
    text-align: center;
    text-decoration: none;
    width: 85px;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
    font-weight: bold;
}
ul#ugurturkoglucounters li:hover {
    opacity:0.6
}
ul#ugurturkoglucounters li:last-child a{
    margin-right:0px;
}
ul#ugurturkoglucounters #counter-rss {
    background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjANM3Q76_dV1XzBGTpxvsAE19C_1o7o4mtprrhIHXPz1hDIXO8-8m33NottqUYXlKNmZ-cMsbMCc9ul0gFJ5hMVEObNvgC2tpZN049vxie_ZV0B_8YBEebVeHU7K3PL7yFCrt3oz28jWWr/s1600/btrix-rss-counter.jpg') no-repeat
}
ul#ugurturkoglucounters #counter-rss a {
    color:#cf6600
}
ul#ugurturkoglucounters #counter-facebook {
    background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0PP8LqYw7Kszu3uAVNJZLECWftmj34EUbeWy7rJ-XBEa1X6u2qRC4aUHaJDazxm9RQlvCpPUAEp1py1aQuaPNXSx11eBFaNpmJALxH0NHiTGMZOYWWxZ8zas1Y6xVD9ZzWT2vEFJmxA_V/s1600/btrix-facebook-counter.jpg') no-repeat
}
ul#counters #counter-facebook a {
    color:#3b4d8f
}
ul#ugurturkoglucounters #counter-twitter {
    background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB32BAXKZ2ZysnXHuYLRzLxNYfZwgGny9RKBculq7ow6h5xHCOGQJz0-w4XbgR9odn8a5F24mlEKdByrVqw_E_zEO9TZdTllVBMreoS_YM_d1fVc1aoLZ1eGemFG_FzImmT-w5Qcry95uV/s1600/btrix-twitter-counter.jpg') no-repeat
}
ul#ugurturkoglucounters #counter-twitter a {
    color:#276ab6
}
.textwidget {width: 300px;margin-top: -50px;}

input[type="submit"] {color: white;border: 0px;text-transform: uppercase;font-size: 11px;padding: 13px;float: left;font-weight: bold;background-color: #2DA1EB;margin-left: 100px;cursor: pointer;margin-top: 10px;}
</style>
<center>
<br />
<div id="ugurturkoglucounters">
<ul id="ugurturkoglucounters">
<li class="first-item" id="counter-rss">
<a href="http://feeds.feedburner.com/ugurturkoglu">540</a></li>
<li id="counter-facebook">
<a href="http://www.facebook.com/ugurturkoglu">2319</a></li>
<li id="counter-twitter">
<a href="https://twitter.com/ugurturkoglu">5263</a></li>
</ul>
<div class="ugurturkoglutextwidget">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ugurturkoglu', 'popupwindow', 'scrollbars=yes,width=350,height=520');return true" style=" padding: 3px; text-align: center;" target="popupwindow">
<h3>E-mail adresinizi giriniz><br/>
<input name="email" style="width: 180px;" type="text" /><br />
<input name="uri" type="hidden" value="ugurturkoglu" /><input name="loc" type="hidden" value="en_US" /><input type="submit" value="Kaydol" /></form></div><a href="http://www.ugurturkoglu.blogspot.com.com/2013/03/sosyal-medya-rss-kutusu.html" style="margin-right: -50px;margin-top: 100px;font-size: 10px;">Sitene ekle</a>
</div>

• Kod kısmındaki mavi ile yazılmış olan yerlere kendi sosyal medya hesaplarınızı yazınız.

Merhaba Arkadaslar Bugun Sizlere Calısan Chrome Eklentisi Indexini Verecegim

Kurulum Aşamalari

1. Sitenizi Googleye Onaylatin..

2. Onaylattıktan Sonra Dosyalari Cıkarın Rardan

3. Index.html Dosyasinin İçindeki "chromeklentiadresi" ne

Kendi Chrome Eklenti Adresinizi Yazin.

4 . Dosyalari Sitenize Atin Ve Chrome Eklenti Indexi Hazir.

İndir / Dowland

• Tasarımın tüm kısımlarında (çerçeve renkleri dahil) uyumlu ve göz yormayan renkler.
• Aktif breadcrumb navigasyon özelliği. Aktif dememin nedeni diğer birçok temada da bu özelliği görebilirsiniz ancak burda kullanılan eklenti direk google arama sonuçlarına yansıyor. Bu da siteniz için büyük fayda sağlar. Test etmek için Google'a site:www.hitadam.com yazabilirsiniz.
• Header kısmında manuel düzenleyebileceğiniz logo ve reklam alanı. Ayrıca 2 adet menü. Menülerden biri otomatik olarak blogunuzda sayfaları çeker diğeri ise html kısmından düzenlenir. Son olarak yine headere bağlı alt menüde yer alan arama kutusu.
• Resimlerin eklentisiz lightbox ile görüntülenmesi. Bu özellik hem blogunuzu yormaz hem de link çıkışlarını önler. Düzenleme yapılan diğer temaların büyük çoğunluğunda bu özelliği kaybedildiğini göreceksiniz.
• Yazı başlıklarının hemen altında yazar, tarih, etiket ve yorum bilgileri.
• Yazı sonunda şık paylaşım butonları(facebook,twitter,google plus, pinterest, tumblr).
• Benzer yazılar eklentisi. Bu eklentinin özelliği ise 2 sütun halinde görüntülenmesi, yazı başlıklarına tıkladığınızda tarih göstermesi ve içinde bulunduğunuz yazıyı benzer yazılara dahil etmemesi. Ayrıca benzer yazı bulunamadığında boşluk yerine "Maalesef, benzer yazı bulamadık." ibaresinin çıkması.
• Özelleştirilmiş yorum formu ve yapılan yorumlarda cevaplama özelliği.
• Son olarak seo hakkında çok fazla bilgi sahibi olduğumu söyleyemem ancak temayı kullanıp blogunda çok iyi ziyaretçi kitlesi yakaladığını söyleyen birçok kişiden geri dönüş aldım. Bu tema eminim sizlere de bir şeyler katacaktır.

• Admin Panelinden Reklam Yönetimi
• Admin Panelinden Logo Yönetimi
• Admin Panelinden MiniLog Yönetimi
• Admin Panelinden Sosyal Medya Profil Yönetimi