Total Pageviews

Leave your face down yo!

INSTAGRAM

Tuesday, August 23, 2011

部落教学 - 如何弄 Welcome Page



从很早之前
就有人一直催我教学系列了
尤其是那个一进入我部落时候的Welcome Page

好了
欠太多街数
是时候还了 =3=


今天要教的就是那个Welcome Page了


就是这个别人要看你的部落
首先要被逼看你的照片先 =P


一开始呢
先去Design那的 Edit Html



按那个 Expand Widget Templates




然后在那堆密密麻麻的字里
去找以下的code
(建议你们用 Ctrl + F 的 Find Function)


找到后呢
就把以下的 Code Copy 然后Paste在以上的Code的后面

(提示,建议你们Copy一份你们现在里面密密麻麻的code做backup)


<!-- Welcome page Start -->
<div id='welcome-wrapper'>
<b:section class='welcome' id='welcome' showaddelement='no'>
<b:widget id='Text88' locked='false' title='' type='Text'/>
<b:widget id='HTML88' locked='false' title='' type='HTML'/>
</b:section>
</div>
<!-- Welcome page End -->


按 Save了过后呢,
你回去 Design,Page Elements那里
你就看到了有两个新的 Gadgets
一个是 Text另一个是 Html/JavaScript



你按 Html/JavaScipt 的Edit
然后 Copy Paste以下的 Code进去

<!-- HTML part -->
<div style="padding-top:15px;">
<a id="EPEntryButton" onclick="document.getElementById("HTML88").style.display="none";document.getElementById("Text88").style.display="none"">ENTER</a>
</div>

<div id="EPDarkLayer"></div>
<!-- CSS part -->
<style>
#welcome-wrapper{width:40%;margin:0 auto;height:0px;text-align:center;}
/* welcome message widget */
#Text88, #EPEntryButton, #EPGrab {position:relative;z-index:510;top:100px;}
#Text88 {background-color:#fff;border:solid 10px black;color:#222;display:none;padding:15px;}
#HTML88 {z-index:499;display:none;}
/* DarkLayer div */
#EPDarkLayer {background-color:#000;opacity:0.6;filter:alpha(opacity=60);top:0px;left:0px;z-index:500;position:fixed;}
/* Entry button */
#EPEntryButton {border:solid 0px #fff;color:white;cursor:pointer;font-size:25px;padding:5px;text-decoration:none;}
#EPGrab {color:white;padding-top:10px;}
</style>
<!--[if IE 6]>
<style>
#EPDarkLayer {position:absolute;}
</style>
<![endif]-->
<!-- Javascript part -->
<script type="text/javascript">
YourBlogUrl="http://.blogspot.com/"; //enter your blog url here
fromInternal=document.referrer.search(YourBlogUrl); //check come from where
getDarkLayer=document.getElementById("EPDarkLayer").style;
getText88=document.getElementById("Text88").style;
getHTML88=document.getElementById("HTML88").style;
if (fromInternal == -1)
{ //if visitor comes from external page
getDarkLayer.width=screen.availWidth+"px"; //set DarkLayer width
getDarkLayer.height=screen.availHeight*2+"px"; //set DarkLayer height
getHTML88.display="block"; //show DarkLayer
getText88.display="block"; //show message
}
else
{ //if visitor comes from internal page
getHTML88.display="none"; //hide HTML gadget
getText88.display="none"; //hide message
}
</script>
<!-- Welcome page End -->


请注意
在你paste了那code之后呢
去找里面的这个code


然后呢
注意以下这些code
"HTML88"
"none"
"TEXT88"
"none"


把它的"
用以下的code代替


由于如果我把这个code写在blogpost会变成"
所以要你们亲手写进去了
(建议:写了一个后 copy paste)

最后呢那个code应该是这样的




除此之外呢
也edit以下的code


在那个 "http://.blogspot.com"
换去你部落的网址
好比如说我的就是 "http://lengzaile.blogspot.com"


按Save后呢
就去 Text那按Edit


然后写你要的欢迎词
好比如我写 Welcome




这个是你应该能看见的画面
如果你要放照片
你就要在Text那里
放这个Code

<img src="YourPictureUrl" />

YourPictureUrl 就要放你照片的 Link咯
就是说你的照片一定要已经Upload上网了


最后就成功了啦!
有任何疑问可以留言问我。
希望能帮到大家 =)


对了
最近迷上玩做DJ


不过现在没有 On Air
关注我的面子书吧!
有 On Air 会告诉大家!



乐~

Leave your footprint down! Or I will bite you!

13 comments:

Angie tan said...

谢谢啊!!
如果照片的size不符合呢? 可是adjust size吗?

Angie tan said...

前一个留言的问题解决了..可是现在又面临另个问题了。。就是按了entre还是进不到网站也..

Rottensun said...

I followed all the given steps, but seems like when I click "enter" it doesn't enter the blog. :(

Anonymous said...

好喜欢这个教学,谢谢。。

我应该算成功的,有看到我要的字,但就是click不到进去自己的blog =="

Leonie said...

我弄了~可是那个enter按不到的~进不了去 ==

Leonie said...

那个enter按不到的

烂苹果~乐 said...

很抱歉大家
已经有了修正版本了
希望能帮到大家!

Angie tan said...

还是一样的问题哦..

Angie tan said...

感恩,Enter的问题已经解决了..可是为什么按了Entre,Display Picture还是有在的?

Unknown said...

可以的话,请上传此video教学

意思是,把此教学video record下来,然后post在这里

因为我不是很明白~

CRISZENA HMUI . ♥ said...

why i cant put photo ? try many times adyy

烂苹果~乐 said...

有任何问题,麻烦大家到我的面子书发问,因为那样比较容易沟通,我也比较容易明白你们的问题然后帮你们弄好。在此和大家说声对不起

Anonymous said...

Thanks for your tutorial. :)

Popular Posts

 

CopyRight Reserved by RottenApple[Le]