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

photto




5 INTRO PAGE FOR BLOGGERS

Νέοι bloggers γειά σας!Πολλοί έχετε ζητήσει ένα intro page (δηλαδή μία σελίδα, που να δουλεύει σαν εισαγωγή στο blog σας)....Σήμερα  θα σας δώσω τον κώδικα να δημιουργήσετε κι εσείς μία intro page για το blog σας (χάρη στον στέλιο που  μου έδωσε τη διεύθυνση να τον βρω).Πρέπει να πώ οτι αυτός που την έφτιαξε παραδέχεται οτι είναι κατά 90% intro....διότι ανοίγει μόνον όταν ανοίξει το blog σας τελείως....Το έχω βάλει ήδη στη σελίδα μου, οπότε αν σας αρέσει και σας ικανοποιεί, τότε χρησιμοποιήστε το....

1.Λοιπόν πάμε: BLOGGER επεξεργασία διάταξης=>Σχεδίαση=>Επεξεργασία HTML
     και ψάχνουμε με ctrl +F : ]]></b:skin>   ...μόλις το βρούμε κάνουμε επικόληση τον παρακάτω κώδικα, ΑΚΡΙΒΩΣ ΑΠΟ ΠΑΝΩ:





#intro{
  background:#CAD8C9 url(http://lh6.ggpht.com/_pt7i0nbIOCY/TDVAtE_sRoI/AAAAAAAACtU/vYI1BUEhw0g/latar_thumb%5B2%5D.jpg) repeat-x top left fixed;
  position:fixed;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  z-index:100;
  text-align:center;
  visibility:hidden;
  }
* html #intro{
  position:absolute;
  width:expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px");
  }
#intro .welcome{
  color: rgb(255, 0, 0); 
  font-weight: bold; 
  font-style: italic;
  font-size:30px;
  margin-top:10%;
  margin-bottom:1%;
  text-shadow:1px 1px 1px #fff;
  }
#intro a img{border:none}
.gohome, .gohome a,.gohome a:visited,.gohome a:active{
  color: rgb(255, 0, 0); 
  font-weight: bold; 
  font-style: italic;
  margin-top:4%;
  font-size:25px;
  text-shadow:1px 1px 1px #fff
  }
.gohome a:hover{
  color:#ffffff;
  text-shadow:1px 1px 1px #f00;
  text-decoration:none
  }





2...Και τώρα βρείτε το: </head>   ....και ΑΚΡΙΒΩΣ ΑΠΟ ΠΑΝΩ, επικολλήστε τον κώδικα:



<script type='text/javascript'> 
//<![CDATA[
 /***********************************************
* Floating Top Bar script- © Dynamic Drive (www.dynamicdrive.com)
* Sliding routine by Roy Whittle (http://www.javascript-fx.com/)
* This notice must stay intact for legal use.
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
/*************************************************
* Blogger intro by http://www.blogspottutorial.com
**************************************************/
var persistclose=1
var startX = 0  
var startY = 0 
var verticalpos="fromtop" 
 function iecompattest(){return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}}return returnvalue;}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1"

document.getElementById("intro").style.visibility="hidden";}
 function staticbar(){
 barheight=document.getElementById("intro").offsetHeight
 var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
 var d = document;
 function ml(id){
  var el=d.getElementById(id);
  if (!persistclose || persistclose && get_cookie("remainclosed")=="")
  el.style.visibility="visible"
  if(d.layers)el.style=el;
   el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";}
  el.x = startX;
  if (verticalpos=="fromtop")
  el.y = startY;
  else{
  el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
  el.y -= startY;  }
  return el; }
 window.stayTopLeft=function(){
  if (verticalpos=="fromtop"){
  var pY = ns ? pageYOffset : iecompattest().scrollTop;
  ftlObj.y == (pY + startY - ftlObj.y)/0;}
  else{
  var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
  ftlObj.y == (pY - startY - ftlObj.y)/0;
  }
  ftlObj.sP(ftlObj.x, ftlObj.y);
  setTimeout("stayTopLeft()", 10); }
 ftlObj = ml("intro");
 stayTopLeft();}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
//]]>
</script>

3.Τώρα βρείτε το :<body>  ...και κολλήστε ΑΚΡΙΒΩΣ ΑΠΟ ΚΑΤΩ τον κώδικα;
  (αν δεν βρείτε το <body>, ψάξτε για το <body    ...)
<div id='intro'><div class='welcome'>Welcome to my blog</div>
<a href='' onclick='closebar(); return false'><img alt='go to my homepage' src='http://lh3.ggpht.com/_pt7i0nbIOCY/TF4qt5wZbCI/AAAAAAAACwk/EAm8wQeTqBk/Cute-hi5-60%5B4%5D.gif' title='go to my homepage'/></a>
<div class='gohome'><a href='' onclick='closebar(); return false'>Go to homepage</a></div>
</div>

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

Πατήστε ΠΡΟΕΠΙΣΚΟΠΗΣΗ, για να δείτε τι κάνατε, και αν ολα είναι εντάξει, πατάτε ΑΠΟΘΗΚΕΥΣΗ
Φυσικά αλλάζετε  την εικόνα, και το μήνυμα της διεύθυνσης....Πρέπει να σας πω οτι το intro ανοίγει κάθε  φορά που ανοίγετε το browser για πρώτη φορά...μετά δεν ξαναβλέπετε την intro page μέχρι να κλείσετε τελείως τον browser....Οσο πιο μικρή και ελαφριά είναι η σελίδα σας, τόσο πιο σύντομα θα ανοίγει το intro page !!!
Το script αυτό το βρήκα στο  www.dynamicdrive.com
Αυτό ήταν όλο...ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!


Related Posts Plugin for WordPress, Blogger...
Print Friendly and PDF

5 σχόλια:

ΓΙΩΡΓΟΣ είπε...

Δηλαδή Παντελή αν θέλω να ανεβάσω σαν κάδρο μια φωτο η ενα κολαζ φωτο σαν πρώτη σελίδα πρέπει να βρω το url της και να το ενσωματώσω
στους κωδικούς ?
Μπορείς να μας πείς ποιους κωδικούς θα αλλαξουμε η να μας τους μαρκάρεις με διαφορετικό χρώμα?

pan de lees είπε...

ΓΙΩΡΓΟ, ΑΛΛΑΞΑ ΤΑ ΧΡΩΜΑΤΑ ΣΤΑ ΣΗΜΕΙΑ ΠΟΥ ΜΠΟΡΕΙς ΝΑ ΒΑΛΕΙΣ ΑΥΤΑ ΠΟΥ ΘΕΣ...ΚΑΙ ΔΙΟΡΘΩΣΑ ΤΟ ΚΕΙΜΕΝΟ...ΕΛΠΙΖΩ ΝΑ ΓΙΝΕΙ ΑΝΤΙΛΗΠΤΟ...ΑΥΤΑ ΜΟΝΟΝ ΑΛΛΑΖΕΙΣ

ΓΙΩΡΓΟΣ είπε...

Παντελή κόλλησα στο 3ο βήμα Δεν βρίσκω το bady

pan de lees είπε...

Γιωργο, βαζεις bady, ενω εννοεις το "σωμα" επειδη δεν παιρνει τον κωδικα στα σχολια !καταλαβα ! εγω θα το λεω "σωμα"....
δοκιμασε τον "ενσωματωνουμε" και δεν ξεχωριζει σαν , αλλα σαν ) !!!!

pan de lees είπε...

εκανα λαθος υπολογισμους, και δεν το πηρε....απο τη φραση σωμα βγαλε το τελευταιο σημειο που "κλεινει" ...θα το διορθωσω στην αναρτηση, αμεσως