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" /> <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> Make people laugh. but i'm not a clown xD<br /><br /><img src="http://media.tumblr.com/tumblr_mecjtynt4X1qdlkyg.gif" /> <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: Tutorial Blog
Rules?
Gak suka sama blogku? Atau peraturannya? CTRL + W aja..^^
Comment :
Gunakan bahasa yang familiar, baik, dan benar.
Dilarang menggunakan bahasa yang kasar atau yang menyinggung hati.
Kalian boleh commentar sebanyak-banyaknya, asal jangan yang aneh-aneh dan nyambung dengan post-nya.
Usahakan jangan anonim, jika terpaksa maka masukkan nama kalian dikolom komentar.
Chat Box :
Kalian bisa mempromosikan blog kalian disini dan juga bisa merequest tutor, freebies, cursor, dll.^^
Pake URL Blog mu bukan E-mailmu agar aku juga bisa lihat blogmu.^^
Pake URL Blog mu bukan E-mailmu agar aku juga bisa lihat blogmu.^^
Tanya atau minta bantuan ke aku lah jika kamu enggak mengerti^^
Jangan pake kata "gw-lo" karena aku enggak biasa ngomong kayak gitu.
Exchange Link :
Bilang ke aku lewat cbox^^
Maaf banget kalau aku lupa atau terlambat pasang link blogmu, karena bisa aja aku lupa.
Harap sabar ya, percayalah kalau aku akan masang banner sama link kamu.
Kalau kamu hapus link aku, otomatis, aku juga hapus link mu dan aku tanya kenapa kamu hapus banner &link aku?
Kalau kalian liat link kalian gak ada di blog aku, itu blog aku lagi mengalami masa perbaikan tampilan. Nanti akan ku pasang kembali setelah selesai.
ASK.FM :
Kalau kamu punya akun ask.fm , harap jangan anonim.
Kalau kamu enggak punya ask.fm, kamu taruh nama kamu.
Kamu bisa nanya-nanya tentang aku, atau req tutobies.
Gunakanlah bahasa yang baik, benar dan yang aku menger
Jangan hina aku atau blog aku kalau aku gak ada salah.:'(
Ciri Blogku :
Nama Blogku itu PinkCherry. Nama awal blog ini adalah CindyzBaekyeolz.
Blogku ini tampilan warnanya itu serba pink. Sebenarnya aku gak terlalu suka sama warna pink, tetapi biru, abu-abu.
Blog ini beserta templatenya dibuat oleh aku, Cindy Monica pada tanggal 24 September 2012
I'm Sorry, jika blog ini berisik karena instrment. Itu karena aku suka banget denger musik begituan. Kalau kalian gak suka matiin aja^^
Mohon JANGAN PAGE SOURCE aku! Please, aku susah-susah ngedesain skin ini.
Jangan samakan templateku dengan template blog kalian, warnanya, bentuknya. Pokoknya jangan! Entar kalian bilang aku copas blogskin kalian.:(
Aku bisa tau siapa saja yang mengbuka Page Source. So, jika ketahuan maka akan ku omelin kamu! :p
Other :
Izin terlebih dahulu jika ingin re-post lewat Cbox, atau ASK.FM. Tunggu sampai aku mengijinkannya.^^
Sertakan creditnya, Nama blog dan Link Blogku, jika ingin re-post!^^
Kalau di postku ada tulisan credit, mohon jangan dihilangkan, karena itu sumber aslinya.^^
CTRL + C = Copy.
CTRL + V = Paste.
CTRL + F = Find.
1 Comments:
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
Post a Comment