Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

วิธีสร้าง Intro page ให้ blogger

1,050 views

Published on

วิธีสร้าง Intro Page ให้ Blogger
http://kamparn.blog.cd/

  • Be the first to like this

วิธีสร้าง Intro page ให้ blogger

  1. 1. F Intro Page F Blogger F F F F F Intro page F Blogger F F F F F F F Intro Page F F F Intro Page F Blogger F F F F (Copy Code ) Intro Page F Blogger 1. Login F Blogger F 2. 3. F HTML
  2. 2. 4. F F F F 5. Code ]]></b:skin> F 6. Copy Pate Code F F F ]]></b:skin> #intro{ background:#CAD8C9 url(http://lh6.ggpht.com/_pt7i0nbIOCY/TDVAtE_sRoI/AAAAAAAACtU/vYI1BUEh w0g/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%;
  3. 3. font-size:25px; text-shadow:1px 1px 1px #fff } .gohome a:hover{ color:#ffffff; text-shadow:1px 1px 1px #f00; text-decoration:none } Code Link 7. Code </head> F 8. Copy Pate Code F F F </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
  4. 4. **************************************************/ 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>
  5. 5. 9. Code <body> F 10. Copy Pate Code F F F F <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>
  6. 6. 11. F F F F Intro Page Blogger F <div id='intro'><div class='welcome'> . </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=' '/></a> <div class='gohome'><a href='' onclick='closebar(); return false'> </a></div> </div> F Code F F F F F F F Blogger F F F F .F F F : http://kamparn.blog.cd/

×