PinkCherry
Welcome!
Touch the image!



Home Stuff Rules

Linkies Biases Request

Hello friends.Thanks for visit my blog. My name is Cindy Monica, I'm 14 years old. I love kpop so much!



Friend(s)
Your IP is: So, DONT OPEN MY PAGE SOURCE. Can You? I see your IP.

Secret Box!
P I N K
Hello...
This is PinkCherry secret box..
Open it! And you will see
a suprise!^^

Talk! Talk!

No Anonim and Secret. What is your name?
Put your link or email.
No harsh word.
If you want to exchange link, tell me on chatbox.
And be nice :)

Credits!
Template by: Cindy Monica
Original Article by: Cindyz's Blog

Cara Membuat Blogskin Sendiri (Part 2)


 
Sekarang kita lanjut ke Part 2 dari Cara Membuat Blogskin Sendiri. Belum baca Cara Membuat Blogskin Sendiri (Part 1)? Klik Previous.



1. Copy Kode ini dan pastekan di bawah Kode Sidebar kalian. Misalnya Sidebar yang kalian kasi Judul Welcome atau apa gitu kek.

     <center> <a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('diary').innerHTML" title="">ENTRY</a><a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('about').innerHTML" title="">BOSS</a>
    <a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('stuff').innerHTML" title="">STUFF</a>
    <a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('link').innerHTML" title="">LINKS</a> 

- MERAH : Kalian boleh ganti dengan judul yang kalian mau. Misal Kalian menganti kata ENTRY dengan kata HOME. Atau lainnya.




2. CTRL + F atau tekan tombol F3 pada keyboard kalian. Cari Kode </style>


3. Pastekan Kode ini di atas kode </style>

     .navigate {background: #FC9EBD;display:inline-block;color: #fff; border: 2px solid #FFF9BB; border-radius: 5px;padding: 6px;}

- MERAH : Warna Background
- BIRU : Warna Font
- UNGU : Warna Border


4.  CTRL+F atau F3 ,  Cari kode ini

<div class="mainblog">


5. Copy kode ini
     <blogger><div class="title"><img src ="http://media.tumblr.com/da98d011880f0ac184bbd0049a1b8726/tumblr_inline_mjs1dtSGgn1qdlkyg.gif"/> <BlogItemTitle><span class="PostTitle"><a href="<$BlogItemPermalinkURL$>"><$BlogItemTitle$></a></span></BlogItemTitle></div><div class="footer">Written by me at <$BlogItemDateTime$> <b style="background-color: white; color: #ffb3c4; font-family: verdana, tahoma, sans-serif; font-size: 12px; font-weight: bold; text-align: -webkit-center;">?</b> <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> throw heart[s]</a></BlogItemCommentsEnabled></div><br><$BlogItemBody$></br>

- UNGU : Ganti dengan URL IMAGE kalian sendiri.

 6. Ganti kode dibawah ini dengan kode diatas tadi yang kalian Copy

<blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$>comments</a></BlogItemCommentsEnabled></div>
<$blogitembody$>

7. CTRL + F atau F3 , lalu cari kode ini

</body>


8. Paste kode ini di atas kode </body>

     <div id="diary" style="display: none;">-<blogger><div class="title"><img src ="http://media.tumblr.com/da98d011880f0ac184bbd0049a1b8726/tumblr_inline_mjs1dtSGgn1qdlkyg.gif"/> <BlogItemTitle><span class="PostTitle"><a href="<$BlogItemPermalinkURL$>"><$BlogItemTitle$></a></span></BlogItemTitle></div><div class="footer">Written by me at <$BlogItemDateTime$> <b style="background-color: white; color: #ffb3c4; font-family: verdana, tahoma, sans-serif; font-size: 12px; font-weight: bold; text-align: -webkit-center;">?</b> <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> throw heart[s]</a></BlogItemCommentsEnabled></div><br><$BlogItemBody$></br>

    </blogger></div>

- UNGU : Ganti dengan URL IMG kalian.


9. pastekan kode ini diatas kode </body> . Kode dibawah ini untuk bagian BOSS. Kalian bolehlah edit mau jadi page apa. Misalnya page Aboutme atau segala macam yang sesuai dengan keinginnan kalian. Yang penting kalian tidak mengubah tulisan yang aku merah kan itu..

     <div id="about" style="display: none;"><div class="title"><img src ="http://media.tumblr.com/tumblr_mdns6uP6zZ1qdlkyg.gif"/> This Is Real Me</div><br><center><img height="321" src="http://data.whicdn.com/images/21526968/tumblr_lmvzy0WltB1qekcrso1_500_large.gif" width="500" /></center>

    <img src="http://media.tumblr.com/tumblr_m7ei8qwdRO1qdlkyg.gif" />&nbsp;<b>My own biography</b><br /><b>Name : </b>Csyn Ciin<br /><b>Date of birth : </b>24 sept 00<br /><b>Wants to be : </b>a success girl<br /><b>Born at : </b>pekanbaru, Indonesia<br /><b>Stay : </b>Tanjungpinang<br /><b>Love to :</b>&nbsp;Make people laugh. but i'm not a clown xD<br /><br /><img src="http://media.tumblr.com/tumblr_mecjtynt4X1qdlkyg.gif" />&nbsp;<b>About My Blog</b><br /><b>Since : </b>22 02 15 :D<br /><b>Name </b>: SIMPLELANDWORD|
    <br><br>

10. pastekan kode ini diatas kode </body> . kalian boleh ubah apa aja kecuali yang aku merahkan itu. kode ni untuk page STUFF semacam daftar isi tentang tutorial freebies dll.

      <div id="stuff" style="display: none;"><div class="title"><img src ="http://media.tumblr.com/tumblr_mdns6uP6zZ1qdlkyg.gif"/> some stuffs</div><br><center>change this with your own stuff</center><style>.lulu{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0XjcXGcvLq_dE3qq-cklhhhgLyZC72RixemZwBBjokWDQ1rSI53_QnsZH4e_6DGoohBNMQy5XYx8AaXb_eW8qMwLfWw4LrvmdEOf90seJ6czYrK3XaFp3wfiQyFtX9y1S_2DsKJJgULY/s1600/oristripe.gif);color:#AAAAAA;-webkit-transition: 1.0s; -moz-transition: 1.0s;letter-spacing:5px;margin-bottom:5px;margin:15px;width:500px;font-family:'hyperbole';font-size:12px;line-height:8px;text-align:center;padding-right:0px;}
    .eunji {cursor:pointer;display:inline-block;text-align:left;width:350px;color:#888;padding:1px;background:url(http://media.tumblr.com/tumblr_m2rupxvQbu1qdlkyg.gif);color:#888;background-repeat:no-repeat;background-size:14px;padding-left:15px;line-height:18px;}
    .eunji:hover{background:url(http://media.tumblr.com/tumblr_m2rupkf2Tn1qdlkyg.gif);background-repeat:no-repeat;background-size:14px; padding-left:15px;line-height:18px;color:#EAABFE}</style><center><img height="321" src="http://data.whicdn.com/images/63192082/large.jpg" width="500" /></center><div class="lulu">TITLE</div><a class="eunji" href="LINK">TITLE</a><a class="eunji" href="LINK">TITLE</a><a class="eunji" href="LINK">TITLE</a></center></div></div></div>
    <br><br>


11.  Pastekan kode ini di atas kode </body> . kode ini untuk page link. semacam exchange link gtu. kalian boleh tukar apa aja kecuali yang aku merahkan itu

     <div id="link" style="display: none;"><div class="tit2"><img src ="http://media.tumblr.com/tumblr_mdns6uP6zZ1qdlkyg.gif"/> Exchange Link</div><br>
    <center><img height="321" src="http://data.whicdn.com/images/61952053/large.jpg" width="500" /></center><br>
    <style>a.navigate5 {border: 1px solid #eee;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN52iaoy4BCKy7t76OBEooJQGgBKyPwxKz0585eaT9AUh-EGjO8QcH-7eUnGbLz3gAItLtnjJrN0s_cNZYIIVDCu7t7ehyRYZdIqVMqqbkqaU5G569ck58P5515kZM3Qd6STjnvX0FPJM/s1600/sparkles.png);font:  10px 'times new roman';letter-spacing: 2px;color: #888;padding:5px;width:60px;padding:5px;-webkit-transition: 1.0s;-moz-transition: 1.0s;text-align: center;text-transform: uppercase;display:inline-block;margin:2px;}
    a.navigate5:hover {cursor: url(http://i1196.photobucket.com/albums/aa406/tieqaonew/02.gif), auto;color: #e5d4b3;text-decoration: none;}</style>
    <center>P/s : Tell me at my cbox if you want to echange link with me. You delete me, I delete yours</center><br><a class="navigate5" href="http://studentkecik.blogspot.com/">Anis SK</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><br><br></div>


kini blogskin kalian telah selesai...
jika ada yang kurang tinggal kalian tambah-tambahin aja atau klian ubah sikit-sikit...
semoga berhasil...

Labels:



1 Comments:

Blogger Dea Amalia said...

Sebenarnya aku nyari2 tuto kayak gini..Nah pas aku coba kayak gitu..Koq ada kode yang enggak ada?Terus yang kode sidebarnya aku copy malah ada disamping sidebar lainnya..MKSH..Maaf terlalu banyak mengkritik :D

Saturday, April 25, 2015 2:17:00 PM  

Post a Comment