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

6
Intro Page Blogger Intro page Blogger Intro Page Intro Page Blogger (Copy Code ) Intro Page Blogger 1. Login Blogger 2. 3. HTML

Upload: thanapat-kamparn

Post on 18-Nov-2014

1.143 views

Category:

Documents


3 download

DESCRIPTION

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

TRANSCRIPT

�������� Intro Page ��� Blogger ��������������� ���������������������������������������������� ������� Intro page

��� Blogger !"���� �#$���%$��$�&����'��(���� ����)������#� !��� ������*���������&����'����� Intro

Page �#$�+�������� �� ������������ �, !"���� ����&��+���� Intro Page ����� Blogger ������ -%$'���������������!��� (Copy Code .�&������ /0�)

���������������� Intro Page ��� Blogger 1. Login .���!�� Blogger .�����

2. ���� �#����$ ���/

3. ���� �#�� /���. HTML

4. �#$����&!���1����� ���� �#����$ �����2���/&�/ 3 � �,& !"�����)���.�&(�/&�/ .� ��

5. �� Code ]]></b:skin> �� /&�/

6. Copy /�� Pate Code .����������� �� ]]></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 }

Code =>?@>ABCEFGFEGHIHJEKLEBME Link @PJQRLESTKJ BIHCHUHIVBMT>?WEXAGHUFYZIK[

7. �� Code </head> ��/&�/

8. Copy /�� Pate Code .����������� �� </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>

9. �� Code <body> ��/&�/

10. Copy /�� Pate Code .����������� ���� <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>

11. ���� �#����$ ���%�/&�/ /����(��

���� !�������� Intro Page ���Blogger

������� Code ��$ ����� !��$����� ��$.�� ��������� !"��(!.�!�4&�� �#$� .���(��������� Blogger

.� �� �����#$��,���(����� ���!!�� �*� �������)���� �������,�&� ��� ���������

!�.��� .���! ��$�&*&��*& �, �,���&�������� : http://kamparn.blog.cd/

<div id='intro'><div class='welcome'>WvEA>GPEIK[=wx=HECz {v=WHTKWB|TvUxH}YEH Y.~I>C�Bx�</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='B@HCzSEHSTKx'/></a> <div class='gohome'><a href='' onclick='closebar(); return false'>B@HCzSEHSTKx</a></div> </div>