Γίνετε μέλος του Dr-blogger στο fb.Απλά πατήστε like από κάτω

photto




3 GADGET: ALL POSTS / ΟΛΕΣ ΟΙ ΑΝΑΡΤΗΣΕΙΣ




Nέοι bloggers γεια σας !!! Ενα τρελό αγόρι, από την Ασία, ο Αbu-farhan (έχω ξαναπαρουσιάσει δουλειά του), έφτιαξε ένα σύντομο script που κάνει όμως φοβερή δουλειά...Με τον φίλο Τhano, απο τον Μυστικό Κόσμο, αποφασίσαμε οτι πρέπει να το μάθουν κι άλλοι, ειδικά νέοι bloggers, που θέλουν να παρουσιάσουν όλες τις αναρτήσεις τους, με ένα απλό και σύντομο gadget !

Εβαλα λοιπόν και ένα button (κουμπί) με τον κώδικα hide/show, που χρησιμοποιώ πάντα (από τον blogger Εκαβίτη), και σας το παρουσιάζω και με τους δύο διαφορετικούς τρόπους...
Και οι 2 κώδικες μπαίνουν σαν gadget ....

1ος.  Απλός, χωρίς button και hide/show...


<script style="text/javascript"
src="https://pantel.googlecode.com/files/dr-blogtoc-min.js"></script>
<script
src="http://bloggershappiness.blogspot.com/feeds/posts/default?max-results=9999&alt=j
son-in-script&callback=loadtoc"></script>


2os. Mε button και hide/show....


<style type="text/css">
.commenthidden {display:none}
.commentshown {display:inline}
</style>
<script type="text/Javascript">
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") {
whichpost.className="commenthidden"; }
else { whichpost.className="commentshown"; }
} </script> <a name="table"></a>
<b> <a aiotitle="click to expand" href="javascript:togglecomments('koponoName')">
<img onmouseover = "this.src =
'https://lh4.googleusercontent.com/_M_hNoheHfCw/TWdWVm_eeeI/AAAAAAAABDE/IsHZo7VeBd4/ΤΗΑΝΟΣ3.gif'" src =
"https://lh5.googleusercontent.com/_M_hNoheHfCw/TWao3CpOjII/AAAAAAAABCo/d
TQ6sBgR4f0/%CE%A4%CE%97%CE%91%CE%9D%CE%9F%CE%A31.gif"onmouseout =" this.src =
'https://lh5.googleusercontent.com/_M_hNoheHfCw/TWao3CpOjII/AAAAAAAABCo/dT
Q6sBgR4f0/%CE%A4%CE%97%CE%91%CE%9D%CE%9F%CE%A31.gif' "style =" float:
left; margin: 0 10px 5px 0; height: 30px; width: 150px; "/></a></b>
<div class="commenthidden" id="koponoName"><br/><br/>
<script style="text/javascript"
src="https://pantel.googlecode.com/files/dr-blogtoc-min.js"></script>
<script
src="http://bloggershappiness.blogspot.com/feeds/posts/default?max-results=9999&alt=j
son-in-script&callback=loadtoc"></script>
</div>

**ΠΡΟΣΟΧΗ : Πρέπει ΟΠΩΣΔΗΠΟΤΕ να έχετε βάλει ετικέτες στις αναρτήσεις σας
**Αλλάζετε το χρωματιστό κείμενο (την δική μου διεύθυνση) με τη διεύθυνση του blog σας !
**Πρέπει να περιμένετε λίγα λεπτά, για να σας δείξει τη πρώτη φορά το περιεχόμενο (τις αναρτήσεις σας )!!!
Μετάφραση και αντιγραφή αρχικού κώδικα από : abu-farhan.com
Μετατροπή από pan de lees  &  thanos
Το DEMO υπάρχει και σε αυτό το blog, και στον "Μυστικό κόσμο"
KAΛΗ ΕΠΙΤΥΧΙΑ !!!
Related Posts Plugin for WordPress, Blogger...
Print Friendly and PDF

3 σχόλια:

Magic Fm 102,9 είπε...

πολυ καλο.....μπραβο σας παιδια!!!

Johnny's Meals είπε...

file einai ola ta lefta to evala kai sto diko m blog auto http://johnnysmeals.blogspot.com/

kostas είπε...

πολυ καλο αλλα δυστηχως πλεον δεν λειτουργει ιδιως αν εχεις πανω απο 1000 ποστ..υπαρχει καποιο παρομοιο αδερφε μηπως?