素材 - 日系鴨鴨頁面素材

這次來掃掃塵了咳咳,我已經有幾久沒有更新了啊(望天 , 假期裡面我更本就是沒有打理過這裡,有點謙虧 QAQQ

不多說了! 明天就是 2014 年了! 希望大家有個美好的 2014 年哦! XD

Rules: 
* 抱走素材請留言通知謝謝
* 這些素材非博主自製,所有素材來源來自於網站
* 轉載時請先申請博主同意

日系鴨鴨頁面素材

 

 

   

      



這些素材可以自行發揮啦哈哈哈哈XD 也可以當做是頁面按鈕哦!







 
哈哈哈哈哈! 但是高度可能要自己調! 隨著自己的創意發揮吧! 

- E N D - 

教程 - 隱藏在上方的 Chatbox


這個教程我是在 BS 裡面的 Code 看到的,然後自行研發用去 BlogTemplate :D ,所以轉載教程請先詢問允許后才可轉載哦w

BlogTemplate User 

1) 模板 - 修改 HTML - 添加代碼 1 在 ]]></b:skin> 的前面。
2) 之後保存,然後去到佈局 - 添加 HTML - 添加代碼 2 
3) 預覽看看,保存,完成! :D

BlogSkin User 

1) 模板 - 添加代碼 1 在 </style> 的前面。
2) 之後保存,再把代碼 2 添加到你想要的地方 (什麽地方都能看你怎麼樣放而已沒什麼影響的w)
3) 預覽看看,然後保存 ! :D 

代碼1

.c {
position: fixed;
top: -240px;
left: 30px;
background: # url('');
padding: 8px;
width: 245px;
color: rgb(200,200,200);
-webkit-transition: 0.7s;
}
.c:hover {
top: 0px;
}

代碼2

<div class="c">
<iframe frameborder="0" width="245" height="130" src="你的Chatbox Source 1" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain5-714645" style="border: 0px solid;" id="cboxmain5-714645"></iframe>
<iframe frameborder="0" width="245" height="100" src="你的Chatbox Source 2" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform5-714645" style="border: 0px solid;border-top:0px" id="cboxform5-714645"></iframe><br />
<center>▼▼▼</center>
</div> 
至於那些寬度那些熟悉代碼的就可以自由更換吧 ! :D
有不明的可以問我哦 ! XD

就這樣子先閃人 =w= (#

- E N D -

BlogTemplate 更新后使用方式。

今天我會連發兩篇教程,沒什麼因由,只是因為太無聊和找藉口不溫習所以就連打兩篇。我知道這個教程過了 N 個月才跑來打 -.- 大部份的人都應該知道了,但是我還是要打 XD

BlogTemplate 更換了方式是不是令你非常的頭痛,對,非常頭痛,你不知道 ]]></b:skin> 去了哪裡 ?! 你不會換代碼了 !

其實,你去到這裡,你就不知道那些設計的代碼跑去哪裡了對不對 ? 其實 Blogger 只是把它給藏起來了,只要開回去,就行啦 :D


看見紅色框框的嘛? 它大概在前面哪裡就看見了,你看見類似有個 <b:skin>...</b:skin> 的代碼,你就按旁邊的箭頭 XD 你的代碼就出現了XD 



這些是開出來后的代碼 XD 這樣子你就可以繼續設計你的部落格啦 !

- E N D -

圓角和漸變圖片效果【BT/BS】


我截圖不好 - - ,今天上來的教程還是圖片效果,如果你想要你的圖片有圓角的 Hover 的話,可以使用這個教程哦www

Blog Template User 

- 模板,修改 HTML 
- CTRL + F 尋找 ]]></b:skin>
- 把代碼放在 ]]></b:skin> 的前面。

BlogSkin User 

- 模板,尋找 </style> 
- 把代碼放在 </style> 前面就可以了。

img{
opacity:0.7;
border:none;
padding:0px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
border-radius:10px;}
img:hover{
border-radius:30px;
opacity: 1; }
按保存 :D 完成 XD

- E N D -

漸變的圖片效果(?)【BT/BS】

嗯,你沒有看錯,老子回來這個江湖了 !!!! 當初我想要放棄這個部落了的 TT 嗚嗚嗚對不起 QAQQ ,嘛啊,沒看錯,這一次換的設計(其實更本換一點而已(#) 又換回去 BT 了,看見 BT 的代碼感覺十分不熟悉啊 QAQ 看來要多多鍛鍊好了,下個星期就考試了,我還在這裡作死弄部落,在我心目中難道部落比讀書還要重要嘛 ?! 對,部落比較重要(被打

今天重返江湖,得空會寫下教程的啦放心,喂喂,別用那種質疑的眼神看著我,只要我想到有什麽教程寫的話,我就會寫了的嗯(點頭(#

或許最近會寫一些關於圖片的 Effect ,今天的是好像我的部落的圖片效果那樣,嘛,我不知道怎麼說,自己去點點看下面的圖就知道了。


BlogTemplate User 

- 模板,修改 HTML 
- CTRL + F 尋找 ]]></b:skin>
- 把代碼放在 ]]></b:skin> 的前面www

BlogSkin User 

- 模板,尋找 </style>
- 把代碼放在 </style> 的前面即可w

代碼 : 

img{
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
-webkit-transition-duration: .5s;
}
img:hover{
-webkit-transition-duration: .5s;
filter: alpha(opacity=75);
moz-opacity:.75;
opacity:.75;
}

之後,按保存就可以了XD 看看你的圖片有沒有這樣子的 Effect 吧 XD 

- E N D -

久違的更新 # 新教程 : 更換 Scrollbar

午安,我總與肯上來寫教程了 - - ,假期都快過掉一半以上了我才捨得上來這裡。每次想要寫教程的時候總會突然忘記了自己要寫什麽教程 XD (被打) ,好吧,其實我真的很懶惰 - - (#)

在這裡先給我說說一些事情吧,嗯昨天呢我又過於無聊又開一個新的部落格,其實我也不知道開那個部落格有什麽意義可在 - - ,那個部落格或許只是給我無聊上去發洩下,寫寫短篇小說。嗯至於短篇小說我還是比較習慣寫骸雲的 XD ,或許下次再挑戰別的 CP 吧 (邪笑(?)

咳哼如果你們接受耽美、接受角色崩壞現象出現、接受小女文筆不好的,什麽都沒沒關係然後又趁著無聊時刻就來看看吧 >> http://springcomings.blogspot.com/

Pixiv ID - 35534148

今天的教程是如何更換 Scrollbar 的設計,每次看見電腦自動的 Scrollbar 是不是閑掉了咩? w


BlogTemplate 使用者 

1) 模板 > 修改 Html 
2) 將這個代碼放在 ]]></b:skin> 的前面
3) 預覽 - 保存 :D

BlogSkin 使用者

1) 模板
2) 將這個代碼放在 </style> 的前面即可
3) 預覽 - 保存 :D

::-webkit-scrollbar {
width: 9px;
height: 7px;
}
::-webkit-scrollbar-track-piece  {
background-color: #999;
border: 4px solid #fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #000000;
border: 1px solid #fff;
}

紅色字體 :  滾動條的顏色 :D

然後看見你的 Scrollbar 的設計不再是同樣的了 :D !

- E N D -

噢噢噢噢噢噢可愛的抄襲貓貓 (喵 OwO

今天我不是上來發教程的 - - 冏
好吧今天我準備做好必死的覺悟毀壞自己的形象好了 - - 不喜可以不要看XD 這一次我絕對不會做出任何的容忍 :3

這裡就是可愛的證據 Ow< 別說我耍賴 :3



別人會以為這些都是她自己寫的還是什麽 !! 我說小姐你自己用腦想下做麼你【抄襲】回來的東西怎麼和平時你自己寫的不一樣啊 (笑) 而且那個大小還和我的部落格的大小一樣 ? 高亮字體又一樣 ? 顏色代碼又一樣 ? 

現在還要學人家玩心虛呢 :3 刪除掉我們的留言,到最後刪除掉了整個網頁,哦謝謝你刪除了 (笑) 不過這個抄襲的證據我是絕對不會刪除的噢 (笑) 別以為老娘少更新就可以玩抄襲 !! 今天就是你倒楣 !! 

原本 : 


現在還好你已經把部落格給刪除掉了噢 :3 別人找不到你 ? 哼,我相信你一定會卷土從來,這樣子我不妨公開你的 Blogger 資料吧 :3 


再度抄襲就轟死你的 Chatbox :3 哦丫學會刪除又怎樣 ? :3 

- E N D - 


添加 Facebook Like 整體Blog 【BT/BS】




早上好。^__^ 說過了要多多發教程了的說 ^__^ 這一次想要叫大家的就是置放 Facebook Like 。就有些新手會很好奇就 : 欸這個 Facebook Like 好有趣可以連著 Blogger 的 ^__^ 。想要的話就學起來吧 !!!


好吧我知道很多黑黑的 = = 馬來西亞人應該知道是發生了什麽事情 = =

不多說 ;) 現在就開始教程 !!


BlogTemplate

首先,先去登入博客,然後添加 HTML :O

過後把以下代碼 Paste 進去就可以了ww

BlogSkin 

一樣方法 www 到模板哪兒過後呢,就把代碼放在你要的位置 :D

代碼 :

<center><iframe src="http://www.facebook.com/widgets/like.php?href=部落格網址" scrolling="no" frameborder="0" style="border:none; width:200px; height:75px"></iframe></center>

顏色標籤

紅色 : 部落格網址
黃色 : Facebook Like 的寬度 【可以自行調整】
藍色 : Facebook Like 的高度 【可以自行調整】

過後點擊保存即可 www 你的 Facebook Like 就和你的部落格鏈接了噢 !

下一次的教程都是關於面子書的教程 :D 盡請期待 :)

- E N D -

我又無聊到換新設計了 !!!!




我又來了=w= 當你們看到我更新這一篇的時候。設計完全改變了 =w=

好吧我承認我又無聊換去 BlogSkin 了 =w= 漸漸的和 BlogSkin 君做了朋友 ^___^ V 。BlogTemplate 君說他要和我絕交 QAQQ (啥 ,因為我越來越不懂得 BlogTemplate 了 -.-

那個 Tutorial 和 Freebies 就 54 它們吧 ╮(╯v╰)╭ 因為 BS 沒有頁面的說 QAQQ , 所以呢就被逼要這樣了 des www

這一次的設計真的很懶惰換主色了 -.- 因為想要嘗試灰色系 XDD (你滾。嘗試簡單風格 ;) Banner 大致上有點 .. (奇怪 ? ) 啊啊人家第一次用線上 PS 弄的啦 QAQQ 下次一定會弄的更好 (鞠躬) 對這一次的 Banner  還好ww 畢竟又學會了一點點東西 XD 我每次很粗心的把尺寸弄錯 -.-  弄了又 Save , Save 了又弄 -.- 總與給我弄出這個樣子了。你看 XD 皮卡丘雲雀學長超級可愛的 !!!

忘了說 , 今天 5 月 5 。是雲雀學長的生日啊啊 >/////<  祝雲雀學長永遠和鳳梨相親相愛別再咬殺了要做一個賢妻良母還有就是快快和鳳梨生一對龍鳳胎 !!!! (亮眼 (被咬殺



音樂的話似乎破戒 (?) w 放了一首英文歌曲 :) 最近愛上了這一首 x) 也許是坐在車上一直在收音機聽到的問題吧 wwww

還有呢ww 這一次想要提醒親們 ww 這一次的 Follow 鍵是在皮卡丘雲雀的下面噢 wwwwww

然後呢 ... 就是老子的鼠標一樣沒有變 !!!!! 6918 永遠王道 !!!!!! 雖然鼠標上面沒有我的名字 =w= 可是萬一在你的部落格出現這個鼠標的話 .......................  (菜刀 (奸笑

好吧只是簡單的更新而已 Orz ,期待下一次我發的教程 =)

簡單就是美 :) 

- E N D -

Freebies




Rules 規則 :

Rules ღ 若要转载本部落格的素材 , 请转载部落格贴纸 =D
Rules ღ 这些素材都是Me 100 % 自行制作的 , 欢迎大家使用 =D 不过抱走前请在 Chatbox 留言一声噢 =D
Rules ღ  绝对不能抄袭,发现抄袭者Me肯定会去烦死你 =P
Rules ღ  如果有什么素材用不着的话请留言告知,Me会找出问题所在再发布新的素材 =D
Rules ღ  Chatbox 留言请放下你的部落格网址 =D 无 Link 者不回,除非是认识的。
Rules ღ  Me会回答你关于制作素材方面的问题 x) 不过只限于美图秀秀使用者 =D
Rules ღ  Me不会帮你做任何的素材 =P  能够教你,不能帮你做 x) 毕竟设计这一回事还是靠自己的想象力会比较好 =D
Rules ღ  如果有开放下订单的话才能够叫我帮你做噢 =D 可是要看我有没有这个时间 =3=
Rules ღ  要交换链接的务必在 Chatbox 告知 Me ,并留下你的部落格链接 xD 而且你的部落格也要有 Me 的部落格贴纸 =口= 若发现已经删除,Me 也会删掉你的部落格贴纸噢 =P



> 自製素材

素材 | 可愛動漫鼠標
素材 | 可愛動漫 Back To Top 素材
素材 | 可愛動漫 ChatBox 背景
素材 | 家庭教師系列鼠標  -UPDTAE-
素材 | Coming Soon
素材 | Coming Soon

- E N D -

Tutorials





Rules 规则 :


 严禁拷贝猫 XD
这里全部教程都是由博主一个字一个字打下去的 , 转载请得到博主同意先 :)
 如果教程凌乱 , 可以使用 CTRL + F 来搜索你要的教程
 如果有什么关于部落格美化不会的话,可以来问我,但是我的智力有限,会的就尽量回答。



> 部落格必看好康

教程 | 良好部落格類型

> 美圖教程

教程 | 摳圖筆(美圖秀秀)
教程 | 儲存素材去你的電腦
教程 | 如何自製鼠標

> 基本教程

教程 | 顏色代碼
教程 | 框框的種類
教程 | 獲取圖片的 Direct Link
教程 | 如何更換 Highlight 顏色

> 綜合

教程 | 更換鼠標
教程 | 更換部落格頭圖

頁面

教程 | 添加頁面
教程 | 圖片式頁面

ChatBox 

教程 | 添加 ChatBox
教程 | 更換 ChatBox 背景

添加小工具 / 效果 

教程 | 置放 Follow & Dashboard 按鈕
教程 | 置放 Scroll To Top
教程 | 禁制右鍵 [有彈窗/無彈窗]
教程 | 多款移動部落格主題

☆ Blogskin 教程

教程 | 把模板換去 Blogskin

音樂

教程 | 置放 SMC Music Player
教程 | Youtube 播放器 [簡易版]
教程 | 迷你 Mp3 播放器
教程 | 獲取 Mp3 網址

Facebook 教程

教程 | 添加部落格整體 Facebook Like
教程 | Coming Soon
教程 | Coming Soon
教程 | Coming Soon
教程 | Coming Soon
教程 | Coming Soon
教程 | Coming Soon
教程 | Coming Soon
教程 | Coming Soon

- E N D -