-->

σελίδες

 

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

πώς αλλάζουμε τη γλώσσα του 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 ...

widget με κινούμενα μπάνερ για οικονομία χώρου

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


<!--Start Code--> <div class="textwidget">
<marquee align="center" direction="up" height="375" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="4" width="280">
ο κώδικας του μπάνερ εδώ
</marquee></div> </center>
<!--End Code-->
Read more ...

οριζόντιο μενού πλοήγησης με υποκαρτέλες (1)



Από την αρχή που ξεκίνησα να ασχολούμαι με το blogging θέλησα να φτιάξω ένα μενού με υποκατηγορίες αλλά δυσκολευόμουν παρά πολύ να βρώ κάτι λειτουργικό και απλό.Γι'αυτό για να απαλλάξω εσάς από τον κόπο και ψάξιμο σας δίνω σήμερα τον κώδικα για φτιάξετε ένα απλό μενού με υποκαρτέλες.



Ακολουθείστε τα βήματα προσεκτικά ένα προς ένα:

  • Πανόπτης> Σχεδίαση> Επεξεργασία html
  • Πατήστε cntrl+f για να εμφανιστεί η μπάρα αναζήτησης και βρείτε το </head>.Αν δεν βρίσκει τίποτα γράψτε το πιο απλά /head.
  • Ακριβώς πάνω από από αυτό αντιγράψτε και επικολλήστε τον παρακάτω κώδικα
<style type="text/css">
#catmenucontainer{
height:29px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi49dgubqJxJAS515SbEo4k7QvU3Z85E7VrPLBj4NNUntcFhT0IqSJgN0s5OPsDFZ2rTStDCCgbsEKixfy9x838-v8AjJ3DpOY4QbUzRit4tqpn5RPzxqZzhjsvY_CCP5dws5AmM3H6pcZ8/) repeat-x;
display:block;
padding:0px 0 0px 0px;
font: 14px &quot;Century gothic&quot;,verdana, Arial, sans-serif;
font-weight:normal;
border-top:1px solid #686D6F;
}
#catmenu ,#catmenu ul {
margin: 0px 5px;
padding: 0px;
list-style: none;
height:29px;
}
#catmenu a {
color: #999;
display: block;
font-weight: normal;
padding: 4px 10px 6px 10px;
}
#catmenu a:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrQ_Bw-HbVwgK2iv6IEV2vbwpcGDttOPX7-FwT4CpPIAtvVis23yPAjLoYEiWK0R-jTLuaYn-jC-TlPvVjhSUDf5xfxuhKsq1-_BO3EyFAdJw0VZf13EYo1-j77mnBKSrIBb9roTUL-i03/)
repeat-x;
color: #fff;
display: block;
text-decoration: none;
}
#catmenu li {
float: left;
margin: 0px;
padding: 0px;
}
#catmenu li li {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px;
width: 130px;
}
#catmenu li li a, #catmenu li li a:link, #catmenu li li a:visited {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi49dgubqJxJAS515SbEo4k7QvU3Z85E7VrPLBj4NNUntcFhT0IqSJgN0s5OPsDFZ2rTStDCCgbsEKixfy9x838-v8AjJ3DpOY4QbUzRit4tqpn5RPzxqZzhjsvY_CCP5dws5AmM3H6pcZ8/)
repeat-x;
width: 150px;
float: none;
margin: 0px;
padding: 4px 10px 5px 10px;
color:#E8EBEE;
border-bottom:1px solid #2C3133;
}
#catmenu li li a:hover, #catmenu li li a:active {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrQ_Bw-HbVwgK2iv6IEV2vbwpcGDttOPX7-FwT4CpPIAtvVis23yPAjLoYEiWK0R-jTLuaYn-jC-TlPvVjhSUDf5xfxuhKsq1-_BO3EyFAdJw0VZf13EYo1-j77mnBKSrIBb9roTUL-i03/)
repeat-x;
width: 150px;
float: none;
margin: 0px;
padding: 4px 10px 5px 10px;
color:#fff;
border-bottom:1px solid #2C3133;
}
#catmenu li ul {
position: absolute;
width: 10em;
left: -999em;
z-index:1;
}
#catmenu li:hover ul {
left: auto;
display: block;
}
#catmenu li:hover ul, #catmenu li.sfhover ul {
left: auto;
}
</style>
  • Κάνουμε πρώτα Προεσκόπηση μήπως βγάζει κανένα σφάλμα και αν όχι,στη συνέχεια Αποθήκευση
  • μετά Σχεδίαση> Στοιχεία Σελίδας> Προσθήκη gadget> HTML/JavaScript 
  • και προσθέτουμε τον παρακάτω κώδικα

<div id='catmenucontainer'>

<div id='catmenu'>

<ul>

<li><a href='#' title='#'>Home</a></li>

<li><a href='#' title='#'>Tab 1</a>
<ul class='children'>
<li><a href='#' title='#'>1</a></li>
<li><a href='#' title='#'>2</a></li>
<li><a href='#' title='#'>3</a></li>
</ul>
</li>

<li><a href='#' title='#'>Tab 2</a>
<ul class='children'>
<li><a href='#' title='#'>1</a></li>
<li><a href='#' title='#'>2</a></li>
<li><a href='#' title='#'>3</a></li>
<li><a href='#' title='#'>4</a></li>
</ul>
</li>


<li><a href='#' title='#'>About</a></li>

<li><a href='#'' title='#'>Contact</a></li>


</ul>

</div>


Στη συνέχεια απλά κάνουμε αντικατάσταση το πρώτο # μετά το href= με το λινκ της κατηγορίας και δίπλα ανάμεσα στα >όνομα< αλλάζουμε το όνομα της κατηγορίας


Αποθήκευση και τελειώσαμε.




Προσοχή!Σε περίπτωση που το μενού σταταματήσει να δουλεύει κανονικά απλά σώσε τις παρακάτω εικόνες στην επιφάνεια εργασίας και ανέβασέ τες π.χ. στο google sites .Στη συνέχεια αντικατέστησε από δύο φορές το λινκ (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi49dgubqJxJAS515SbEo4k7QvU3Z85E7VrPLBj4NNUntcFhT0IqSJgN0s5OPsDFZ2rTStDCCgbsEKixfy9x838-v8AjJ3DpOY4QbUzRit4tqpn5RPzxqZzhjsvY_CCP5dws5AmM3H6pcZ8/) με αυτό της εικόνας που έχεις στο google sites και το ίδιο κάνε δύο φορές για το δεύτερο λινκ (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrQ_Bw-HbVwgK2iv6IEV2vbwpcGDttOPX7-FwT4CpPIAtvVis23yPAjLoYEiWK0R-jTLuaYn-jC-TlPvVjhSUDf5xfxuhKsq1-_BO3EyFAdJw0VZf13EYo1-j77mnBKSrIBb9roTUL-i03/).
πηγή κώδικα



Σχετική ανάρτηση
οριζόντιο μενού με κατηγορίες (ανοιχτό γκρι)

Read more ...