Webmaster Seo'su: Sayfa Solunda Sosyal Menü Kodu

Kaynak:www.koddostu.com

Sayfa Solunda Sosyal Menü Kodu

Ziyaretçilerinizle sadece sitede temasa geçmek biraz sıkıcı
olacaktır.Bunu için bugünlerde hepimizin kullandığı Sosyal
Medya hesapları sayesinde sizde ziyaretçilerinizle daha fazla iletişime geçebileceksiniz.Yapmanız gereken kod içerisinde
ki adresleri kendinize göre düzenlemek

Tasarım Kodu:

<ul id='menusidi' class="koddostusagsocial koddostu-socialll"><li class='br6'><a></a></li><li class='ko6'><a></a></li><li class='te6'><a></a></li><li class='cari'><a href="http://goo.gl/Z4TJ7"></a></li><li class='alat'><a></a></li><li class='kontak'><a></a></li></ul><ul id='menusisi' class="koddostusagsocial koddostu-socialll"><li class='br6'><a href='/' title='Ana Sayfa'>Ana Sayfaya Dön</a></li><li class='ko6'><a href='https://plus.google.com/u/0/104786354802437954523' title='Google+ Sayfamız'>Google+ Sayfamız</a></li><li class='te6'><a href='http://facebook.com/qinqcocuq' title='Facebook Sayfamız'>Facebook Sayfamız</a></li><li class='cari'><a href='http://twitter.com/gfb_halildnmz' title='Takip Et'>Twitter'da Takip Et</a></li><li class='alat'><a href='http://kodperest.blogspot.com' title='RSS Feed'>RSS Beslemeleri</a></li><li class='kontak'><a href='http://kodperest.blogspot.com/p/reklam-ve-iletisim.html' title='İletişim'>İletişim</a></li></ul><style>ul#menusidi {margin: 0px;padding: 0px;list-style: none;}ul#menusidi li {opacity:1;width: 255px;margin-left: -200px;margin-bottom:3px;}ul#menusidi li a {display: block;width: 225px;height: 60px;font-family:Helvetica, Arial, sans-serif;font-weight:bold;font-size:14px;color:#fff !important;text-decoration:none !important;line-height:60px;padding-left:30px;background-color:transparent;background-repeat:no-repeat;background-position:202px center;border:none;}</style>  <!DOCTYPE HTML><style type="text/css">ul.koddostusagsocial{position:fixed;text-align:center;z-index:9999;}ul.koddostu-socialll{top:50px;left:0px;}</style><style type="text/css">ul.koddostusagsocial{_position:absolute;}ul.koddostu-socialll{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}</style><style>ul#menusisi {margin: 0px;padding: 0px;list-style: none;}ul#menusisi li {opacity:1;width: 255px;margin-left: -200px;margin-bottom:1px;}ul#menusisi li a {display: block;width: 255px;height: 60px;text-shadow: 0 2px #000;font-family:Helvetica, Arial, sans-serif;font-weight:bold;font-size:14px;color:#fff !important;text-decoration:none !important;line-height:60px;padding-left:0px;background-color:#262626;background-repeat:no-repeat;background-position:202px center;border:1px solid #000;-webkit-border-top-right-radius: 10px;-webkit-border-bottom-right-radius: 10px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;}.br6 a{background-image: url(http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/48/Actions-go-home-icon.png);}.te6 a{background-image: url(http://icons.iconarchive.com/icons/creativenerds/clean-noise-social/48/facebook-icon.png);}.cari a{background-image: url(http://icons.iconarchive.com/icons/creativenerds/clean-noise-social/48/twitter-icon.png);}.ko6 a{background-image: url(https://lh5.googleusercontent.com/-Vld13w4HBH4/UCaRaVdhj6I/AAAAAAAAARo/u0GBB8oAkAE/s48/google%252048x48.png);}.rssfeed a{background-image: url(http://icons.iconarchive.com/icons/creativenerds/clean-noise-social/48/youtube-icon.png);}.alat a{background-image: url(http://icons.iconarchive.com/icons/creativenerds/clean-noise-social/48/rss-icon.png);}.kontak a{background-image: url(http://icons.iconarchive.com/icons/fasticon/comic-iphone/48/mail-icon.png);}</style><script src='http://www.google.com/jsapi'></script><script>google.load('jquery', '1.3.2');</script><script type='text/javascript'>$(function() {$('#menusisi li').stop().animate({marginLeft:'-200px'},1000);$('#menusisi li').mouseover(function () {$(this).animate({marginLeft:'0px',opacity:'0.6'},200);});$('#menusisi li').mouseout(function () {$(this).animate({marginLeft:'-200px',opacity:'1'},800);});});</script>

Webmaster Seo'su

11 Eylül 2013 Çarşamba

Sayfa Solunda Sosyal Menü Kodu

Hiç yorum yok:

Yorum Gönder