DEMO9: Community Popup Widget

Γειά σας,ένα πολύ ωραίο Popup Social Widget για τα blog μας θα δούμε σε αυτήν

την ανάρτηση το οποίο υπενθύμιζει στους αναγνώστες και επισκέπτες μας να μας

ακολουθούν στα διάσημα πλέον social media facebook & twitter!!

Εδώ θα το δούμε τοποθετημένο κάτω αριστερά και στον επισκέπτη,αναγνώστη μας
θα εμφανίζεται όταν σκλοράρει την σελίδα μας προς τα κάτω και ο πρώτος κώδικας
είναι σε πράσινο χρώμα όπως θα δείτε στο Demo!!Η εγκατάσταση είναι απλή...

Πηγαίνετε blogger--> Διάταξη -->

Προσθήκη gadget-->HTML/JavaScript

και στο παράθυρο που θα ανοίξει βάλτε τον παρακάτω κώδικα-->

.............................................................................................................. ..........................

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>   <script type="text/javascript">$(window).scroll(function(){if($(document).scrollTop()>=$(document).height()/4)$("#IGsocialslide").show("slow");else $("#IGsocialslide").hide("slow");});function closeIGsocialslide(){$('#IGsocialslide').remove();$.ajax({type:"POST",url:"/facebookpage.php"});}</script> <style type='text/css'> #IGsocialslide{ background:black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTw9FwX-LSZYmOw6BNcLoJO0crdkfVf-Ldt0d9iAuPIwSnD0_GEDrn50G-w2AvQkltisuXpaBxsDQxWlZTEL8qp0JsETyYyz7cs9d6D0eZQBM5PIG-gx8FIkPtH6IqolZr4wbW8Wq1RXQ/s1600/NBT_Green.png) left top repeat-x; border-radius:9px; -moz-border-radius:8px; -webkit-border-radius:8px; -moz-box-shadow:inset 0 0 4px #333; -webkit-box-shadow:inset 0 0 4px #333; box-shadow:inner 0 0 3px #333; padding:12px 14px 12px 14px; width:300px; position:fixed; bottom:13px; left:2px; display:none; z-index:3; height:65px;} </style> <div style="display: none;" id="IGsocialslide"> <a style="position:absolute;top:14px;right:10px;color:#D8C9C9;font-size:10px;font-weight:bold;" href="javascript:void(0);" onclick="return closeIGsocialslide();">X</a> <span style="font-family: Tekton Pro; font-size: 20px; margin: 10px 0; text-shadow: 1px 1px 0 #868686;color:#F8F0F0;">Don't forget to join our community!</span><br /> <div style="float:left; margin:15px;"><iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FFacebook Page Url&send=false&layout=button_count&width=80&show_faces=false&action=like&colorscheme=light&font=arial&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px;" allowtransparency="true"></iframe></div> <div style="float:left; margin:15px;"><a href="https://twitter.com/Twitter Username" class="twitter-follow-button" data-show-count="true" data-size="small" data-show-screen-name="false">Follow</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> </div>

..................................................................................................................................................

DEMO9

snow

Τετάρτη 7 Αυγούστου 2013

Community Popup Widget

Δεν υπάρχουν σχόλια:

Δημοσίευση σχολίου