Blogger Tips and Tricks

Last Update

jQuery Spiderman back to top button...

Read more...

Most Popular

jQuery Facebook Popup Like Box v2.Ένα απίθανο widget...

Read more...

Facebook

jQuery PopUp Facebook Like Box v5. Μια διαφορετική μορφή gadget...

Read more...

Sticky bar recend posts widget for Blogger

Λαμβάνω τον τελευταίο καιρό πολλά μηνύματα από επισκέπτες που ψάχνουν διάφορα gadgets για ιστολόγια ενημερωτικού περιεχομένου. Αυτό το gadget ενδείκνυται για τέτοιου τύπου Blogs. Εμφανίζεται στο πάνω μέρος της οθόνης και δίνει τη δυνατότητα στον επισκέπτη να την κλείνει, αν τον ενοχλεί.
Ακολουθήστε τα παρακάτω βήματα για να το βάλετε στη Σελίδα σας (αν το θέλετε):
  • Σύνδεση στον Blogger 
  • Διάταξη / Προσθήκη gadget
  • Επικολλήστε τον παρακάτω κώδικα:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script><script style="" src="http://yourjavascript.com/183274092/[www.bloggertipsandtriicks.net]RecendPostsStickybar.txt.js"></script><script src="http://yourjavascript.com/029190814/[www.bloggertipsandtriicks.net]jQuerystickybar.txt.js"></script><style>#md-stickybar{background:#000000 url('http://3.bp.blogspot.com/-zQeUG7PU9Uw/TmkiptyZ1eI/AAAAAAAAE98/At4tRBC9HQc/s400/stickybar.png') repeat-x;width:100%;margin:0 auto;text-align:center;padding:0px 0;top:0px;color:#F40045;border-bottom:2px solid #000;/*box-shadow*/-webkit-box-shadow:#666666 0px 1px 3px;-moz-box-shadow:#666666 0px 1px 3px;box-shadow:#666666 0px 1px 3px;z-index:999;display:none;height:28px;position:absolute;line-height:1.85em;vertical-align:baseline;letter-spacing:1px;}#md-stickybar a{text-decoration:none;color:#FFFFFF;font-size:13px;font-weight:bold;font-family:arial,"Helvetica",sans-serif;line-height:24px;}#md-stickybar a:hover{text-decoration:underline;}#md-stickybar p{margin:0;list-style:none;}#md-stickybar img{vertical-align:middle;margin-right:6px;}#mdclose{padding:0px;float:right;cursor:hand;cursor:pointer;color:#ddd!important;}</style><div id='md-stickybar'><script>var nMaxPosts = 10;var nWidth = 95;var nScrollDelay = 175;var sDirection = "left";var sOpenLinkLocation = "N";var sBulletChar = "<<";</script><script style=""  src="http://ΤΟ ΟΝΟΜΑ ΤΟΥ BLOG ΣΑΣ.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=RecentPostsScrollerv2&amp;max-results=10 " ></script> <a href="#" id="mdclose"  onclick="return false;"><img src="http://1.bp.blogspot.com/-MSEzL6EtjrM/Tt-hrSkKVnI/AAAAAAAAFiQ/AGUGFpnSUHk/s400/cancel.png"/></a></div id='md-stickybar'>
  • Αντικαταστήστε ΤΟ ΟΝΟΜΑ ΤΟΥ BLOG ΣΑΣ με το όνομα του δικού σας και πατήστε αποθήκευση.



PopUp Twitter Box gadget για τον Blogger

Έγιναν πλέον της μόδας αυτά τα gadgets με τους Fans και τους Followers. Αφού γράψαμε για το Facebook, μην αφήσουμε παραπονεμένο και το Twitter. Βάλτε λοιπόν το Twitter Followers Box στη Σελίδα σας με τον εξής τρόπο:
  • Σύνδεση στον Blogger
  • Σχεδίαση / Επεξεργασία HTML
  • Βρείτε την </head>
  • Επικολλήστε πριν από αυτήν τον παρακάτω κώδικα:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript">
</script>
  • Αποθηκεύστε το πρότυπό σας
  • Πατήστε "Στοιχεία Σελίδας"
  • Προσθήκη gadget και HTML/JavaScript
  • Επικολλήστε τον παρακάτω κώδικα:

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".twitterboxot").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function()
{$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//--> </script>
<style type="text/css">
.twitterboxot{background: url("http://3.bp.blogspot.com/-l28RXEYW-Js/TwvzWYaOwMI/AAAAAAAAAXI/VbZtLNC27ko/s1600/btsnts-twitter-floating.png")
no-repeat scroll left center transparent !important;
display: block;
float: right;
height: 240px;
padding: 0 5px 0 46px;
width: 245px;
z-index: 99999;
position:fixed;
right:-250px; top:30%;}</style>
<div class="twitterboxot"><div>
<script type="text/javascript"
src="http://script-ot.googlecode.com/svn/twitterbox.js"></script><div
id="twitterfanbox"></div
id="twitterfanbox"></div>
<script type="text/javascript">fanbox_init("TWITTER USERNAME");</script></div><div style="font-size:10px;"></div>
  • Αντικαταστήστε το "TWITTER USERNAME" με το δικό σας στο Twitter και πατήστε αποθήκευση

    DEMO
    Επειδή δεν έχω Twitter φαίνεται μόνο το πλαίσιο.

    Facebook popup like box. Μια άλλη παραλλαγή

    Αυτή τη φορά θα δείτε κάτι διαφορετικό σε σχέση με τα προηγούμενα gadgets του ίδιου τύπου. Μοιάζει κάπως με  το "Συστημένο για εσάς". Αφού, όπως είχαμε γράψει κάποτε, το Facebook αποτελεί έναν τρόπο προσέλκυσης αναγνωστών (πολύ καλό κιόλας), γεμίσαμε τον τόπο με gadgets που κάνουν τα πάντα για να αποσπάσουν από τους αναγνώστες ένα "like". Κι όμως πετυχαίνει.
    Ας ακολουθήσουμε τα παρακάτω βήματα για να το βάλετε στη Σελίδα σας:
    • Σύνδεση στον Blogger
    • Διάταξη / Προσθήκη gadget
    • Επιλέξτε HTML/JavaScript
    • Επικολλήστε τον παρακάτω κώδικα:
    <script type="text/javascript" src="http://yourjavascript.com/342152315/[www.bloggertipsandtricks.net]slidboxordinary.js"></script>   
    <div style="bottom: 50px; right: 0px; background-image: url(http://2lolz.com/tocka.png); background-attachment: scroll; background-origin: initial; background-clip: initial; background-color: transparent; border-top-left-radius: 15px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 15px; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-left-color: rgb(0, 0, 0); border-image: initial; position: fixed; display: block; overflow-x: hidden; overflow-y: hidden; width: 342px; background-position: 0% 0%; background-repeat: repeat repeat; " id="fbslidebox">

    <div style="width:320px; padding:10px; margin:0 auto; overflow:hidden;">

    <a href="#" style="float:right; color:#999; padding:0 3px;
    border:1px solid #CCC; text-decoration:none; font-size:9px; font-family:Verdana, Geneva, sans-serif;" id="fbcloseslidebox">X</a>

    <strong style="color:blue;">Μείνετε ενημερωμένοι κάνοντας ένα Like</strong> <p style=" float:right; margin-right:10px;" > <a style=" font-size:5px; color:trasparent; text-decoration:none;" href="http://www.bloggertipsandtricks.net/2012/04/facebook-popup-like-box.html" target='_blank'>Blogger Tips & Tricks</a></p>
    <iframe src="//www.facebook.com/plugins/likebox.php?href=
    ΤΟ LINK ΤΗΣ ΣΕΛΙΔΑΣ ΣΑΣ ΣΤΟ FACEBOOK&amp;width=292&amp;height=62&amp;colorscheme=light&amp;show_faces=false&amp;border_color&amp;stream=false&amp;header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:62px;" allowtransparency="true"></iframe>
    </div></div>
    • Αντικαταστήστε ΤΟ LINK ΤΗΣ ΣΕΛΙΔΑΣ ΣΑΣ ΣΤΟ FACEBOOK με το δικό σας και πατήστε αποθήκευση.

       
      Copyright © 2011-2012 Blogger Tips and Tricks All Rights Reserved | Template Design by Favorite Blogger Templates