Saturday, July 30, 2011

ULZZANG 얼짱 LOVERS

TUTORIAL

1. where can i get the layout?
you can get it here
we want layouts
or 
start up skins
then , you just copy paste the url image on your theme html.
find this code:


background-image:url(
the image link after the code, u can replace with new url link that u want too ^^
2. online counter ? there have lots of online counter. but i use only two..which is, user online and whos amung us

for user online
1. go to their page
2. put your tumblr url , ex http://ulzzanglovers.tumblr.com/
3. then click “Create counter”
4. after that, copy the code
 5. paste it at your info under description


for whos amung us
 1. go to their page
2. after that, copy the code. you can change the position of your online counter.
3. then, find this code at your theme html: 
 4. paste the code after  

3. where can i gt theme that ulzzanglovers use?
you can get it here
cutesecrets
but, fyi.. i already edit and change the theme so it can suit me andd ulzzanglovers, so i change the banner, the background, and i make the button by myself. ^^


4. image opacity , how u make it?

i change the theme so that when you move the cursor to the image, the image become a bit transparency / opacity.
here is the tutorial:
Image opacity effect is an effect or effects that occur when the mouse cursor is placed on an image found on the post. 

There are two effects that you can choose to use the blog. 

Image Effects  1 for opacity, image fade when the mouse cursor is placed over the image. For the demo, you can see the effect on the image above.
 

For Image opacity effect 2, the effect is the opposite of the original image which clearly turned pale when the mouse cursor is placed over the image. 

How to install Image opacity effect is very simple. Just follow the steps below. 

Step 1
 

go to your theme html

Step 2
 

Copy and paste the code in the content under . 
image opacity effect 1
<style></style>
.post a img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;
}

.post a:hover img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5; 
}
image opacity effect 2
<style></style>
/* ——- Image opacity effect 2 ——- */
.post a img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
}

.post a:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;
}
5. button “back to top”
 if you can see, my blog have button “Scroll 2 top” at the bottom of the page.


the button is to facilitate visitors to explore the blog that has a long layout. Just need to click the button, and the page will automatically scroll to the top. 

To install the button back to top of this, please follow the easy steps below. 

Step 1 

go to your theme html , search 
 Step 2  copy after 

<style type="”text/css”"></style>
<script type="”text/javascript”" src="”http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js”"></script><script type="”text/javascript”"></script>
6. floating button (facebook, twitter and etc)
1.  go to your theme html
2. copy paste this code after body>

<style type="’text/css’"></style>
a.linkopacity: hover img {filter: alpha (opacity = 100);-Moz-opacity: 1.0;opacity: 1.0;-KHTML-opacity: 1.0;} Style>
 a>
 

Div>
change the bold to your facebook , twitter and etc account
7. how you make the header banner
simple and easy.. i just make and design it by using photoscape
i make the gif also by using photoscape
but , i didnt change the “home, archive, random and ask me” position because it already fixed. if you wanna change the position , you can learn it here : fun stuff
8. how to add music on my tumblr?
go to flashwidgetz -> sign up 
create your own playlist
copy the code at your info
to make it hidden 
copy this code
your flashwidgetz code here

Posted by BABY at 12:03 AM

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)