Κάντε το blog σας να εμφανίζει αυτόματα μικρογραφία, και το λινκ “Διαβάστε περισσότερα”

| 2 σχόλια

Ένα πολύ χρήσιμο trick για κάθε blog.
Με τον παρακάτω κώδικα το blog σας αυτόματα θα εμφανίζει στην αρχική σελίδα μικρογραφία, και θα προσθέτει μόνο του το “jump link” δηλαδή με λίγα λόγια το κουμπί “Διαβάστε περισσότερα” που όλοι γνωρίζουμε.

Το μόνο που μένει να κάνετε εσείς είναι να γράψετε κάποια δημοσίευση η οποία να περιέχει μια εικόνα, και το script θα κάνει την υπόλοιπη δουλειά για εσάς (δηλαδή να τοποθετήσει την εικόνα στο σωστό σημείο, με τις διαστάσεις που θα ορίσετε, και να εμφανίσει στα δεξιά της ένα απόσπασμα από την δημοσίευση σας).

Αν η δημοσίευση σας δεν έχει εικόνα, τότε θα εμφανίζει μόνο ένα μέρος από το κείμενο της δημοσίευσης.

Προτείνουμε να κρατήσετε αντίγραφο ασφαλείας πριν εγκαταστήσετε το script στο blog σας.

Κάντε login στο blog σας
Πηγένετε στο “Πρότυπο”
Κάντε κλικ στο “Επεξεργασία HTML”
Επιλέξτε το κουτάκι “Επέκταση προτύπων γραφικών στοιχείων”
Βρείτε τον κώδικα
</head>

Και αντικαταστήστε τον με τον παρακάτω κώδικα




Αντικαταστήστε από αυτόν τον κώδικα όποια από τις παρακάτω μεταβλητές επιθυμείτε


summary_noimg = 430; :Μέγεθος του αποσπάσματος χωρίς εικόνα
summary_img = 340; :Μέγεθος του αποσπάσματος με εικόνα
img_thumb_height = 100; :Ύψος εικόνας δημοσίευσης
img_thumb_width = 120; :Πλάτος εικόνας δημοσίευσης


7. Τώρα κάντε αναζήτηση για
<data:post.body/>
και αντικαταστήστε τον με τον παρακάτω κώδικα

Τέλος αποθηκεύστε το πρότυπο σας, και ελέγξτε αν όλα έγιναν σωστά. 
 Σημείωση 1: Σε πολλά προσαρμοσμένα πρότυπα, τον κώδικα θα τον βρείτε παραπάνω από μια φορές. Όμως ποιο θα πρέπει να αλλάξετε διαφέρει από πρότυπο σε πρότυπο. Έχοντας κρατήσει αντίγραφο ασφαλείας δοκιμάστε αντικαθιστώντας τους έναν έναν μέχρι να βρείτε τον σωστό. Συνήθως είναι η πρώτη επιλογή που θα βρεθεί στην αναζήτηση. 
Σημείωση 2: Αν επιθυμείτε αντί για το κείμενο “Διαβάστε περισσότερα” να προσθέσετε κάποια προσαρμοσμένη εικόνα, αντικαταστήστε το “Διαβάστε περισσότερα…” με αυτόν τον κώδικα : <img href=’Η ΔΙΕΥΘΥΝΣΗ ΤΗΣ ΕΙΚΟΝΑΣ ΕΔΩ’ />

Προσθήκη facebook comments box στο blogger

| 0 σχόλια

Εδώ θα βρείτε έναν απλό οδηγό βίντεο που θα το βρείτε κάτω κάτω στο τέλος του άρθρου όπου σας δείχνω την όλη διαδικασία τοποθέτησης αυτής της εφαρμογής.



Διαδικασία δημιουργίας εφαρμογής στο facebook:

Αφού συνδεθείτε στο facebook κάντε κλικ εδώ: https://developers.facebook.com/apps
Πατάτε στο κουμπί "+ Δημιουργία νέας εφαρμογής (+ Add a New App)"
Στο παραθυράκι που ανοίγει επιλέξτε "Ιστοσελίδα"
Στη συνέχεια δώστε το όνομα που επιθυμείτε να έχει η εφαρμογή και κάντε κλικ στο κουμπί "Create New Facebook App ID"
Στο νέο παράθυρο διαλέξτε κατηγορία και κάντε κλικ στο κουμπί "Create App ID"
Στη συνέχεια δώστε το url του blog σας στο "Site URL" και στο "Mobile Site URL" πατήστε επόμενο και ακολούθως κατεβείτε λίγο κάτω και κάντε κλικ εκεί που λέει Skip to Developer Dashboard ή κάντε κλικ στο σύνδεσμο εδώ: developers.facebook.com/apps (αν μπείτε από αυτό το λινκ θα δείτε την εφαρμογή που φτιάξετε και κάντε κλικ πάνω της)
Στην νέα σελίδα που θα σας ανοίξει συμπληρώστε αντιγράψτε το App ID

Η εφαρμογή τώρα είναι έτοιμη, μην ξεχάσετε να αντιγράψτε το App ID γιατί θα σας χρειαστεί ακολούθως στον κώδικα.


Διαδικασία ενσωμάτωσης του κώδικα στο blogger:
Σύνδεση στο blogger.com και επιλογή του blog που σας ενδιαφέρει
Από το μενού πάτε στο "Πρότυπο" και "Επεξεργασία HTML"
Τώρα βρισκέσται στον κώδικα html όπου πρέπει να βάλετε μέσα στο τμήμα head σε όποιο σημείο θέλετε τον πιο κάτω κώδικα (τα γράμματα που βλέπετε με κόκκινο αντικαταστήστε τα με το App ID που σας είπα να αντιγράψετε πιο πάνω και αποθηκεύστε το πρότυπο σας):


<meta content="FACEBOOK-APP-ID" property="fb:app_id" />
Ακολούθως πατήστε τα πλήκτρα ctrl+F ενώ έχετε το κέρσορα σας μέσα στο κώδικα και στο κουτάκι πάνω δεξιά που θα ανοίξει αντιγράψτε την πιο κάτω γραμμή εντολής και πατήστε enter για να την αναζητήσετε

<div class='post-footer-line post-footer-line-3'>

Όταν την βρείτε αντιγράψτε το πιο κάτω κώδικα και επικολλήστε τον ακριβώς από κάτω (τα κόκκινα γράμματα μπορείτε να τα αλλάξετε ανάλογα με τις ανάγκες σας):
<b:if cond='data:blog.pageType == "item"'> <div id="fb-root"></div> <script>(function(d){ var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;} js = d.createElement('script'); js.id = id; js.async = true; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; d.getElementsByTagName('head')[0].appendChild(js); }(document));</script> <fb:comments width='400' colorscheme='light' expr:title='data:post.title' expr:href='data:post.canonicalUrl' expr:xid='data:post.id'/> </b:if>
Τέλος βάλτε τον πιο κάτω κώδικα πάνω πάνω που ανοίγει η ετικέτα <html ακριβώς δίπλα από αυτήν
xmlns:fb="https://www.facebook.com/2008/fbml"
Πατώντας αυτό το λινκ: http://developers.facebook.com/tools/comments θα σας ανοίξει μια σελίδα όπου θα μπορείτε να βλέπετε και να διαχειρίζεστε τα σχόλια που θα γίνονται.

Αλαγή της εμφάνισης του Widget για τις Ετικέτες

| 0 σχόλια

Βρίσκω αυτό το Widget αρκετά όμορφο, με επιβλητικό και πρωτότυπο Design και πιστεύω ότι σε σχέση με το σχεδόν απαρατήρητο Widget που σου δίνει ο Blogger, θα βοηθήσει και εσάς στο να έχετε μια πιο όμορφη παρουσία του Blog αλλά και τον επισκέπτη που θα περιηγηθεί καλύτερα.

Ακολουθήστε τα παρακάτω βήματα για την εγκατάσταση:

1) Σύνδεση στον Blogger

2) Διάταξη > Προσθήκη Gadget > Ετικέτες

3) Επιλέγουμε τα κουτάκια ώστε το Gadget μας να είναι όπως στην φωτογραφία.

Βρίσκω αυτό το Widget αρκετά όμορφο, με επιβλητικό και πρωτότυπο Design και πιστεύω ότι σε σχέση με το σχεδόν απαρατήρητο Widget που σου δίνει ο Blogger, θα βοηθήσει και εσάς στο να έχετε μια πιο όμορφη παρουσία του Blog αλλά και τον επισκέπτη που θα περιηγηθεί καλύτερα.  Ακολουθήστε τα παρακάτω βήματα για την εγκατάσταση:  1) Σύνδεση στον Blogger  2) Διάταξη > Προσθήκη Gadget > Ετικέτες  3) Επιλέγουμε τα κουτάκια ώστε το Gadget μας να είναι όπως στην φωτογραφία.

4) Πηγαίνουμε Πρότυπο

5) Επεξεργασία HTML

6) Στους κώδικες τώρα, με την βοήθεια του CTRL + F ψάχνουμε για το:
]]></b:skin>
7) Ακριβώς από πάνω προσθέτουμε τον παρακάτω κώδικα:



/*-------------------------------------
 Sidebar Label Cloud By Blogger Tricks
--------------------------------------- */
.sidebar .cloud-label-widget-content {margin:0; padding-left:20px!important;}
.sidebar .label-size a {
color:#fff!important;
background:#222;
padding:8px 22px;
margin:0 3px 3px 0;
float:left;
display:block;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.sidebar .label-size-1 a {background:#FF8000}
.sidebar .label-size-2 a {background:#F6FF03}
.sidebar .label-size-3 a {background:#FB2903}
.sidebar .label-size-4 a {background:#298A08}
.sidebar .label-size-5 a {background:#084B8A}
.label-size-1 a:hover, .label-size-2 a:hover, .label-size-3 a:hover, .label-size-4 a:hover, .label-size-5 a:hover {
background:#2288bb; color:#fff; text-decoration:none}
.sidebar .label-size span {
background:#2288bb;
color:#fff;
padding:8px 22px;
margin:0 0 3px;
clear:both;
float:left;
}
.sidebar .label-size {
position:relative;
text-transform: uppercase;
text-decoration:none;
font-size:16px;
font-family:'Oswald', sans-serif;
color:#fff;
}
.sidebar .label-size a, .sidebar .label-size a:visited {color:#fff;text-decoration: none;}

8) Αποθήκευση και τέλος

Πως θα αλλάξω Web Address στις Facebook Pages

| 0 σχόλια

Πως κατοχυρώνω Facebook Web Address ;

Ο τρόπος είναι πολύ απλός και ίδιος για όλες τις σελίδες του Facebook, οπότε απλά ακολουθήστε τα βήματα με την σειρά και υποθέτω πως δεν θα έχει κανένας σας πρόβλημα.

Καταρχάς πρέπει να αναφέρω ότι εκτός από το URL που θα γίνει πιο απλό και εύκολο για να το μοιράζεστε, θα έχετε κατοχυρώσει και ένα μοναδικό Link στο Facebook που θα αναφέρεται στην ιστοσελίδα σας σαν αυτό που έχουν γνωστές σε όλους μας εταιρίες.



  • https://www.facebook.com/fanta
  • https://www.facebook.com/cocacola
  • http://facebook.com/bloggertipsandtricks.net (σχετικά με την δική μου περίπτωση)
Αυτό θα βοηθήσει και την σελίδα σας στο SEO (Search Engine Optimization) δηλαδή στο πόσο συχνά "βγαίνει" η σελίδα σας στην πρώτη θέση στις μηχανές αναζήτησης.
 
Διαδικασία Κατοχύρωσης Facebook Web Address

1) Σύνδεση στο Facebook.

2) Επιλέγω να χρησιμοποιήσω το Facebook ως διαχειριστής της σελίδας.



Πως αλλάζω Web Address στις Facebook Pages


3) Επιλέγω Ρυθμίσεις από το οριζόντιο μενού της σελίδας που άνοιξε από το βήμα 2

4) Επιλέγω Πληροφορίες Σελίδας (2η επιλογή)

5) Επιλέγω Facebook Web Address (2η επιλογή)

6) Επιλέγω την διεύθυνση που θέλω (αν είναι διαθέσιμη) http://facebook.com/username

7) Επιλέγω Αποθήκευση

Τώρα η σελίδα σας που είχε την μορφή http://www.facebook.com/pages/username-username θα μετατραπεί στον απλό σύνδεσμο: http://facebook.com/username

Για απορίες και περισσότερες πληροφορίες: 
https://www.facebook.com/pages/Blogger-Tips-and-Tricks/

Join Us On Facebook στον blogger

| 0 σχόλια

Είναι ένας ακόμα τρόπος με τον οποίο ένας απλός Blogger μπορεί να προβάλει την σελίδα του στο Facebook εύκολα και γρήγορα, απορροφώντας το κοινό του χωρίς να χρειαστεί να περιμένει μήνες.

Η τοποθέτηση γίνεται αυτόματα πάνω και δεξιά.


Ειναι ευδιάκριτο και τραβάει εύκολα την προσοχή!

Join Us On Facebook στον blogger


1) Σύνδεση στον Blogger

2) Διάταξη

3) Προσθήκη Gadget



4) html javascript

Στο κουτάκι προσθέτουμε τον παρακάτω κώδικα:



Join Us On Facebook


5) Πριν κάνουμε αποθήκευση, αλλάζουμε το bloggertipsandtricks με την δική μας σελίδα.

Αν δεν γνωρίζεις πως να αλλάξεις την μορφή που έχει η σελίδα σου στο Facebook, και από https://www.facebook.com/pages να την κάνεις https://www.facebook.com/yourblogname, δες την παρακάτω ανάρτηση:


Αλαγή του blogspot.gr σε blogspot.com

| 0 σχόλια

Φίλοι bloggers γεια σας...Εδώ και αρκετές ημέρες, έγραψα επάνω ψηλά στα "Νέα του Dr-Blogger", οτι "ΠΡΟΣΟΧΗ !!! ΟΣΟΙ ΕΧΟΥΝ DOMAIN NAME ΤΟΥ BLOGGER, ΘΑ ΕΙΔΑΤΕ ΟΤΙ ΠΛΕΟΝ ΤΟ URL ΤΟΥ BLOG ΣΑΣ ΑΛΛΑΞΕ ΣΕ BLOGSPOT.GR...ΚΑΝΕΝΑ ΠΡΟΒΛΗΜΑ...Η GOOGLE TO ΕΦΑΡΜΟΣΕ ΣΤΑ ΕΛΛΗΝΙΚΑ BLOGS ΚΑΙ Η ΑΝΑΚΑΤΕΥΘΥΝΣΗ ΣΤΟ BLOG ΣΑΣ ΓΙΝΕΤΑΙ ΑΥΤΟΜΑΤΑ..."
Αυτό έγινε για να λογοδοτεί το κάθε blog, στους νόμους που διέπουν τα εκάστοτε κράτη! Θέλετε να μάθετε και άλλες διευθύνσεις κρατών ; Δείτε....

Αλαγή του blogspot.gr σε blogspot.com

India [blogspot.in], Australia [blogspot.com.au], UK [blogspot.co.uk], Japan [blogspot.jp], New Zealand[blogspot.co.nz], Canada [blogspot.ca], Germany [blogspot.de], Italy [blogspot.it], France [blogspot.fr], Sweden[blogspot.se], Spain [blogspot.com.es], Portugal [blogspot.pt], Brazil [blogspot.com.br], Argentina [blogspot.com.ar],Mexico [blogspot.mx] 

Πάμε πρότυπο, επεξεργασία HTML και βάλτε τον παρακάτω κώδικα, αμέσως ΠΡΙΝ το </head>  αποθήκευση και είστε οκέυ!!

code:
<script type="text/javascript"> var blog = document.location.hostname; var slug = document.location.pathname; var ctld = blog.substr(blog.lastIndexOf(".")); if (ctld != ".com") { var ncr = "http://" + blog.substr(0, blog.indexOf(".")); ncr += ".blogspot.com/ncr" + slug; window.location.replace(ncr); } </script>

Proceed - Responsive Blogger Template

| 0 σχόλια

premium blogger template

  • Name:    Proceed - Responsive Blogger Template
  • Type:      Proceed is a Premium Blogger Template with Responsive layout and suited for all blogs. It’s design with modern style, simple color combination, clean and modern look, SEO Optimized, and has been built by using some of the most popular current design trends. It’s perfect choise for all type of blogs.
Κατεβάστε δωρεάν πρότυπα από την ThemeForest και μην προσπαθείτε να πειράξετε τους συνδέσμους των δημιουργών

Προσθήκη author box κάτω από τα posts στον blogger

| 0 σχόλια

Αυτό το θέμα είναι για να μας βοηθήσει να προσθέσουμε ένα κομψό author box widget ( κουτί συγγραφέα )κάτω από τις αναρτήσεις στο Blogger. Αυτό το κουτί περιέχει πηροφορίες συγγραφέα εικόνα και εισαγωγή στις διευθύνσεις των κοινωνικών δικτύων.

Παρέχει μικρή εισαγωγή του συγγραφέα του blog στους επισκέπτες του κάτω από κάθε ανάρτηση.

Αυτό θα συμβάλλει επίσης στην αύξηση οπαδών στα κοινωνικά δίκτυα.

Αν σε κάποιον αρέσει το blog σας ή το προφίλ σας, τότε αυτός / αυτή μπορεί να σας ακολουθήσει άμεσα στα κοινωνικά δίκτυα σας με τη βοήθεια αυτού του widget. Με τον τρόπο αυτό θα βοηθειθητε ώστε να πάρετε καλύτερη έκθεση στα κοινωνικά δίκτυα.


Προσθήκη author box κάτω από τα  posts στον blogger


Πως το κάνουμε:


Βήμα 1: Στο πρότυπο κώδικα του blog σας πατήστε ctrl+f και στο πλαίσιο αναζήτησης που θα ανοίξει βρείτε το  <div class=’post-footer-line post-footer-line-1′>

Βήμα 2: Επικόλληση ακόλουθου κώδικα ακριβώς από κάτω και αποθηκεύστε το πρότυπο.

Βήμα 3: Τροποποίηστε τον κόκκινο χρωματιστό κώδικα σύμφωνα με τις ανάγκες σας.





Author image

About the Author :

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla.
Connect with him on :

Προσθήκη Social Media Icons στον Blogger

| 0 σχόλια

Τα κοινωνικά δίκτυα όπως το Facebook, το Twitter, το LinkedIn, κλπ παίζουν πολύ σημαντικό ρόλο στην καθοδήγηση της κυκλοφορίας του blog ή της ιστοσελίδας σας. 
Η πλειοψηφία της κυκλοφορίας στα website`s προέρχεται από αυτά τα κοινωνικά δίκτυα. Για να κερδίσετε επιπλέον κυκλοφορία στο blog σας θα πρέπει να το συνδέσετε με τους λογαριασμούς των κοινωνικών δικτύων σας. 
Αυτή το θέμα λοιπόν είναι για την προσθήκη κομψών εικονιδίων των κοινωνικών μέσων μαζικής ενημέρωσης στον Blogger.

Προσθήκη Social Media Icons στον Blogger


Πως θα το κάνουμε:

Βήμα 1: Πηγαίνετε στον Blogger.

Βήμα 2: Επιλέξτε διάταξη.

Βήμα 3: Κάντε κλικ στο κουμπί Προσθήκη gadget στην οθόνη διάταξης.

Βήμα 4: Από τη λίστα των widgets, επιλέξτε HTML / JavaScript.

Βήμα 5: Στο πεδίο Περιεχόμενο της HTML / JavaScript επικολήστε τον παρακάτω κώδικα. 


Βήμα 6: κλικ στο κουμπί Αποθήκευση .

Σημείωση: Στον κώδικα που ακολουθεί ενημερώσετε τις διευθύνσεις του κοινωνικού δικτύου σας πριν από την αποθήκευση του widget.







Προσθήκη όλων σε ένα subscription box στον blogger

| 0 σχόλια

Add all in one subscription box to blogger

Το subscription box είναι ένα πολύ δημοφιλές widget και ως επί το πλείστον χρησιμοποιείται ευρέως σε όλα τα blogs και ιστοσελίδες. 
Κάθε ιστοσελίδα στο διαδίκτυο αν είναι ένα blog WordPress, Blogger blog ή μια στατική html ιστοσελίδα περιέχει το δικό του subscription box κοινωνικής συνδρομής. 
Αυτό το post είναι ότι καλύτερο για all in one subscription box στόν blogger. 
Αυτό το subscription box περιέχει σχεδόν όλες τις μεγάλες ολοκληρώμένες κοινωνικού δίκτυου σελίδες.

Προσθήκη όλων σε ένα subscription box στον blogger


Προσθέστε το κιβώτιο συνδρομής στο Blogger

Στον παρακάτω κώδικα αλλάζουν όλα τα κόκκινα χρωματισμένα με τις δικές σας διευθύνσεις κοινωνικόύ δίκτυου
Αντιγράψτε τον κώδικα.
Σύνδεση στο Blogger
Επιλέξτε το blog σας.
Πηγαίντε στην Διάταξη του blogger σας, επιλέξτε Προσθήκη gadget
Επιλέξτε HTML / JavaScript widget
Στην HTML JavaScript widget επικολλήστε τον παραπάνω κώδικα και να αποθηκεύσετε το 
Είστε έτοιμοι!




Προσθήκη floating dropdown menu στον blogger

| 1 σχόλια

floating widget μενού πλοήγησης, Πλωτά κουμπιά διαμοιρασμού και κυμαινόμενα social εικονίδια είναι πολύ δημοφιλή πλέον. Είναι πολύ εύκολο να προσθέσετε αυτό το floating widget στο blogs σας. Μπορούμε να δημιουργήσουμε οποιοδήποτε πλωτό widget με τη βοήθεια του κώδικα CSS. Σε αυτή τη δημοσιεύση θα συζητήσουμε για την προσθήκη ενός κυμαινόμενου αναπτυσσόμενου μενού πλοήγησης στο Blogger.


Προσθήκη floating dropdown menu στον blogger

Χαρακτηριστικά των floating dropdown μενού

Ελαφρύς κώδικα CSS που δεν επηρεάζει την ταχύτητα φόρτωσης του blog σας.
Ενσωματωμένα εικονίδια Κοινωνικής δικτύωσης.
Όμορφα CSS χρώματα που χρησιμοποιούνται για το σχεδιασμό μενού.
Εύκολο να προσθέσετε και να προσαρμόσετε.


Προσθέστε το floating dropdown menu στον blogger

Σύνδεση στον Blogger.
Επιλέξτε το blog σας.
Επιλέξτε πρότυπο.
Κάντε κλικ στην επιλογή Επεξεργασία HTML .
Βρείτε την 
</header> στον κώδικα του προτύπου πατώντας ctrl+f .
Επικολλήστε τον ακόλουθο κώδικα ακριβώς από κάτω και αποθηκεύστε το πρότυπο.
Προεπισκόπηση του blog σας για να δείτε την νέα floating dropdown menu σε δράση.

Κωδικός για floating dropdown menu




  

Προσθέστε floating share buttons to blogger

| 0 σχόλια

Τα Floating share buttons διαμοιράζουν και  βοηθούν στην αύξηση του ποσοστού των επισκέπτων του blog σας, το ότι παραμένουν πάντα μπροστά από έναν επισκέπτη της σελίδας σας καθιστά το έργο της Floating share buttons πολύ εύκολη. Αυτά τα κυμαινόμενα κουμπιά περιλαμβάνουν επίσης το κουμπί addthis. 


Προσθέστε floating share buttons to blogger


Προσθήκη floating share buttons στο Blog

Βήμα 1: Ανοίξτε τον Πανόπτη Blogger.
Βήμα 2: Επιλέξτε το blog σας
Βήμα 3: Ανοίξτε το Πρότυπο
Βήμα 4: Κάντε κλικ στην επιλογή Επεξεργασία HTML.
Βήμα 5: Αναζητήστε πατώντας στο πληκτρολόγιο τα πλήκτρα ctrl +f τον κώδικα, <b: includable id = "post" var = "post">
Βήμα 6: Ακριβώς κάτω από αυτό επικολλήσετε τον παρακάτω κώδικα και αποθηκεύστε το πρότυπο.





    



Προσθήκη του Facebook likebox στο Blogger

| 0 σχόλια

H facebook σελίδα σας είναι ένας πολύ καλός τρόπος για την προώθηση του blog σας και την αύξηση της κυκλοφορίας του. Όπως και το Facebook box είναι ένα δημοφιλές facebook plugin για τον blogger που συνδέει την facebook fanpage σας στο blog σας. Θα εμφανιστεί ο αριθμός των οπαδών σας στο Facebook μαζί με τις εικόνες τους, καθως και παρότρυνση για LIKE!


Δείτε την φώτο:



Προσθήκη του Facebook likebox στο Blogger



Προσθήκη του Facebook likebox στο blog


Βήμα 1: Πηγαίνετε στο σας Πανόπτη Blogger και επιλέξτε το blog σας

Βήμα 2: Επιλέξτε Διάταξη επιλογή .

Βήμα 3: Στη Διάταξη , επιλέξτε Προσθήκη gadget

Βήμα 4: Από τη λίστα Gadgets επιλέξτε HTML / JavaScript

Βήμα 5: Στην HTML / JavaScript επικολήστε τον ακόλουθο κώδικα

Βήμα 6: Αποθηκεύστε το widget και απολαύστε.

Σημείωση: Αλλάξτε το paste your facebook page url here με την διεύθυνση της facebook σελίδας σας!

jQuery συρόμενο προς τα έξω κουμπί Like us on Facebook Widget for Blogger

| 0 σχόλια

Για να κερδίσουμε περισσότερα Like με στυλ, δημιουργήσαμε αυτό το έξυπνο widget!
Συνδεόμαστε στον blogger και πάμε στην διάταξη επιλέγουμε προσθήκη gadget  και μετά  html/javascript κάνουμε επικόληση στο πλάισιο που θα ανοίξει τον πάρακάτω κώδικα:




 Αλάξτε την διεύθυνση facebook από: Blogger-Tips-and-Tricks/357585684268281 με την δική σας facebook διευθυνση και είστε έτοιμοι!


<style>
#scrollwig {
position: fixed;
right: -510px;
z-index: 4;
opacity:0.99;
width: 275px;
bottom: -300px;
}
#scroll_content{
border: 5px solid #FFF;
border-radius: 150px 150px 0 150px;
box-shadow: -3px 3px 4px #BFBFBF;
margin-bottom: 0;
}
#follow {
background-color: #FFF;
border:15px groove #F8DA39;
border-right: none;
border-bottom: none;
border-radius: 150px 150px 0 150px;
font-size: 0.9em;
height: 250px;
margin-bottom: 0;
padding: 40px;
text-align: center;
}
.text{margin:0 0 0 0}
.para1 {
font-size: 1.9rem;
font-weight: normal;
font-family: oswald;
padding-bottom: 0.1em;
margin: 0 0 0 0;
letter-spacing: 1px;
color: #47401A;
}
.para2 {
width: 120%;
margin: 0 0 0 -9%;
font-size: .8rem;
}
.fbfollow {
color: #3B5998;
font-size:1.3rem;
font-weight:bold
}
.googlefollow {
color: #D34836;
font-size:1.3rem;
font-weight:bold
}
</style>
<script>
mdfbw="Blogger-Tips-and-Tricks/357585684268281"
var _0xb6f0=["\x73\x63\x72\x6F\x6C\x6C\x54\x6F\x70","\x66\x61\x64\x65\x49\x6E","\x23\x73\x63\x72\x6F\x6C\x6C\x77\x69\x67","\x66\x61\x64\x65\x4F\x75\x74","\x73\x63\x72\x6F\x6C\x6C"];$(document)[_0xb6f0[4]](function (){var _0x6b02x1=$(this)[_0xb6f0[0]]();if(_0x6b02x1>1500){$(_0xb6f0[2])[_0xb6f0[1]]();} else {$(_0xb6f0[2])[_0xb6f0[3]]();} ;} );
var _0x7f48=["\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x27\x73\x6C\x69\x64\x65\x72\x62\x6F\x78\x5F\x30\x36\x27\x20\x69\x64\x3D\x27\x73\x63\x72\x6F\x6C\x6C\x77\x69\x67\x27\x20\x73\x74\x79\x6C\x65\x3D\x27\x72\x69\x67\x68\x74\x3A\x20\x30\x70\x78\x3B\x20\x62\x6F\x74\x74\x6F\x6D\x3A\x20\x30\x70\x78\x3B\x27\x3E","\x77\x72\x69\x74\x65","\x3C\x64\x69\x76\x20\x69\x64\x3D\x27\x73\x63\x72\x6F\x6C\x6C\x5F\x63\x6F\x6E\x74\x65\x6E\x74\x27\x3E","\x3C\x64\x69\x76\x20\x69\x64\x3D\x27\x66\x6F\x6C\x6C\x6F\x77\x27\x3E","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x27\x74\x65\x78\x74\x27\x3E","\x3C\x70\x20\x63\x6C\x61\x73\x73\x3D\x27\x70\x61\x72\x61\x31\x27\x3E\x4C\x69\x6B\x65\x20\x55\x73\x20\x4F\x6E\x3C\x2F\x70\x3E","\x3C\x70\x3E\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x27\x66\x62\x66\x6F\x6C\x6C\x6F\x77\x27\x3E\x46\x61\x63\x65\x62\x6F\x6F\x6B\x3C\x2F\x73\x70\x61\x6E\x3E\x3C\x2F\x70\x3E","\x3C\x62\x72\x2F\x3E","\x3C\x21\x2D\x2D\x20\x46\x62\x20\x42\x75\x74\x74\x6F\x6E\x20\x2D\x2D\x3E","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x27\x66\x62\x27\x20\x73\x74\x79\x6C\x65\x3D\x27\x66\x6C\x6F\x61\x74\x3A\x6E\x6F\x6E\x65\x3B\x70\x6F\x73\x69\x74\x69\x6F\x6E\x3A\x72\x65\x6C\x61\x74\x69\x76\x65\x3B\x20\x6D\x61\x72\x67\x69\x6E\x3A\x30\x70\x78\x20\x30\x70\x78\x20\x30\x70\x78\x20\x36\x33\x70\x78\x27\x3E","\x3C\x69\x66\x72\x61\x6D\x65\x20\x73\x72\x63\x3D\x22\x2F\x2F\x77\x77\x77\x2E\x66\x61\x63\x65\x62\x6F\x6F\x6B\x2E\x63\x6F\x6D\x2F\x70\x6C\x75\x67\x69\x6E\x73\x2F\x6C\x69\x6B\x65\x2E\x70\x68\x70\x3F\x68\x72\x65\x66\x3D\x68\x74\x74\x70\x73\x25\x33\x41\x25\x32\x46\x25\x32\x46\x77\x77\x77\x2E\x66\x61\x63\x65\x62\x6F\x6F\x6B\x2E\x63\x6F\x6D\x25\x32\x46","\x26\x61\x6D\x70\x3B\x77\x69\x64\x74\x68\x26\x61\x6D\x70\x3B\x6C\x61\x79\x6F\x75\x74\x3D\x62\x6F\x78\x5F\x63\x6F\x75\x6E\x74\x26\x61\x6D\x70\x3B\x61\x63\x74\x69\x6F\x6E\x3D\x6C\x69\x6B\x65\x26\x61\x6D\x70\x3B\x73\x68\x6F\x77\x5F\x66\x61\x63\x65\x73\x3D\x66\x61\x6C\x73\x65\x26\x61\x6D\x70\x3B\x73\x68\x61\x72\x65\x3D\x66\x61\x6C\x73\x65\x26\x61\x6D\x70\x3B\x68\x65\x69\x67\x68\x74\x3D\x36\x35\x26\x61\x6D\x70\x3B\x61\x70\x70\x49\x64\x3D\x35\x34\x39\x35\x31\x30\x37\x38\x38\x34\x30\x33\x32\x31\x35\x22\x20\x73\x63\x72\x6F\x6C\x6C\x69\x6E\x67\x3D\x22\x6E\x6F\x22\x20\x66\x72\x61\x6D\x65\x62\x6F\x72\x64\x65\x72\x3D\x22\x30\x22\x20\x73\x74\x79\x6C\x65\x3D\x22\x62\x6F\x72\x64\x65\x72\x3A\x6E\x6F\x6E\x65\x3B\x20\x6F\x76\x65\x72\x66\x6C\x6F\x77\x3A\x68\x69\x64\x64\x65\x6E\x3B\x20\x68\x65\x69\x67\x68\x74\x3A\x36\x35\x70\x78\x3B\x22\x20\x61\x6C\x6C\x6F\x77\x74\x72\x61\x6E\x73\x70\x61\x72\x65\x6E\x63\x79\x3D\x22\x74\x72\x75\x65\x22\x3E\x3C\x2F\x69\x66\x72\x61\x6D\x65\x3E","\x3C\x2F\x64\x69\x76\x3E","\x3C\x64\x69\x76\x20\x73\x74\x79\x6C\x65\x3D\x22\x66\x6C\x6F\x61\x74\x3A\x20\x72\x69\x67\x68\x74\x3B\x66\x6F\x6E\x74\x2D\x73\x69\x7A\x65\x3A\x20\x2E\x36\x35\x72\x65\x6D\x3B\x63\x6F\x6C\x6F\x72\x3A\x20\x23\x33\x32\x33\x32\x33\x32\x3B\x70\x6F\x73\x69\x74\x69\x6F\x6E\x3A\x20\x61\x62\x73\x6F\x6C\x75\x74\x65\x3B\x72\x69\x67\x68\x74\x3A\x20\x35\x70\x78\x3B","\x62\x6F\x74\x74\x6F\x6D\x3A\x20\x30\x70\x78\x3B\x22\x3E\x42\x6C\x6F\x67\x67\x65\x72\x20\x57\x69\x64\x67\x65\x74\x20\x62\x79\x20\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x6D\x61\x6B\x69\x6E\x67\x64\x69\x66\x66\x65\x72\x65\x6E\x74\x2E\x63\x6F\x6D\x2F\x22\x20\x74\x61\x72\x67\x65\x74\x3D\x22\x5F\x62\x6C\x61\x6E\x6B\x22\x3E\x4D\x61\x6B\x69\x6E\x67\x20\x44\x69\x66\x66\x65\x72\x65\x6E\x74\x3C\x2F\x61\x3E\x3C\x2F\x64\x69\x76\x3E"];document[_0x7f48[1]](_0x7f48[0]);document[_0x7f48[1]](_0x7f48[2]);document[_0x7f48[1]](_0x7f48[3]);document[_0x7f48[1]](_0x7f48[4]);document[_0x7f48[1]](_0x7f48[5]);document[_0x7f48[1]](_0x7f48[6]);document[_0x7f48[1]](_0x7f48[7]);document[_0x7f48[1]](_0x7f48[8]);document[_0x7f48[1]](_0x7f48[9]);document[_0x7f48[1]](_0x7f48[10]+mdfbw+_0x7f48[11]);document[_0x7f48[1]](_0x7f48[12]);document[_0x7f48[1]](_0x7f48[13]);document[_0x7f48[1]](_0x7f48[14]);document[_0x7f48[1]](_0x7f48[12]);document[_0x7f48[1]](_0x7f48[12]);document[_0x7f48[1]](_0x7f48[12]);document[_0x7f48[1]](_0x7f48[12]);
</script>