Rashel Blog!

Haiii semuaaa maaf ya aku jarang banget post:(tapi setelah hampir dua bulanan gak post akhirnya bisa juga nih hehe...btw hari ini aku bakal kasih tutorial cara buat blogskin credit by here
1. Sediakan tempat untuk menaruh kode-kode membuat blogskin di bawah ini, bisa di MS Word/langsung di tempat kode template blog. Atau kalo kalian mau lebih mudah melihat preview kode-kode blogskin nya nanti, kalian bisa pergi ke sini(live preview html codes)
2. Copy kode di bawah ini, lalu paste di tempat kalian untuk menaruh kode blogskin.

html><head><center><img src="URL HEADER" /></center><title>Judul Blog</title>

Merah: Url header untuk blogskin kalian.
Biru: Judul blogskin kalian.
3. Copy kode di bawah ini, lalu paste di bawah kode yang ada di nomor-2 tadi (usahakan spasi satu baris ya)

<style type="text/css">#navbar-iframe {display: none;}body {background: url(URL BACKGROUND);background-attachment:fixed;font-family: verdana;font-size: 11px;}a:link, a:visited {color:#ffa1c2;-webkit-transition-duration: 0.5s;text-decoration:none;}a:hover {-webkit-transition-duration: 0.5s;color: #666;}</style><body><br>

Merah: Url background blog kalian
Biru: Kode html warna link di blog kalian nanti. Mau lihat kode-kode warna? Ke sini
Hijau: Font untuk blogskin kalian dan ukuran font.
4. Cari kode </style> pada kode-kode yang sudah kalian copypaste tadi. Sudah ketemu? Kalo sudah, copy kode di bawah ini di atas kode </style> itu.

.mainblog {background:#ffffff;color:#666666;padding:14px;width:900px;border-radius:10px;text-align:justify;}.sidebarblog {background: #ffffff;color: #666666;padding: 8px;width: 240px;border-radius: 10px;text-align: justify;}.title {color:#FF9FCC;font-size:18px; font-family: Georgia; Font-style: Italic;padding:3px;border-bottom:2px solid #ffa1c2;}.date {font-style:italic;font-size:10px;margin-bottom:2em;}

Ungu: Warna dan ukuran font di sidebar blogskin kalian.
Merah: Width (lebar) blog kalian.
Kuning: Width (lebar) untuk sidebar.
Hijau: Warna untuk post title (judul posting/entri)
*kalo yang tulisan "date" itu, berarti kode-kode dibawahnya berhubungan dengan tanggal di posting/entri kalian*

Untuk jenis font, font style, warna font, dll itu bisa kalian edit sendiri. Soalnya ribet kalo mau aku warnain satu-satu dan tulis keterangannya satu-satu. Kalian pasti tau kok;) Misalnya, warna dan keterangan yang udah aku tulis di atas itu kan ada, kalo ungu warna dan ukuran font sidebar berarti kode-kode yang di dekat warna ungu adalah kode-kode untuk sidebar:)

5. Cari kode <body>. Sudah ketemu? Kalo sudah, copy kode di bawah ini, lalu paste di bawah kode <body> tadi.

<td valign="top" width:550px;"><div class="mainblog"><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$></blogger><br><center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div></div></td>

Biru: kode ini adalah nama banyaknya komentar. Contoh, misalnya di posting/entri kalian ada 2 komentar, kan biasanya tulisannya "2 Comments". Nah, kalo kode biru itu kalian ganti dengan tulisan Friend(s), maka tulisan nama di komentar posting kalian adalah "2 Friend(s)"

Merah: Nama posting terbaru (newer) atau posting lama (older). Terserah mau diganti apapun, contoh "Past", dll.

6. Copy kode di bawah ini, lalu paste di bawah kode-kode tadi. (Ini adalah kode untuk gadget/elemen sidebar blogskin kalian)

<td valign="top" width="250px"><div class="sidebarblog"><div class="title">Tajuk Sidebar</div>ISI SIDEBAR</div><br>

Ungu: kode html gadget/elemen sidebar kalian, misalnya di baris pertama sidebar, kalian mau menaruh chatbox, maka letakkan kode chatbox kalian pada kode berwarna ungu tersebut.

Hijau: Judul gadget/elemen sidebar kalian, kalo di kode ungu nya kalian taruh html chatbox, maka judulnya bisa chatbox, tagboard, shout here, dll terserah kalian.

Note:Kalo kalian mau menaruh beberapa gadget/elemen di sidebar kalian, maka copy lagi kode yang sama seperti kode di nomor-6, lalu paste dibawahnya. Misal, kalian ingin menaruh gadget/elemen chatbox, ask.fm, dan credits, maka kalian copy kode di nomor-6 sebanyak 3 kali, namun judul dan kode html nya beda ya, harus di sesuaikan dengan kode gadget/elemen yang kalian mau:)

7. Copy kode di bawah ini, lalu paste dibawah kode-kode yang sudah kalian edit tadi.

</table></body></head></html>

dan selesai deh...kalau mau ditambahin effect lain gitu tinggal di edit ulang aja kok:)so yapp byee........

Posting Komentar

Cara membuat Blogskin

Sabtu, 31 Oktober 2015 • 22.39 • 0 comments