• SANTORINI

    SANTORINI

  • SANTORINI

    SANTORINI

  • ZAKYNTHOS

    ZAKYNTHOS

  • LEYKADA

    LEYKADA

  • KEFALLONIA

    KEFALLONIA

  • KERKYRA

    KERKYRA

  • RODOS

    RODOS

GADGETS FOR BLOGS

YouTube GITHUB glitch.com JSBIN Start.me JSFIDDLE CODEPLY PASTEBIN.COM Repl.it CODEPEN CODEPEN

ΠΩΣ ΔΗΜΙΟΥΡΓΩ ΚΕΝΗ ΣΕΛΙΔΑ ΣΤΟ BLOGGER

ΚΕΝΗ ΣΕΛΙΔΑ ΓΙΑ BLOGGER
ΠΩΣ ΔΗΜΙΟΥΡΓΩ ΚΕΝΗ ΣΕΛΙΔΑ ΣΤΟ BLOGGER
Για να δημιουργήσετε μια κενή σελίδα στο blogger πρέπει να ανοίξετε μια νέα ανάρτηση και να πατήσετε το κουμπί HTML για να σας επιτρέψει να εισάγετε κώδικα HTML / CSS. Σβήστε ότι κώδικα έχει η ανάρτηση (συνήθως είναι 2 γραμμές κώδικας) και αντιγράψτε τον παρακάτω κώδικα.
Μετά πατήστε το κουμπί Σύνθεση και γράψτε την αναρτησή σας κανονικά όπως θα την γράφατε και πρίν την εισαγωγή κώδικα HTML / CSS. Θα διαπιστώσετε ότι έχουν εξαφανιστεί οι πλευρικές μπάρες, το υποσέλιδο, το μενού και γενικώς είναι μία κενή σελίδα με όλο της το πλάτος και το ύψος διαθέσιμο να γράψετε ότι θέλετε. Μπορείτε να κρατήσετε το background αν θέλετε και επίσης να αφήσετε και ένα οριζόντιο μενού για να μπορείτε να γυρίσετε στην κεντρική σελίδα του blog σας αλλά και για να πλοηγηθήτε στις υπόλοιπες σελίδες του blog σας.

ΚΩΔΙΚΑΣ ΓΙΑ ΛΕΥΚΟ BACKGROUND ΚΑΙ ΜΑΥΡΑ ΓΡΑΜΜΑΤΑ ΚΑΙ ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ.

<style>
html,body {margin-top: -10px; margin-left: -10px; padding:0; }
body {background:#FFF;}
.Header {display:none;}
.description {display:none;}
.Header h1 {display:none;}
.Header h2 {display:none;}
.header-outer {display:none;}
.header-inner {display:none;}
.header-inner .section {margin: -40px;}
.titlewrapper {display:none;}
.descriptionwrapper {display:none;} 
.tabs-inner {display:none;}
h3.post-title {display:none;}
.post-outer {margin-top:25px;}
.date-outer {background:#FFF;color:#000;font:16px arial;border:none;}
.footer {display:none;background:none;}
.footer-inner {display:none;background:none;}
.post-share-buttons {display:none;}
.blog-pager {display:none;}
.post-labels {display:none;}
.post-author {display:none;}
#comments {display:none;}
.comment-link {display:none;}
h2.date-header {display:none;}
.post-timestamp {display:none;}
.timestamp-link {display:none;}
.blog-feeds {display:none;}
.post-feeds {display:none;}
.post-footer {display:none;}
.sidebar {display:none;}
#Attribution1 {display:none;}
#navbar {height:0px;visibility:hidden;display:none;}
.main-inner .columns {padding-left: 0px !important; padding-right: 0px !important;}
.main-inner .fauxcolumn-center-outer {left: 0px !important; right: 0px !important;}
.main-inner .fauxcolumn-left-outer, .main-inner .fauxcolumn-right-outer, .main-inner .column-left-outer, .main-inner .column-right-outer {display: none !important;}
</style>
<div style="top:0px;left:0px;position:fixed;">
<a href="https://the-best-widgets.blogspot.com" target="_parent"><button style="width:70px; height:28px; background:#990000; color:#FFF;  font: 14px Arial;">ΑΡΧΙΚΗ</button></a>
<a href="https://the-best-widgets.blogspot.com/p/my-posts.html" target="_parent"><button style="width:135px; height:28px; background:#333; color:#FFF; font: 14px Arial;">MY POSTS</button></a>
<a href="https://the-best-widgets.blogspot.com/p/ranks.html" target="_parent"><button style="width:100px; height:28px; background:#333; color:#FFF; font: 14px Arial;">MY LINKS</button></a></div>

ΚΩΔΙΚΑΣ ΓΙΑ ΑΝΘΡΑΚΙ BACKGROUND ΚΑΙ ΑΣΠΡΑ ΓΡΑΜΜΑΤΑ ΚΑΙ ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ.

<style>
html,body {margin-top: -10px; margin-left: -10px; padding:0; }
body {background:#333;}
.Header {display:none;}
.description {display:none;}
.Header h1 {display:none;}
.Header h2 {display:none;}
.header-outer {display:none;}
.header-inner {display:none;}
.header-inner .section {margin: -40px;}
.titlewrapper {display:none;}
.descriptionwrapper {display:none;} 
.tabs-inner {display:none;}
h3.post-title {display:none;}
.post-outer {margin-top:25px;}
.date-outer {background:#333;color:#FFF;font:16px arial;border:none;}
.footer {display:none;background:none;}
.footer-inner {display:none;background:none;}
.post-share-buttons {display:none;}
.blog-pager {display:none;}
.post-labels {display:none;}
.post-author {display:none;}
#comments {display:none;}
.comment-link {display:none;}
h2.date-header {display:none;}
.post-timestamp {display:none;}
.timestamp-link {display:none;}
.blog-feeds {display:none;}
.post-feeds {display:none;}
.post-footer {display:none;}
.sidebar {display:none;}
#Attribution1 {display:none;}
#navbar {height:0px;visibility:hidden;display:none;}
.main-inner .columns {padding-left: 0px !important; padding-right: 0px !important;}
.main-inner .fauxcolumn-center-outer {left: 0px !important; right: 0px !important;}
.main-inner .fauxcolumn-left-outer, .main-inner .fauxcolumn-right-outer, .main-inner .column-left-outer, .main-inner .column-right-outer {display: none !important;}
</style>
<div style="top:0px;left:0px;position:fixed;">
<a href="https://the-best-widgets.blogspot.com" target="_parent"><button style="width:70px; height:28px; background:#990000; color:#FFF;  font: 14px Arial;">ΑΡΧΙΚΗ</button></a>
<a href="https://the-best-widgets.blogspot.com/p/my-posts.html" target="_parent"><button style="width:135px; height:28px; background:#333; color:#FFF; font: 14px Arial;">MY POSTS</button></a>
<a href="https://the-best-widgets.blogspot.com/p/ranks.html" target="_parent"><button style="width:100px; height:28px; background:#333; color:#FFF; font: 14px Arial;">MY LINKS</button></a></div>

Δεν υπάρχουν σχόλια:

Δημοσίευση σχολίου

► Γράψτε το σχόλιό σας στο λευκό κουτί και αν θέλετε να ειδοποιηθήτε για την απάντηση τσεκάρετε το κουτάκι "Να λαμβάνω ειδοποιήσεις".

Σημείωση: Μόνο ένα μέλος αυτού του ιστολογίου μπορεί να αναρτήσει σχόλιο.