-->

σελίδες

 

Για επικοινωνία κάντε σχόλιο!
Και μην ξεχνάτε να διαβάζετε τα σχόλια.Υπάρχουν λύσεις και εκεί.

Εμφάνιση αναρτήσεων με ετικέτα facebook. Εμφάνιση όλων των αναρτήσεων
Εμφάνιση αναρτήσεων με ετικέτα facebook. Εμφάνιση όλων των αναρτήσεων

σχόλια facebook για το μπλογκ σας


Το γουίτζετ σας επιτρέπει να ενσωματώσετε σχόλια που θα εμφανίζονται και στο facebook για να τα βλέπουν όλοι που σας παρακολουθούν.

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

Πηγαίντε στο Πρότυπο/επεξεργασία προτύπου και αφού κάνετε τικ στην επέκταση προτύπων γραφικών στοιχείων,ψάξτε με Cntrl+F για  <div class='post-footer'>
 Προσθέστε τον παρακάτω κώδικα ΠΡΙΝ από αυτό.

Το κίτρινο καθορίζει το πλάτος του γούιτζετ σας.

Επίσης μην ξεχάσετε να απενεργοποιήσετε τα σχόλια από τις ρυθμίσεις του μπλογκ σας.



<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<script>(function(d){
 var js, id = &#39;facebook-jssdk&#39;; if (d.getElementById(id)) {return;}
 js = d.createElement(&#39;script&#39;); js.id = id; js.async = true;
 js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
 d.getElementsByTagName(&#39;head&#39;)[0].appendChild(js);
}(document));</script>
<fb:comments colorscheme='light' expr:href='data:post.canonicalUrl' expr:title='data:post.title' expr:xid='data:post.id' width='600'/>
</b:if>



@Πνευματικά δικαιώματα ανάρτησης symvl.blogspot.com Επιτρέπεται η αντίγραφη με υποχρεωτικό ενεργό backlink πίσω στην πηγή με ένα κλικ.
Read more ...

αριστερό fanbox για facebook και twitter

Άλλο ένα πολύ χρήσιμο γουίτζετ με δύο κουμπιά κοινωνικής δικτύωσης facebook και twitter στα αριστερά της σελίδας αυτή τη φορά.Απολαύστε το.Απλά αντικαταστήστε τα κόκκινα και είστε έτοιμοι.

Εδώ μπορείτε να δείτε ένα demo του γούιτζετ.

<table id="slideleft" style=" overflow:auto; position:fixed; top:25%;"><tr class="slideLeftItem" style="position:fixed;left:-320px;z-index:1000;height:100%;"><td><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmTkrvZso7kpPHq26gCcdf1eXxPl7HaJ95n8RwqnQpV-wbJhCkar0z2q-LNsy5D9l7Vkxs197w6HmewVwvVyzsiBLaIFziJF_ZL1boGmsDgDpW8XB5w8cJkS7chyGASrN6Jbl5gQ6KlOw/s800/facebook-vertical.png" style="top:5px; position:absolute; border-left-width:5px; left:318px;"/></td><td class="contentBox" style="border:solid 5px #5370AD; width:300px;height:300px;position:relative;border-radius:5px;background-color:white;"><div id="fb-root"></div><script type="text/javascript" >(function() {var e = document.createElement('script'); e.async = true;e.src = document.location.protocol +'//connect.facebook.net/en_US/all.js#xfbml=1';document.getElementById('fb-root').appendChild(e);}());</script><fb:like-box href="http://www.facebook.com/pages/όνομα φανπέιτζ facebook" width="300" show_faces="true" stream="false" header="false"></fb:like-box></td></tr><tr class="slideLeftItem"  style="position:fixed;left:-320px;z-index:1000;height:100%;"><td><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyGPj9DtVHfLr0jP_Mx4Svc3gcyPwok6kZnen3e4-sHE2ZwJR6qiYLoAKfMi-at6jwqc0Sj-GilIZThF9TCRVMl6gz8Imip1kLER2WPlv3n4QT4PYnqwsElrCT6IlWhxPfOl9ffJ4PyjM/s800/twitter-veritcal.png" style="top:100px; position:absolute; border-left-width:5px; left:318px;"/></td><td class="contentBox" style="border:solid 5px #44CCF6; width:300px;height:300px;position:relative;border-radius:5px;background-color:white;"><div style="background: #F5FCFE;"><script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script><script type="text/javascript" >new TWTR.Widget({version: 2,  type: 'profile',  rpp: 4,  interval: 30000,  width: 'auto',  height: 300,  theme: {shell: {      background: '#44ccf6',      color: '#000000'    },    tweets: {      background: '#ffffff',color: '#000000',      links: '#44ccf6'    }  },features: {    scrollbar: false,    loop: false,    live: false,    behavior: 'all'  }}).render().setUser('όνομα τουίτερ').start();</script></div></td></tr></table><script type="text/javascript">jQuery(".slideLeftItem").append('<div style="font-size:12px;font-family: arial;width:300px;text-align:right;"><a rel="dofollow" href="http://symvl.blogspot.com" style="background-color:#D2C9CA;padding:3px 7px;font-weight:bold;color:#516FA9">Ο κώδικας στο απλές συμβουλές μπλόγγερ</a></div>');jQuery("#slideleft tr").hover(function(b){var a=jQuery(this);jQuery("#slideleft tr").not(a).hide();a.css({"z-index":"9999"});a.stop().animate({left:0})},function(b){var a=jQuery(this);a.css({"z-index":"1000"});a.stop().animate({left:-a.outerWidth()});jQuery("#slideleft tr").show()});</script>

@Πνευματικά δικαιώματα ανάρτησης symvl.blogspot.com Επιτρέπεται η αντίγραφη με υποχρεωτικό ενεργό backlink πίσω στην πηγή με ένα κλικ.
Read more ...

Νέο facebook likebox αναδυόμενο παράθυρο v2

Σήμερα έφτιαξα ένα νέο πόπαπ με facebook likebox.Προσπάθησα να συμπεριλάβω όσο πιο λίγο κώδικα γίνεται.

Η εγκατάστασή του γίνεται εύκολα .Απλά πατήστε προσθήκη gadget στην Διάταξη ,προσθήκη HTML/javascript ,μετά αντιγραφή και επικόλληση του παρακάτω κώδικα ,αποθήκευση και αυτό ήταν.

Σημειώστε ότι το πόπαπ εμφανίζεται μόνο την πρώτη φορά που μπαίνετε στο σάιτ.Μετά για να ξαναεμφανιστεί απλά διαγράψτε το ιστορικό.

Τα κόκκινα αντικαταστήστε τα με την διεύθυνση της fanpage σας στο facebook.

<link rel="stylesheet" type="text/css" href="https://sites.google.com/site/russianblogumus/rublogumus/colorbox.css" /> <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script> <script type="text/javascript" src="https://sites.google.com/site/russianblogumus/rublogumus/jquery.colorbox-min.js"></script> <script type="text/javascript"> jQuery(document).ready(function(){ if (document.cookie.indexOf('visited=true') == -1) { var fifteenDays = 1000*60*60*24*30; var expires = new Date((new Date()).valueOf() + fifteenDays); document.cookie = "visited=true;expires=" + expires.toUTCString(); $.colorbox({width:"400px", inline:true, href:"#periexomeno"}); } }); </script> <div style="display: none;"> <div  align='center' id="periexomeno"><p> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYu1mWHO5poQsnSvGY_D7CQm_IJi7rEjJf7qSBnxZkER8LxcbgzFajSBz6lXZXGSQQyF4X7_Thyv6-G7mw20HjbfMCux2zRgxnOQ_LTzj2Q3wM-xsgWpAvWXR-Eip0zCTSYD1ShjT4CX0S/s1600/400px-Friendly_stickman.svg.png" imageanchor="1" style=""><img border="0" height="160" width="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYu1mWHO5poQsnSvGY_D7CQm_IJi7rEjJf7qSBnxZkER8LxcbgzFajSBz6lXZXGSQQyF4X7_Thyv6-G7mw20HjbfMCux2zRgxnOQ_LTzj2Q3wM-xsgWpAvWXR-Eip0zCTSYD1ShjT4CX0S/s320/400px-Friendly_stickman.svg.png" /></a> <br /> <iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/Symvoules/266420366744792&width=300&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false&height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe> </p> <!--Παρακαλώ να μην διαγράφετε τον σύνδεσμο.Μόνο αυτόν ζητάμε,όχι λεφτά. --> <p style=" float:right; margin-right:25px; font-size:9px;" >ο κώδικας από το <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://symvl.blogspot.com">Απλές συμβουλές blogger</a></p> </div> </div>

 Πρόβλημα!Αν δεν εμφανίζεται το πόπαπ αλλάξτε τη θέση του gadget μέσα στη Διάταξη.Βάλτε το κάτω κάτω στη δεξιά στήλη με τα gadgets ή στο footer

@Πνευματικά δικαιώματα ανάρτησης symvl.blogspot.com Επιτρέπεται η αντίγραφη με υποχρεωτικό ενεργό backlink πίσω στην πηγή με ένα κλικ.
Read more ...

Καρτέλα στο πλάι της σελίδας με facebook likebox.





Ο κώδικας που ακολουθεί εμφανίζει ένα μικρό καρτελάκι στα δεξιά της σελίδας με το likebox του facebook.Μόλις περασεις τον κέρσορα από πάνω,ανοίγει και εμφανίζει ολόκληρο το κουτί.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript">
</script> <script type="text/javascript">
//<!--
$(document).ready(function() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script> <style type="text/css">
.floatinglikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ4zAaNcKRRPHJ_BO57FOaGp3DhTMAD91VVsqkCKEPPARbfZb9OOqlkbPAcJLFAZ4uNGuBFTS3BXzAg1-T0-gANyLXlGtdhpWf5PdA9Q85Uoy8ykCnSrMO1sVk3TLAFDuhT3cDyqqtMY-t/s1600/facebook+button.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 30px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.floatinglikebox div{border:none;position:relative;display:block;}
.floatinglikebox span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.floatinglikebox span a{color: #808080;text-decoration:none;}
.floatinglikebox span a:hover{text-decoration:underline;}
</style>
<div class="floatinglikebox">
<div>
εδώ ο κώδικας του  facebook likebox 
<a href="http://symvl.blogspot.com/2012/05/facebook-likebox.html" target="_blank">απλές συμβουλές Blogger</a></div>
</div>

Τον κώδικα για το likebox μπορείτε να τον πάρετε από εδώ.

Read more ...

πώς αλλάζουμε τη γλώσσα του facebook like button

Ένα μικρό πρόβλημα που συχνά αντιμετωπίζουμε με το facebook like button είναι ότι πότε εμφανίζει τη λέξη 'Like' και πότε τις λέξεις 'Μου αρέσει'.Αυτό μπορούμε να το διορθώσουμε εύκολα με ένα μικρό κολπάκι,απλά προσθέτοντας μέσα στον κώδικά σας του likebox τη σειρά που βλέπετε παρακάτω με ροζ.Για να βάλουμε άλλη γλώσσα  απλά αντικαθιστούμε το el_GR με έναν από τους κωδικούς που δίνω στη λίστα.

Ο κώδικας του likebox που δίνω παρακάτω είναι ο δικός μου και φυσικά πρέπει να τον αντικαταστήσετε με τον δικό σας.  

κώδικας για να εμφανίζει το likebutton 'Μου αρέσει'

<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FSymvoules%2F266420366744792&width300&border_color=white&colorscheme=light&show_faces=true&stream=false&header=false&locale=el_GR&height=270" scrolling="true" frameborder="0" style="border:none; overflow:hidden; width:300px; height:270px;" allowtransparency="true"></iframe>


Δείτε και του κωδικούς άλλων γλωσσών
Catalan
ca_ES

Czech
cs_CZ

Welsh
cy_GB

Danish
da_DK

German
de_DE

Basque
eu_ES

English (Pirate)
en_PI

English (Upside Down)
en_UD

Cherokee
ck_US

English (US)
en_US

Spanish
es_LA

Spanish (Chile)
es_CL

Spanish (Colombia)
es_CO

Spanish (Spain)
es_ES

Spanish (Mexico)
es_MX

Spanish (Venezuela)
es_VE

Finnish (test)
fb_FI

Finnish
fi_FI

French (France)
fr_FR

Galician
gl_ES

Hungarian
hu_HU

Italian
it_IT

Japanese
ja_JP

Korean
ko_KR

Norwegian (bokmal)
nb_NO

Norwegian (nynorsk)
nn_NO

Dutch
nl_NL

Polish
pl_PL

Portuguese (Brazil)
pt_BR

Portuguese (Portugal)
pt_PT

Romanian
ro_RO

Russian
ru_RU

Slovak
sk_SK

Slovenian
sl_SI

Swedish
sv_SE

Thai
th_TH

Turkish
tr_TR

Kurdish
ku_TR

Simplified Chinese (China)
zh_CN

Traditional Chinese (Hong Kong)
zh_HK

Traditional Chinese (Taiwan)
zh_TW

Leet Speak
fb_LT

Afrikaans
af_ZA

Albanian
sq_AL

Armenian
hy_AM

Azeri
az_AZ

Belarusian
be_BY

Bengali
bn_IN

Bosnian
bs_BA

Bulgarian
bg_BG

Croatian
hr_HR

Dutch (België)
nl_BE

English (UK)
en_GB

Esperanto
eo_EO

Estonian
et_EE

Faroese
fo_FO

French (Canada)
fr_CA

Georgian
ka_GE

Greek
el_GR

Gujarati
gu_IN

Hindi
hi_IN

Icelandic
is_IS

Indonesian
id_ID

Irish
ga_IE

Javanese
jv_ID

Kannada
kn_IN

Kazakh
kk_KZ

Latin
la_VA

Latvian
lv_LV

Limburgish
li_NL

Lithuanian
lt_LT

Macedonian
mk_MK

Malagasy
mg_MG

Malay
ms_MY

Maltese
mt_MT

Marathi
mr_IN

Mongolian
mn_MN

Nepali
ne_NP

Punjabi
pa_IN

Romansh
rm_CH

Sanskrit
sa_IN

Serbian
sr_RS

Somali
so_SO

Swahili
sw_KE

Filipino
tl_PH

Tamil
ta_IN

Tatar
tt_RU

Telugu
te_IN

Malayalam
ml_IN

Ukrainian
uk_UA

Uzbek
uz_UZ

Vietnamese
vi_VN

Xhosa
xh_ZA

Zulu
zu_ZA

Khmer
km_KH

Tajik
tg_TJ

Arabic
ar_AR

Hebrew
he_IL

Urdu
ur_PK

Persian
fa_IR

Syriac
sy_SY

Yiddish
yi_DE

Guaraní
gn_PY

Quechua
qu_PE

Aymara
ay_BO

Northern Sámi
se_NO

Pashto
ps_AF

Klingon
tl_ST
Read more ...

πώς αφαιρούμε το όριο (border) από το facebook likebox

Επιτέλους το facebook έβαλε επιλογή για εμφάνιση ή όχι του ορίου στο likebox.Οπότε απλά κάντε αποεπιλογή στο κουτί show border και είστε έτοιμοι.


Παλιά ανάρτηση
Στο διαδίκτυο κυκλοφορούν διάφοροι τρόποι για την αφαίρεση των ορίων του likebox,άλλοι απλοί άλλοι πολύπλοκοι οι οποίοι σε πολλές περιπτώσεις μάλιστα δεν δουλεύουν.
Εγώ θα σας δείξω έναν ακόμη απλούστερο τρόπο,ο οποίος στην πραγματικότητα δεν αφαιρεί το όριο,αλλά το κρύβει.Η απόκρυψη γίνεται με απλό τρόπο,βάζοντας ως χρώμα ορίου το ίδιο με το background του μπλογκ σας.Ειδικά αν το background είναι άσπρο ή μαύρο η απόκρυψη είναι πανεύκολη.
Δείτε παρακάτω τον κώδικα του δικού μου likebox.Μετά βρείτε τη σειρά που λέει border_color  και προσθέστε =white ή =black ανάλογα με το χρώμα που θέλετε.

Αυτό ήταν!Το συγκεκριμένο κόλπο λειτουργεί μόνο όταν χρησιμοποιείτε iframe για το likebox.

&lt;iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FSymvoules%2F266420366744792&amp;width=262&amp;height=258&amp;colorscheme=dark&amp;show_faces=true&amp;border_color=white&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:262px; height:258px;" allowtransparency="true"&gt;&lt;/iframe&gt;   
Read more ...

Πώς να κάνετε εγκατάσταση το facebook likebox στο βλόγγερ


Η εγκατάσταση ενός facebook likebox στην ιστοσελίδα σας στο μπλόγκερ δεν παρουσιάζει καμιά δυσκολία αρκεί να έχετε στο νου σας μια μικρή λεπτομέρεια προκειμένου να λειτουργήσει:

  • Συνδεθείτε στη fanpage σελίδα σας στο φάσεβοοκ.
  • Αντιγράψτε το url το οποίο είναι της μορφής http://www.facebook.com/pages/η σελίδα μου/35432462363424
  • (Προσοχή!το βήμα αυτό είναι πολύ σημαντικό) Αποσυνδεθείτε από τη fanpage.Αν δεν το κάνετε δεν θα μπορέσετε να φτιάξετε σωστά το likebox.
  • Ακολούθως μπείτε στη σελίδα με τα widgets του facebook.
  • Επικολλήστε το url από το fanpage
  • μετά πατήστε get code και αντιγράψτε τον κώδικα που σας ταιριάζει.Σε εμένα λειτουργεί ο κώδικας iframe.
Και είστε έτοιμοι!Για διευκρινίσεις αφήστε σχόλιο.
Read more ...