Ads 468x60px

Τρίτη 13 Αυγούστου 2013

Twitter Like box...Η λύση!!!

Γειά σας,εδώ και καιρό υπάρχει πρόβλημα με το twitter like box το γνωστό κουτί που
βάζουμε σαν gadget στα blog μας,για να μπορούν εύκολα και γρήγορα να μας ακολουθούν
οι επισκέπτες,αναγνώστες μας στο διάσημο πλέον social network!!To widget του twitter
παραμένει κενό και δεν δείχνει ούτε τα tweets ούτε τους followers μας!!
Αυτό συμβαίνει

διότι η twitter αποφάσισε να αλλάξει τον κώδικα της και μέχρι στιγμής έχουν μπλοκάρει

όλα αυτά τα widgets!!Εδώ θα δούμε ένα widget που λύνει μέχρι στιγμής αυτό το πρόβλημα,

ένα 3 in 1 slideout follower box για facebook-twitter-google+ που δουλεύει κανονικά και
δείχνει τους followers μας!!

Η εγκατάσταση είναι πάρα πολύ απλή!

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

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

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

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

<script src="http://code.jquery.com/jquery-latest.js"></script>  <script src="http://apis.google.com/js/plusone.js" type="text/javascript"></script>  <link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/s/m4krejz6tw6sxlf/3%20in%201%20StyleSheet.css" />  <script src="https://dl.dropboxusercontent.com/s/e5p8j4qnfvgda8p/3%20in%201%20Widget.js"></script>    <div id="on">    <div id="facebook_right" style="top: 12%;">      <div id="facebook_div">        <img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwXbvCyOyPV3jadILg3L_fFFagOiICw0SqRonWf0CWk6sJVJKOQ-2XrgEMp5xSPmJRz61AxhMAHS0CMaiFyNR9xY-iriCFrhDqn36O8F3YEa3-W9S7E1uazAhtEy0NkEPCNszLq0wPr3LP/s1600/NBTfacebook_right.png" />        <iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Ffacebook id&amp;width=200&amp;height=346&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false"        style="border: none; height: 346px; overflow: hidden; width: 200px;"></iframe>      </div>    </div>  </div>  <div id="on">    <div id="twitter_right" style="top: 28%;">      <div id="twitter_div">        <img id="twitter_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5VQOHTx9qLbfzHMkkEitjiMwTKZFBERW6tK8kHu3JDJkYrOyBAIOSD_iLkFci_Mf8YcCv09CNhP3Ktj7x42Nk1Ao8fREZiGOXgGUDbVVY0fQPSvvdJfwoVLMXgzKw2fPCna17zZXBh7qO/s1600/NBTtwitter_right.png" />  <div style="width:248px;font-size:8px;text-align:right;"><script type="text/javascript">  document.write(unescape("%3Cscript src='http://twitterforweb.com/twitterbox.js?username=twitter username&settings=0,1,2,248,279,ffffff,0,c4c4c4,101010,1,1,336699' type='text/javascript'%3E%3C/script%3E"));</script><a href="http://NewBloggerTips.com" target="_blank"></a></div>        </div>      </div>    </div>    <div id="on">      <div id="google_plus_right" style="top: 45%;">        <div id="google_plus_div">          <img id="google_plus_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggYrFQFc93OOuN8XCpWVdqyHWSiLwTzQNCNGb0FQ6CammeD4nCm1E0AKhLC7u08qmbli1rKrISpiwqh34mRndLC2uaTfwvvtmVNJEsWnV8CtQsHaofWnPvWuxJNgsQyVwREWHil5aQhM8/s1600/NBTgoogle_plus_right.png" />          <div style="float: left; margin: 10px 10px 10px 0;">            <a href='http://newbloggertips.com'>              <img alt='Tips Tricks And Tutorials' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg10OyHXi11LOFRkBefEyxTuUkYDRPFKskTJCvZ7d_qvDtwez1xj-84b2HFHnLxl6uQhG3nuEHWEoW2d6QDfqOQykwHymO7x15L2B2uH7o4vycwpKTZKOgRkMAOsq6X4SDilylW8N6NRrc0/s1600/best+blogger+tips.png' />            </a>            <div class="g-plus" data-action="followers" data-height="250" data-href="https://plus.google.com/google plus id" data-source="blogger:blog:followers" data-width="270"></div>            <script type="text/javascript">            (function () {              window.___gcfg = {                'lang': 'en'              };              var po = document.createElement('script');              po.type = 'text/javascript';              po.async = true;              po.src = 'https://apis.google.com/js/plusone.js';              var s = document.getElementsByTagName('script')[0];              s.parentNode.insertBefore(po, s);            })();            </script>          </div>        </div>      </div></div>
......................................................................................................................................................
ΑΛΛΑΓΕΣ
facebook id --Εδώ βάζετε το όνομα της sελίδας σας στο facebook!

twitter username--Eδώ βάζετε το username σας στο twitter!

 google plus id--Εδώ βάζετε το google plus id σας!Δηλαδή τα νούμερα που είναι μετά το
 https://plus.google.com/ότι γράφει μετά στην σελίδα σας!!

Μόλις τελιώσετε πατήστε Αποθήκευση και ελπίζω να λύθηκε το πρόβλημα!!

DEMO

Καλή επιτυχία!!!

Πηγή κώδικα


Edit by vaiol!!!

0 σχόλια :

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

Icon Icon Icon

spice up your blog


Giveaway of the Day
Άδεια Creative Commons
Αυτή η εργασία χορηγείται με άδεια Creative Commons Αναφορά Δημιουργού-Μη Εμπορική Χρήση-Όχι Παράγωγα Έργα 3.0 Ελλάδα .