Blogger Tips – Tricks – Gadgets – Templates – Hacks

pop up facebook like box for blogger



Print Friendly and PDFPrintPrint Friendly and PDFPDF



Πρόκειται για ένα θαυμάσιο pop up facebook like box for blogger, το οποίο:



Με το που μπαίνει κάποιος επισκέπτης στη σελίδα σας θα εμφανίζεται ένα αναδυόμενο παράθυρο (pop up) το οποίο θα παροτρύνει τον επισκέπτη σας να κάνει like στη σελίδα σας στο facebook. Είναι πολύ διαδεδομένο τελευταία και σίγουρα θα το έχετε προσέξει σε άλλες ιστοσελίδες. Αυτό εγκαθιστά αυτόματα cookies στον υπολογιστή του επισκέπτη, ώστε αν σας επισκεφτεί κάποιος και δεύτερη φορά να μην του ξαναεμφανιστεί το pop up και καταντήσει από χρήσιμο και αποτελεσματικό να γίνει ένα σπαστικό widget.



Η διαδικασία προσθήκης του είναι πολύ εύκολη.



1. σύνδεση στο blogger.com

2. Διάταξη > Προσθήκη gadget > HTML/JavaScript

3. Eπικολλήστε εκεί τον παρακάτω κώδικα:


<script src=’http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js’></script>

<script src=”http://yourjavascript.com/3093182329/btt_jquery.colorbox-min.js”></script>

<style>#colorbox, #cboxOverlay, #cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;}#cboxOverlay{position:fixed;width:100%;height:100%;}#cboxMiddleLeft, #cboxBottomLeft{clear:left;}#cboxContent{position:relative;}#cboxLoadedContent{overflow:auto;}#cboxTitle{margin:0;}#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;}#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}.cboxPhoto{float:left;margin:auto;border:0;display:block;}.cboxIframe{width:100%;height:100%;display:block;border:0;}#cboxOverlay{background:#000;opacity:0.5 !important;}#colorbox{/*box-shadow*/-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);box-shadow:0 0 15px rgba(0,0,0,0.4);}#cboxTopLeft{width:14px;height:14px;background:url(http://1.bp.blogspot.com/-t5nd9AtEcL8/T3WbsokUXAI/AAAAAAAACDg/bvza-PbD5ho/s1600/controls.png) no-repeat 0 0;}#cboxTopCenter{height:14px;background:url(http://3.bp.blogspot.com/-CuV9SmF3JaE/T3WcIeBX1GI/AAAAAAAACDo/6mDsw0AuGS4/s1600/border.png) repeat-x top left;}#cboxTopRight{width:14px;height:14px;background:url(http://1.bp.blogspot.com/-t5nd9AtEcL8/T3WbsokUXAI/AAAAAAAACDg/bvza-PbD5ho/s1600/controls.png) no-repeat -36px 0;}#cboxBottomLeft{width:14px;height:43px;background:url(http://1.bp.blogspot.com/-t5nd9AtEcL8/T3WbsokUXAI/AAAAAAAACDg/bvza-PbD5ho/s1600/controls.png) no-repeat 0 -32px;}#cboxBottomCenter{height:43px;background:url(http://3.bp.blogspot.com/-CuV9SmF3JaE/T3WcIeBX1GI/AAAAAAAACDo/6mDsw0AuGS4/s1600/border.png) repeat-x bottom left;}#cboxBottomRight{width:14px;height:43px;background:url(http://1.bp.blogspot.com/-t5nd9AtEcL8/T3WbsokUXAI/AAAAAAAACDg/bvza-PbD5ho/s1600/controls.png) no-repeat -36px -32px;}#cboxMiddleLeft{width:14px;background:url(http://1.bp.blogspot.com/-t5nd9AtEcL8/T3WbsokUXAI/AAAAAAAACDg/bvza-PbD5ho/s1600/controls.png) repeat-y -175px 0;}#cboxMiddleRight{width:14px;background:url(http://1.bp.blogspot.com/-t5nd9AtEcL8/T3WbsokUXAI/AAAAAAAACDg/bvza-PbD5ho/s1600/controls.png) repeat-y -211px 0;}#cboxContent{background:#fff;overflow:visible;}#cboxLoadedContent{margin-bottom:5px;}#cboxLoadingOverlay{background:url(http://4.bp.blogspot.com/-4Qn7M-IPt4c/T3WdJemHwnI/AAAAAAAACDw/9fXsGPXJ1ig/s1600/loadingbackground.png) no-repeat center center;}#cboxLoadingGraphic{background:url(http://1.bp.blogspot.com/-V757h43tLZU/T3WdmKS5Q5I/AAAAAAAACD4/25oYbn0MMfU/s1600/loading.gif) no-repeat center center;}#cboxTitle{position:absolute;bottom:-25px;left:0;text-align:center;width:100%;font-weight:bold;color:#7C7C7C;}#cboxCurrent{position:absolute;bottom:-25px;left:58px;font-weight:bold;color:#7C7C7C;}#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute;bottom:-29px;background:url(http://1.bp.blogspot.com/-t5nd9AtEcL8/T3WbsokUXAI/AAAAAAAACDg/bvza-PbD5ho/s1600/controls.png) no-repeat 0px 0px;width:23px;height:23px;text-indent:-9999px;}#cboxPrevious{left:0px;background-position:-51px -25px;}#cboxPrevious.hover{background-position:-51px 0px;}#cboxNext{left:27px;background-position:-75px -25px;}#cboxNext.hover{background-position:-75px 0px;}#cboxClose{right:0;background-position:-100px -25px;}#cboxClose.hover{background-position:-100px 0px;}.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px;right:27px;}.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px;right:27px;}.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}#btt{font:12px/1.2 Arial,Helvetica,san-serif;color:#666;}#btt a, #btt a:hover, #btt a:visited{text-decoration:none;}.mdbox-title{background:#000;color:#fff;font-size:20px !important;font-weight:bold;margin:10px 0;border:20px solid #ddd;/*border-radius*/-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;/*box-shadow*/-webkit-box-shadow:5px 5px 5px #CCCCCC;-moz-box-shadow:5px 5px 5px #CCCCCC;box-shadow:5px 5px 5px #CCCCCC;padding:10px;line-height:25px;font-family:arial !important;}.mdbox-tagline{color:#999;margin:0;text-align:center;}#mdsubs-container{padding:35px 0 30px 0;position:relative;}a:link, a:visited{border:none;}.demo{display:none;}</style><script src=”http://yourjavascript.com/3093182329/btt_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:”600px”, inline:true, href:”#btt”});

}

});

</script> <div style=’display:none’><div id=’btt’ style=’padding:10px; background:#fff;’><center><table align=”center”background=”http://2.bp.blogspot.com/-5yMUILmjjyc/T3WeEqzdfHI/AAAAAAAACEA/XJDxnKh6W48/s1600/background+image.png” border=”0″ height=”300″ style=”width: 505px;”><tbody><tr><td height=”345″ width=”505″><div align=”right”>



<iframe src=”http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/bloggertipsgr/643745905641753&width=330&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false&height=255″ scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:330px; height:255px;” allowtransparency=”true”></iframe></div></td></tr></tbody></table></center><p style=” float:right; margin-right:35px; font-size:6px;” >Powered By <a style=” font-size:6px; color:#3B78CD; text-decoration:none;” href=”/” target=’_blank’>BloggerTips.gr</a></p></div></div>



Το μόνο που έχετε να κάνετε πλέον είναι να αλλάξετε το http://www.facebook.com/pages/bloggertipsgr/643745905641753 με τη διεύθυνση της δικής σας σελίδας στο facebook.

 Είστε έτοιμοι!



Αν σας άρεσε κάντε like στη σελίδα μας στο facebook, από το fan box widget που έχουμε δίπλα! 



Copyrights: /




floating facebook like box for blogger + ευρεση id σε facebook page



Print Friendly and PDFPrintPrint Friendly and PDFPDF



Είναι ακριβώς ίδιο με το floating twitter followers box for blogger με μόνη διαφορά πως πρόκειται για το facebook αντί για το twitter.



 Η διαδικασία προσθήκης του είναι πολύ εύκολη. 



 1. σύνδεση στο blogger.com

2. Διάταξη > Προσθήκη gadget > HTML/JavaScript

3. Eπικολλήστε εκεί τον παρακάτω κώδικα:


<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(http://3.bp.blogspot.com/-VXmAJdQRHJ8/Tra8E16fZGI/AAAAAAAAClg/o5M632x9qX8/s1600/floatingfb.png) no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;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” style=””>

<div>

<iframe src=”//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2Fbloggertipsgr%2F643745905641753&width=251&height=270&colorscheme=light&show_faces=true&border_color=%23cccccc&stream=false&header=false&” scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:251px; height:270px; background:#fff;” allowtransparency=”true”>

</iframe>

<div align=”right”><span style=”font-size: xx-small;background:#fff;”><a href=”” target=”_blank”>BloggerTips.gr</a></span></div>

</div></div>



Προσοχή τώρα: 



σας έχω μαρκάρει με κόκκινο το http%3A%2F%2Fwww.facebook.com%2Fpages%2Fbloggertipsgr%2F643745905641753 

πρέπει να αντικαταστήσετε το bloggertipsgr με το δικό σας name και το 643745905641753 με το δικό σας id 

η γενική μορφή είναι http%3A%2F%2Fwww.facebook.com%2Fpages%2Fname%2Fid 

δεν γίνονται δεκτές διευθύνσεις με username π.χ. https://www.facebook.com/www.bloggertipstips.gr



εύρεση id σε facebook fan page: 



update: στην παρακάτω φωτο έχω κάνει λάθος. το name δεν είναι αυτο που έχω κυκλώσει!



για παράδειγμα αν η url σας είναι της μορφής: https://www.facebook.com/www.bloggertipstips.gr
τότε σβήστε το www και αντικαταστήστε το με το graph
δηλαδή θα γίνει έτσι: https://graph.facebook.com/www.bloggertipstips.gr 

αν ανοίξετε το https://graph.facebook.com/www.bloggertipstips.gr

πάνω-πάνω θα σας εμφανίσει το id της σελίδας σας και παρακάτω το name της (δες φώτο)



Είστε έτοιμοι! 



Αν σας άρεσε κάντε like στη σελίδα μας στο facebook, από το fan box widget που έχουμε δίπλα! 



Copyrights: /




floating twitter followers box for blogger



Print Friendly and PDFPrintPrint Friendly and PDFPDF



Πρόκειται για ένα θαυμάσιο floating twitter followers box for blogger, το οποίο,
ξεδιπλώνεται όμορφα στον επισκέπτη με το πέρασμα του κέρσορα του ποντικιού του από πάνω του.
Αυτή την περίοδο έχω βάλει και εγώ αυτό το widget στο bloggertips, οπότε μπορείτε να δείτε το live demo.
Η εικόνα επίσης της παρούσας ανάρτησης είναι διαφωτιστική για τη λειτουργία του widget.



Η διαδικασία προσθήκης του είναι πολύ εύκολη. 



 1. σύνδεση στο blogger.com

2. Διάταξη > Προσθήκη gadget > HTML/JavaScript

3. Eπικολλήστε εκεί τον παρακάτω κώδικα:


<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() {$(“.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://4.bp.blogspot.com/-Xw62XMgyLJw/T1B2MZneORI/AAAAAAAAAuc/_XTXkPESnS8/s1600/twitter_button.png)

no-repeat scroll left center transparent !important;

display: block;

float: right;

height: 240px;

padding: 0 5px 0 29px;

width: 245px;

z-index: 99999;

position:fixed;

right:-250px; top:1%;}</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(“johnpatra“);</script><center><span style=”font-size: xx-small;”>Powered by <a href=”/” target=”_blank”>BloggerTips.gr</a></span></center></div>



Το μόνο που έχετε να κάνετε πλέον είναι να αλλάξετε το johnpatra με το δικό σας username στο twitter!

Είστε έτοιμοι!



Αν σας άρεσε κάντε like στη σελίδα μας στο facebook, από το fan box widget που έχουμε δίπλα, και ακολουθήστε μας στο twitter! 



Copyrights: /




Floating Facebook Like Box for Blogger !



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Σήμερα θα ασχοληθούμε με ένα αρκετά δημοφιλές social bookmarking widget του facebook. Πρόκειται για ένα απλό facebook like box της σελίδας μας, με τη μόνη διαφορά ότι αυτό “κολλάει” πάνω δεξιά στην οθόνη μας και “ξετυλίγεται” με το άγγιγμα του ποντικιού μας. Λίγο λογοτεχνική η περιγραφή μου, για αυτό δοκιμάστε το, για να καταλάβετε καλύτερα!



ΔΙΑΔΙΚΑΣΙΑ ΠΡΟΣΘΗΚΗΣ



1. σύνδεση στον λογαριασμό σας από blogger.com

2. σχεδίαση> προσθήκη gadget> HTML/JavaScript

3. επικολλήτε τον παρακάτω κώδικα


<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(http://3.bp.blogspot.com/-VXmAJdQRHJ8/Tra8E16fZGI/AAAAAAAAClg/o5M632x9qX8/s1600/floatingfb.png) no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;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” style=””>

<div>

<iframe src=”//www.facebook.com/plugins/likebox.php?

href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FOlympiakos%2F110703838950130&width=251&height=270&colorscheme=light&show_faces=true&border_color=%23cccccc&stream=false&header=false&” scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:251px; height:270px; background:#fff;” allowtransparency=”true”>

</iframe><span><a href=”/2012/09/floating-facebook-like-box-for-blogger.html” target=”_blank”>Add this!</a></span>

</div></div>



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


*** απλό facebook like box μπορείτε να βάλετε από το http://developers.facebook.com/docs/reference/plugins/like-box/ ***



λοιπόν ανοίγετε τη σελίδα σας στο facebook.

κοιτάτε στην μπάρα του browser, η url (Uniform Resource Locator ή -ελλ.- Ενιαίος Εντοπιστής Πόρων) να είναι της μορφής http://facebook/pages/όνομα/id



π.χ. http://www.facebook.com/pages/Olympiakos/110703838950130

(θρυλε ολε θρυλε ολε σε βλεπω και τρελαινομαι…..)



και αυτό που έχω μαρκάρει με κόκκινο από πάνω στον κώδικα, το αλλάζετε με τα στοιχεία της δικής σας σελίδας…



4. αποθήκευση και είστε έτοιμοι!



αφήστε το σχόλιό σας αν θέλετε και κάντε αυτό το post “like” στο facebook..

πάντα αν θέλετε…



για να σας φτιάξει τη διάθεση…



Πηγές: /

Copyrights: /




‘Follow us’ J-Query Social Bookmarking Widget



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Καλησπέρα στους αναγνώστες του bloggertips.gr.





Σήμερα θα προσθέσουμε ένα ακόμη gadget στη συλλογή μας με τα Social Bookmarking Gadgets, το οποίο επιτελεί 4 λειτουργίες: RSS Feed, Εγγραφή στο blog μέσω e-mail και link για τις σελίδες μας στα Facebook και Twitter.



Πάμε να δούμε πως θα το προσθέσουμε στο blog μας:



1. Σύνδεση στο λογαριασμό blogger

2. Σχεδίαση

3. Επεξεργασία HTML

4. Με Ctrl + F αναζητούμε το ]]></b:skin> και ακριβώς πριν από αυτό επικολλούμε τον παρακάτω κώδικα:

#social {

width: 98%;

height: 45px;

margin: 0;

padding: 10px 5px 5px 30px;

list-style: none;

border-right:solid 1px #853529;

position: relative;

background: url(http://2.bp.blogspot.com/-Nf6QgqI-jkc/Tas56HEUrwI/AAAAAAAAAxQ/hw_KYA9pPZA/follow-bg-abt.png) no-repeat left top;

}



#social p{

font-size:1.5em;

color:#FFFB98;

font-weight:bold;

float:left;

margin: 10px 10px 0 0;

text-shadow: 1px 1px 0px #000000;

filter: dropshadow(color=#000000, offx=1, offy=1);

}



.abt{

font-size:0.8em;

color:#787878;

float:right;

margin: 0 -30px 0 0;

text-shadow: 1px 1px 0px #ffffff;

filter: dropshadow(color=#ffffff, offx=1, offy=1);

}



#social li {

width: 32px;

height: 32px;

float: left;

margin-right: 3px;

}



#social li a {

float: left;

display: block;

width: 100%;

height: 100%;

text-indent: -1000em;

background-repeat: no-repeat;

text-decoration: none;

}



#social #rss {

background-image: url(http://2.bp.blogspot.com/-27yL99iDt70/Tas569zVJWI/AAAAAAAAAxo/NIEumM2DKRo/s400/allblogtools_rss.png);

}



#social #facebook {

background-image: url(http://4.bp.blogspot.com/-lfZmi7_j72c/Tas56hfwNxI/AAAAAAAAAxg/D_xE4bPyo60/s400/allblogtools_facebook.png);

}

#social #twitter {

background-image: url(http://2.bp.blogspot.com/-BHCqkqm4Dnw/Tas57UCTyAI/AAAAAAAAAxw/fCj4yjzJE0g/s400/allblogtools_twitter.png);

}

#social #mail {

background-image: url(http://1.bp.blogspot.com/–tzwYodHzk8/Tas56U26pSI/AAAAAAAAAxY/Xqxm-jfCPkA/s400/allblogtools_email.png);

}



span.tooltip {

background: #575757;

padding: 3px;

display: block;

width: 140px;

border: 1px solid #000000;

position: absolute;

margin-top:-40px;

color: #F0F0F0;

font-size:10px;

text-indent: 0;

font: Arial, sans-serif;

text-align: center;

-webkit-box-shadow: inset 2px 2px 2px #616161;

-moz-box-shadow: inset 2px 2px 2px #616161;

box-shadow: inset 2px 2px 2px #616161;

-moz-border-radius: 5px;

border-radius: 5px;

}



5. Στη συνέχεια, πάλι με Ctrl + F, αναζητούμε το </body> και ακριβώς πριν από αυτό επικολλούμε τον παρακάτω κώδικα:

<script type=’text/javascript’>

window.setTimeout(function() {

document.body.className = document.body.className.replace('loading', '');

}, 10);

</script>



<script src=’http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js’ type=’text/javascript’/>

<script type=’text/javascript’>

//<![CDATA[

$(document).ready(function() {



$(‘#social li’).each(function() {



var $li = $(this);

var title = $li.find(‘a’).attr(‘title’);



$li.find(‘a’).removeAttr(‘title’);



$(‘<span class=”tooltip”/>’).text(title).appendTo($li.find(‘a’)).hide();





$li.find(‘a’).mouseover(function() {





var top = $(this).position().top;

var left = $(this).position().left;



$(this).find(‘span’).fadeIn()({

top: top,

left: left

}, ‘slow’);



});



$li.find(‘a’).mouseout(function() {





$(this).find(‘span’).fadeOut(‘slow’);





});



});





});



//]]>

</script>



6. Αποθήκευση προτύπου



Πάμε τώρα να προσθέσουμε το gadget στο blog μας:



7. Πάμε Σχεδίαση > Προσθήκη gadget > HTML/Javascript και στο παράθυρο που θα ανοίξει επικολλούμε τον παρακάτω κώδικα:

<ul id=”social”>

<p>Follow Us</p>

<li><a href=”http://blog-name.blogspot.com/feeds/posts/default?alt=rss” id=”rss” title=”Follow our Feeds”>Rss</a></li>



<li><a href=”Mail-Link#” id=”mail” title=”Subscribe to our newsletter”>Mail</a></li>



<li><a href=”Facebook-Link#” id=”facebook” title=”Like us on Facebook”>Facebook</a></li>



<li><a href=”Twitter-Link#” id=”twitter” title=”Follow us on Twitter”>Twitter</a></li>

</ul>



Αντικαθιστούμε το http://blog-name.blogspot.com με τη διεύθυνση (url) του blog μας (ή αν έχετε λογαριασμό στο Feedburner, αντικαταστήστε το http://blog-name.blogspot.com/feeds/posts/default?alt=rss με το url από το Feedburner (όπως θα δείτε στο παράδειγμα παρακάτω), το Mail-Link# με τη διεύθυνση στην οποία οι αναγνώστες μπορούν να κάνουν εγγραφή (subscribe) στο blog μας μέσω e-mail, το Facebook-Link# με το url της σελίδας ή του προφίλ μας στο Facebook και το Twitter-Link# με το url της σελίδας μας στο Twitter.



Για να καταλάβετε καλύτερα τι και πως θα το αντικαταστήσετε, ρίξτε μια ματιά στον παρακάτω κώδικα, ο οποίος αποτελεί παράδειγμα για το bloggertips.gr:

<ul id=”social”>

<p>Follow Us</p>

<li><a href=”http://feeds.feedburner.com/Johnpatrablog” id=”rss” title=”Follow our Feeds”>Rss</a></li>



<li><a href=”http://feedburner.google.com/fb/a/mailverify?uri=Johnpatrablog” id=”mail” title=”Subscribe to our newsletter”>Mail</a></li>



<li><a href=”https://www.facebook.com/bloggertips.gr” id=”facebook” title=”Like us on Facebook”>Facebook</a></li>



<li><a href=”https://twitter.com/#!/johnpatrablog” id=”twitter” title=”Follow us on Twitter”>Twitter</a></li>

</ul>



Για οποιοδήποτε πρόβλημα ή απορία αφήστε το σχόλιό σας.



Πηγές: http://www.allblogtools.com/tricks-and-hacks/blogger-follow-us-j-query-widget-social-icons/



Copyrigths: /



Post by Secra from Web in Greece




Facebook comment box στο blogger



Print Friendly and PDFPrintPrint Friendly and PDFPDF




Καλησπέρα στους αναγνώστες του bloggertips.gr.



Σήμερα θα σας δείξω πως μπορείτε να προσθέσετε στο blog σας ένα comment box (=φόρμα σχολίων) για να μπορούν οι αναγνώστες σας να σχολιάζουν επώνυμα μέσω του δημοφιλέστερου social network στον πλανήτη, του Facebook.



Πριν ξεκινήσουμε τη διαδικασία για το πως θα το προσθέσετε, δύο πράγματα είναι απαραίτητα:

1) Ένας λογαριασμός στο Facebook και

2) Η απόκρυψη των σχολίων του blogger πηγαίνοντας μέσω του blog σας Ρυθμίσεις > Σχόλια > Απόκρυψη και ΑΠΟΘΗΚΕΥΣΗ ΡΥΘΜΙΣΕΩΝ.

Αν και αρχικά πίστευα πως το comment box δε μπορεί να συνυπάρχει με τα σχόλια του blogger, έκανα λάθος, οπότε αγνοήστε το διαγραμμένο κείμενο από πάνω.



Διαδικασία:



1. Μπαίνουμε στη σελίδα του Facebook Developers που έχει να κάνει με το comment box.



Πώς θα συμπληρώσετε τη φόρμα που θα εμφανιστεί:


Site name: Το όνομα του blog σας

Site URL: Το url του blog σας με ένα “/” στο τέλος (π.χ. www.bloggertips.gr/)

Locale: Επιλέγετε από το μενού “Ελληνικά



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

Συμπληρώνετε το captcha (δηλαδή τα περίεργα γράμματα που εμφανίζονται) και πατάτε Submit.



2. Στη σελίδα που θα οδηγηθείτε αφού πατήσετε Submit, το μόνο που θα χρειαστεί να πάρετε είναι η Ταυτότητα (ID) Εφαρμογής. Αντιγράψτε τον αριθμό που θα σας βγάλει και αφήστε τον στην άκρη γιατί θα τον χρειαστούμε παρακάτω.



3. Σύνδεση στο λογαριασμό blogger.

4. Σχεδίαση

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

6. “Τικάρουμε” το “Επέκταση προτύπων γραφικών στοιχείων”

7. Με Ctrl + F αναζητούμε το <html και δίπλα από αυτό, δηλαδή ακριβώς μετά από αυτό, επικολλούμε τον παρακάτω κώδικα:

xmlns:fb=’http://www.facebook.com/2008/fbml’

Πρέπει να αφήσετε τουλάχιστον ένα κενό πριν και μετά από τον παραπάνω κώδικα για να δουλέψει!





8. Με Ctrl + F αναζητούμε το <body> και ακριβώς μετά από αυτό επικολλούμε τον παρακάτω κώδικα:

<div id=”fb-root”></div>

<script>

window.fbAsyncInit = function() {

FB.init({

appId : ‘Ταυτότητα (ID) Εφαρμογής‘,

status : true, // check login status

cookie : true, // enable cookies to allow the server to access the session

xfbml : true // parse XFBML

});

};



(function() {

var e = document.createElement(‘script’);

e.src = document.location.protocol + ‘//connect.facebook.net/en_US/all.js’;

e.async = true;

document.getElementById(‘fb-root’).appendChild(e);

}());

</script>

Στον παραπάνω κώδικα, αντικαθιστάτε το “Ταυτότητα (ID) Εφαρμογής” με τον αριθμό που μας έδωσε το Facebook, τον οποίο αφήσαμε στην άκρη νωρίτερα.



9. Με Ctrl + F αναζητούμε το </head> και ακριβώς πριν από αυτό, επικολλούμε τον παρακάτω κώδικα:

<b:if cond=’data:blog.pageType == "item"’>

<meta expr:content=’data:blog.pageTitle’ property=’og:title’/>

<meta expr:content=’data:blog.url’ property=’og:url’/>

<b:else/>

<meta expr:content=’data:blog.title’ property=’og:title’/>

<meta expr:content=’data:blog.homepageUrl’ property=’og:url’/>

</b:if>

<meta content=’MY-SITE-NAME‘ property=’og:site_name’/>

<meta content=’YOUR-APP-ID‘ property=’fb:app_id’/>

<meta content=’YOUR-FACEBOOK-PROFILE-ID‘ property=’fb:admins’/>

<meta content=’article’ property=’og:type’/>

Προσαρμόζουμε τον παραπάνω κώδικα στα δικά μας δεδομένα:



Αντικαθιστούμε το MY-SITE NAME με το όνομα του blog μας, το YOUR-APP-ID με την Ταυτότητα (ID) Εφαρμογής, δηλαδή με τον αριθμό που πήραμε νωρίτερα από το Facebook και το YOUR-FACEBOOK-PROFILE-ID με το ID του λογαριασμού μας στο Facebook.



Για να βρούμε το Facebook ID, πάμε στο profile μας στο Facebook και κάνουμε κλικ στην φωτογραφία που έχουμε ορίσει ως φωτογραφία προφίλ.

Στην μπάρα του browser (του περιηγητή μας δηλαδή) θα βγει ένα link που θα μοιάζει με το παρακάτω:

https://www.facebook.com/media/set/?set=a.1438872928907.63717.1175547627

Το Facebook ID είναι ο αριθμός μετά το “a.” μέχρι την πρώτη τελεία, δηλαδή στο παραπάνω το ID είναι το 1438872928907 .



10. Με Ctrl + F αναζητούμε το <data:post.body/> και ακριβώς μετά από αυτό επικολλούμε τον παρακάτω κώδικα:

<b:if cond=’data:blog.pageType == "item"’>

<p />

<script src=’http://connect.facebook.net/en_US/all.js#xfbml=1’/>

<div><fb:comments width=’450′ expr:title=’data:post.title’ expr:href=’data:post.url’ expr:xid=’data:post.id’/></div>

</b:if>

Μπορείτε να αλλάξετε το width=’450′, δηλαδή το πλάτος του comment box, και να το προσαρμόσετε στο πλάτος του blog σας, αλλάζοντας το “450” σε όποιο σας ταιριάξει καλύτερα.

Πειραματιστείτε για να βρείτε το κατάλληλο!



11. Αποθήκευση προτύπου και είμαστε έτοιμοι!



Δείτε Demo εδώ.



Πηγές: http://www.allblogtools.com/tricks-and-hacks/exclusive-integrate-facebook-comments-box-for-blogger-in-very-easy-and-simple-steps-full-guide/



Με τη φιλική βοήθεια (μέσω σχολιασμού) του http://bloggermeetsfacebook.blogspot.com/



Copyrights: /



Post by Secra from Web in Greece




Facebook, Twitter και Google+1 buttons για share στα posts σας



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Καλησπέρα στους αναγνώστες του bloggertips.gr.



Πρώτο post για μένα σε αυτή τη σελίδα και το tip που θα σας δώσω έχει να κάνει με τα 2 δημοφιλέστερα social networks παγκοσμίως, Facebook & Twitter, και με την πρόσφατη λειτουργία που λάνσαρε η Google, το +1.

Είναι λοιπόν ένα gadget με το οποίο, προσθέτοντάς το στο blog σας, οι αναγνώστες σας θα μπορούν να κοινοποιήσουν την ανάρτησή σας είτε στα Facebook / Twitter είτε επισημαίνοντάς τη με +1, κάτι που θα σημαίνει πως τη βρήκαν “pretty cool” (that ‘s Google!).



Υπάρχουν άλλες δύο σχετικές αναρτήσεις εδώ και εδώ, αλλά αυτό είναι κάτι διαφορετικό.



Η διαδικασία είναι η εξής:



1. Σύνδεση στο λογαριασμό blogger

2. Σχεδίαση

3. Επεξεργασία HTML

4. “Τικάρουμε” το “Επέκταση προτύπων γραφικών στοιχείων”

5. Με Ctrl + F αναζητούμε το “<data:post.body/>” και μετά από αυτό, δηλαδή ακριβώς από κάτω επικολλούμε τον παρακάτω κώδικα:




<!– Sharebox starts –>



<b:if cond=’data:blog.pageType == "item"’>

<div>

<br />

<script type=”text/javascript” src=”https://apis.google.com/js/plusone.js”>

  {lang: ‘el’}

</script>

<g:plusone size=”medium”></g:plusone>

<br />

<a href=’http://twitter.com/share’ rel=’nofollow’ class=’twitter-share-button’ expr:data-url=’data:post.url’ expr:data-text=’data:post.title’ data-count=’horizontal’ data-lang=’en’></a>

<b:if cond=’data:post.isFirstPost’>

<script type=”text/javascript” src=”http://platform.twitter.com/widgets.js”>

</script>

</b:if>

<br />

<a href=’http://www.facebook.com/sharer.php’ name=’fb_share’ type=’button_count’>Share</a><script src=’http://static.ak.fbcdn.net/connect.php/js/FB.Share’ type=’text/javascript’></script>

</div>

</b:if>



<!– Sharebox ends–>



6. Αποθήκευση προτύπου και είμαστε έτοιμοι!



Θα δείχνει κάπως έτσι: http://2.bp.blogspot.com/-5uL-uMkC0Ic/ThrjxSkpSMI/AAAAAAAAAlk/R9QvCam5zRo/12.jpg





Copyrights: /





Secra ‘s posts




Youtube Subscribe Widget – Subscribe Button



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Ένα πολύ απλό, αλλά και πολύ πρακτικό widget για το blog μας, μέσα από το οποίο μπορούμε να προβάλλουμε το κανάλι μας στο youtube και δίνουμε τη δυνατότητα στους επισκέπτες του blog μας να εγγράφονται σε αυτό.



Θα φαίνεται κάπως έτσι:







Πολύ απλά και εύκολα μπορείτε να το βάλετε κι εσείς, ακολουθώντας τα παρακάτω βήματα:



Σύνδεση> Πανόπτης> Σχεδίαση> Στοιχεία Σελίδας> Προσθήκη Gadget> HTML/JavaScript και εκεί επικολλούμε τον παρακάτω κωδικό:


<iframe src=http://www.youtube.com/subscribe_widget?p=johnpatrablog1 style=”overflow: hidden; height: 105px; width: 300px; border: 0;” scrolling=”no” frameBorder=”0″></iframe>



Αλλάξτε το johnpatrablog1 με το δικό σας youtube username σας.

Το δικό μου κανάλι π.χ. είναι το http://www.youtube.com/johnpatrablog1

(στείλτε μου πρόσκληση να γίνουμε φίλοι και θα δεχτώ ή αν γίνετε συνδρομητής στο κανάλι, θα γίνω και εγώ στο δικό σας!)



Μπορείτε επίσης να αλλάξετε το μέγεθος του widget αλλάζοντας αντίστοιχα τις αριθμητικές μεταβολές που έχω μαρκάρει με πράσινο.


Μην ξεχάσετε να αποθηκεύσετε και είστε έτοιμοι!


Copyrights: /




Twitter Fan Box στο blog



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Θα δούμε παρακάτω πως θα προσθέσουμε στο blog μας ένα twitter fan box στο οποίο θα φαίνονται οι μέχρι τώρα followers μας και συγχρόνως θα μπορούν οι επισκέπτες μας να μας κάνουν follow, χωρίς να φύγουν από το Blog μας. To Gadget θα φαίνεται όπως το έχω από πάνω στο screenshot.



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



1. Σύνδεση στον λογαριασμό μας από το blogger.com

2. Πανόπτης> Σχεδίαση> Στοιχεία Σελίδας> Προσθήκη gadget> HTML/JavaScript

3. Εκεί επικολλούμε τον παρακάτω κωδικό:

<div class=”textwidget”>

<script type=”text/javascript” src=”http://s.moopz.com/fanbox_init.js”></script><div id=”twitterfanbox”>

<script type=”text/javascript”>fanbox_init(“johnpatra“);</script></div>

</div>



<style>

.FB_SERVER_IFRAME {

width: 240px !important; /* Ancho del gadget */

height: 380px !important; /* Alto del gadget */

}

</style>



Τροποποίηση κώδικα:



α) Εκεί που λέει “johnpatra“, βάζετε το δικό σας twitter username

β) Μπορείτε να αλλάξετε το ύψος και το πλάτος, αλλάζοντας τα νούμερα στις μεταβλητές height και width αντίστοιχα



4. Αποθηκεύετε κι είστε έτοιμοι!



Καλή σας μέρα,

johnpatra


Copyrights: http://bloggertips.gr/




ΦΤΙΑΞΕ ΤΟ NEWSLETTER ΤΗΣ ΣΕΛΙΔΑΣ ΣΟΥ (how to add feedburner email subscriptions box form to your blog website)



Print Friendly and PDFPrintPrint Friendly and PDFPDF




Το Feedburner προσφέρει πολλές δυνατότητες, αλλά είναι τόσο γνωστό για τη δυνατότητα του newsletter που παρέχει στους χρήστες του. Με αυτη την δυνατότητα, οι επισκέπτες μιας ιστοσελίδας μπορούν να γίνουν συνδρομητές σε αυτή και να λαμβάνουν στο e-mail τους, όλες τις νέες αναρτήσεις της. Τρομερή δυνατότητα αυτη, που πρέπει να δίνει κάθε site στους επισκέπτες του.



Το Feedburner ανήκει στην Google.

Μεγαλύτερος ανταγωνιστής του Feedburner είναι το Feedblitz, το οποίο δεν είναι πολύ κακό, αλλά δεν είναι και Feedburner.





Η εγγραφή στο Feedburner είναι δωρεάν, μπορεί να γίνει χρησιμοποιώντας τον λογαριασμό που ήδη έχετε στο Google και σας επιτρέπει να «κάψετε» (δηλ. να εισάγετε) όσα feeds θέλετε.



Το πρώτο βήμα που πρέπει να κάνουμε για να αρχίσουμε να φτιάχνουμε το newsletter μας, είναι να πατήσουμε στο http://feedburner.google.com/, όπου θα εμφανιστεί η παρακάτω εικόνα:




Απαραίτητη προϋπόθεση είναι να έχουμε google λογαριασμό, που οι περισσότεροι έχουμε λόγω του blog μας. Όσοι δεν έχετε φτιάχνετε τώρα. Όσοι έχουμε συνδεόμαστε στο Feedburner με τους κωδικούς που έχουμε και στον google λογαριασμό μας.





Τώρα θα σας εμφανιστεί η παρακάτω εικόνα:




Εγώ έχω ήδη ένα feed, αυτό του johnpatra.com (εσείς λογικά δεν έχετε κανένα ακόμα). Για να σας δείξω πως θα φτιάξετε ένα νέο feed, αποφάσισα να ξεκινήσω και εγω τη δημιουργία ενός νέου feed, αυτό του http://ski-gr.blogspot.com/ που είναι ένα από τα άλλα μου blogs.



Γράφετε κι εσείς τη διεύθυνση του blog σας, επίλεγετε το “I am a Podcaster!” και πατάτε “Next”.



Τώρα επιλέγουμε την πρώτη επιλογή, όπως φαίνεται παρακάτω




και πατάμε πάλι το “Next”.






Τώρα γράφουμε το όνομα του feed μας και βάζουμε και τη διεύθυνση στην οποία θα ανοίγει.




Ρυθμίστε τα όπως θέλετε και πατήστε “Next” (αν δεν ξέρετε τι ρύθμιση είναι το καθένα, βάλτε τα όπως τα έχω εγώ στις εικόνες).






Ρυθμίστε τα όπως θέλετε και πατήστε “Next” (αν δεν ξέρετε τι ρύθμιση είναι το καθένα, βάλτε τα όπως τα έχω εγώ στις εικόνες).




To feed μας δημιουργήθηκε!





Δείτε τι σημαίνει η κάθε καρτέλα:



Analyze:



Περιλαμβάνει στατιστικά χρήσης των feeds σας. Εδώ μπορείτε να δείτε ποιες είναι οι δημοφιλέστερες καταχωρήσεις σας, τον αριθμό και τη συμπεριφορά των συνδρομητών σας, τον feed reader που χρησιμοποιούν, τις γεωγραφικές περιοχές από τις οποίες προέρχονται, ακόμα και να εντοπίσετε «ασυνήθιστες χρήσεις» (uncommon uses) των feeds σας.



Optimize:



Εδώ μπορείτε να βελτιώσετε τα feeds σας, κάνοντάς τα συμβατά με όλες τις πιθανές συσκευές και feedreaders, αλλά και να τα ενισχύσετε με επιπλέον λειτουργικότητες όπως: κουμπιά απευθείας παρακολούθησης από τους δημοφιλέστερους feed readers, τροποποιήσεις ειδικές για podcasters, δυνατότητα διαμοιρασμού των feeds σε υπηρεσίες κοινωνικής δικτύωσης, δήλωση της γεωγραφικής τοποθεσίας σας κ.α.



Publicize:



Από τις πιο ενδιαφέρουσες κατηγορίες, αφού προσφέρει εναλλακτικούς τρόπους προώθησης και παρουσίασης των feeds σας. Μερικές από τις επιλογές που περιλαμβάνει είναι η δυνατότητα δημιουργίας κινούμενων banners που εμφανίζουν τις τελευταίες καταχωρήσεις, επαναδημοσίευση των feeds σας ως περιεχόμενο ενσωματωμένο σε άλλο website, προβολή του αριθμού των συνδρομητών, αυτόματη δημοσίευση κάθε νέας καταχώρησης στο Twitter (το αγαπημένο μου) κ.α.



Monetize:



Σας δίνει τη δυνατότητα να ενσωματώσετε διαφημίσεις από το Google Adsense ανάμεσα στα feeds σας. Προϋποθέτει, ασφαλώς, να έχετε λογαριασμό στο Adsense.



Troobleshootize:



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



Πηγή*: www.freeweird.com





Από τις καρτέλες επιλέγουμε το “Publicize”, πατάμε στην επιλογή “Email subscriptions” που έχει στα δεξιά και πατάμε “Activate” για να ενεργοποιηθεί η υπηρεσία newsletter.












Τώρα αντιγράφουμε τον κωδικό, όπως φαίνεται στην παρακάτω εικόνα:






Συνδεόμαστε στον blogger λογαριασμό μας από το http://draft.blogger.com/home και από τον Πανόπτη μας, πάμε στη Σχεδίαση>Στοιχεία Σελίδας>Προσθήκη gadget>HTML/JavaScript και επικολλούμε εκεί τον κωδικό που πριν αντιγράψαμε και αποθηκεύουμε το gadget.



Στη σελίδα μας θα φαίνεται έτσι:




Επεξεργασία του κωδικού:



Ο κωδικός του gadget θα είναι κάπως έτσι:


<form style=”border:1px solid #ccc;padding:3px;text-align:center;” action=”http://feedburner.google.com/fb/a/mailverify” method=”post” target=”popupwindow” onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=Ski-gr’, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520’);return true”><p>Enter your email address:</p><p><input type=”text” style=”width:140px” name=”email”/></p><input type=”hidden” value=”Ski-gr” name=”uri”/><input type=”hidden” name=”loc” value=”en_US”/><input type=”submit” value=”Subscribe” /><p>Delivered by <a href=”http://feedburner.google.com” target=”_blank”>FeedBurner</a></p></form>

(ΜΗΝ ΒΑΛΕΤΕ ΤΟΝ ΠΑΡΑΠΑΝΩ ΚΩΔΙΚΟ ΠΟΥΘΕΝΑ! ΑΥΤΟΣ ΕΙΝΑΙ Ο ΔΙΚΟΣ ΜΟΥ ΚΩΔΙΚΟΣ ΚΑΙ ΑΦΟΡΑ ΜΟΝΟ ΤΟ SKI-GR)





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



Τώρα πατώντας Ρυθμίσεις>Ροή Δικτυακού Τόπου, μπορείτε από το “Να επιτρέπονται οι ροές δεδομένων ιστολογίου” να επιλέξετε “Σύντομο”, αντί για “Πλήρες”.



Τι σημαίνει αυτό? Ότι στα μαιλ των συνδρομητών σας, δεν θα στέλνονται ολόκληρα τα post σας, αλλά ένα μέρος τους. Έτσι για να διαβάσουν όλο το ποστ θα πρέπει να επισκεφτούν τη σελίδα σας.



Αν θέλετε στους συνδρομητές σας, να φαίνονται ολόκληρα τα ποστ σας, αφήστε το όπως έχει στο “Πλήρες”.



ΒΑΣΙΚΟ:



Εκεί που λέει “Διεύθυνση URL ανακατεύθυνσης ροής δεδομένων δημοσίευσης”, πρέπει να βάλετε την διεύθυνση του feed σας από το feedburner, ώστε να γίνεται ανακατεύθυνση του κανονικού σας feed στο feedburner feed.



Τώρα μπορείτε να αλλάξετε κάτι ή να βλέπετε τα στατιστικά του feed σας από το http://feedburner.google.com/ που θα βλέπετε το feed σας όπως βλέπω εγώ τα δυο δικά μου:



Παρακαλώ αφήστε ένα σχόλιο αν θέλετε ή κάντε “Like” σε αυτό το ποστ, από το facebook κουμπάκι που έχω λίγο πιο κάτω.


Keep Blogging!

johnpatra




ΣΧΟΛΙΑ ΣΤΙΣ BLOGGER ΑΝΑΡΤΗΣΕΙΣ ΣΟΥ ΑΠΟ ΤΟ FACEBOOK – ADDING FACEBOOK COMMENT BOX TO BLOGGER BLOG



Print Friendly and PDFPrintPrint Friendly and PDFPDF




Το Facebook είναι αναμφίβολα η μεγαλύτερη διαδικτυακή κοινότητα. Δεν υπάρχει άλλο site με περισσότερα μέλη. Έτσι το Facebook δίνει την δυνατότητα να προσθέσουμε στη σελίδα μας, διάφορα widgets, με τα οποία συνδέουμε το site μας με το Facebook και τα 500 εκ. μέλη του. Ένα από αυτά τα widgets είναι το widget σχολιων. Έτσι θα δώσουμε τη δυνατότητα στους επισκέπτες μας να σχολιάσουν τις αναρτήσεις μας, ενώ είναι συνδεδεμένοι στους λογαριασμούς τους στο Facebook. Αυτό είναι πολύ καλό και για μας, γιατί έτσι διαφημίζεται το site μας στο Facebook, αφού ο καθένας μπορεί να κάνει το διάσημο “Like”.



Θέλετε λοιπόν να βάλετε ένα Facebook Comment Box? Aν ναι ακολουθήστε τα παρακάτω βήματα:



1. Πάτα στο http://developers.facebook.com/setup/



Γράψε στο κάθε κουτάκι αυτό που ζητάει, όπως έχω κάνει για το δικό μου site στην παρακάτω εικόνα:




Έπειτα πατήστε “Create application” και συμπληρώστε τα γράμματα της εικόνας στο κουτί ασφαλείας.



2. Η σελίδα που θα εμφανιστεί θα είναι όπως η παρακάτω:




Από αυτη τη σελίδα μας χρειάζεται μόνο το App ID : 198372564539628

Αποθηκεύστε κάπου το App ID σας και πάμε παρακάτω.



3. Τώρα πάμε στο http://developers.facebook.com/docs/reference/plugins/comments*



Εκεί που λέει Unique Id βάζουμε το App ID μας και επίσης ρυθμίζουμε τις άλλες ρυθμίσεις, όπως θέλουμε εμείς:




Τώρα κάνουμε κλικ στο Get code και αντιγράφουμε τον κωδικό που θα εμφανιστεί, όπως φαίνεται παρακάτω:




Τώρα στον παραπάνω κωδικό αντικαθιστούμε το APP_ID με το νούμερο του APP ID μας που έχουμε αποθηκεύσει από το βήμα 2.





4. Τώρα συνδεόμαστε στον blogger λογαριασμό μας από το http://draft.blogger.com/home και από τον πανόπτη μας, πάμε στη Σχεδίαση, μετά στην Επεξεργασία html και τσεκάρουμε το κουτάκι που λέει: “Επέκταση προτύπων γραφικών στοιχείων”



5. Με τη βοήθεια του ctrl+F βρίσκουμε έναν από τους παρακάτω κωδικούς, ανάλογα με το τι θέλουμε:



αν θέλουμε το facebook comment box να εμφανίζεται αμέσως μετά από κάθε blogger post μας βρίσκουμε το:


<p><data:post.body/></p>



αν θέλουμε το facebook comment box να εμφανίζεται πάνω από τα κανονικά σχόλια του blogger βρίσκουμε το:


<b:includable id=’comments’ var=’post’>





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



Αποθηκεύσουμε το πρότυπό μας, κι είμαστε έτοιμοι!



*Επίσης από το http://developers.facebook.com/plugins μπορούμε να βρούμε κι άλλα ενδιαφέροντα facebook widgets όπως φαίνονται παρακάτω:



Το σχόλιό σας, η ΕΠΙΒΡΑΒΕΥΣΗ μου!


Keep Blogging!

johnpatra




Facebook Like / Recommend Button For Blogger – Είναι το καλύτερο με διαφορά!



Print Friendly and PDFPrintPrint Friendly and PDFPDF



Καλησπέρα σας,

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

Αλλά με τη σημερινή μου ανάρτηση θα καλύψω όλο αυτό το κενό που έχω αφήσει. Παρακάτω θα σας πω το μακραν καλύτερο Facebook Like / Recommend Button For Blogger. Το έβαλα εγώ αμέσως. Με εντυπωσιάζει γιατί είναι πολύ γρήγορο. Θα το διαπιστώσετε και μόνοι σας (είναι στο τέλος της ανάρτησης – δοκιμάστε το) .

Πάμε γρήγορα να σας πω πως θα το βάλετε (εγώ το έβαλα σε περίπου 40 δευτερόλεπτα):

1.Σύνδεση στο account
2.Διάταξη
3.επεξεργασία html
4.Επέκταση προτυπών γραφικών στοιχείων
5.με το ctrl+F ψάξε να βρεις το <data:post.body/>
6.αμέσως από κάτω του βάλε τον παρακάτω κωδικό:
(αν βρεις δύο ή παραπάνω <data:post.body/> λογικά είναι το τελευταίο)


<b:if cond=’data:blog.pageType == "item"’>
<iframe allowTransparency=’true’ expr:src=’"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"’ frameborder=’0′ scrolling=’no’ style=’border:none; overflow:hidden; width:450px; height:40px;’/>
</b:if>


Έτσι αυτό το γαμάτο widget θα εμφανίζεται μόνο στη σελίδα των αναρτήσεων και ΟΧΙ στην αρχική σελίδα. Αν θέλετε να εμφανίζεται παντού (αρχική σελίδα+σελίδα αναρτήσεων) απλά διέγραψε τους κόκκινους κωδικούς.
7. και τώρα κάνε αποθήκευση κι είσαι έτοιμος! Καλό?

Δοκίμασε το widget(πάτα το αν σου άρεσε η ανάρτηση):




Βookmarks στο Blog σας



Print Friendly and PDFPrintPrint Friendly and PDFPDF



Πολλοί bloggers, που διατηρούν μαζί με το blog τους, και λογαριασμούς σε σελίδες κοινωνικής δικτύωσης, όπως το Twitter το Facebook το Digg κ.α., θα ήθελαν να κοινοποιήσουν στο προφίλ τους ή την ομάδα τους, με τις νέες αναρτήσεις τους. Υπάρχουν αρκετοί διαφορετικοί τρόποι, καθώς και διάφορα widgets γι αυτή τη δουλειά. Ένα τέτοιο θα σας δείξω σήμερα. Είναι bookmarks, όπου απεικονίζονται με όμορφα εικονίδια, και μπαίνουν αυτόματα κάτω από κάθε ανάρτηση που βάζετε.

Είμαι ο ekabitis, και μπορείτε να ρίξετε μια ματιά στην φωτογραφία, για να δείτε πως θα φαίνεται στο blog σας.


Επίσης μπορείτε να επισκεφθείτε την σελίδα μου, για να τα δείτε πως φαίνονται “ζωντανά”.

Για να το βάλουμε λοιπόν στο blog μας, πάμε στον Πίνακα ελέγχου –> Διάταξη –> Επεξεργασία HTML.
Τσεκάρουμε το τετραγωνάκι που λέει Επέκταση γραφικών στοιχείων. Σε αυτό το σημείο, καλό θα είναι να πάρετε ένα backup του blog σας, για παν ενδεχόμενο.
Με το Ctrl+F ψάχνουμε το

<data:post.body/>

και αμέσως μετά κάνουμε επικόληση τον παρακάτω κωδικό


<div align=’left’>
<span class=’post-icons’>

<!– Widget Title , Share This Start, Remove Or Leave–>
<p align=’left’>
<img alt=” border=’0′ id=’BLOGGER_PHOTO_ID_5441163760466269298′ src=’http://3.bp.blogspot.com/_JwD5r652h00/S4LlnJNSFHI/AAAAAAAAAU8/b0CwEmD94jg/s400/share-this.png’
width=’120′/></p><!– Widget Title , Share This Start, Remove Or Leave–>

<!– FaceBook Button Start, Remove Or leave –>
<a expr:href=’"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title’ target=’_blank’ title=’Add To Facebook’><img alt=’Add To Facebook’ border=’0′ class=’icon-action’ height=’25’ src=’http://3.bp.blogspot.com/_vLeiVavkV_M/SnleIlLdGwI/AAAAAAAABd8/RfHnWIGGMEY/s200/facebook.png’ width=’25’/></a>
<!– FaceBook Button End, Remove Or leave –>

<!– Twitter Button Start, Remove Or leave –>
<a expr:href=’"http://twitter.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title’ target=’_blank’ title=’Add To Twitter’><img alt=’Add To Twitter’ border=’0′ class=’icon-action’ height=’25’ src=’http://www.cbc.ca/news/yourvoice/assets/images/yourvoice-twitter.png’ width=’25’/></a>
<!– Twitter Button End, Remove Or leave –>

<!– Yahoo Button Start, Remove Or leave –>
<a expr:href=’"http://myweb2.search.yahoo.com/myresults/bookmarklet?t=" + data:post.url + "&title=" + data:post.title’ target=’_blank’ title=’Add To Yahoo’><img alt=’Add To Yahoo’ border=’0′ class=’icon-action’ height=’25’ src=’http://1.bp.blogspot.com/_vLeiVavkV_M/SnlexsGX2QI/AAAAAAAABes/ai6zvzZKCgw/s200/yahoo.png’ width=’25’/></a>
<!– Yahoo Button End, Remove Or leave –>

<!– Reddit Button Start, Remove Or leave –>
<a expr:href=’"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title’ target=’_blank’ title=’Add To Reddit’><img alt=’Add To Reddit’ border=’0′ class=’icon-action’ height=’25’ src=’http://3.bp.blogspot.com/_vLeiVavkV_M/SnleX1tMMtI/AAAAAAAABeM/gQSYdrmSc3k/s200/reddit.png’ width=’25’/></a>
<!– Reddit Button End, Remove Or leave –>

<!– Technorati Button Start, Remove Or leave –>
<a expr:href=’"http://www.technorati.com/faves?add=" + data:post.url’ target=’_blank’ title=’Fav This With Technorati’><img alt=’Fav This With Technorati’ border=’0′ class=’icon-action’ height=’25’ src=’http://1.bp.blogspot.com/_vLeiVavkV_M/SnlenauwzjI/AAAAAAAABec/btszO5xBOgg/s200/technorati.png’ width=’25’/></a>
<!– Technorati Button End, Remove Or leave –>

<!– Delicious Button Start, Remove Or leave –>
<a expr:href=’"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title’ target=’_blank’ title=’Add To Del.icio.us’><img alt=’Add To Del.icio.us’ border=’0′ class=’icon-action’ height=’25’ src=’http://2.bp.blogspot.com/_vLeiVavkV_M/Snld35mPSDI/AAAAAAAABds/ccrOpOmP9Zk/s200/delicious.png’ width=’25’/></a>
<!– Delicious Button End, Remove Or leave –>

<!– Digg Button Start, Remove Or leave –>
<a expr:href=’"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title’ target=’_blank’ title=’Digg This’><img alt=’Digg This’ border=’0′ class=’icon-action’ height=’25’ src=’http://3.bp.blogspot.com/_vLeiVavkV_M/Snld_x-wXoI/AAAAAAAABd0/cTsGU_Y-zQ8/s200/digg.png’ width=’25’/></a>
<!– Digg Button End, Remove Or leave –>

<!– Stumbleupon Button Start, Remove Or leave –>
<a expr:href=’"http://www.stumbleupon.com/refer.php?url=" + data:post.url + "&title=" + data:post.title’ target=’_blank’ title=’Stumble This’><img alt=’Stumble This’ border=’0′ class=’icon-action’ height=’25’ src=’http://2.bp.blogspot.com/_vLeiVavkV_M/SnleiulEMVI/AAAAAAAABeU/kO09nNTlQeo/s200/stumbleupon.png’ width=’25’/></a>
<!– Stumbleupon Button End, Remove Or leave –>

</span>
</div>



Τα εικονιδιάκια, τα έχω ρυθμισμένα με διαστάσεις 25Χ25. Αν τα θέλετε μικρότερα ή μαγαλύτερα, μπορείτε να αλλάξετε τις διαστάσεις τους, βάζοντας τις τιμές που επιθυμείται στους κωδικούς height=’25’ width=’25’ .
Στην αρχή περίπου του κωδικού, σας έχω μαρκάρει με πράσινο χρώμα την διάσταση του “Share this”. Μπορείτε κι αυτό επίσης να το τροποποιήσετε, βάζοντας τις διαστάσεις που επιθυμείτε.
Τώρα τελειώσατε. Πατήστε αποθήκευση και κάτω από όλες τις αναρτήσεις σας θα βρίσκονται τα πιο δημοφιλή εικονίδια των κοινωνικών σελίδων που υπάρχουν στο διαδίκτυο.

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





Delete forever your account in Facebook,Twitter,Linked In and MySpace



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Ιδανικοί αυτόχειρες του Facebook

Πώς να «αυτοκτονήσετε» ψηφιακά και να απαλλαγείτε από όλους τους ανεπιθύμητους «φίλους»

Αν η εικονική σας ζωή έχει φτάσει σε αδιέξοδο, υπάρχει πάντα η λύση της ψηφιακής αυτοκτονίας. Ή μήπως υπήρχε; Ένα site που δημιούργησε μια ολλανδική κολεκτίβα κατάφερε να οδηγήσει σε ευθανασία μερικές χιλιάδες χρήστες, προκαλώντας τη μήνη των υπεύθυνων του Facebook. Ένας από τους ιδρυτές του και ένας «αυτόχειρας» εξηγούν τις αιτίες της ανόδου, της πτώσης και της επικείμενης ανάστασης του Web 2.0 Suicide Machine.

Tο κόνσεπτ ήταν απλό και ξεπερνούσε τους δισταγμούς μιας πραγματικής αυτοκτονίας. Παραχωρούσες τους κωδικούς σου στο Web 2.0 Suicide Machine, έδινες την εντολή «commit» και, χωρίς τη δυνατότητα ανάκλησης ή επαναφοράς στη ζωή, το σύστημα διέγραφε με θεωρητικά ανατριχιαστική ακρίβεια τους φίλους, τα γκρουπ, τα μηνύματα και γενικά κάθε «κοινωνική» σου δραστηριότητα. Είτε αυτή είχε συμβεί στο Facebook και το Twitter είτε στο Myspace και το LinkedIn.

Μέσα σε λιγότερο από μία ώρα (αντίθετα με τις περίπου εννιά που, σύμφωνα με το Suicide Machine, θα απαιτούσε το Facebook) το μόνο που απέμενε ήταν ένα εύθραυστο ψηφιακό κουφάρι, ένα νεκρό προφίλ χωρίς δεδομένα. Μοναδικό επιθανάτιο αποτύπωμα, τα «επιτύμβια» αναμνηστικά που μπορούσες να αφήσεις στο site του «δήμιου» σου. Και που περιλάμβαναν από πομπώδεις αποχωρισμούς («αντίο, άπονε κόσμε») μέχρι κακίες εκ των υστέρων («σε ευχαριστώ, microblogging, είσαι τελείως άχρηστο»).

«Το πιο κουλ στο Suicide Machine ήταν η ίδια η ύπαρξή του», λέει ο 31χρονος Ben Gencarelle από το Rhode Island των ΗΠΑ, που οδηγήθηκε στο απονενοημένο διάβημα όταν κατάλαβε ότι το Facebook ήταν γι’ αυτόν ένα τεράστιο χάσιμο χρόνου. «Περνούσα ώρες ολόκληρες κοιτάζοντας αν κάποιος φίλος μου ανανέωσε το status του. Η δημιουργικότητά μου είχε φτάσει στο μηδέν εξαιτίας μιας εικονικής πραγματικότητας, που τελικά δεν είναι καθόλου φιλική και καθόλου διαδραστική για όποιον θέλει να χειρίζεται τις πληροφορίες που ανεβάζει».

Γιατί δεν ακολούθησε τη μέθοδο διαγραφής λογαριασμού που προσφέρει το δημοφιλές site; «Γιατί το Facebook δεν είναι καθόλου αξιόπιστο. Αντί να σβήσει ολοκληρωτικά το λογαριασμό σου, απλώς τον απενεργοποιεί, διατηρώντας όλα τα δεδομένα», λέει. Και κάπως έτσι αποφάσισε να εξαφανιστεί από τον ψηφιακό για να επιστρέψει στον πραγματικό κόσμο. Η φωτογραφία στο προφίλ του αντικαταστάθηκε από την κρεμάλα (το λογότυπο του Web 2.0 Suicide Machine) και όλα τα ψηφιακά του καμώματα, όλα τα σχόλια, τα γκρουπ ή τα παιχνίδια σβήστηκαν ένα-ένα μπροστά στα μάτια του.

Το πείραμα του dr Kevorkian

Την έμπνευση για το Web 2.0 Suicide Machine είχαν οι Walter Langelaar, Danya Vasiliev και Gordan Savicic, ιδρυτές του μιντιακού εργαστηρίου Moddr και μέλη της καλλιτεχνικής κολεκτίβας «Worm» του Ρότερνταμ. «Όλα ξεκίνησαν σαν μια παρωδία για τους ανθρώπους που βαρέθηκαν το social networking. Στην ουσία κάναμε ένα πείραμα για να δούμε πόσοι γνωρίζουν ότι το Facebook χρησιμοποιεί τις πληροφορίες τους και για να αρχίσουμε μια συζήτηση γύρω από αυτό το θέμα», λέει ο 30χρονος Gordan από την Αυστρία. Από τις 19 Δεκεμβρίου, που το πείραμά τους εξαπέλυσε την επίθεσή του, μέχρι σήμερα, περίπου 3.000 χρήστες επέλεξαν την ευθανασία. Και θα ήταν πολύ περισσότεροι αν ο server του Suicide Machine είχε τα φόντα να χειριστεί όλες τις αιτήσεις.

Όπως ήταν αναμενόμενο (και αντίθετα με τα υπόλοιπα sites κοινωνικής δικτύωσης που ακόμα δεν έχουν απαντήσει), το Facebook ενοχλήθηκε. Επικαλούμενο την παραβίαση των προσωπικών δεδομένων των χρηστών του, έστειλε στις αρχές Ιανουαρίου μια επιστολή στο Suicide Machine ζητώντας να «σταματήσει άμεσα» και απειλώντας ότι θα προβεί σε «περαιτέρω ενέργειες». Παρά την έκπληξή τους, οι ιδρυτές του site δεν έκατσαν με σταυρωμένα τα χέρια. Απάντησαν, τονίζοντας την ασάφεια των επιχειρημάτων, ζήτησαν επιπλέον νομικές διευκρινίσεις, κανείς όμως δεν τους έδωσε σημασία. To Facebook απλώς μπλόκαρε την πρόσβαση του Suicide Machine στις πληροφορίες του, ενώ με μία ακόμη επιστολή στις αρχές Φεβρουαρίου ανακοίνωσε ότι η σελίδα του θα είναι στο εξής απρόσιτη και για την κολεκτίβα «Worm», που φιλοξενούσε το απείθαρχο site.

«Κατήγγειλαν ότι κατεβάσαμε παράνομα πληροφορίες τους, που στην πραγματικότητα όμως ανήκουν στους χρήστες», λέει ο Gordan. Και συνεχίζει απαντώντας και στις υπόλοιπες μομφές του Facebook: «Μας κατηγόρησαν ότι κλέψαμε κωδικούς. Δεν ξεγελάσαμε όμως κανέναν. Τους ζητήσαμε και μας τους έδωσαν», λέει. Θυμάται μάλιστα την έκπληξη των συνεργατών του όταν οι πρώτοι επίδοξοι αυτόχειρες τους πρόσφεραν απλόχερα ονόματα χρήστη και κωδικούς πρόσβασης. «Όπως και να το κάνεις, στη διαδικτυακή ηθική κάτι τέτοιο είναι για πολλούς ανήκουστο».

O πόλεμος της πληροφορίας

«Facebook can suck my dick!» είναι η άποψη του Ben. «Ήταν φυσικό να μη θέλουν να συζητήσουν. Έχουν από πίσω τους ένα σωρό μαρκετίστες που τους λένε τι να κάνουν και μάλλον έχουν ξεχάσει τον αρχικό σκοπό τους, την επικοινωνία των χρηστών». Την ίδια στιγμή βέβαια, που με τη βοήθεια του Suicide Machine «αυτοκτονούσαν» λίγες χιλιάδες, το Facebook αύξανε σταθερά τα εκατομμύρια των χρηστών του, ενώ ακόμα και η Google, με την εφαρμογή Buzz, έμπαινε δυναμικά στην αγορά του social networking.

«Oι άνθρωποι ικανοποιούν την ανάγκη τους για επικοινωνία αν μέσα σε μία μέρα μιλήσουν με συγκεκριμένο αριθμό ατόμων», λέει ο Ben. «Και σελίδες σαν το Facebook τους προσφέρουν αυτή την τεχνητή κοινωνικοποίηση. Χαζεύουν σε αυτές τα καινούρια κουρέματα των “φίλων” τους και τις φωτογραφίες από τις διακοπές τους κι έτσι νομίζουν ότι γίνονται κοινωνικοί».

Μια μικρή αντίδραση, πάντως, είχε αρχίσει να δημιουργείται και από την άλλη πλευρά. Tο seppukoo.com ήταν το πρώτο site που πρόσφερε υπηρεσίες ψηφιακής αυτοκτονίας ήδη από το Σεπτέμβριο του 2009. Όταν ο Gordan, ο Walter και ο Danya βρίσκονταν ακόμα στην προετοιμασία του πρότζεκτ τους. «Υπήρχε κάτι σαν απαίτηση από τον κόσμο, γι’ αυτό τα δύο sites έγιναν δημοφιλή την ίδια περίοδο», λέει ο Gordan. «Το Facebook αντέδρασε σαν θυμωμένο θηρίο, απαγορεύοντας και στα δύο την πρόσβαση. Κυρίως γιατί κανένα δεν πουλούσε πληροφορίες, δεν είχε διαφημίσεις, ούτε έβγαζε χρήματα με κανένα τρόπο».

Και η αντιπαράθεση έλαβε τέλος μερικές μέρες πριν, όταν με ένα δελτίο Τύπου το Suicide Machine ανακοίνωνε τη δική του διαδικτυακή αυτοκτονία. Σύμφωνα με το δελτίο, μετά τον αφορισμό της από το απρόθυμο για συζήτηση Facebook, η κολεκτίβα «Worm» δεν επιθυμεί να εμπλακεί σε δικαστική διαμάχη με τον κολοσσό του social net-working. Στο κάτω-κάτω, «ποτέ δεν θέλησε να στοχοποιήσει το Facebook, αλλά να προσφέρει ένα εργαλείο σε ανθρώπους που για οποιονδήποτε λόγο είχαν βαρεθεί την on-line ζωή τους».

Oι τρεις εμπνευστές του, πάντως, δεν έχουν σκοπό να καταθέσουν τα όπλα. Απλώς θα τα παραδώσουν σε άλλον. «Το Suicide Machine θα κυκλοφορήσει σαν δωρεάν πρόγραμμα στο Internet και έτσι θα μπορεί να το χρησιμοποιεί όποιος θέλει με δική του ευθύνη», λέει ο Gordan. «Γιατί η αγωνία του Facebook για έλεγχο των χρηστών του δείχνει ότι η ελευθερία των πληροφοριών είναι μια ψευδαίσθηση. Και ίσως να μη δημιουργήσαμε κάποιο κίνημα, αλλά πιστεύουμε ότι οι χρήστες θα είναι στο μέλλον πιο αυστηροί και πιο ενημερωμένοι».

http://www.tanea.gr/default.asp?pid=2&ct=84&artid=4562596




Αυτόματη ροή των αναρτήσεών μας στο Twitter και στο Facebook



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Καλησπέρα σας,

Η πλειοψηφία των αναγνωστών μου έχει σίγουρα λογαριασμό στο Twitter και ειδικά στο Facebook.
Με τη σημερινή μου ανάρτηση θα σας δείξω πως θα δημοσιεύονται αυτόματα στο Twitter και στο Facebook η τελευταία ανάρτηση του blog σας.
Εσείς το μόνο που έχετε να κάνετε είναι να δημοσιεύετε αναρτήσεις στο μπλογκ σας, και μετά από λίγα λεπτά (εξαρτάται πως θα το ρυθμίσετε) αυτές οι αναρτήσεις θα δημοσιεύονται στα προφίλ σας στο Facebook και στο Twitter.

Αυτό είναι πραγματικά πολύ εύκολο να γίνει ,έλα όμως που οι περισσότεροι από εσάς δεν το ξέρουν(γιατί έχω λάβει δεκάδες μαιλς με αυτην την απορία).

Όλα θα γίνουν μέσω ένα site του TwitterFeed.
Εκεί δημιουργούμε έναν λογαριασμό (ενν. δωρεάν) από το http://twitterfeed.com/users/new
Έπειτα είναι όλα πολύ εύκολα και πολύ απλά.
Κάνουμε Login στον νέο μας account και φτιάχνουμε το feed μας από το http://twitterfeed.com/feeds/new

Για το Facebook μπορεί να γίνει και από αυτή τη σελίδα ,αλλά υπάρχει κι άλλος ,εξίσου ωραίος τρόπος.

Πάμε στον λογαριασμό μας στο Facebook,
και τώρα πάμε στον “Λογαριασμός”>”Ρυθμίσεις Εφαρμογών”>”Σημειώσεις”>και τώρα βρείτε κάπου στα δεξιά που λέει “Εισαγωγή ιστολογίου” και πατήστε το>γράψτε το url του μπλογκ σας και πατήστε “Εκκίνηση Εισαγωγής” και μετά την προσεπισκόπηση πατήστε επιβεβαίωση κι είστε έτοιμοι!

Αν σας βοήθησα (έστω και λίγο) αφήστε ένα σχόλιο.Σας ευχαριστώ!




Παραβίαση του προσωπικού απορρήτου σου στο Facebook!Σταμάτησέ το τώρα!”automation block”



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Αναδημοσίευση από το φιλικό blog του Σπύρου το “About My Lamia”

Τις τελευταίες ημέρες μια κακόγουστη φάρσα περί παραβίασης απορρήτου κυκλοφορεί στο Facebook.

Σας δίνω μια φράση “κλειδί” και το εξής κείμενο που κυκλοφορεί σε πολλά status χρηστών του Facebook .
Η φράση είναι “automation block”
και το κείμενο είναι το εξής:
To facebook δέχθηκε επίθεση πειρατείας. Πηγαίνετε στα settings και μετά στο block list. Εκεί που λέει person γράψτε “automation block” (μαζί με τα εισαγωγικά). Θα σας βγάλει μια λίστα ατόμων που μπορούν να δουν το προφίλ σας και που δεν είναι φίλοι σας. Μπλοκαρ…ετε τους!!! Επικολλήστε τις… παραπάνω οδηγίες στο status σας, για να το δουν όλοι!!!

Και εννοείτε πως κάτι αντίστοιχο κυκλοφορεί και στα αγγλικά.
Αν επιχειρήσετε να κάνετε αυτό που σας λέει το κείμενο κάθε φορά που θα βάζετε το “όνομα” του ατόμου που θέλετε να “μπλοκάρετε” ( το όνομα στην συγκεκριμένη περίπτωση είναι το “automatation block” ), με μεγάλη έκπληξή σας θα δείτε ότι όταν εμφανίζεται η λίστα με τα ονόματα που σχετίζονται, κάθε ένα χρήστη που θα μπλοκάρετε, αυτή στην συνέχεια ολοένα και θα μεγαλώνει και δεν θα τελειώνει ποτέ, γιατί, πολύ απλά όσοι χρήστες έχουν ήδη συμπεριλάβει την φράση “κλειδί” στο status τους, θα τους εμφανίζει στην λίστα με τα άτομα που θέλετε να μπλοκάρετε…

Όσοι ήδη το κάνατε, σβήστε αμέσως το κείμενο και ακόμη καλύτερα την φράση “κλειδί”.

Εάν θέλετε και μια δεύτερη γνώμη για το θέμα, απλά βάλτε στην αναζήτηση της Google την φράση που σας προανέφερα (με τα εισαγωγικά μαζί).






Τι είναι το Twitter? – What is Twitter?



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Το Twitter δημιουργήθηκε ως μια κοινωνική πλατφόρμα μικρο-blogging.

Κοινωνική γιατί σου επιτρέπει να έρθεις σε επαφή και να αλληλεπιδράσεις με άλλα μέλη του, που μπορεί να έχετε κάτι κοινό.
Μικρο-blogging γιατί μπορείς να γράψεις την κατάστασή σου μέσα σε 140 χαρακτήρες και χωρίς εικόνες ή άλλα media. Έτσι γίνετε πολύ πιο εύκολο να γράψεις κάτι, από το να ετοιμάσεις ένα blog post για το wordpress ή το blogger.

To Twitter είναι μέχρι τώρα η 12η μεγάλυτερη σελίδα παγκοσμίως και η 2η μεγάλυτερη σελίδα κοινωνικής δικτύωσης μετά το Facebook για το οποίο θα μιλήσουμε άλλη ώρα.Είναι η ταχύτερα αναπτυσσόμενη σελίδα.Μέσα σε τόσο λίγο χρόνο έχει καταφέρει να ανέβει στις πρώτες θέσεις των κατατάξεων με τις μεγαλύτερες ιστοσελίδες.Τώρα πια twitter διαθέτουν οι περισσότεροι bloggers,celebrities,πολιτικοί κι απλοί πολίτες.Εσείς ακόμα όχι?

Βασικό λεξιλόγιο:

Tweeters = Όλοι όσοι διαθέτουν Twitter
Tweets = Όλα τα δημοσιευμένα μυνηματάκια μέχρι 140 χαρακτήρες
Follow = Όταν ξεκινάς να βλέπεις τα tweets κάποιου
Followers = Αυτοί που βλέπουν τα tweets σου
Following = Τα tweets των άλλων που βλέπεις εσύ

και μερικές συμβουλές για να ξέρετε:

Για να απαντήσουμε σε κάποιον βάζουμε το @ μπροστά από το username του ή πατάμε στο βελάκι δίπλα στο tweet του ,και,

Βάζουμε #θέμα όταν θέλουμε να πούμε κάτι για ένα συγκεκριμένο θέμα. (περισσότερα για το # εδώ)


Τι ακριβώς είναι?

Έχει πετύχει γιατί είναι πολύ απλό.Είναι απλό,γρήγορο και εύχρηστο.Απλά κάνεις έναν λογαριασμό με ένα username (http://twitter.com/username) και ένα password και είσαι έτοιμος να αρχίσεις να το χρησιμοποιείς.Ακολουθείς (το λεγόμενο “follow”) τα άτομα (following) των οποίων θες να βλέπεις αυτά που γράφουν (τα λεγόμενα “tweets” τους).Και το αντίστοιχο ,δηλαδή σε ακολουθούν (followers) όσοι θέλουν να βλέπεις αυτά που εσύ γράφεις.Μπορείς να δημοσιεύσεις μηνύματα (tweets) μέχρι 140 χαρακτήρες.Σαν να στέλνετε SMS ένα πράγμα.


TIP: Αν θέλετε να δημοσιεύσετε “μεγάλα URL” και δεν μπορείτε γιατί υπερβαίνουν το όριο των 140 χαρακτήρων χρησιμοποιείστε το http://tinyurl.com/


Αυτό είναι όλο.Δεν θα το σύστηνα σε κάποιον αν θέλει να κάνει γνωριμίες.Για αυτην την δουλειά είναι το facebook.Το twitter προσφέρει εύκολη και γρήγορη ενημέρωση και βοηθά πολύ αυτούς που έχουν site να αυξήσουν την επισκεπτημότητά τους που είναι και το ζητούμενο πιστεύω.

Γιατί πρέπει να έχει twitter κάθε blogger?

Κατά την γνώμη μου ένας blogger και όποιος έχει site πρέπει να έχει facebook,κανάλι στο youtube,sync και twitter.Για τα άλλα θα σας μιλήσω σε άλλη ανάρτησή μου.Γιατί όμως Twitter?Καταρχίν το βασικότερο:μέσο του twitter φέρνεις και νέους επισκέπτες (ανάλογα με τους follower σου) στο μπλογκ σου αλλά και εκτός από αυτό υπάρχουν πολλοί που έχουν επιλέξει να ενημερώνονται μέσα από εκεί.Άρα έτσι τους διευκολύνεις.Εγώ για παράδειγμα ασχολούμαι ελάχιστα με το twitter αλλά έχω 2 λογαριασμούς ‘έναν με 125 followers και έναν με 1600 followers.Επίσης αξίζει να σημειωθεί ότι στα κριστήρια από τα οποία βγαίνει αντικειμενικά η αξία ενός μπλογκ είναι και πόσους followers έχει.

Μπείτε τώρα λοιπόν στο twitter και δημιουργήστε τον δικό σας λογαριασμό.
Δεν είναι καθόλου δύσκολο.Πολύ πιο εύκολο από ότι στο Facebook.

Τώρα λοιπόν μπορείτε να αρχίσετε να δημοσιεύετε μηνύματα και να ακολουθήτε άλλους.
Ελπίζω να ακολουθήσετε και μένα (twitter.com/johnpatrablog)

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




All Facebook share buttons count for Blogger (Updated)



Print Friendly and PDFPrintPrint Friendly and PDFPDF


Facebook ή αλλιώς “φατσοβιβλίο”.Είναι το site-φαινόμενο που έχει εισβάλλει για τα καλά στην καθημερινή μας ζωή.Έχει 300 εκ. μέλη!Είναι το δεύτερο μεγαλύτερο site του κόσμου (μετά την google).Είναι λίγα που μπορούμε να αναφέρουμε για να δείξουμε το μέγεθος και την δύναμη αυτης της ιστοσελίδας.Σήμερα θα επικεντρωθώ στα facebook share buttons.Θα σας δείξω κάποια τέτοια buttons για να τα βάλετε στο blog σας.


1.
Κοιτάξτε όλα τα widgets που μας δίνει το facebook στο http://www.new.facebook.com/facebook-widgets/index.php
Μην παραλείψετε να δείτε και αυτό:http://www.new.facebook.com/facebook-widgets/share.php

2.
Μερικά έτοιμα κουμπιά για share:
α)

Κωδικός:


<b:if cond=’data:post.url’>
<a expr:href=’"http://www.facebook.com/share.php?u=" + data:post.url’><img alt=’www.tips-fb.com’ border=’0′ src=’http://i15.photobucket.com/albums/a398/syilpid/share_on_facebook_2.png’/></a>
</b:if>



β)

Κωδικός:


<b:if cond=’data:post.url’>
<a expr:href=’"http://www.facebook.com/share.php?u=" + data:post.url’><img src=”http://i15.photobucket.com/albums/a398/syilpid/share_on_facebook_4.png” border=”0″ alt=”www.tips-fb.com”></a>
</b:if>



γ)

Κωδικός:


<b:if cond=’data:post.url’>
<a expr:href=’"http://www.facebook.com/share.php?u=" + data:post.url’><img src=”http://i15.photobucket.com/albums/a398/syilpid/share_on_facebook_3.png” border=”0″ alt=”www.tips-fb.com”></a>
</b:if>



δ)
Αυτό δεν έχει εικόνα.Είναι απλό κείμενο.Γράφει μόνο “Share On Facebook”
Κωδικός:


<b:if cond=’data:post.url’>
<a expr:href=’"http://www.facebook.com/share.php?u=" + data:post.url’>Share on Facebook</a>
</b:if>



Τα παραπάνω widgets τα βάζετε στο blog σας με τα εξής βήματα:

Σύνδεση>Πανόπτης>Διάταξη>Επεξεργασία html>Επέκταση προτυπών γραφικών στοιχείων και τώρα βρείτε τον παρακάτω κώδικα:


<b:if cond=’data:top.showAuthor’>


Και τώρα βάζεις τον κωδικό του αντίστοιχου widget πριν το <b:if cond=’data:top.showAuthor’>
Τέλος κάνεις αποθήκευση.

UPDATE (15/11/09):
Εαν δεν σας δουλεύουν τα παραπάνω widgets κοιτάξτε τα παρακάτω.

Απλό κείμενο “Share on Facebook”:

Κωδικός:


<script>function fbs_click() {u=location.href;t=document.title;window.open(‘http://www.facebook.com/sharer.php?u=’+encodeURIComponent(u)+’&t=’+encodeURIComponent(t),’sharer’,’toolbar=0,status=0,width=626,height=436′);return false;}</script><a href=”http://www.facebook.com/share.php?u=<url>” onclick=”return fbs_click()” target=”_blank”>Share on Facebook</a>



Κείμενο με εικόνα:

Κωδικός:


<script>function fbs_click() {u=location.href;t=document.title;window.open(‘http://www.facebook.com/sharer.php?u=’+encodeURIComponent(u)+’&t=’+encodeURIComponent(t),’sharer’,’toolbar=0,status=0,width=626,height=436′);return false;}</script><style> html .fb_share_link { padding:2px 0 0 20px; height:16px; background:url(http://static.ak.fbcdn.net/images/share/facebook_share_icon.gif?0:26981) no-repeat top left; }</style><a href=”http://www.facebook.com/share.php?u=<url>” onclick=”return fbs_click()” target=”_blank” class=”fb_share_link”>Share on Facebook</a>



Και ένα άλλο με εικόνα και κείμενο (πολύ καλό):

Κωδικός:


<script>function fbs_click() {u=location.href;t=document.title;window.open(‘http://www.facebook.com/sharer.php?u=’+encodeURIComponent(u)+’&t=’+encodeURIComponent(t),’sharer’,’toolbar=0,status=0,width=626,height=436′);return false;}</script><style> html .fb_share_button { display: -moz-inline-block; display:inline-block; padding:1px 20px 0 5px; height:15px; border:1px solid #d8dfea; background:url(http://static.ak.fbcdn.net/images/share/facebook_share_icon.gif?0:26981) no-repeat top right; } html .fb_share_button:hover { color:#fff; border-color:#295582; background:#3b5998 url(http://static.ak.fbcdn.net/images/share/facebook_share_icon.gif?0:26981) no-repeat top right; text-decoration:none; } </style> <a href=”http://www.facebook.com/share.php?u=<url>” class=”fb_share_button” onclick=”return fbs_click()” target=”_blank” style=”text-decoration:none;”>Share</a>



Τα τρία παραπάνω τα βάζετε σαν απλά widgets από Διάταξη>Προσθήκη gadget>HTML/JavaScript.

3.
Facebook share button with count σε κάθε blogger post

α)

Κωδικός:


<div style=”float:right;padding:4px;”>
<a expr:share_url=’data:post.url’ name=’fb_share’ rel=’nofollow’ type=’box_count’/>
<script type=”text/javascript” src=”http://static.ak.fbcdn.net/connect.php/js/FB.Share”/>
</div>



β)

Κωδικός:


<div style=”float:left;padding:4px;”>
<a expr:share_url=’data:post.url’ name=’fb_share’ rel=’nofollow’ type=’box_count’/>
<script type=”text/javascript” src=”http://static.ak.fbcdn.net/connect.php/js/FB.Share”/>
</div>



γ)

Κωδικός:


<div style=”float:right;padding:4px;”>
<a expr:share_url=’data:post.url’ name=’fb_share’ rel=’nofollow’ type=’button_count’/>
<script type=”text/javascript” src=”http://static.ak.fbcdn.net/connect.php/js/FB.Share”/>
</div>



δ)

Κωδικός:


<div style=”float:left;padding:4px;”>
<a expr:share_url=’data:post.url’ name=’fb_share’ rel=’nofollow’ type=’button_count’/>
<script type=”text/javascript” src=”http://static.ak.fbcdn.net/connect.php/js/FB.Share”/>
</div>



Για να βάλεις ένα από τα τέσσερα παραπάνω widget στο blog σου,ακολούθησε τα παρακάτω βήματα:

Καταρχίν διάλεξε το widget που θέλεις να βάλεις δίπλα από κάθε ανάρτησή σου.

Τώρα κάνε:

Σύνδεση>Πανόπτης>Διάταξη>Επεξεργασία html>Επέκταση προτυπών γραφικών στοιχείων και τώρα βρείτε τον παρακάτω κώδικα:


<div class=’post-header-line-1’/>



Βάλε τον κωδικό του widget (που διάλεξες πριν) αμέσως από κάτω του.
Αποθήκευση του προτύπου σας.

Αν δεν βρίσκεις τον παραπάνω κώδικα ψάξε να βρεις αυτον:


<data:post.body/>



Βάλε τον κωδικό του widget (που διάλεξες πριν) πριν από τον παραπάνω κώδικα.
Αποθήκευση του προτύπου σας.

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

Περιμένω ,όπως πάντα, τα σχόλια σας.