Sağda kayan Sosyal medya butonlarını göstericeğim
1.adım-> Admin paneli ->Temalar->Temanızı seçin->global.css->gelişmiş düzenleme->Vereceğim kodu ekleyin
Kod:
Kod:
#sosyalmedya {
position: fixed; right: 0; top: 150px; z-index: 999999;
}
.sosyalmedya {
background-image: url(images/paylas.png); background-repeat: no-repeat; height: 42px; width: 42px; top: 10px; margin-left: auto;
}
.sosyalmedya:hover {
width: 135px; cursor: pointer;
}
.facebook {
background-position: 0px 0px;
}
.twitter {
background-position: 0px -42px;
}
.flickr {
background-position: 0px -84px;
}
.friendfeed {
background-position: 0px -126px;
}
.vimeo {
background-position: 0px -168px;
}
.youtube {
background-position: 0px -210px;
}
.linkedin {
background-position: 0px -252px;
}
.rss {
background-position: 0px -294px;
}
.facebook:hover {
background-position: 0px 0px;
}2.Adım->Admin paneli ->Temalar & Şablonlar -> Şablonlar->Temanızı seçin->Header Şablonlar->header-> Vereceğim kodu en alta ekleyin ve kendinize göre düzenleyin
Dikkat: sadece adres bölümünü değiştirin...
Kod:
Kod:
<div id="sosyalmedya">
<div class="facebook sosyalmedya" onclick="location.href='Facebook adres'"></div>
<div class="twitter sosyalmedya" onclick="location.href='Twitter adres'"></div>
<div class="youtube sosyalmedya" onclick="location.href='Youtube adres'"></div>
<div class="flickr sosyalmedya" onclick="location.href='flickr adres'"></div>
<div class="friendfeed sosyalmedya" onclick="location.href='friendfeed adres'"></div>
<div class="vimeo sosyalmedya" onclick="location.href='vimeo adres'"></div>
<div class="linkedin" onclick="location.href='Rss adres'"></div>
<div class="rss sosyalmedya" onclick="location.href='Rss adres'"></div>
</div>3.Adım
Vereceğim resimi "ftp" yardımıyla İmagese atın
Dikkat: Resimin ismini:"paylas" yapınız....
Not : Ben Kullanmadıklarımı Sildim Sizde Hepsi Görünücek.
Resim:
Ön İzleme
