TechWorld Teknoloji Blogger Teması Türkçe

Çarşamba, Temmuz 29, 2015 9 Yorumlar icon18_edit_allbkg

Merhaba Arkadaşlar,
bu yayınımda sizlere TechWorld Responsive teknoloji blogger temasından bahsedeceğim.Sade ve hızlı olan tema kullanabileceğiniz temalar arasında yerini alsın.

Temanın Özellikleri
-Responsive Blogger Teması
-Türkçe Tema
-Sade ve Hızlı
-Hazır Slider Sistemi
-Hazır Reklam Alanı
-Seo Destekli
-Hızlı ve Sade
-Teknoloji,Magazin alanda kullanılabilir.

Tema Kurulumu
-Temayı aşağıdan indirdikten sonra;
-Blogger Admin Panel > Şablon > Yedekle/Geri Yükle > Dosya Seç ve temayı seçip yükle diyoruz ve mobil tasarımı devre dışı bırakıyoruz.Temadaki slider otomatik olduğu için sadece bunları yapmanız yeterli...


Temayı kurarken problem yaşarsanız yardım için yoruma yazabilirsiniz...Sağlıcakla Kalın..

Blogger Hazır Sosyal Paylaşım Eklentisi - 12

Çarşamba, Temmuz 29, 2015 4 Yorumlar icon18_edit_allbkg

Merhaba arkadaşlar,
bu yayınımda sizlere yeni bir blogger sosyal paylaşım eklentisinden bahseceğim.Kullanışlı zarif oluşu bloğunuza güzel bir hava oluşturacaktır.Üzerine geldiğimizde rengi değişen bu eklentiyi anlatayım.

Nasıl Eklenir?

-Blogger Admin Panel > Yerleşim > Gadget Ekle > Html/JavaScript diyoruz ve aşağıdaki kodu yapıştırıyoruz.


<style>#sosmed{margin:16px auto 5px;}
#sosmed li:hover{background-color:#414b5e;}
#sosmed li{line-height:30px;font-weight:400;margin:auto;margin-bottom:3px;border-radius:5px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
#sosmed li a{padding:5px 5px 3px 14px;display:block;color:#fff;}
#sosmed li i{border-right:1px solid rgba(0,0,0,.2);padding-right:5px;margin-right:5px;width:15px;}
.bg-fb{background:#5772bb;}
.bg-tw{background:#3494e5;}
.bg-gp{background:#e34242;}</style>
<div>
<nav id="sosmed">
<ul>
<li class="bg-fb"><a href="#"><i class="fa fa-facebook"></i> Facebook'ta Takip Et</a></li>
<li class="bg-tw"><a href="#"><i class="fa fa-twitter"></i> Twitter'da Takip Et</a></li>
<li class="bg-gp"><a href="#"><i class="fa fa-google-plus"></i> Google+'da Takip Et</a></li>
</ul>
</nav></div>

# ile olan yerlere sosyal medya adreslerimizi yazıyoruz.






Yardım için yoruma yazabilirsiniz...Sağlıcakla Kalın...

Phantom Kişisel Blogger Teması Türkçe

Perşembe, Temmuz 16, 2015 4 Yorumlar icon18_edit_allbkg

Merhaba arkadaşlar,
bu yayınımda sizlere Phantom Kişisel Responsive Blogger Temasından bahsedeceğim.Üç bölümü sade kişisel alanlar için zarif ve responsive tema.

Temanın Özellikleri
-Responsive Blogger Tema
-Türkçe Tema
-Hazır Reklam Alanları
-Sosyal Medya Eklentili
-Zarif ve Sade
-Kişisel,Güncel Konu için muhteşem bir tema



Temayı kurarken problem yaşarsanız yoruma yazabilirsiniz....Sağlıcakla Kalın..

En Çok Tercih Edilen Fontlar 100 Adet

Salı, Temmuz 14, 2015 2 Yorumlar icon18_edit_allbkg

Merhaba Arkadaşlar,
bu yayınımda sizlere photoshop kategorisinden yeni bir konudan bahsedeceğim.Bir önceki photoshop yazımda en çok tercih edilenleri koyarsanız daha iyi olur diyen kullanıcılarım olmuştu bende bu sebepten internette font sitelerinden en çok indirilen 100 yazı fontunu sizlere sunacağım.Bu yazı fontları en az 1 milyon kez indirilen yazı fontlarının bir kaç resmi aşağıda bakabilirisiniz...

Photoshop 5000 Adet Yazı Fontu

Pazar, Temmuz 12, 2015 2 Yorumlar icon18_edit_allbkg

Merhaba Arkadaşlar,
Bu yayınımda sizlere uzun zamandır paylaşmadığım photoshop kategorisinden yeni bir konu paylaşacağım.Photoshop 5000 adet yazı fontu içerisinde a'dan z'ye kadar bulabileceğiniz muhteşem fontlar mevcut.Tasarım konusunda işinize yarayacak font tipleri ,boyutu 147 Mb tamamı ttf formatındadır.

Hazır Sosyal Paylaşım Eklentisi - 11

Cumartesi, Temmuz 11, 2015 Yorum Yapmak İstermisiniz? icon18_edit_allbkg

Merhaba Arkadaşlar,
bu yayınımda sizlere yeni bir sosyal paylaşım eklentisinden bahsedeceğim.Sade ve şık bir eklenti üzerine gelince renk değiştiren güzel bir eklenti.

Nasıl Eklenir?
-Blogger Admin Panel > Yerleşim > Gadget Ekle > Html/JavaScript diyoruz ve aşağıdaki kodu ekliyoruz.
-Gerekli düzenlemeleri aşağıda belirttim.

<style>
.social-wrap {
margin:0;
padding:0;
}
.social-wrap ul li{
list-style:none;
border-bottom:none;
margin:0;
padding:0;
}
.social-wrap li a {
margin:0 5px;
padding:0;
width:60px;
height:60px;
float:left;
text-indent:-99999px;
background: #fff;
border:solid 1px #eee;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}
.social-wrap li a.facebook {
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXHKG4_GW1__u4ISvAgwPAF-A_bsDrSDzNHQKwAkrknIbAXLP99vGfBQ17kOfTgu28v58kDPYm9_ScBt_-pf3cY40kUFuoP15BjIMFAYAtk5MQSudSvRcs8u_1dkHKy4cL3OPGmW8sGg/s1600/facebook.png) no-repeat -0px -88px;
-webkit-transition:All 0.3s ease-out;
-moz-transition:All 0.3s ease-out;
-o-transition:All 0.3s ease-out;
}
.social-wrap li a.facebook:hover {
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXHKG4_GW1__u4ISvAgwPAF-A_bsDrSDzNHQKwAkrknIbAXLP99vGfBQ17kOfTgu28v58kDPYm9_ScBt_-pf3cY40kUFuoP15BjIMFAYAtk5MQSudSvRcs8u_1dkHKy4cL3OPGmW8sGg/s1600/facebook.png) no-repeat -0px -0px;
}
.social-wrap li a.twitter {
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHTacP7wX4lJy70vLEoe_XQk8YkxszSPuyb8XRqnNkrujIhTXWoZuKIZBQ7sqUMOD3iCGsJ9oPdFrhjQIKrWfu9VEobOsFGeQYm-6de83-CFhoRnHPToQw2vEYsv9oC71gLLoqWZ76Jw/s1600/twitter-1.png) no-repeat -0px -88px;
-webkit-transition:All 0.3s ease-out;
-moz-transition:All 0.3s ease-out;
-o-transition:All 0.3s ease-out;
}
.social-wrap li a.twitter:hover {
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHTacP7wX4lJy70vLEoe_XQk8YkxszSPuyb8XRqnNkrujIhTXWoZuKIZBQ7sqUMOD3iCGsJ9oPdFrhjQIKrWfu9VEobOsFGeQYm-6de83-CFhoRnHPToQw2vEYsv9oC71gLLoqWZ76Jw/s1600/twitter-1.png) no-repeat -0px -0px;
}
.social-wrap li a.google-p {
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibUK6yUfLvoio3auOJ6I_6T0ES7oFEqalUHjr7dX4apIAFwATnQ3zT2v88fR3UnXxi4dL5xGwTKwovMt4p6hH9P55dQpv4cHymgOBN2VElmVVR4wUsgBcqDKmaC0NZPgCKnMz8u1Io9Q/s1600/google.png) no-repeat -0px -88px;
-webkit-transition:All 0.3s ease-out;
-moz-transition:All 0.3s ease-out;
-o-transition:All 0.3s ease-out;
}
.social-wrap li a.google-p:hover {
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibUK6yUfLvoio3auOJ6I_6T0ES7oFEqalUHjr7dX4apIAFwATnQ3zT2v88fR3UnXxi4dL5xGwTKwovMt4p6hH9P55dQpv4cHymgOBN2VElmVVR4wUsgBcqDKmaC0NZPgCKnMz8u1Io9Q/s1600/google.png) no-repeat -0px -0px;
}
.social-wrap li a.rss {
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJp6H1mWiF6zOTSLEeH8eXZ4ZTRv9oSqj8RshP5qlNXga2km9uVno18I2fbV_ifwe9qp_IYOjqI-IlqU-RV0TpfoEM0sxDhLUH-hF30X9KjeusEID-KPzTd7O2hTtjm-vyaW9MvIXbiQ/s1600/twitter.png) no-repeat -0px -88px;
-webkit-transition:All 0.3s ease-out;
-moz-transition:All 0.3s ease-out;
-o-transition:All 0.3s ease-out;
}
.social-wrap li a.rss:hover {
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJp6H1mWiF6zOTSLEeH8eXZ4ZTRv9oSqj8RshP5qlNXga2km9uVno18I2fbV_ifwe9qp_IYOjqI-IlqU-RV0TpfoEM0sxDhLUH-hF30X9KjeusEID-KPzTd7O2hTtjm-vyaW9MvIXbiQ/s1600/twitter.png) no-repeat -0px -0px;
}</style>

<div class='social-wrap'>
<ul>
<li><a class='facebook' href='http://www.facebook.com/#' target='_blank'>Facebook</a></li>
<li><a class='twitter' href='http://twitter.com/#' target='_blank'>Twitter</a></li>
<li><a class='google-p' href='https://plus.google.com/#' target='_blank'>Google Plus</a></li>
<li><a class='rss' href='#' target='_blank'>Rss</a></li>
</ul>
</div>

# yazan yerlere sosyal medya adreslerimizi yazıyoruz...






Yardım için yoruma yazabilirsiniz...Sağlıcakla Kalın...

Vienna Kişisel Blogger Teması Türkçe

Cuma, Temmuz 10, 2015 2 Yorumlar icon18_edit_allbkg

Merhaba Arkadaşlar,
bu yayınımda sizlere Vienna Lite kişisel responsive blogger temasının sunacağım.
Kişisel alanda çok iyi olabilecek tasarım.

Temanın Özellikleri
-Responsive Blogger Tema
-Türkçe Tema
-Hazır Reklam Alanları
-Hazır Sosyal Menü Eklentili
-Seo Destekli
-Sade ve Kullanışlı
-Kişisel alanda kullanılabilir


Temayı kurarken problem yaşarsanız yardım için yoruma yazabilirsiniz...Sağlıcakla Kalın..

Hazır Sosyal Paylaşım Eklentisi - 10

Çarşamba, Temmuz 01, 2015 3 Yorumlar icon18_edit_allbkg

Merhaba Arkadaşlar,
bu yayınımda sizlere blogger için hazır sosyal paylaşım eklentilerinden onuncusunu göstereceğim.Bir nevi yalancı bir eklenti de diyebiliriz çünkü eklentinin üzerinde takip sayısını kendimiz ayarlayabiliyoruz.Mesela Facebook için 2k+ şeklinde veya istediğimiz takipçi sayısını yazıyoruz.Güzel ve kullanışlı bir eklentidir.

Nasıl Kurulur?
-Blogger Admin Panel > Yerleşim > Gadget Ekle > Html/JavaScript diyoruz ve aşağıdaki kodu yapıştırıyoruz.Düzeltmemiz gereken yerleri aşağıda belirttim.


<style>
.btrix-social-slidebox {
    font: 16px normal 'Denk One', sans-serif;
    display: inline-block;
    position: relative;
    width: 95%;
    max-width: 200px; 
    padding: 12px;
}
.btrix-social-slide {
    width: 95%;
    max-width: 280px;
    padding-top: 8px;
    padding-left: 8px;
    padding-right: 8px;
}
.btrix-social-slide a {
    text-decoration: none !important; 
   }
.btrix-social-slide ul {margin-top:-5px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.btrix-social-slide ul li {margin-bottom:15px;
    display: inline;
    margin: 0;
    padding: 0;
    text-indent: 0;
 margin-left:10px;
}
.btrix-social-slide ul li a.facebook {
    border-left: 65px solid rgba(59, 89, 152, 1);
    color: rgba(59, 89, 152, 1);
    -webkit-transition: all 1000ms ease-in-out;
    -moz-transition: all 1000ms ease-in-out;
    -ms-transition: all 1000ms ease-in-out;
    -o-transition: all 1000ms ease-in-out;
    transition: all 1000ms ease-in-out;
}
.btrix-social-slide ul li a.facebook p {
    margin: 2px 20px 0 -60px;
    display: inline-block;
    color: #fff;
    -webkit-transition: all 1000ms ease-in-out;
    -moz-transition: all 1000ms ease-in-out;
    -ms-transition: all 1000ms ease-in-out;
    -o-transition: all 1000ms ease-in-out;
    transition: all 1000ms ease-in-out;
}
.btrix-social-slide ul li a.facebook:hover {
    background: rgba(59, 89, 152, 1);
    border-left: 0px solid rgba(59, 89, 152, 0.1);
    color: #fff;
    -webkit-transition: all 1000ms ease-in-out;
    -moz-transition: all 1000ms ease-in-out;
    -ms-transition: all 1000ms ease-in-out;
    -o-transition: all 1000ms ease-in-out;
    transition: all 1000ms ease-in-out;
}
.btrix-social-slide ul li a.facebook:hover p {
    opacity: 0;
    -webkit-transition: all 1ms ease-in-out;
    -moz-transition: all 1ms ease-in-out;
    -ms-transition: all 1ms ease-in-out;
    -o-transition: all 1ms ease-in-out;
    transition: all 1ms ease-in-out;
}
.btrix-social-slide ul li a.twitter {
    border-left: 65px solid rgba(64, 153, 255, 1);
    color: rgba(64, 153, 255, 1);
    -webkit-transition: all 1000ms ease-in-out;
    -moz-transition: all 1000ms ease-in-out;
    -ms-transition: all 1000ms ease-in-out;
    -o-transition: all 1000ms ease-in-out;
    transition: all 1000ms ease-in-out;
}
.btrix-social-slide ul li a.twitter p {
    margin: 2px 20px 0 -60px;
    display: inline-block;
    color: #fff;
    -webkit-transition: all 1000ms ease-in-out;
    -moz-transition: all 1000ms ease-in-out;
    -ms-transition: all 1000ms ease-in-out;
    -o-transition: all 1000ms ease-in-out;
    transition: all 1000ms ease-in-out;
}
.btrix-social-slide ul li a.twitter:hover {
    background: rgba(64, 153, 255, 1);
    border-left: 0px solid rgba(64, 153, 255, 1);
    color: #fff;
    -webkit-transition: all 1000ms ease-in-out;
    -moz-transition: all 1000ms ease-in-out;
    -ms-transition: all 1000ms ease-in-out;
    -o-transition: all 1000ms ease-in-out;
    transition: all 1000ms ease-in-out;
}
.btrix-social-slide ul li a.twitter:hover p {
    opacity: 0;
    -webkit-transition: all 1ms ease-in-out;
    -moz-transition: all 1ms ease-in-out;
    -ms-transition: all 1ms ease-in-out;
    -o-transition: all 1ms ease-in-out;
    transition: all 1ms ease-in-out;
}
.btrix-social-slide ul li a.gplus {
    border-left: 65px solid rgba(219, 74, 57, 1);
    color: rgba(219, 74, 57, 1);
    -webkit-transition: all 1000ms ease-in-out;
    -moz-transition: all 1000ms ease-in-out;
    -ms-transition: all 1000ms ease-in-out;
    -o-transition: all 1000ms ease-in-out;
    transition: all 1000ms ease-in-out;
}
.btrix-social-slide ul li a.gplus p {
    margin: 2px 20px 0 -50px;
    display: inline-block;
    color: #fff;
    -webkit-transition: all 1000ms ease-in-out;
    -moz-transition: all 1000ms ease-in-out;
    -ms-transition: all 1000ms ease-in-out;
    -o-transition: all 1000ms ease-in-out;
    transition: all 1000ms ease-in-out;
}
.btrix-social-slide ul li a.gplus:hover {
    background: rgba(219, 74, 57, 1);
    border-left: 0px solid rgba(219, 74, 57, 1);
    color: #fff;
    -webkit-transition: all 1000ms ease-in-out;
    -moz-transition: all 1000ms ease-in-out;
    -ms-transition: all 1000ms ease-in-out;
    -o-transition: all 1000ms ease-in-out;
    transition: all 1000ms ease-in-out;
}
.btrix-social-slide ul li a.gplus:hover p {
    opacity: 0;
    -webkit-transition: all 1ms ease-in-out;
    -moz-transition: all 1ms ease-in-out;
    -ms-transition: all 1ms ease-in-out;
    -o-transition: all 1ms ease-in-out;
    transition: all 1ms ease-in-out;
}
.btrix-social-slide ul li a.pinterest {
    border-left: 65px solid rgba(174, 45, 39, 1);
    color: rgba(174, 45, 39, 1);
    -webkit-transition: all 1000ms ease-in-out;
    -moz-transition: all 1000ms ease-in-out;
    -ms-transition: all 1000ms ease-in-out;
    -o-transition: all 1000ms ease-in-out;
    transition: all 1000ms ease-in-out;
}
.btrix-social-slide ul li a.pinterest p {
    margin: 2px 20px 0 -50px;
    display: inline-block;
    color: #fff;
    -webkit-transition: all 1000ms ease-in-out;
    -moz-transition: all 1000ms ease-in-out;
    -ms-transition: all 1000ms ease-in-out;
    -o-transition: all 1000ms ease-in-out;
    transition: all 1000ms ease-in-out;
}

.btrix-social-slide ul li a.pinterest:hover {
    background: rgba(174, 45, 39, 1);
    border-left: 0px solid rgba(174, 45, 39, 1);
    color: #fff;
    -webkit-transition: all 1000ms ease-in-out;
    -moz-transition: all 1000ms ease-in-out;
    -ms-transition: all 1000ms ease-in-out;
    -o-transition: all 1000ms ease-in-out;
    transition: all 1000ms ease-in-out;
}

.btrix-social-slide ul li a.pinterest:hover p {
    opacity: 0;
    -webkit-transition: all 1ms ease-in-out;
    -moz-transition: all 1ms ease-in-out;
    -ms-transition: all 1ms ease-in-out;
    -o-transition: all 1ms ease-in-out;
    transition: all 1ms ease-in-out;
}

.btrix-social-slide ul li a.rss {
    border-left: 65px solid rgba(255, 102, 0, 1);
    color: rgba(255, 102, 0, 1);
    -webkit-transition: all 1000ms ease-in-out;
    -moz-transition: all 1000ms ease-in-out;
    -ms-transition: all 1000ms ease-in-out;
    -o-transition: all 1000ms ease-in-out;
    transition: all 1000ms ease-in-out;
}

.btrix-social-slide ul li a.rss p {
    margin: 2px 20px 0 -60px;
    display: inline-block;
    color: #fff;
    -webkit-transition: all 1000ms ease-in-out;
    -moz-transition: all 1000ms ease-in-out;
    -ms-transition: all 1000ms ease-in-out;
    -o-transition: all 1000ms ease-in-out;
    transition: all 1000ms ease-in-out;
}

.btrix-social-slide ul li a.rss:hover {
    background: rgba(255, 102, 0, 1);
    border-left: 0px solid rgba(255, 102, 0, 1);
    color: #fff;
    -webkit-transition: all 1000ms ease-in-out;
    -moz-transition: all 1000ms ease-in-out;
    -ms-transition: all 1000ms ease-in-out;
    -o-transition: all 1000ms ease-in-out;
    transition: all 1000ms ease-in-out;
}

.btrix-social-slide ul li a.rss:hover p {
    opacity: 0;
    -webkit-transition: all 1ms ease-in-out;
    -moz-transition: all 1ms ease-in-out;
    -ms-transition: all 1ms ease-in-out;
    -o-transition: all 1ms ease-in-out;
    transition: all 1ms ease-in-out;
}
</style>

<div class="btrix-social-slide">
    <ul>
        <li><a class="btrix-social-slidebox facebook" href="https://www.facebook.com/kodblogcum"><p>17</p>Facebook </a></li>
        <li><a class="btrix-social-slidebox twitter" href="https://twitter.com/kodblogcum"><p>50+</p>Twitter</a></li>
        <li><a class="btrix-social-slidebox gplus" href="https://plus.google.com/#"><p>40+&nbsp;</p>Google+</a></li>
        <li><a class="btrix-social-slidebox pinterest" href="http://pinterest/kodblogcum"><p>20+&nbsp;</p>Pinterest</a></li>
        <li><a class="btrix-social-slidebox rss" href="http://feeds.feedburner.com/kodblogcum"><p>11+</p>RSS</a></li>
    </ul>
</div>

-Yukarda kodblogcum yazan yerlere kendi sosyal medya adreslerimizi yazıyoruz.
-# ile olan yerede Google Plus adresimizi yazıyoruz.





Yardım için yoruma yazabilirsiniz...Sağlıcakla Kalın...

Sayfada Aşağı İnince Sağda Çıkan Sosyal Medya Eklentisi

Çarşamba, Temmuz 01, 2015 Yorum Yapmak İstermisiniz? icon18_edit_allbkg

Merhaba Arkadaşlar,
bu yayınımda sizlere değişik bir sosyal medya eklentisinden bahsedeceğim.Sayfada aşağı doğru indikçe sağ altta çıkan sosyal medya.Bu eklenti kullanıcınında dikkatini çekecektir sayfalarda dolaşırken sürekli karşısına çıkması sizi sosyal medyada takip etmeye yönlendirir.

Nasıl Kurulur?
-Blogger Admin Panel > Yerleşim > Gadget Ekle > Html/JavaScript diyoruz ve aşağıdaki kodu yapışıtırıyoruz düzeltmemiz gereken yerleri renkli olarak gösterdim.
Bu eklentiyi herhangi bir gadgete ekleyebiliriz illaki sağdaki gadget olacak diye bir şey yok.


<style>
#socialslide{background: rgb(41, 40, 40) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQtFra9gDN8AT_mmmMboQOLKI1RnJi2ptJmertLZxUm9hQyoBQZFRvpXrU8WV1lMZbvomYZktirqNdwFno_dbeoPMxk_GfomGCjRQLwqg-yRy-oBMqpy1ZG4pUBcodQJdg9v22JQdMi2Q/s1600/recbg-btrix.png) left top repeat-x;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
-moz-box-shadow: inset 0 0 3px #333;
-webkit-box-shadow: inset 0 0 3px #333;
box-shadow: inner 0 0 3px #333;
padding: 12px 14px 12px 14px;
width: 300px;
position: fixed;
bottom: 13px;
right: 2px;
display: none;
z-index: 3;
height: 65px;
}
</style>


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

<script type="text/javascript">$(window).scroll(function(){if($(document).scrollTop()>=$(document).height()/4)$("#socialslide").show("slow");else $("#socialslide").hide("slow");});function closesocialslide(){$('#msocialslide').remove();$.ajax({type:"POST",url:"/facebookpage.php"});}</script>
<div id="socialslide" style="display: none;">
<a href="javascript:void(0);" onclick="return closesocialslide();" style="color: #555555; font-size: 10px; font-weight: bold; position: absolute; right: 10px; top: 14px;">(X)</a>
<span style="font-family: Tekton Pro; font-size: 20px; margin: 10px 0; text-shadow: 1px 1px 0 #FFFFFF;">Sosyal Medyada Takip Et!</span><br />
<div style="float: left; margin: 15px;">
<g:plusone annotation="none"></g:plusone></div>
<div style="float: left; margin: 15px;">
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fkodblogcum&amp;send=false&amp;layout=button_count&amp;width=80&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=21" style="border: none; height: 21px; overflow: hidden; width: 80px;"></iframe></div>
<div style="float: left; margin: 15px;">
<a class="twitter-follow-button" data-show-count="false" data-show-screen-name="false" data-size="large" href="https://twitter.com/kodblogcum">Takip Et @kodblogcum</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div>
</div>
<div class="clear">
</div>

-Yukarda kodblogcum yazan yerlere sosyal medya kullanıcı adreslerimizi yazıyoruz.