Yukardaki yazdıklarımızı bu kod sayesinde gerçekleştirebileceksiniz.
Site açılırken direk sizi bu eklenti karşılayacak.Facebook.Twitter ,google Profillerinizi bu sayede beğendirebilirsiniz.
Kodu Gadget ekle diyip HTML/JavaScript içerisine kodları ekleyeceksiniz..
DEMOSUNU GÖR
<div class="eehucoder kshucoderr-facebook" id="obenimmil"><center><a style="display:block;width:50%;min-width:500px;height:42px;background-color:#333;font-family:Helvetica, Arial, sans-serif;color:#fff;font-size:26px;line-height:42px;font-weight:normal;margin-top:15px;-webkit-border-radius: 12px;border-radius: 12px;border:2px solid #c45004;-moz-box-shadow: 0 0 15px #000;-webkit-box-shadow: 0 0 15px #000;box-shadow: 0 0 15px #000;">Sosyal ağlarda bizi takip etmezmisiniz ?</a></center></div><div class="ouihucoder saym1rayt hucoder-facebook"><div id="faceic" style="position:absolute;top:0px;right:0px;width:100%;height:2000px;background-color:#4a6ea9;text-align:center;"><center><a onfocus="this.blur();" href="javascript:void(0)" style="display:block;width:180px;height:180px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDhU_CrUY0e0gs24UrNAzk9Zay9KLIZkuqwiETy_Y1YbXK6Y1-5czGSvqL8Sqx-5ysrmrnVEzteV9qFy_0xPsK9otm2JxJT6jBeAqfSTOAjiLME9RysHQjPsJNXZdIcQDtA90dKwgcro7-/s180/facebook-icon.png) no-repeat top left;margin-top:115px;"></a></center></div><center><a style="display:block;margin-top:150px;font-family:Helvetica, Arial, sans-serif;color:#fff;font-size:16px;font-weight:bold;">Buraya İstediğinizi Yazın,</a><a style="display:block;margin-top:15px;font-family:Helvetica, Arial, sans-serif;color:#fff;font-size:16px;font-weight:bold;">you liked us on Facebook ?</a><br/><br/><iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FWidgetGenerators&send=false&layout=button_count&width=450&show_faces=false&font=trebuchet+ms&colorscheme=light&action=like&height=21" scrolling="no" frameborder="0" style="border:none;overflow:hidden;width:130px;height:21px;" allowtransparency="true"></iframe><a style="vertical-align:top;display:inline-block;width:90px;height:19px;background-color:#eceef5;-webkit-border-radius: 6px;border-radius: 6px;border:1px solid #6279ad;line-height:18px;font-family:Tahoma, Arial, sans-serif;font-size:11px;color:#3b5998;font-weight:normal;padding-right:8px;text-decoration:none;" class="gecgec" href="javascript:void(0);"><img src="" style="vertical-align:-4px;padding:0px;margin:0px;border:none;float:left;background-color:transparent;" />Kapat</a></center></div><div class="uoihucoder saym2rayt hucoder-gopluas"><div id="plusic" style="position:absolute;top:0px;right:0px;width:100%;height:2000px;background-color:#e46044;text-align:center;"><center><a onfocus="this.blur();" href="javascript:void(0)" style="display:block;width:200px;height:200px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBSJnQSBkb4O2Ma65HgKUuY-dTu45MtezzIw2RAvS2BRIn6v3KFsVGGM0c5qMMKHHfuiAEYyT07NvQXKDnt-d8DwwIXLNA0rWO22i5p5ur47MT4HdWz9zJO_1dBEIoFzO1jVMXj82UMtZd/s200/google-plus-icon.png) no-repeat top left;margin-top:110px;"></a></center></div><center><a style="display:block;margin-top:150px;font-family:Helvetica, Arial, sans-serif;color:#fff;font-size:16px;font-weight:bold;">Buraya istediğinizi yazın,</a><a style="display:block;margin-top:15px;font-family:Helvetica, Arial, sans-serif;color:#fff;font-size:16px;font-weight:bold;">google+ us at +1 Can you give me ?</a><br/><br/><div class="g-plusone" data-annotation="inline" data-width="140"></div><script type="text/javascript"> (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/platform.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script><a style="vertical-align:top;display:inline-block;width:90px;height:23px;background-color:#eee;-webkit-border-radius: 4px;border-radius: 4px;border:1px solid #fff;line-height:23px;font-family:Tahoma, Arial, sans-serif;font-size:12px;color:#e46044;font-weight:bold;padding-right:8px;text-decoration:none;" class="gecgec" href="javascript:void(0);">Kapat</a></center></div><div class="iuohulcoder saym3rayt hucoder-twitterr"><div id="twitic" style="position:absolute;top:0px;right:0px;width:100%;height:2000px;background-color:#32def4;text-align:center;"><center><a onfocus="this.blur();" href="javascript:void(0)" style="display:block;width:200px;height:200px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy4JzUfWcWd-jHX_pNuGfqXF8mw2ulwUAoV5lDOBo4Z3GddzurU5HDpVoEFER90NU6wTcA1SYDSuBKFSZqbWY868Ik_YtEbyd4RdVgneyhB1quYRUs7bBk1KxUuVhiX-0_yq0TE5maJ-ZW/s200/twitter-icon.png) no-repeat top left;margin-top:105px;"></a></center></div><center><a style="display:block;margin-top:150px;font-family:Helvetica, Arial, sans-serif;color:#fff;font-size:16px;font-weight:bold;">Buraya istediğinizi yazın,</a><a style="display:block;margin-top:15px;font-family:Helvetica, Arial, sans-serif;color:#fff;font-size:16px;font-weight:bold;">you can follow us on Twitter ?</a><br/><br/><a href="https://twitter.com/WidgetGenerator" class="twitter-follow-button" data-show-count="false" data-lang="en">Follow us</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><a style="vertical-align:top;display:inline-block;width:90px;height:19px;background-color:#f8f8f8;-webkit-border-radius: 3px;border-radius: 3px;border:1px solid #ccc;line-height:18px;font-family:Helvetica, Arial, sans-serif;font-size:11px;color:#444;font-weight:bold;padding-right:8px;text-decoration:none;" class="gecgec" href="javascript:void(0);">Kapat</a></center></div> <script src="http://code.jquery.com/jquery-latest.js"></script> <script>$(".gecgec").click(function(){$(".saym1rayt").animate({top:"-100%"},1100);$(".saym3rayt").animate({top:"-100%"},600);$(".saym2rayt").animate({top:"-100%"},1700,function(){$(".saym1rayt").hide();$(".saym2rayt").hide();$(".saym3rayt").hide()})});$(".saym1rayt").click(function(){$("#faceic").fadeOut(200);$("#plusic").fadeIn(200);$("#twitic").fadeIn(200);$(this).animate({width:"50%"},200);$(".saym2rayt").animate({width:"25%",left:"50%"},200);$(".saym3rayt").animate({width:"25%",left:"75%"},200);$("#obenimmil").fadeOut(400)});$(".saym2rayt").click(function(){$("#faceic").fadeIn(200);$("#plusic").fadeOut(200);$("#twitic").fadeIn(200);$(this).animate({width:"56%",left:"22%"},200);$(".saym1rayt").animate({width:"22%"},200);$(".saym3rayt").animate({width:"22%",left:"78%"},200);$("#obenimmil").fadeOut(400)});$(".saym3rayt").click(function(){$("#faceic").fadeIn(200);$("#plusic").fadeIn(200);$("#twitic").fadeOut(200);$(this).animate({width:"50%",left:"50%"},200);$(".saym1rayt").animate({width:"25%"},200);$(".saym2rayt").animate({width:"25%",left:"25%"},200);$("#obenimmil").fadeOut(400)})</script> <style type=text/css>div.eehucoder { position:fixed; text-align:center; z-index:99990; } div. ksahucoderr-facebook { background-color:transparent!important; height:75px; left:0; overflow:hidden; top:10px; width:100%; } div. kshucoderr-facebook { _bottom:auto; _top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight-52+"px") ); } div.hucoder-facebook { _bottom:auto; _top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight-52+"px") ); background-color:#4a6ea9; cursor:pointer; height:100%; left:0; overflow:hidden; top:0; width:32%; } div.hucoder-twitterr { _bottom:auto; _top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight-52+"px") ); background-color:#32def4; cursor:pointer; height:100%; left:68%; overflow:hidden; top:0; width:32%; } div.hucoder-gopluas { background-color:#e46044; cursor:pointer; height:100%; left:32%; overflow:hidden; top:0; width:36%; _bottom:auto; _top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight-52+"px") ); } div.ouihucoder,div.iuohulcoder,div.uoihucoder { position:fixed; text-align:center; z-index:99900; } </style><style type=text/css>div.eehucoder,</style><style type=text/css>div.ouihucoder,</style><style type=text/css>div.iuohulcoder,div.uoihucoder { _position:absolute; } Sizin Facebook Sayfası adınızla WidgetGenerators değiştirin.
Twitter kullanıcı adı ile WidgetGenerator değiştirin.
Kodları göremedim.
YanıtlaSil