教学/Tutorial || 关注隐藏法/Hide the Follower Gadget (滑下式/Slide down Method)

滑下式的关注隐藏法

试试看按我的Follow按钮就知道了

=）

Slide down method for Follower Gadget

try to press my follow button,

then you will know what i said.

=)

教程开始

Tutorials start

点它/Click it:

是这样的:

Like this:

中文/Chiness:

第一个我们要先做Follow按钮

看到了吗?=)

① 信息中心 --> 设计 --> 页面元素 --> 添加小工具 --> HTML/Java Script

② 把以下代码粘帖去HTML/JavaScript

<style type='text/css'>

a.linkopacity img {

filter:alpha(opacity=50);

-moz-opacity: 0.5;F

opacity: 0.5;

-khtml-opacity: 0.5;}

a.linkopacity:hover img {

filter:alpha(opacity=100);

-moz-opacity: 1.0;

opacity: 1.0;

-khtml-opacity: 1.0; }

</style>

<div style='display:scroll; position:fixed; top:20px; left:20px;'>

<a href="javascript:void(0);"onclick="showHideAT()"/><img class="expando" width="70" height="30"src="Follow按钮图片网址" alt="PUSH" title="Follow"/></a>

</div>

③ 找到或自己设计了Follow 按钮之后，上传到Photobucket，然后把图片网址粘帖去Follow按钮图片网址，就可以了。

④ 储存

提示:Follow按钮怎么做?

首先，找个你喜欢底图，然后去美图秀秀、可牛影像、Photoshop、或Photoscap进行设计，

过后再把你设计好的Follow按钮上传至Photobucket。

等等等，还没完呢。

最后，我们要做这个:

① 信息中心 --> 设计 --> 页面元素 --> 添加小工具 --> HTML/Java/Script

② 把以下代码粘帖进HTML/JavaScript

<style type="text/css">

#at{

position:fixed;

right:450px;

z-index:+1000;

}

* html #at{position:relative;}

.attab{

height:100px;

width:30px;

float:left;

cursor:pointer;

background:url();

}

.atcontent{

float:left;

border:2px solid #FFCCCC;

background:url(背景网址) #FFFFFF repeat-x bottom center scroll ;

-moz-border-radius-topleft:15px;

-moz-border-radius-topright:15px;

-moz-border-radius-bottomleft:15px;

-moz-border-radius-bottomright:15px;

padding:10px;

}

</style>

<script type="text/javascript">

function showHideAT(){

var at = document.getElementById("at");

var w = at.offsetWidth;

at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);

at.opened = !at.opened;

}

function moveAT(x0, xf){

var at = document.getElementById("at");

var dx = Math.abs(x0-xf) > 25 ? 35 : 1;

var dir = xf>x0 ? 1 : -1;

var x = x0 + dx * dir;

at.style.top = x.toString() + "px";

if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}

}

</script>

<div id="at">

<div class="attab" onclick="showHideAT()"> </div>

<div class="atcontent">

<div align="center">

<div style="background:url() no-repeat;">

关注器代码

</div>

</div>

<br />

<div align="right"><a href="javascript:void(0);" onclick="showHideAT()"><a href="http://xiuwen53.blogspot.com/"><div style="color: #FFFFFF;">

<span ></span></div></a></a></div>

</div></div>

<script type="text/javascript">

var at = document.getElementById("at");

at.style.top = (-200-at.offsetWidth).toString() + "px";

</script>

③ 红色 - 放你喜欢的背景，把背景网址放进去
     青色 - 更换你喜欢的颜色，>>颜色代码<<
     粉红 - 把关注器代码粘帖进去


④ 储存


提示:关注器代码怎么找?

 先到>>这里<<拿你的Follower Gadget 的代码


你会看到这个

第1步骤

第2步骤

第3步骤

第4步骤

完成!!

祝你成功!!

英文/English:

First,we gonna want to do the Follow Button

have you see it?=)

① Dashboard --> Design --> Page Elements --> Add a Gadget --> HTML/JavaScript

② Copy the code below and paste it into HTML/JavaScript

<style type='text/css'>

a.linkopacity img {

filter:alpha(opacity=50);

-moz-opacity: 0.5;F

opacity: 0.5;

-khtml-opacity: 0.5;}

a.linkopacity:hover img {

filter:alpha(opacity=100);

-moz-opacity: 1.0;

opacity: 1.0;

-khtml-opacity: 1.0; }

</style>

<div style='display:scroll; position:fixed; top:20px; left:20px;'>

<a href="javascript:void(0);"onclick="showHideAT()"/><img class="expando" width="70" height="30"src="FOLLOW BUTTON URL" alt="PUSH" title="Follow"/></a>

</div>

 ③ After found or designed a follow button by youself,upload to Photobucket,and copy the direct link paste it on the FOLLOW BUTTON URL.

④Save

TIPS:How to do the follow button?

Find a sticker that u like and design with Mei Tu Xiu Xiu,Ke Niu,Photoshop or Photoscap.

After designed upload the follow button to Photobucket.

WAIT WAIT WAIT,not finish yet..

Lastly,we do this:

①  Dashboard --> Design --> Page Elements --> Add a Gadget --> HTML/JavaScript

② Copy the code below and paste it into the HTML/JavaScript

<style type="text/css">

#at{

position:fixed;

right:450px;

z-index:+1000;

}

* html #at{position:relative;}

.attab{

height:100px;

width:30px;

float:left;

cursor:pointer;

background:url();

}

.atcontent{

float:left;

border:2px solid #FFCCCC;

background:url(Background URL) #FFFFFF repeat-x bottom center scroll ;

-moz-border-radius-topleft:15px;

-moz-border-radius-topright:15px;

-moz-border-radius-bottomleft:15px;

-moz-border-radius-bottomright:15px;

padding:10px;

}

</style>

<script type="text/javascript">

function showHideAT(){

var at = document.getElementById("at");

var w = at.offsetWidth;

at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);

at.opened = !at.opened;

}

function moveAT(x0, xf){

var at = document.getElementById("at");

var dx = Math.abs(x0-xf) > 25 ? 35 : 1;

var dir = xf>x0 ? 1 : -1;

var x = x0 + dx * dir;

at.style.top = x.toString() + "px";

if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}

}

</script>

<div id="at">

<div class="attab" onclick="showHideAT()"> </div>

<div class="atcontent">

<div align="center">

<div style="background:url() no-repeat;">

FOLLOWER GADGET CODE HERE

</div>

</div>

<br />

<div align="right"><a href="javascript:void(0);" onclick="showHideAT()"><a href="http://xiuwen53.blogspot.com/"><div style="color: #FFFFFF;">

<span ></span></div></a></a></div>

</div></div>

<script type="text/javascript">

var at = document.getElementById("at");

at.style.top = (-200-at.offsetWidth).toString() + "px";

</script>

③ Red colour - copy the direct link of background,and paste it on

     Green colour - can change the colour that you want,>>Colour Code Here<<

     Pink colour - copy the follower gadget code and paste it on

④ Save

TIPS:How to get the follower gadget code?

First,you may go to >>Here<< to get your follower gadget code

You will see these when you go in

First Step

Second Step

Third Step

Fourth Step

DONE!!!

Wish you good luck!!

链接我/Link Me

<center><a href="http://xiuwen53.blogspot.com" target="_blank"><img src="http://i1226.photobucket.com/albums/ee407/Xiuwen53/New%20Xiuwen/ribonp3_.gif"/></a></center>