ΠΩΣ ΒΑΖΩ ΠΟΛΛΑ WIDGETS ΜΕΣΑ ΣΕ TABS (ΚΑΡΤΕΛΕΣ) No 4

ΠΩΣ ΒΑΖΩ ΠΟΛΛΑ WIDGETS ΜΕΣΑ ΣΕ TABS (ΚΑΡΤΕΛΕΣ) No 4

Με τον παρακάτω κώδικα μπορούμε να ενσωματωσουμε sites ή blogs ή έγγραφα ή εικόνες, ή βίντεο μέσα σε καρτέλες (tabs). Ο κώδικας αυτός μπαίνει απλά σαν gadget συνήθως στο υποσέλιδο του blog σας όπου υπάρχει μεγάλο πλάτος. Βάλτε τις δικές σας περιγραφές, αντικαθιστώντας τις δικές μου με τα κίτρινα γράμματα. Μετά διαγράψτε τις δικές μου ενσωματωσεις που βρίσκονται μεταξύ του κώδικα <iframe & </iframe> και βάλτε τις δικές σας.

ΔΕΙΤΕ ΤΟ ΣΕ ΛΕΙΤΟΥΡΓΙΑ ΕΔΩ ►

<div class="container"></div>

<div class="bar">

  <button class="bar button" onclick="openTab('links1')">MY LINKS-1</button>

  <button class="bar button" onclick="openTab('links2')">MY LINKS-2</button>

  <button class="bar button" onclick="openTab('links3')">MY LINKS-3</button>

</div>

<div id="links1" class="container tab"> 

<iframe frameborder="0" width="930" height="760" src="https://docs.google.com/spreadsheets/d/1250n3upxFNUwA50hSL73OZK0fvXv0CHmFF1OTE_443M/pubhtml?gid=1951055053&amp;single=true&amp;widget=true&amp;headers=false"></iframe>

</div>

<div id="links2" class="container tab" style="display:none"> 

<iframe frameborder="0" width="930" height="760" src="https://docs.google.com/spreadsheets/d/1mdEE_FkslrVn_TEgWRdVUdp7g4rnJ9r4ge4jgglv_YA/pubhtml?gid=25900094&amp;single=true&amp;widget=true&amp;headers=false"></iframe>

</div>

<div id="links3" class="container tab" style="display:none"> 

<iframe frameborder="0" height="760" width="930" src="https://docs.google.com/spreadsheets/d/1aLXP3gygj2TILXQkEmfF-CBe5sqp7y5zlLk92pQU1tE/pubhtml?widget=true&amp;headers=false"></iframe>

</div>

<script>

function openTab(tabName) {

  var i;

  var x = document.getElementsByClassName("tab");

  for (i = 0; i < x.length; i++) {

  x[i].style.display = "none";}

document.getElementById(tabName).style.display = "block";}

</script>