Menu

En güzel Blogger Sosyal Medya Eklentisi

Blogger Sosyal Medya eklentileri sayesinde site tasarımınız oldukça güzel görünecektir.Aşağıdaki Blogger Sosyal Medya eklentisi ile sitenizi sosyal medyada da aktif halde tanıtmış olacaksınız.

Bu eklentide ki Blogger CSS kodları ile oynayarak istediğiniz renkleri ve ölçüleri elde edebilirsiniz.




Sitenizin footerine veya sidebarına çok rahat birşekilde ekleyebilirsiniz.Eklentilerden fazla gördüklerinizi çıkarabilirsiniz.SEO Mektebi olarak Blogger kullanıcılarına Sosyal Medya eklentileri içinden seçtiğimiz kaliteli eklentileri site ziyaretçilerine sunmaya devam etmektedir.Aşağıda resmi görülen eklentiye aşağıda bulunan Demo butonuna tıklayarak demosunuda inceleyebilirsiniz.

En güzel Blogger Sosyal Medya Eklentisi
                                                                     

Ayrıca daha önce yayınladığımız aşağıdaki eklentilerde işinize yarayabilir,deneyebilirsiniz.

---Blogger İçin Yüzer Sosyal Medya Widget

---Blogger Sosyal Medya Butonları 3
İlk önce Blogger.com giriş yapınız sonra Yerleşim/Gedget Ekle/ HTML/JavaScript adımlarını takip ediniz.

En güzel Blogger Sosyal Medya Eklentisi

En güzel Blogger Sosyal Medya Eklentisi

HTML/JavaScript tıkladıktan sonra aşağıdaki kodu kopyalayarak resimdeki gibi boşluğa yapıştırınız, Sosyal Medya Butonları Ve Abonelik Formu eklentisini site tasarımınıza uygun olarak istediğiniz yere ekleyebilirsiniz.

<div class="droplink">
        <ul>
      <li class="facebook"><a href="http://www.facebook.com/adresiniz" target="_blank">Facebook</a></li>
      <li class="twitter"><a href="http://twitter.com/ adresiniz " target="_blank">Twitter</a></li>
      <li class="google"><a href="https://plus.google.com/ adresiniz " target="_blank">Google+</a></li>
      <li class="pinterest"><a href="http://pinterest.com/ adresiniz " target="_blank">Pinterest</a></li>
      <li class="instagram"><a href="http://instagram.com" target="_blank">Instagram</a>
</li>
      <li class="linkedin"><a href="http://www.linkedin.com/" target="_blank">LinkedIn</a>
</li>
      <li class="youtube"><a href="http://youtube.com" target="_blank">YouTube</a>
</li>
      <li class="rss"><a href="http://feeds.feedburner.com/ adresiniz " target="_blank">RSS</a></li>
      <li class="mail"><a href=" adresiniz /p/iletisim.html" target="_blank">E-Mail</a></li>
  </ul>
</div>
<style>
.droplink {
    width: 200px;
    position:absolute;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;}
.droplink h3 a {
    text-align: center;
    width: 100%;
    display: block;
    padding: 2px 0px;
    color: #333;
    letter-spacing: 3px;
    text-decoration: none;
    text-transform: uppercase;}
.droplink h3 a img{
    border: none;}
.droplink:hover h3 a {
    color: #FFF;
    font-weight: bold;}
.droplink li a{
    padding: 5px 12px 4px 34px; 
    margin: 1px;
    background-color: #484A47;
    display: block;
    color:#FFF;
    text-decoration: none;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    background-repeat:no-repeat;
    background-position: 10px 3px;}
.droplink li a:hover {
    background-color: #CC3B1F;}
.droplink .facebook a {
    background-image:url("https://dl.dropboxusercontent.com/u/60346665/BH-droplink-icons/facebook.png");}
.droplink .linkedin a {
    background-image:url("https://dl.dropboxusercontent.com/u/60346665/BH-droplink-icons/linkedin.png");}
.droplink .twitter a {
    background-image:url("https://dl.dropboxusercontent.com/u/60346665/BH-droplink-icons/twitter.png");}
.droplink .google a {
    background-image:url("https://dl.dropboxusercontent.com/u/60346665/BH-droplink-icons/gplus.png");}
.droplink .youtube a {
    background-image:url("https://dl.dropboxusercontent.com/u/60346665/BH-droplink-icons/youtube.png");}
.droplink .rss a {
    background-image:url("https://dl.dropboxusercontent.com/u/60346665/BH-droplink-icons/rss.png");}
.droplink .pinterest a {
    background-image:url("https://dl.dropboxusercontent.com/u/60346665/BH-droplink-icons/pinterest.png");}
.droplink .instagram a {
    background-image:url("https://dl.dropboxusercontent.com/u/60346665/BH-droplink-icons/instagram.png");}
.droplink .mail a {
    background-image:url("https://dl.dropboxusercontent.com/u/60346665/BH-droplink-icons/email.png");}
</style>


Düzenleme:
Yayınladığımız bu eklentiler içinde ki renk kodları #XXXX şeklinde olan kodlardır bunları aşağıdaki SEO Mektebi renk kodları sayfasından istediğiniz renkleri seçerek ekleyebilirsiniz.

SEO Mektebi CSS Renk Kodlarına Buradan Ulaşabilirsiniz

Ayrıca eklentiler içindeki sayısal değerlerle oynayarak site tasarımına uygun olan ölçüleri sağlayabilirsiniz.

Kodların içerisinde işaretlediğim linklerin yerine kendi profil adreslerinizi yazmanız yeterli olacaktır.Zaten o kısımları SARI ile gösterdim.Ayrıca resmin yerine istediğiniz bir resmi ekleyebilirsiniz.

Sonraki Yazılar
« Prev Post
Önceki Yazılar
Next Post »

Henüz Yorum Yapılmamış " En güzel Blogger Sosyal Medya Eklentisi "

Önerilen Yazı
×