Cara mendownload

Saturday, June 16, 2007
3:42 AM

Klik download link yang ada di bawah post. Lalu akan muncul pop up window. Klik tombol open untuk membuka dan mengcopy code. Setelah muncul file berekstensi txt dengan notepad, kamu bisa menyimpan code tersebut dengan cara klik file - save as.

Labels: Tutorial

Cara mengganti skin

Setelah kamu mendowload skin, log in ke blogger. Setelah berada di dashboard, klik template. Lalu kamu akan menemukan html editor. Delete code tersebut dengan melakukan blok [seleck all] lalu delete.
Buka code skin yang telah kamu download. seleck all / ( ctrl+A), lalu copu. Kembali ke blogger (edit html), paste code skin yg telah kamu download.
Lebih baik preview dahulu sebelum di save, kalo udah mantep langsung aja klik tombol save.

Untuk yang belum melakukan revert, silakan revert blog kamu ke classic template dengan cara mengeklik link "revert to classic template".

Nah, sekarang kamu bisa menikmati template baru kamu.

Labels: Tutorial

Cara bikin skin pake photoshop

Saturday, May 12, 2007
4:38 PM

oya, aku nemu banyak pertanyaan soal blogskin/ template nih... pertanyaan2 itu sering aku lyat di tagboard/ mawpun di emailku. beberapa ada jg yg nanya seperti ini...
"gimana sih caranya bikin skin?"
"bikin skinnya pake program apa?"
"ajarin bikin skin donk..."
sebenernya aku ga begitu jago kok, malahan mungkin di antara u u u smua banyak yg lebih jago dari aku. dan yg minta diajari, mngkn aku ga bs ngjarin dgn maximal, tapi... seperti janjiku kmaren, aku bakalan ngasi tutorial bikin skin pake photoshop, terutama bikin background n gambar headernya. oke, mulai aja dari pertama.

sebenernya ga susah kok. gampang malah! pertama yg harus kita buat adalah backgroundnya. lebarnya bisa 1024 ato 760 px. terserah sih. untuk tampilan maksimal pake aja lebarnya 1024 [RGB COLOR yah....]. untuk tingginya 100 px aja. contoh backgroundnya seperti ini...

atau mungkin dengan design yang laen, seperti yg di bawah ini...

nah, untuk designnya terserah kamu aja, tergantung selera... begitu juga dengan warnanya. oke, kita pake design yg simple aja dulu [gbr pertama]. tool yang digunakan untuk membuat background ini adalah rectangle tool dan rounded rectangle tool. nah, sekarang gimana caranya utk nyambungin gambar background dgn headernya. buat dulu layer baru dengan ukuran lebar 760 px misalnya. tingginya tergantung selera juga sih... byasanya pake 500px aja. caranya..

[membuat header]

1. new layer 760x500px, seret gambar background ke layer yg baru kita buat.

2. atur posisinya, misalnya mengatur tinggi dari background yg akan disambung dengan headernya.
3. selesaikan bagian atas entry box/ sidebar yg masih blum selesai dengan menggunakan rectangle tool atau rounded rectangle tool. atur letak layer agar kombinasi warna dan designnya pas.

4. jika sudah selesai, skarang tergantung dengan jiwa seni kita. dalam artian, tinggal mendesign sendiri gambar yg akan dipakai di headernya misalnya dengan menggunakan gambar pribadi, brushes, gambar anime dll... maka jadilah headernya...

upload gambar background n header tersebut ke photobucket.com ato imagesack. jika sudah, pada script html isikan alamat url gambar yg sudah kita upload sebelumnya. byasanya scriptnya seperti ini..
gambar background :

gambar header:

width merupakan lebar gambar, sedangkan height adalah tinggi gambar. bisa diatur juga. nah, http://i152.photobucket.com/albums/s165/pinkmarket/Untitled-5.jpg itulah yg disebut alamat url gambarnya. [smua orang juga tau. hehe... cuma memperjelas utk yg masih pemula]. XD

skarang tinggal mengatur script html skin agar fit dengan ukuran background. boleh manual pake notepad, [ ukurannya diperkirakan sendiri ], ato yg ga pengen muter otak pake frontpage aja. terserah sih... script utk mengatur lebar, tinggi dan letak entry box/ sidebar itu byasanya berbentuk seperti ini...

dalam mengatur tata letak entry box/ sidebar agar fit dengan ukuran image background/ header, script inilah yg paling penting dan harus benar2 diperhatikan dengan teliti.

uhuiii... kalo dipikir2, ga susah kan bikinnya?
soal designnya belakangan, yg penting menguasai teknik photoshop n script htmlnya aja. bwt pemula yg pengen coba, good luck aja yah... moga BAD tutorialku ini berguna walaupun cm sedikit. dan dgn ini ditegaskan bahwa, tutorial ini cuma utk pemula yg masih pnasaran gimana caranya bikin skin, lewat photoshop tentunya.

Labels: Tutorial

How To Make A Blogskin

Friday, April 20, 2007
12:23 PM

Many people don't know about how to make a blogskin, but maybe, one of them will to learn to make a blogskin.
Now on to the tutorial!

Starting tools

I usually code my skins manually on Notepad. Notepad should be available on every computer (or at least Windows). You can also use Wordpad or Edit.
Notepad is found under Start - Programs - Acessories - Notepad.

As you follow this tutorial, copy the codes and paste them into Notepad.

Basic tags

I am not going through tags like the bold tag, the italic tag, the font tag and stuff. You can look them up at lissaexplains.

Head

This is how my head usually looks like. Explanations for each part is given below too.

<html><title>YOUR TITLE HERE. the thingy that shows up on the top bar.</title> <style type="text/css">  A:link{color:#000000;text-decoration:none; } A:visited{color:#000000;text-decoration:none; } A:active{color:#000000; text-decoration:none;} A:hover {color:white; text-decoration:none; cursor:crosshair; }  body { scrollbar-face-color : #FFE3F1; scrollbar-highlight-color :#FFE3F1; scrollbar-3dlight-color : #FFFFFF; scrollbar-shadow-color : #FFFFFF; scrollbar-darkshadow-color :#FFFFFF; scrollbar-track-color :#000000; scrollbar-arrow-color :#FFFFFF; }  .blog { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px; color: #FFFFFF; text-decoration: none; background-color: transparent; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #ffffff; border-right-color: #FFFFFF; border-bottom-color: #ffffff; border-left-color: #FFFFFF; width: 475px; padding: 3px; }  .info { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 11px; color: #FFFFFF; text-decoration: none; text-align:center; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #FFFFFF; border-right-color: #FFFFFF; border-bottom-color:#FFFFFF; border-left-color: #FFFFFF; background-color: transparent; width:190px; padding:3px; }  </style> </head>

Body Part 1 - Background color/image and main picture

Include this after the head portion

Div Layer for User info

Div Layer for Blog

The ending tags - Short and sweet

This section is for blogspot users only.

Blog Entries Code

<Blogger> <blogdateheader> <$BlogDateHeaderDate$></blogdateheader> - <a name="<$BlogItemNumber$>"></a> <BlogItemTitle> <BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl> <$BlogItemTitle$> <BlogItemUrl></a></BlogItemUrl> </BlogItemTitle> : <$BlogItemBody$> <$BlogItemAuthor$> blogged at <$BlogItemDateTime$> </Blogger>  </texarea> If you followed the code above, your blogpost will look like this: Tuesday, November 16, 2004 : My boring day gosh i was bored today yourname blogged at 6:21 PM Blog Archives Code <textarea rows="10" cols="30"> <BloggerArchives> <a href='<$BlogArchiveURL$>'><$BlogArchiveName$></a> </BloggerArchives> If you followed the above code, your blogarchives section will look like this: October 2004 November 2004 December 2004 Previous Posts Code <textarea rows="10" cols="30"> <BloggerPreviousItems> <a href="<$BlogItemPermalinkURL$>"> <$BlogPreviousItemTitle$> </a> </BloggerPreviousItems>

If you followed the code, there will be a list of previous posts (10 of 'em) from the latest on top to the earliest below.

That's all for today! I hope this helps =)

Labels: Tutorial

Welcome

Hi! WeLcome to Skin Shop! tHis is my special blogskins/ template's blog. please dont rip anything oFf. you can download my skin that u like by simply clicking to the download link. or u can request a skin that u like and ill create that skin for you. don forget to leave a message n if you wanna request a skin, leave ur link address or ur email add bcoz that easier to me to contact u. just click oN the image for larger version and preview the skin. thanks!

DESIGNER

PiNk
Bali, 22 June 1991
just an ordinary girl with her extra ordinary life. very like anything about pink and also like photoshop, and internet junkies. now i will try to be a nice blogskinner. hmmm... thanks for visiting my blog! if you like my skin, you can download by simply clicking the download link. for more information about all of my skin, please visit http://www.blogskins.com/me/pinkchi

Contact me at...
Email: princesspink_hana@yahoo.com
Wanna know anymore?
Find me oN friendster!
Go to my blogskins

THE DREAMS

*great photoshopper
*electric guitar
*forget him

TUTORIAL

Cara mendownload skin
Cara mengganti skin
Cara bikin skin pake potoshop

ADVERTISER

PREVIOUS SKINS

Cara mendownload
Cara mengganti skin
For synaa
For fanny
Random request
My Chemical Romance
Shopping girl for mba eka
Potrait in the rain
Bring my heart
FOR AULIA

SKIN SHOP GALLERY

*March 2007*
*April 2007*
*May 2007*
*June 2007*

TALK

VISITORS

KETENTUAN MEREQUEST

Silakan kirimkan email ke: princesspink_hana@yahoo.com
atau tinggalkan pesan di tagboard. Sertakan nama, alamat email, alamat website/ blog, dan design yg diinginkan. misalnya warna, gambar header dan lain sebainya. secepatnya file skin yg direquest akan dikirim melalui email dan akan dipreview di skinshop. sebelum memutuskan merequest, silakan dipikirkan matang2 dulu design yg diinginkan agar saya tidak mengulang utk membuatnya, kecuali saya melakukan kesalahan. Trims

SKIN SHOP LOVER?

AUTHOR

layout design, coding, photo editing...
by. princess pink

TooL & host:
photoshop cs, notepad, my mind, my photo collection, photobucket blogger deviantart google

brushes1 brushes2