ιм Cнalsўи™ 난 널 사랑해: Blog Tutorial

Showing posts with label Blog Tutorial. Show all posts

08 August 2012

【FB login畫面的圖】

首先CLICK這個網址 : https://chrome.google.com/webstore/detail/bdlfdaajmclngiomogmleihllaejcnni

↓

再點+加到CHROME/ add to chrome

↓

之後打開另一個分頁 NEW TAB

↓

右上角有一個板手的圖案

↓

點下去按工具 TOOLS→ 擴充功能 EXTENSION→ 點FB Refresh 2.0.1的選項

↓

第一個空格下面有一個選擇檔案 OPTION

↓

找到你想要的圖之後等待UPLOADING

↓

好了就拉到最底下按SAVE

THEN DONE.就完成啦。:) ♥

14 August 2011

Notification!!!

Hi, my sweet and cute blogger... I have a little notice here...

If have any problem or want to talk to me...

Just click the KITTY on the right hand-side of the screen..

And it will float out a CBOX...

:) Thanks ya.. :)

How to Add Seperators Between Blog Posts in Blogger

1. Dashboard --- Layout --- Edit html

2. ctrl + F to search:
.post

3. After search, paste the code behind .post:
margin: 0 0 40px 0;


width: 90%;
background: url(Separator-Image-Url);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:2.5em;
}

4. Save and Done. =)

How to remove Navbar

before remove...

after remove...

1. Dashboard---Design---Edit HTML

2. Ctrl+F to search:
/* Variable definitions

3. Paste the code before /* Variable definitions :

`#navbar-iframe {`

`display: none`

`}`

4. Done :))

Grab My button

My lovely piano button

1. Dashboard---Design---Page Element---Add Gadget---HTML/JAVASCRIPT

2. Go to this website >>>> Grab my button code generator

3. Design your button and copy the code paste into the HTML box.

4. Save and Done.

How to change the Highlight colour

1. Dashboard---Design---Edit HTML

2. Ctrl+F to search:
body {

3. Then, paste before body { ::
::selection {
background:#000000;

color:#FFFFFF;

}
body {

*Red---colour background
Blue---word's colour

4. Save and Done.

13 August 2011

Add icon or image beside sidebar title

1. Dashboard >> Design >> Edit HTML

2. CTRL+F to find
]]>

3. after found it, copy the code below and paste before the code above
.sidebar h2 {
background:url(URL OF HOSTED PIC);

background-repeat: no-repeat;

background-position:left center;

height:25px; margin:0;

padding:10px 3px 0 30px;

line-height:1.5em;

text-transform:uppercase;

letter-spacing:.2em;

}

]]>

4. Save it and DONE.

13 April 2011

Put a cute icon beside the posts

cute cute de RAINBOW beside the posts... =D

1.Go to Dashboard >> Design >> HTML

2. Press CTRL+F to find
.post-body {

3. After found it, copy the code below and paste it behind.
background:url(图片网址) no-repeat right top;

4. SAVE.

Hope it really work ya.. XD.

Enjoy It.

12 April 2011

1.Go to Dashboard >> Design >> Edit HTML

2. Must thick a small thick inside the small columm there, which is Expand Widget Templates beside

3. Press CTRL+F to find
div class='post-header-line-1'

or this one
data:post.body

4. After found it, copy the code below and paste it behind.

iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'

as the photo that i uploaded.

5. After done, SAVE it.

guys, hope it sove yours problem ya.. =D

ENJOY IT.

Replace home, older posts and newer posts with pichas

Deng Deng... heehee.. it's what Im saying..

No more "HOME", "OLDER POSTS" or "NEWER POSTS"

All is just a cute icon XD

1.Go to Dashboard >> Design >> Edit HTML

2. Must thick a small thick inside the small columm there, which is Expand Widget Templates beside

The step of replacing the HOME

1. Press CTRL+F to find

data:homeMsg

2. Replace it with

img src='图片direct link'

The step of replacing the NEWER POSTS

1. Press CTRL+F to find

data:newerPageTitle

2. Replace it with
img src='图片direct link'

The step of replacing the OLDER POSTS

1. Press CTRL+F to find
data:olderPageTitle

2. Replace it with
img src='图片direct link'

* replace the direct link into red colour words

DONE. XD....

Here's some cute icon to share to all of you:

http://dl6.glitter-graphics.net/pub/638/638146kvkkfs33zm.gif

http://dl8.glitter-graphics.net/pub/638/638148hihxwgn8gx.gif

http://dl7.glitter-graphics.net/pub/1218/1218567qhbkkvgcj5.gif

http://a120.loxa.edu.tw/image/material/gif/gif_link51.gif

http://a120.loxa.edu.tw/image/material/gif/gif_link54.gif

http://a120.loxa.edu.tw/image/material/gif/gif_link31.gif

http://a120.loxa.edu.tw/image/material/gif/gif_link32.gif

http://a120.loxa.edu.tw/image/material/gif/gif_link45.gif

http://a120.loxa.edu.tw/image/material/gif/gif_link46.gif

Blog Tutorial

♥ I really love my current blog's design so muchhhhhhyyyyyyyyy ♥

I added few post about blogs' tutorialssss... XD...
I just learnt from the others website...

One is that I want to keep the code down.. so i post it on blog and easy for me to find when i need to decorate my blog...

Another is that.. Sharing is caring.. LOL.. just share what i know to all of you...
=D... Have a look ya.

Curently have 2 only... lolx... Im not so pro in editing my bloggie okay..?? im still a learner.. and all the template is provided by the blogspot software.. which is template designer.. =D

you guys can also be a very good designer in designing your bloggie..
so..you guys can try your best to do a prefect template that you want. XD...

Add pichas in front of the post title

Replace home, older posts and newer posts with pichas

Add Facebook Like Button

Add a picha in front of the post title

1.Go to Dashboard >> Design >> Edit HTML

2.Press Ctrl+F to find
h3.post-title {

3. Replace it with the code below there.

h3.post-title { 

margin: 0; 

font: $(post.title.font); 

background:url(图案 direct link) no-repeat; 

padding:0 0 4px 40px; 

}

4. Save It.

For more cute pichass, u guys can try to go to this website >> Giltter Graphics

Hope its really help you ya.

Back To Top

Bloggers... u can have your own "back to top" as well..just a click on pichass... it will bring you to the top again. it so convinient and simple.

And, it just a very simple few way to do it.

1. Go to design >>> Page Elements >>>>Add Gadget >>> HTML

2. Click this Link and copy paste.

3. Save.

4. Done.

Hope u guys enjoy it ya.

Photo of the Day