博主:Moony和梨子

博主目前狀態: 要考試了(淚奔——

對部落格有疑問?:点击发表疑問
對這裡有啥意见?:点击发表意见


"不要認為你做不到,很多事情只是看你願意花多少心思去做而已"
Showing posts with label 教程. Show all posts
Showing posts with label 教程. Show all posts

【教程】把佈局(Layout)換成舊版本的

是否用得不舒服呢?怎樣用都不順手?
還是想用回舊版本的?

我這裡有辦法教各位換回舊版本的哦(只不過有點瞎 囧


首先就到你的佈局(新版本)


你可以看到我提高亮(Highlighted)的網址

http://www.blogger.com/blogger.g?blogID=xxxxxxxxxxxxxxxxxx#pageelements

重點是你blog ID過後的號碼
把號碼拷貝(Copy)起來

把號碼放在這個網址上

http://www.blogger.com/rearrange?blogID=xxxxxxxxxxxxxxxxxx

^ 這網址是你舊版本的網址來的
以後要用舊版本的話,就是用以上網址就好
把你的舊版本網址加入書籤 (Bookmark)就可以方便你開啟,
不需要再把代碼拷貝來拷貝去的

希望你們明白呀 :33
祝你成功~

如何把 Cbox留言板 藏起來?

Moonly: 你好:) 請問你知道怎麼弄chatbox弄到自己看得到留言但是外人看不到留言只看到打字框嗎 可以教我嗎 麻煩你回复到我的部落哦:) 謝謝你哦^^

一切看不清的圖片,記得點擊放大哦 :)

沒有背景的

去cbox.ws > 點擊"Publish" 
然後 跟著以下圖片中highlight的代碼,把你的代碼拷貝起來


然後粘貼在 Html/Javascript 就可以了哦 :)

有背景的

要怎樣為Cbox 添加背景 > Click Me

完成了我以上給的教程後
就跟著以下的圖片所highlight的字,並把你的代碼裡的“它們”刪掉

簡單來說 ^ 把我highlight的代碼 刪掉就可以了 :)

要怎樣看人家給你的留言呢?[方便的方法]
去cbox.ws > 然後點擊 Publish 

你會看到 (Your Quick Link is http://你的網址.cbox.ws)
只要單點 http://你的網址.cbox.ws 就可以看人家給你的留言了哦

就像這樣 v

只要把 "http://你的網址.cbox.ws" Bookmark起來
以後就可以很方便的看到人家給你的留言咯 ^^

希望你明白
也祝你成功哦 :DD

美化留言室(1)

31 Dec 11, 04:20 PM
萱~: 请问你知道如何更换评论表格的背景吗?
__________________________________________
我直接给你个美化整个留言室的教程:)


设计》修改HTML》扩展窗口小部件模板(打勾)

1.【CTRL+F】找以下代码

/* comment
__________________________________________

2.接着再查找类是一下代码的代码:

#comments h4 {
margin: 1em 0;
color: #999999;
}
#comments h4 strong {
font-size: 110%;
}
#comments-block {
margin: 1em 0 1.5em;
line-height: 1.3em;
}
#comments-block dt {
margin: .5em 0;
}
#comments-block dd {
margin: .25em 0 0;
}
#comments-block dd.comment-footer {
margin: -.25em 0 2em;
line-height: 1.4em;
font-size: 78%;
}
#comments-block dd p {
margin: 0 0 .75em;
}

__________________________________________

3.然后把以上代码替换去:

#comments h4 {
margin: 1em 3em;
font-weight: bold;
line-height: 1.4em;
}
#comments-block {
margin-left:1.5em;
line-height:1.6em;
background: #ffffff;
color: black;
padding: 1em;
border:0px solid #ffffff;
}
#comments-block .comment-author {margin:.5em 0;}
#comments-block .comment-body {margin:.25em 0 0; background: #ffffff;}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
padding: 20px 10px 10px 10px;
background: #f3a64c url(图片URL) repeat top left;
-moz-border-radius: 25px 25px / 25px 25px;
border-radius: 5px 5px / 5px 5px;
Border: 1px solid #F5A9A9;
}

__________________________________________
PS:下次我会在更新另一系列的美化教程

如何添加Twitter?(给장로 мικσ♥)

至:장로 мικσ♥

7 Jan 12, 10:42 PM
장로 мικσ♥: 請問怎樣放twitter那個東西?


点我
直接按以上的点我就可以了:)

PS:还有任何疑问,可以信息在这贴内留言:)

在帖子里面放Back To Top

慧怡: 请问一下你会在帖子里面放''back to top ''吗?
这就是你的回答哦 :))

首先,去设计(Design)>>Edit HTML
然後 在 擴展窗口小部件模板/Expand Widgets Template  打個勾
按Ctrl+F或F3找以下代码
<div class='post-footer-line post-footer-line-2'>
在<div class='post-footer-line post-footer-line-2'>的下面 放以下代码
<center>|<a href='#'>TOP</a>|</center>
如图 :

这样就可以了哦!
于是 祝你成功哦 :DD

如何 設計 Pages/頁面 的 按鈕 ?

KC: 你好,我想问你会不会在按扭上加字的教程?是页面来的,可是是可以随意加字的.
這就是你的回答哦 :)
只要把你的頁面名字改掉就可以 "隨意加字"了 :))
我也附上了 如何設計 頁面 的教程,

這是給大家的,我所謂的頁面就是 :
那些頁面名字是有點花痴 ><''' 無視吧

不過可能 新模板 可能不太適合。
這教程可能會有點亂,所以希望大家明白哦 :))
一切圖片 點擊 來放大哦!!!

首先,去设计(Design)>>Edit HTML
然後 在 擴展窗口小部件模板  打個勾
按Ctrl+F或F3找以下代码

<b:loop values='data:links' var='link'>

你會找到有兩個 <b:loop values='data:links' var='link'> , 不過要的是 第二行的

如圖 :

過後呢,在 <b:loop values='data:links' var='link'> 的上面 粘貼 以下代碼

<ul class='pagebutton'>

接著,拉下去一點你會看到 </ul> 
你就在</ul> 下面再添加 多一個 </ul>

整體上就是這樣吧 :)
那些淺青色的 HIGHLIGHT 都是剛剛我教大家添加的 代碼

好了就到這裡 上半段完成了。
先 預覽/Preview 看看,沒有問題後,再把它儲存/Save 起來哦

儲存了過後,再按Ctrl+F或F3找以下代码

]]></b:skin>

在 ]]></b:skin> 的上面 粘貼 以下代碼

* pagebutton
----------------------------------------------- */
.pagebutton li a{
padding:5px;
background:#000000;
text-decoration: none;
margin: 0;
font-size:12px;
}
.pagebutton li.selected a{
font-weight:bold;
background:#cccccc;
}
.pagebutton a:hover {
background:#eeeeee;
}

首先要講明的就是 :
.pagebutton li a{  是 頁面按鈕原本的效果.pagebutton li.selected a{ 是 已經選擇了的效果 .pagebutton a:hover { 是 鼠標經過 頁面按鈕 的 效果光我這樣說可能不怎麼明白,試過就會知道了哦 :))
當然的,紅色字體的都可以自行更改哦 :))
Background 就是 背景 
Font-size 就是 字體的大小

[----------------------------------------------------------------------------]

除此之外你還可以添加更多的 裝飾~~~~
這些 代碼 只是需要添加在 .pagebutton xxxx { 的里面 就可以了} 

為頁面按鈕 添加 背景 :

background:url( 圖片url ) repeat;

為頁面按鈕 添加 框框 : 

border: 1px solid #000000; 

1px = 框框的粗度
除了solid 也有 dashed, dotted, inset, outset, double 
#000000 你的顏色代碼

為頁面按鈕 添加 圓角框 :

border-radius:10px

要更多就請參考 這裡

為頁面按鈕的字體 添加 影子 :

text-shadow:3px 3px 3px #000000;

3px 3px 3px 都是 Padding [ 自己改一改就會明白,如果要更詳細留言在此帖我會告訴你 ]
#000000 你的顏色代碼


有問題就要發問哦~在此帖留言就行了
當然不要做到一半就說不會啊 ><
給多點耐心吧 :))  祝大家成功哦 :))

認識框框 的種類 [附上代碼]

其實 除了 普通的圓角框
還要更多不同種類型的 框框哦 :DDD

如 :
-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px;
-moz-border-radius-bottomright: 50px 25px;
border-bottom-right-radius: 50px 25px;
-moz-border-radius-bottomright: 25px 50px;
border-bottom-right-radius: 25px 50px;
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
-moz-border-radius: 35px;
border-radius: 35px;

希望大家明白哦 ^^ 


轉載於 Cik Nurfarah

如何把部落格標題刪掉? (新旧模板)

Kimberly: 如何把博客標題 刪除而不是去把它變透明?
舊模板(2006)

首先,去设计(Design)>>Edit HTML
按Ctrl+F或F3找以下代码

#header h1 {

把以下的代碼拷貝起來

display:none;

放在 #header h1 { 的下面

如圖 :

新模板
首先,去设计(Design)>>Edit HTML
按Ctrl+F或F3找以下代码

.Header h1 {

把以下的代碼拷貝起來

display:none;

放在  .Header h1 {  的下面

如圖 :

希望可以幫到你哦~~祝你成功 :)) 

如何把Header刪掉? (新旧模板)

這是給舊模板 (2006)
首先,去设计(Design)>>Edit HTML
按Ctrl+F或F3找以下代码

#header-wrapper {

把以下的代碼拷貝起來

display:none; /

放在 border:0px solid $bordercolor; 的下面

如圖:

這樣標題就會被刪掉了哦 :))

這是給新模板 (只限Simple,Picture Window和Awesome Inc.)
首先,去设计(Design)>>Edit HTML
按Ctrl+F或F3找以下代码

.header-outer {

把以下的代碼拷貝起來

display:none;

放在 .header-outer { 下面就行了。


如圖 :

於是祝你成功哦 ^^

如何在部落格添加雪花?

想讓自己的部落格更有聖誕氣氛嗎?
雪花飄下是一個很好的選擇哦
上次我發過一個雪球滑落的教程,不過我發覺部落格會Lag
這個添加到部落格也不會Lag哦!
而且可愛的是,他會跟著你的鼠標方向飄落 ^^


首先到,设计(Design)>页面元素(Page Elements)>添加小工具(Add Gadgets)>Html/Javascript
然后把以下的代码粘贴进去:


<script type="text/javascript" src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/snowstorm.js">
<!-- now, we'll customize the snowStorm object -->
<script type="text/javascript">
snowStorm.snowColor = '#99ccff'; // blue-ish snow!?
snowStorm.flakesMaxActive = 96; // show more snow on screen at once
snowStorm.useTwinkleEffect = true; // let the snow flicker in and out of view
</script>

紅色的字都可以自行更改哦 :)

祝你成功!!!
也在此祝大家冬至快樂 ^^

去除Twitter Gadget的Logo+Link和你的Twitter 名字 [只限Blogger]

是的,又潜了水 /.\ 很抱歉哦 :3

今天的教程就是如题啦 :D
相信不少人都很想把它删除掉吧 ^^
所以希望大家喜欢这个教程哦~

首先,我要解释一下 :

过后,去设计(Design)>>Edit HTML
按Ctrl+F或F3找以下代码
]]></b:skin>
如果你要把“你的Twitter名字”去除掉
就拷贝一下的代码
.twtr-hd {display: none;}
粘贴在]]></b:skin>的上面,如图 :


如果你要把“Twitter Gadget的Logo+Link”去除掉
就拷贝一下的代码
.twtr-ft {display: none;}
粘贴在]]></b:skin>的上面,如图 :


如果想要把两个都去除掉
就拷贝一下的代码
.twtr-hd, .twtr-ft {display: none;}
粘贴在]]></b:skin>的上面,如图 :


这样就大功告成啦 :DD
请帮忙按一下Nuffnang哦 ^^
祝你成功 :)




转载: fiveforblogger
翻译: 月&梨

To Kui Che

4. 聊天室背景/ Chatbox Background
称呼:kui che
Email:cutegirl12392@hotmail.com
种类: 梦幻
主题颜色: 粉红色
要写什么字在上面吗?要的话,请写出 : 欢迎留言:D
字体颜色: 帮我选颜色
尺寸: (可以帮我调整吗?)
有什么特别要求: -
要谁帮你呢? : 或两位都可以.
7. 找素材 (分割线,部落背景,部落小玩具,etc.)
称呼:kui che
服务: 可以帮我做守护甜心的背景吗?
这是你的Cbox背景哦 :D

这只是预览而已啦 :)
我已经Email给你了哦! 请去看看!

如果有对这订单有意见,
请留言在此告知哦 ^^

------------------------------------------------------

至于背景呢,我感到很抱歉
因为这里已经没有帮顾客制作背景的服务了。
所以我帮你找了几个守护天使的背景
点击图片会变大哦 :)






To Zenia

我会先完成Cbox背景的哦!
—— 梨子

聊天室背景/ Chatbox Background
称呼: Zenia
Email: zeniaonlyone@hotmail.com
种类: 吸血猫
主题颜色: 框框要黑色、背景要白色
要写什么字在上面吗?要的话,请写出 :
不留言的话,就吸你的血哦,喵 !
字体颜色: 黑色
尺寸: 帮我弄 ,不要太肥啊~
有什么特别要求: 框框要粗一点,字体要特别点,重要是可爱点哦 XD
要谁帮你呢? : 都行。:)

这就是你的Cbox背景啦 :D 希望你喜欢~!

这只是预览而已啦 :)
我已经Email给你了哦! 请去看看!

至于你所说的特别字体
可能字体没达到你的要求,我深感抱歉呀 ><

如果有任何对这订单有意见,
请在此帖留言哦 ^^

如何把Youtube的影片儲存/save起來 (三種方法)

考試終於完畢啦 :D 
梨子和Moon呢,也放大假了 ^^
所以我們會把訂單完成哦!

這次的教程是 : 如何把Youtube的影片儲存/save起來
有三種方法 :

首先,我想说明的是 Youtube URL就是,如图:


好啦,现在开始咯!!
第一,最方便的就是下載Youtube Downloader
你可以到此網址下載 >>> 點我哦!

你就會來到這樣的地方:

过后,点击我Highlight起来的网址
就下载了啦 :DDD 下载时间差不多是6~7分钟之间。

下载后,你开的时候就会看到这样 :

1. 把你的Youtube影片的Url粘贴在 [Enter the URL.....]的下面
2. 然后Select the download quality,你要下载的影片的质素。
    1020p和720p都是HD (高清) ,其他的都是普通的。
    不过这样要看你所下载的影片有多少的质素
3. [Convert video to:] 就是你要把影片转换成什么格式
    AVI 就是大部分的影片播放格式
    MPEG就是大部分DVD播放格式
    MP4就是Ipod和Quick Time Player播放格式
    MP3就只有歌曲没有影片的格式 [如果你只要下载影片的歌曲,这就是你要的格式]
4. [Your default download location is:] 
    你要把影片下载在哪里,如:My Document,Desktop..etc.
5. 单点 Download 就可以下载啦 :DDDD
第二种方法,使用Save YouTube
这就是网址 >>点我吧!
开了过后,你就会到这样的页面

只要把你的Youtube URL粘贴在我所highlight的位置,然后按Download

过后,就会出现这样的一个场景

选择你要的影片质素(Video Quality),再单点网址,就可以下载啦 :DDD


第三种方法,就是直接连接到Save YouTube (方便些)

首先,在你的Youtube URL 的 youtube 前面打上save,如图 :

按Enter,就可以直接到这里了哦 ^^

希望大家看得明白呀 ^^
祝你成功哟 :DDD

如何去除Banner的链接? (新模板)

所谓的链接就是Link
每次点击Banner时,就会回到你的部落格
如果你的Link hover有设计的话 (如背景,图片,etc.)
可能就会看起来不美观
不喜欢这样? 这里有个梨子自己研究的教程哦 ><

首先,去设计(Design)>>Edit HTML
把Expand Widget Templates给打勾


过后,按Ctrl+F或F3找下面的代码

<!--Show the image only-->


再把以下代码

换成
<div id='header-inner'>
      <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>  
过后就大功告成啦 :D (如图:)

这样你的Banner就不会有链接了~~
看起来也会比较美观哦 ^^
祝你成功哦!! 喜欢就按个赞吧 :D
顺便按一按Nuffnang哦 >>>>




此教程是原创的 
版权所有.独自占有必究
如果要转发,一定要写上我们的部落网址或“月&梨"

雪球滑落的效果

所谓的效果就是如图: 

嘿嘿,很漂亮对吧? ^^

首先,
去设计(Design) > 页面元素(Page Element)>添加小工具(Add Gadgets)>HTML/JavaScript

把以下的代码粘贴进去:
<script>
    //Here you can add your own picture for snow. Just change the url
    var snowsrc="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyXfhb2UFRMRFnhyphenhyphenNb8T1_sDk022j15e9kgzkJr0H2cAKEi3m8jFQzOilY3m7eOIsGk6PVymBcNpM2TKPCj1goUVfNji0Cd_UICC72Bs4wctQ24kb2E-LUzPDlMBhzrWpaF-qfWls9qXQ/s1600/whiteshowNF.png"
    //how many snowflakes there will be (currently 12)
    var no =40;
    //How fast will the snow disappear (0 is never)
    var hidesnowtime = 0;
    //The height the snow will reach before it disappears ("windowheight" or "pageheight")
    var snowdistance = "pageheight";
    ///////////////////////////////End of Settings///////////////////////////////////
    var ie4up = (document.all) ? 1 : 0;
    var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
    function iecompattest()
    {
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    }
    var dx, xp, yp;
    var am, stx, sty;
    var i, doc_width = 800, doc_height = 600;
    if (ns6up)
    {
    doc_width = self.innerWidth;
    doc_height = self.innerHeight;
    }
    else
    if (ie4up)
    {
    doc_width = document.body.clientWidth;
    doc_height = document.body.clientHeight;
    }
    dx = new Array();
    xp = new Array();
    yp = new Array();
    am = new Array();
    stx = new Array();
    sty = new Array();
    for (i = 0; i < no; ++ i)
    {
    dx[i] = 0;
    xp[i] = Math.random()*(doc_width-50);
    yp[i] = Math.random()*doc_height;
    am[i] = Math.random()*20;
    stx[i] = 0.02 + Math.random()/10;
    sty[i] = 0.7 + Math.random();
    if (ie4up||ns6up)
    {
    if (i == 0)
    {
    document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://rftactical.darkbb.com/index.htm\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
    }
    else
    {
    document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
    }
    }
    }
    function snowIE_NS6()
    {
    doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
    doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
    for (i = 0; i < no; ++ i)
    {
    yp[i] += sty[i];
    if (yp[i] > doc_height-50)
    {
    xp[i] = Math.random()*(doc_width-am[i]-30);
    yp[i] = 0;
    stx[i] = 0.02 + Math.random()/10;
    sty[i] = 0.7 + Math.random();
    }
    dx[i] += stx[i];
    document.getElementById("dot"+i).style.top=yp[i]+"px";
    document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
    }
    snowtimer=setTimeout("snowIE_NS6()", 10);
    }
    function hidesnow()
    {
    if (window.snowtimer) clearTimeout(snowtimer)
    for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
    }

    if (ie4up||ns6up)
    {
    snowIE_NS6();
    if (hidesnowtime>0)
    setTimeout("hidesnow()", hidesnowtime*1000)
    }
    </script>

你可以把红色字体换成你要的图片代码哦 :)
以上的那个代码是白色雪球

这里也有其他雪球的颜色:
蓝色
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb0uaOHDZPPgyWcnBfp4tawzZZjWZvKRlGvk6iIWaxgPGuEBvKXjr2txPlOAGWhRK-4Lxo70ohI48LfxKxmWqYVk5i8kuWypct5vqvU3SWaMSU4ES6cESA0JYEwOvo8AV1iLxD_yxZfdE/s1600/bluesnowNF.png

粉红色
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiidFyPGImAQt4GdIIxvfUfwlGZYXGyr2a14I_nFUuD9xGSQQG7Q9HpTin_OQarkbRsPrINZ_fvL5margCTPsdN6FBbXiXUvfB9JxzaZHkUNhQf4DmWA-DNn8uc-LaSBzrlyegvRtrCCf0/s1600/redshowNF.png

黑色
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZW2rMu7aruAWMErL3UZg_u_46uBEgHxnqvkmLJysOey_HPbhV4RmHjTX555AYZpYgp1cCKBUQWCLtcC5c8bWmlPkRFb0xgAZx4a6_Wuen-JJ4Pr-WhKsDx5-5HM7U8KiyfYZaIFtS0v0/s1600/blacksnowNF.png

希望你喜欢哦 :))
也祝你成功 ^^