Blog Kawaii: for your blog

Showing posts with label for your blog. Show all posts

Thursday, June 23, 2011

Adoptable Pets~!

*Click on Kawaii*
*Click on Basket*
*Hover your mouse to more*
*Click cat food*
*Place cat food on ground*
*Click can food to open*
--------------------------

I got my adoptable pets from..

BunnyHero Labs.com

They're many adoptable pets you may

choose from: A sloth, fox, lion cub, guinea

pig, ferret, sheep, chick, bebo puppy, horse,

bat, puppy, panda, turtle, monkey, kitten,

hamster, hedgehog, tiger, wolf, penguin, spider,

bunny, pig, duck, llama & a fish!

26 adoptable pets all in all. I'm sure they'll add new pets

soon. Adopting a pet here is very easy!
Step 1: Choose a pet
Step 2: Give it a name, give your name &
select its color
Step 3: Choose your site to where you'll put
your pet, copy your code then paste
it to your site

Step 4: Play with it XD
---------------------------
Question & Answer:

Q: How do I put it in my blog/ site??

A: Read my post right here: [link]
--------------------------

Enjoy! >w<

Monday, May 30, 2011

How I make my Blog Header Text in photoshop

>>Downloads:<<

*brushes:*

Splats & Strokes Photoshop by

kabukitkatze in deviantart

>>Download ps brush set here<<

I always use this kind of text effect when making headers

for my blog, now I'm gonna teach you how to do it :3

First thing need to do is open Adobe Photoshop >w<

...then do the following steps:

>>Go to File>New...fill in the height, width, etc...then click OK

(Make sure you make the background contents

transparent & its color mode in RGB Color [as always >:3])

(1.) Select your type tool...

(2.) Change your font, font style & font size...

(3.) Start typing xD

(4.) Right click on your text's layer

(5.) Click Create Work Path

(6.) Create a new layer

(7.) Delete your text's layer

(8.) The text's work path still stays, right click on the pen tool icon

then click Add Anchor Point Tool

(9.) Right click on your work path, then click Make Selection,

(10.) This window will appear, Feather Radius: 0 pixels,

Anti-aliased checked..

(11.) The work path will turn into broken lines, that means it's selected

(12.) Select the Paint Bucket Tool, Choose a color from your swatches, etc.

(13.) Fill in the selected area

(14.) Choose a another color from your swatches

(15.) Grab your brush tool, you can either change your brush or not.

(16.) Start designing your text, to whatever you like..

But I design mine using Paint Splatter Brushes

You can download the Paint Splatter Brush Set

from the given download link at the

"download" section at the top most part of this

post.

(17.) Keep on designing it until you feel comfortable about

what it looks. Grab your "Selection Tool"> Right click on your selected

area> Click Deselect

(18.) Right click on your text's layer (layer 1)> Click Blending Options

(20.) (I skipped number 19. lol..) This window will appear,

Click on the word "Stroke", not the box beside it. Adjust its size if you want &

change its color...Position: Outside, Blend Mode: Normal,

Opacity: 100% (as always) & fill type: color> then click OK

(21.)Right click on your text's layer (layer 1)> click "Duplicate Layer"

>Click OK

(22.) Your text's layer (layer 1) will now have a copy,

"layer 1 copy", place it below layer 1. Right Click on your text layer's copy

(Layer 1 copy)

(23.) Click Blending Options

(24.) Now this window will appear, this time Double

its size, example, your original text's layer's (which is layer 1)

stroke size is 3 px, then in your text's layer's copy,

its stroke size must be 6px. Choose a different color while

the Position, Blend Mode, Opacity & Fill Mode stays the same.

(25.) This will become the result.........In the next tutorial,

I'll show you how to add more effect on your text :3..

Tutorial 2: *COMING SOON*

>>Hope I helped >w<<<

>>Back to Top<<

"Click Home"

Monday, May 23, 2011

"Back to Top Page" textlink and button...Very Easy!
Make Your Comment Here

>>The image & codes from below aren't mine >:3<<
>>Making use of Textlink:<<

This is simple, just add #top after your link...

1.Type in the command word, like "Back to Top, To Top, etc." or whatever

you like, it's up to you :>

2. Copy the page's link/ url

3. Highlight your command (Back to Top, To Top, etc.), then insert your

page's link/ url, make sure to add #top at the end

~*~E.g.: http://blogkawaiimiku.blogspot.com/2011/05/back-to-top-page-textlink-and.html#top

~*~Example of back to top textlink:~*~

>>Back to Top<<

>>Making use of button:<<
*The Image of the button*
1. Easy, just copy the url of the image
or
Make your own image,then, upload the image on photobucket, facebook, etc.
Afterwards, copy the image's url/ link

*The Code*
<a href="http://blogkawaiimiku.blogspot.com/2011/05/back-to-top-page-textlink-and.html#top">
<img src="http://c.dryicons.com/images/icon_sets/stickers_icon_set/png/128x128/up_arrow.png"></a>

This Code has 2 parts:

Hyperlink Reference:
<a href="http://blogkawaiimiku.blogspot.com/2011/05/back-to-top-page-textlink-and.html#top">
-The hyperlink reference is defined by href. This tells where the button will link to
------------------

Image Source:
<img src="http://c.dryicons.com/images/icon_sets/stickers_icon_set/png/128x128/up_arrow.png">
-The image source is defined by img src. This calls up the image from where it is
uploaded online.

-----------------
<a href="Page URL"><img src="Image URL"></a>
Make sure you end the code with </a> ,'cuz that's how you close the code.
Change the words in blue color.

*Placing the button on your blog post*

1. Copy the button code...Go to "Edit Html"...
then paste the code at the end or any part of the blog post
you wanted to place it

~*~Example of Back To Top button~*~