Δημιουργία PlayList



1) Λίστα αναπαραγωγής Youtube και προσθήκης διαφόρων βίντεο από τη Σελίδα Αποτελεσμάτων Αναζήτησης του site

Στο Youtube κάνω μια αναζήτηση. Πχ. Madonna. Μετά περάστε το ποντίκι πάνω από κάποιο βίντεο στη λίστα των αποτελεσμάτων. Εμφανίζεται ένα + και βελάκι. Κλικ στο βελάκι. Στο μενού που θα εμφανισθεί, αν έχετε ήδη την κατάλληλη playlist  βρείτε το όνομα της και προσθέστε με κλικ το βίντεο. Αλλιώς φτιάξτε νεα playlist με κλικ στο "Νέα λίστα αναπαραγωγής". Ονομάστε τη Youtube playlist σας. Αποθήκευση.

Το μειονέκτημα της πρώτης μεθόδου είναι ότι πρέπει να είστε βέβαιοι από πριν ότι παίζει το βίντεο στην Ελλάδα, είναι καλής ποιότητας.
Description: Προσθήκη σε Youtube playlist από σελίδα αποτελεσμάτων αναζήτησης

2) Λίστα αναπαραγωγής Youtube και προσθήκης του βίντεο από τη σελίδα παρακολούθησης αυτού του video

Είστε στη σελίδα συγκεκριμένου βίντεο στο Youtube και παρακολουθείτε. Θέλετε να προσθέσετε το βίντεο σε ήδη υπάρχουσα λίστα αναπαραγωγής σας ή να φτιάξετε νέα playlist και να βάλετε το βίντεο σε αυτή. Κλικ λοιπόν στο όνομα της λίστας αναπαραγωγής σας ή κλικ στο Νέα λίστα αναπαραγωγής ώστε να δημιουργήσετε μια, να μπει το βίντεο εκεί και να ονομάσετε τη λίστα. Κλικ αποθήκευση
Description: Προσθήκη βίντεο σε λίστα αναπαραγωγής Youtube

3) Λίστα αναπαραγωγής Youtube και προσθήκης βίντεος που ήδη "διαθέτετε" στο λογαριασμό σας


Μπείτε στο λογαριασμό σας στο Youtube και κλικ στο όνομα χρήστη, στην επάνω δεξιά γωνία. Kλικ στην επιλογή "βίντεο"  από στο μενού που θα εμφανιστεί.

Πρώτον, αν δεν έχετε λίστα αναπαραγωγής μπορείτε να φτιάξετε και ονομάσετε μια κενή. Κλικ στο κουμπί "+ Νέα" κάτω από τη λέξη "Λίστα αναπαραγωγής" στην αριστερή στήλη. Ονομάστε τη νέα λίστα αναπαραγωγής, συμπληρώστε ότι θέλετε, και κάντε κλικ στο "Δημιουργία λίστας αναπαραγωγής".

Δεύτερον, έχοντας ήδη λίστα ή λίστες αναπαραγωγής πια επιλέξτε τα κουτάκια αριστερά από τα βίντεο που θέλετε να βάλετε στη λίστα. Κλικ στο "Προσθήκη σε". Ρίξτε μια ματιά στις "ενέργειες" για το απόρρητο κλπ. Κλικ προσθήκη.
4) Το "παρακολουθείστε αργότερα" στο Youtube

Στη σελίδα ενός βίντεο κλικ στο "προσθήκη σε". Επιλέξτε "παρακολουθείστε αργότερα". Πηγαίνετε σε άλλο βίντεο. Τα ίδια. κλπ. Κλικ τώρα  κάτω στη ζώνη των "παρακολουθείστε αργότερα" βίντεο στο "Περισσότερες πληροφορίες". Στη νέα σελίδα επιλέξτε όσα βίντεο θέλετε. Κλικ προσθήκη βίντεο σε λίστα αναπαραγωγής πάνω δεξιά.
5) Επιλογή διαφόρων βίντεο ενός άλλου χρήστη για προσθήκη σε δική σας playlist στο Youtube

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

Description: Προσθήκη βίντεος από playlist άλλου χρήστη Youtube

Δείτε ένα βίντεο για μερικά μόνο από αυτά που είπαμε για το πως φτιάχνω playlist σε Youtube(περάστε το ποντίκι πάνω από cc και κλικ μετάφραση υποτίτλων, μετακινείστε τη μπάρα την κάθετη στα Ελληνικά και κλικ):




6) Πως ενσωματώνω(embed) Youtube playlist σε blog

Συνδεθείτε στο λογαρισμό Youtube. Κλικ σο όνομα χρήστη και από το playlists πηγαίνετε σε μια σελίδα playlist σας. Κλικ στο κουμπί αποστολή. Κλικ ενσωμάτωση και αντιγράψτε κώδικα, και επικόλληση στο άρθρο.
Description: http://3.bp.blogspot.com/-evgt6m8F9j4/Tmukr0OSXtI/AAAAAAAACtg/0MvK2mDe-gE/s400/Embed-playlist.JPG


7) Πως κοινοποιώ Youtube playlist σε Twitter, Facebook(sharing playlist) και Google Plus

Από το 6) ακολουθούμε τα ίδια βήματα. Αντί ενσωμάτωση κλικ σε κουμπί Facebook, Twitter, Buzz ΚΑΙ κουμπί Google +1 για Google Plus.

Ταχύτερος Firefox

Προτού ξεκινήσουμε θα ήθελα να σας επισημάνω ότι οι αλλαγές που θα κάνουμε επηρεάζουν τον τρόπο που κάνει caching ο Firefox, οι οποίες θα βελτιώσουν δραματικά τον τρόπο που φορτώνει τις σελίδες καθώς επίσης και θα μειώσουν αρκετά τους πόρους (resources) που χρησιμοποιεί ενόσω είναι ελαχιστοποιημένος. Οι αλλαγές απαιτούν τροποποίηση του configuration file του Firefox, οπότε εσείς που δεν έχετε προηγούμενη εμπειρία από τέτοιες τροποποιήσεις μην φοβηθείτε, χωρίς άγχος, ακολουθήστε αυτά τα απλά βήματα και είμαι σίγουρος ότι θα αποζημιωθείτε για το "ρίσκο" σας. Πάμε λοιπόν...

Βήμα 1ο: Μειώστε το μέγεθος της απαιτούμενης RAM που χρησιμοποιεί o Firefox για caching
  1. Γράψτε “about:config” (χωρίς τα ”) στο address bar στον Firefox και πατήστε Enter.

  2. Επιβεβαιώστε τις προθέσεις σας στην προειδοποιητική σελίδα που θα εμφανιστεί.

  3. Γράψτε στο πεδίο Filter τη μεταβλητή “browser.sessionhistory.max_total_viewers” και αναζητείστε τη.

  4. Κάντε double click στη μεταβλητή και τροποποιήστε την τιμή της σε “0“ (μηδέν)


Βήμα 2ο: Αυξήστε την ταχύτητα με την οποία φορτώνει τις σελίδες ο Firefox
(Εκ προοιμίου ο browser κάνει μία "κλήση" για μια σελίδα σε μια δεδομένη χρονική στιγμή. Ενεργοποιώντας το pipelining θα κάνει πολλαπλές "κλήσεις" το οποίο αυξάνει την ταχύτητα με την οποία φορτώνει την σελίδα)

  1. Όπως και πριν γράψτε "about:config" (χωρίς τα ") στο address bar στον Firefox και πατήστε Enter.

  2. Τροποποιήστε τις παρακάτω μεταβλητές κάνοντας πρώτα αναζήτηση βάσει ονόματος και μετά διπλό κλικ και αλλαγή στην τιμή (όπως ακριβώς στο 1ο Βήμα από πάνω):
    • Τροποποιήστε την τιμή της "network.http.pipelining" σε "true".
    • Τροποποιήστε την τιμή της "network.http.proxy.pipelining" σε "true".
    • Τροποποιήστε την τιμή της "network.http.pipelining.maxrequests" σε 10 (Αυτό σημαίνει πως θα κάνει 10 κλήσεις την φορά - μπορείτε να βάλετε μεγαλύτερη τιμή αλλά προτείνω το 10).

Βήμα 3ο: Μειώστε το χρόνο αναμονής δράσης του Firefox
(Εκ προοιμίου ο Firefox "περιμένει" για Χ χρονικό διάστημα προτού χρησιμοποιήσει τις πληροφορίες τις οποίες λαμβάνει κατά την κλήση. Εμείς θα τον κάνουμε να μην "περιμένει" καθόλου προτού αναλάβει δράση προσθέτοντας μια νέα μεταβλητή. Ειδικά στις ευρυζωνικές (broadband) συνδέσεις η αλλαγή αυτή επιφέρει πολύ πιο γρήγορο φόρτωμα στις σελίδες)
  1. Κάντε δεξί κλικ οπουδήποτε στη σελίδα του config και δημιουργήστε ένα νέο ακέραιοNew-> Integer ονομάστε το "nglayout.initialpaint.delay" θέτοντάς του την τιμή "0" (μηδέν).


Προαιρετικά για ακόμα ταχύτερο φόρτωμα, μπορείτε να προσθέσετε κάποιες ακόμα μεταβλητές στο configuration file σας (όπως ακριβώς από πάνω).
  1. Κάντε δεξί κλικ οπουδήποτε στη σελίδα του config και δημιουργήστε μια νέα booleanNew-> Boolean ονομάστε τη "network.dns.disableIPv6" (αναζητήστε την μέσω του filter, μετατρέψτε την με διπλό κλικ σε false).

  2. Κάντε δεξί κλικ και δημιουργήστε ένα νέο ακέραιο New-> Integer ονομάστε το "content.notify.backoffcount" θέτοντάς του την τιμή "5" (πέντε).

  3. Κάντε δεξί κλικ και δημιουργήστε μια νέα boolean New-> Boolean ονομάστε τη "plugin.expose_full_path" (ο οποία είναι true εκ προοιμίου).

  4. Κάντε δεξί κλικ και δημιουργήστε ένα νέο ακέραιο New-> Integer ονομάστε το "ui.submenuDelay" θέτοντάς του την τιμή “0" (μηδέν).Βήμα 4ο: Μειώστε την RAM που χρησιμοποιεί ο Firefox όσο βρίσκεται ελαχιστοποιημένος (minimized) στα 10MB:

    (Με αυτό το "τρικ" θα μειώσετε την απαιτούμενη από τον Firefox RAM όσο αυτός βρίσκεται ελαχιστοποιημένος, απελευθερώνοντας αρκετούς πόρους από το σύστημά σας για άλλες εργασίες)
  5. Όπως και πριν, δημιουργήστε μια νέα μεταβλητή boolean New -> Boolean ονομάστε τη "config.trim_on_minimize" και θέστε της την τιμή "true".
Αυτό είναι και το τελευταίο βήμα της διαδικασίας.

Αφού ολοκληρώσετε την δημιουργία και την τροποποίηση των μεταβλητών και των τεσσάρων βημάτων μην ξεχάσετε να κάνετε επανεκκίνηση (restart) του Firefox.

Απολαύστε τους καρπούς των κόπων σας ;)
http://enthusiastscorner.com/

Like Button του FaceBook

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

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
και θα δεις αυτό
 

How to use Test Disk

Λοιπόν....

1. Μπαίνουμε σε αυτή τη σελίδα ---> http://www.cgsecurity.org/wiki/TestDisk_Download και κατεβάζουμε το TestDisk.

Το TestDisk can:
•    Fix partition table, recover deleted partition
•    Recover FAT32 boot sector from its backup
•    Rebuild FAT12/FAT16/FAT32 boot sector
•    Fix FAT tables
•    Rebuild NTFS boot sector
•    Recover NTFS boot sector from its backup
•    Fix MFT using MFT mirror
•    Locate ext2/ext3/ext4 Backup SuperBlock
•    Undelete files from FAT, exFAT, NTFS and ext2 filesystem
•    Copy files from deleted FAT, exFAT, NTFS and ext2/ext3/ext4 partitions.

2. Αφού το κατεβάσουμε το αποσυμπιέζουμε, ανοίγουμε το φάκελο του και έπειτα πάμε στον φάκελο win και κάνουμε διπλό κλικ στο εικονίδιο testdisk_win, ανοίγει αυτή η οθόνη http://imageshack.us/photo/my-images/269/85617646.jpg/
Επιλέγουμε με τα βέλη την τρίτη επιλογή «No long” (βλέπε κόκκινο βελάκι) και πατάμε enter για να προχωρήσουμε.

3. Τώρα μας δείχνει τους δίσκους που έχουμε. Πατάμε enter.

4. Τώρα μας έχει βγάλει αυτό το μενού... http://imageshack.us/photo/my-images/254/25106409.jpg/ Ξαναπατάμε enter αν έχουμε επεξεργαστή intel διαφορετικά με τα βελάκια αλλάζουμε επιλογή.

5. Στον πίνακα που ακολουθεί επιλεγουμε με τα βελάκια το Geometry

6. Τώρα βρισκόμαστε εδώ  http://imageshack.us/photo/my-images/254/86261592.jpg/ Επιλέγουμε με τα βελάκια το Heads (βλέπε κοκκινο βελάκι)και πατάμε enter.

7. Εμφανίζεται αυτή η οθόνη http://imageshack.us/photo/my-images/254/29939524.jpg/
αλλάζουμε τον αριθμό στο κόκκινο κυκλάκι και τον κάνουμε 255 και πατάμε enter.

8. Πάμε από την αρχή απλά τώρα θα επιλέξουμε το Analyse και enter
στην επόμενη οθόνη πάλι enter.

9. Πατάμε στο πληκτρολογιό μας το πληκτρο N αν τα partition δεν δημιουργίθηκαν σε Vista Windows ή προηγούμενη έκδοση, και Y εάν δημιουργήθηκαν σε vista ή 7

10. Βλέπουμε μια οθόνη σαν και αυτή http://imageshack.us/photo/my-images/706/16171968.jpg/ .Πατάμε enter.

10. Βλέπουμε τα partition μας τώρα. Αν ναί επιλέγουμε το write (βλέπε κόκκινο βελάκι), αν όχι επιλέγουμε το search και μετά write αν τα βρεί....

11. Μας ζητάει να κάνουμε reboot... μάλλον εχουμε τελειώσει. Πατάμε το X κλείνουμε το παράθυρο και κάνουμε επανεκίνηση στα windows. Μόλις μπούμε ο δίσκος πρέπει να λειτουργεί....

Good luck!!!!!!

Πώς προσθέτουμε ένα blog button με τον κώδικα που να οδηγεί στο site μας (banner)

Πάμε λοιπόν στα γνωστά: Πίνακας ελέγχου--Σχεδίαση-- Προσθήκη gadget--HTML/JavaScript και γράφουμε τον παρακάτω κώδικα

<center><a href="http://YOUR WEB ADDRESS/" target="_blank" title="BLOG TITLE"><img alt="BLOG TITLE" src="http://IMAGE WEB ADDRESS"/></a> <center>
</center>
<center><textarea id="code-source" rows="3" cols="13" name="code-source"><center><a href="http://YOUR WEB ADDRESS/"><img border="0" src="http://IMAGE WEB ADDRESS"/></a></center></textarea></center>


Αντικαταστήστε τα κόκκινα γράμματα με την διεύθυνση του site στην οποία θέλετε να σας οδηγεί το button και τα πράσινα με το direct link της φωτό που έχετε ανεβάσει σε ένα Upload site. Στο παρακάτω button εγώ σαν παράδειγμα έχω βάλει μια φωτο του γιου μου Ορέστη και το link οδηγεί στο Blog του.
Ο κώδικας με τον οποίο λειτουργεί το button φαίνεται ακριβώς από κάτω. Παίξτε με τα rows και col του κώδικα για να αυξομειώσετε το πλαίσιο μέσα στο οποίο αναγράφεται ο κώδικας.
BLOG TITLE

Εξαφάνιση ή απόκρυψη της NAVBAR του Blogger

Πάμε στην Σχεδίαση και μετά επεξεργασία HTML...


Στην συνέχεια βρίσκουμε τον παρακάτω κώδικα
-----------------------------------------------
Blogger Template Style
Name:     Awesome Inc.
Designer: Tina Chen
URL:      tinachen.org
----------------------------------------------- */


..και κάτω από αυτό προσθέτουμε τον κώδικα:
#b-navbar { height:0px; visibility: hidden; display: none }

η αυτόν τον κώδικα :
#navbar-iframe {  display: none !important;}

Πατάμε ΠΡΟΕΠΙΣΚΟΠΙΣΗ, και αν χάθηκε η μπάρα, τότε πατήστε ΑΠΟΘΗΚΕΥΣΗ....
Αν θέλετε απλά να την κρύψετε, αλλά να μην φαίνεται παρά μόνον όταν βάλετε το ποντίκι πάνω της, κάντε τα ακόλουθα:
Πηγαίνετε  Σχεδίαση / Διάταξη  =>Επεξεργασία html  και  πατήστε ctrl+f στο πληκτρολόγιό σας για να ανοίξει το παραθυράκι αναζήτησης  και αναζητήστε το :  body {

...μπορεί να βρείτε πάνω από ένα , και  για αυτό για να είσαστε σίγουροι κοιτάξτε να μοιάζει με το παρακάτω:
body { background:$bgcolor; margin:0; color:$textcolor;

μόλις το βρείτε επικολλήστε ΠΑΝΩ από το body { τον παρακάτω κώδικα:

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)} #navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

Δηλαδή, θα φαίνεται έτσι μετά:
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
body {
background:$bgcolor;
margin:0;
color:$textcolor;
font: x-small $bodyfont;
font-….κλπ...κλπ....

Tabs στη sidebar του site

Ο φίλος Χάρης από Καβάλα μου ζήτησε μέσα από το facebook να ανεβάσω και άλλα web site design posts. Aς του κάνουμε λοιπόν την χάρη και ας δούμε πως μπορούμε να δημιουργήσουμε  tabs στο sidebar του Blogger . Πάμε λοιπόν!!
Καταρχήν πηγαίνεται Design > Edit HTML πάρτε οπωσδήποτε ένα backup του template σας σε περίπτωση που κάτι πάει στραβά.
Ακολούθως πάμε στο μέρος που αφορά στον CSS κώδικα. Πατήστε Cntr και F και βρείτε στο Template σας το ]]></b:skin> . Πριν από αυτό αντιγράψτε και επικολλήστε τον παρακάτω κώδικα μπλε γράμματα

.widget-wrapper2{
border:1px solid #494e52;
background-color:#636d76;
padding:8px;
}
.widget-tab {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topright:5px;
-webkit-border-radius-bottomleft:5px;
-webkit-border-radius-bottomright:5px;
-webkit-border-radius-topright:5px;
background:#FFFFFF url(http://i195.photobucket.com/albums/z105/dantearaujo/tabcontentbg.gif) repeat-x scroll left bottom !important;
border:1px solid #CFCFCF;
font-family:Arial,Helvetica,sans-serif;
padding:15px !important;
}
.widget-tab ul {
margin:0px;
padding:0px 20px 0px 20px;
}
.widget-tab ul li {
list-style:none;
border-bottom:1px solid #d6dde0;
padding-top:10px;
padding-bottom:10px;
font-size:13px;
}
.widget-tab ul li:last-child {
border-bottom:none;
}
.widget-tab ul li a {
text-decoration:none;
color:#3e4346;
}
.widget-tab ul li a small {
color:#8b959c;
font-size:9px;
text-transform:uppercase;
font-family:Verdana, Arial, Helvetica, sans-serif;
position:relative;
left:4px;
top:0px;
}
.tab-content ul li a:hover {
color:#a59c83;
}
.tab-content ul li a:hover small {
color:#baae8e;
}
.active-tab{
background:#FFFFFF url(http://i195.photobucket.com/albums/z105/dantearaujo/tabtopbg.gif) repeat-x scroll left top !important;
border-color:#CFCFCF #CFCFCF #FFFFFF #CFCFCF !important;
border-style:solid !important;
border-width:1px 1px 2px !important;
color:#282E32 !important;
}
ul.tab-wrapper {
margin:0px; padding:0px;
margin-top:5px;
margin-bottom:6px;
}
ul.tab-wrapper li {
-webkit-border-radius-topleft:5px;
-webkit-border-radius-topright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background:#191919 url(http://i195.photobucket.com/albums/z105/dantearaujo/tabinactivebg.gif) repeat-x scroll left top;
border:1px solid #464C54;
color:#FFFFFF;
cursor:pointer;
display:inline;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:9px;
font-weight:bold;
line-height:2em;
list-style-image:none !important;
list-style-position:outside !important;
list-style-type:none !important;
margin-right:1px;
padding:8px 14px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
}

Τώρα έχουμε να περάσουμε το jQuery Library. Προσθέστε το επόμενο script με τα μπλε γράμματα ακριβώς μετά από το ]]></b:skin>.

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

Εάν έχετε ήδη περάσει το jQuery library, τότε μην προσθέτετε τον κώδικα αλλά ελέγξτε εάν είναι η τελευταία έκδοση.
Ακολούθως απαιτείται ένα ακόμη script το οποίο θα δημιουργεί αυτόματα τα  tabs στην sidebar. Προσθέστε λοιπόν το παρακάτω script με τα μπλε και πράσινα γράμματα πριν το </head> tag.

<script type="text/javascript">
 var starttab=0;
var endtab=2;
var sidebarname="sidebar";
</script>
<script type="text/javascript" src="http://scriptabufarhan.googlecode.com/svn/trunk/bloggertabv1.0-min.js"></script>

Πρέπει να αλλάξετε τους παραπάτω κώδικες με τα πράσινα γράμματα για να λειτουργήσει το gadget.
Εξήγηση:
starttab – Είναι το αρχικό νούμερο για το επιλεγμένο widget, μετράει από το ‘0’. (step 4.1)
endtab - Είναι το τελικό νούμερο για το επιλεγμένο widget  (step 4.2)
sidebarname – Είναι το sidebars id το οποίο πρέπει να βρείτε. (step 4.3)
Step 4.1 and 4.2
Για να τοποθετήσετε τα πρώτα 3 gadget μέσα στο tab, το αρχικό νούμερο είναι το 0 και το τελευταίο νούμερο είναι το 2. Εάν θέλετε να ξεκινήσετε το tab από το δεύτερο sidebar gadget τότε το αρχικό νούμερο θα είναι το 1 και το τελευταίο το 3 κοκ.
Ρίξτε μια ματιά στις εικόνες παρακάτω για καλύτερη κατανόηση












 






















Step 4.3
Τώρα πρέπει να βρούμε την σωστή sidebar id. Στα περισσότερα templates μπορούμε να βρούμε την id από την sidebar ψάχνοντας για “sidebar-wrapper” στο Design > Edit HTML tab. Για παράδειγμα η id για Layout templates είναι “sidebar”.

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>

Ενώ για τα νέα templates είναι:
<div class='sidebar section' id='sidebar-right-1’'>
 
Για να βρείτε την σωστή ID μπορείτε επίσης να εγκαταστήσετε ένα εξαιρετικό για Web Developers plugin του Firefox που ονομάζεται Firebug.













Αυτό ήταν. Αποθηκεύστε το template και τελειώσαμε.
Τώρα το μόνο που έχετε να κάνετε είναι να τακτοποιήσετε όπως επιθυμείτε  τα gadgets και να καθορίσετε όπως είπαμε προηγουμένως το starting tab και το ending tab.
Για παράδειγμα δείτε το 1ο επάνω δεξιά gadget του site του ΟΡΦΕΑ το οποίο εικονίζεται και παρακάτω