Tutorial+Freebies

Minggu, 09 Maret 2014

PNG atau GIF Smilies!

Aku mau buat freebies ah!! Yuk simak!!!

Image URL: https://mail.google.com/mail/u/0/e/360

Image URL: https://mail.google.com/mail/u/0/e/349

Image URL: https://mail.google.com/mail/u/0/e/35D

Image URL: https://mail.google.com/mail/u/0/e/32B

Image URL: https://mail.google.com/mail/u/0/e/softbank_ne_jp.351

Image URL: https://mail.google.com/mail/u/0/e/softbank_ne_jp.352

Image URL: https://mail.google.com/mail/u/0/e/softbank_ne_jp.335

Image URL: https://mail.google.com/mail/u/0/e/softbank_ne_jp.320

Image URL: https://mail.google.com/mail/u/0/e/softbank_ne_jp.32A

Image URL: https://mail.google.com/mail/u/0/e/ezweb_ne_jp.1A2

Segitu deh, maaf ya, cuma dikit, semuanya aku ambil dari gmail wkwkwwk, gapapa kan??? Kalo mau ngambil HARUS IZIN!!

Thankyou

Mengganti Font Di Blog

Ellow, aku buat tuto lagi! Yuk simak!!!

First, kalian klik ini
Second, klik "template"
Habis itu, klik Costumise/Sesuaikan (liat gambar)

Ha, terus klik tingkat lanjut/advanced (liat gambar lah!)

Ganti tuh, semuanya!!! Terserah, font nya mau jadi font apa? oke? sip dehhh, oya, kalau udah, klik terapkan ke blog/apply to blog

Sabtu, 08 Maret 2014

Membuat Tulisan Bergerak

Wauw, aku mau buat tuto nih, simak ya!!!

First, klik ini
Terus, ke tata letak/layout.
Klik tambahkan gadget ya, (lihat gambar)

Nah, setelah itu, tambahin kode: <marquee></marquee> (bingung? liat gambar!)

Udah kan? Selesai, klik simpan template!!! Yeay!! Jadi, deh!

Selasa, 04 Maret 2014

Cara Mengetahui Blog ID kita

Nah, aku mau kasih Tuto, cara tau blog ID kita..., yuk simak!

First, ke http://blogger.com/ atau klik disini

Second, kamu liat gak diatasnya? kalo gak bisa pake gambar deh..

Selesai...? bisa? yap bagus, great!!! Ok deh, sip, nanti, kukasih tuto yang lain lagi...

NB:

Jangan kamu copast sembarangan, kalo mau copast,

dibawahnya dituliskan: Credit by: Ranazk

kalau tak! awas ya! hii!

Sabtu, 01 Februari 2014

Kode: <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-1/ani3.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2006/03/22/ani3-10.html" target="_blank" title="Sailor Mercury - Amy"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Sailor Mercury - Amy" style="position:absolute; top: 0px; right: 0px;" /></a>

Kode: <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-12/ani1147.ani), url(http://cur.cursors-4u.net/anime/ani-12/ani1147.gif), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/14/vocaloid-hatsune-miku.html" target="_blank" title="Vocaloid - Hatsune Miku"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Vocaloid - Hatsune Miku" style="position:absolute; top: 0px; right: 0px;" /></a>

Kode: <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-10/ani969.ani), url(http://cur.cursors-4u.net/anime/ani-10/ani969.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/11/11/my-melody-crying.html" target="_blank" title="My Melody Crying"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="My Melody Crying" style="position:absolute; top: 0px; right: 0px;" /></a>

Kode: <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-9/oth802.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2012/02/04/sky-blue-bow-tie-4.html" target="_blank" title="Sky Blue Bow Tie"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Sky Blue Bow Tie" style="position:absolute; top: 0px; right: 0px;" /></a>

Kode: <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-9/oth805.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2012/02/04/bright-green-bow-tie.html" target="_blank" title="Bright Green Bow Tie"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Bright Green Bow Tie" style="position:absolute; top: 0px; right: 0px;" /></a>

Kode: <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-10/nat991.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/29/angel-wing-heart.html" target="_blank" title="Angel Wing Heart"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Angel Wing Heart" style="position:absolute; top: 0px; right: 0px;" /></a>

Cara Menambahkan Link Teman (saat memakai skins)

Hai! Habisnya, ada yang request di blogku yang pertama, kak Amalia. yaudah yuk! CE-KI-DOT!

First, ke dashboard kamu, terus ke template.

Second, isi linknya itu, contoh: http://meniacarmenia.blogspot.com terus, namanya diganti ya, yang awalnya jadi WHO di ganti jadi: (nama teman kamu itu.)

Finish, kalian klik simpan. Selesai atuh...!
Kalo gak ngerti bilang di CBOX blogku yang pertama ya.

Jumat, 31 Januari 2014

Cara Membuat Blogskins (dengan kodenya)

Haii!! baca yuk! kali ini, buat blogskins dengan kode. Yuk simak!

First, ke Dashboard kalian=>klik Revert to classic template/kembali ke template klasik.=>klik ctrl+A delete semua kode.

Second, kalian copast kode dibawah ini.
<html>
<head>
<center><img src="URL HEADER" /></center>
<title>JUDUL BLOG</title>
(Ket: Pink muda: Image background title, Pink agak muda: Judul blog kalian.)

Lalu, copast kode ini, dibawah tulisan: <html>
<div style="display:scroll; position:absolute; top:0px; right:2px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID" target="_blank" rel="nofollow" title="Follow" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL GAMBAR TOMBOL FOLLOW" /></a><br /><div style="display:scroll; position:absolute; top:0px; right:185px;"><a class="linkopacity" href="http://blogger.com/home" rel="nofollow" title="Dashboard" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL GAMBAR TOMBOL DASHBOARD" /></a></div></div>
(Ket: Pink muda: Blog ID kamu, Pink agak muda: URL gambar tombol follownya, Pink agak sedikit tua: URL gambar tombol Dashboard nya.)

Terus, copast kode dibawah yang kode yang tadi. Usahakan, di spasi untuk jarakin.
<style type="text/css">
#navbar-iframe {display: none;}body {
background: url(URL BACKGROUND);
background-attachment:fixed;
font-family: arial;
font-size: 11px;
}
a:link, a:visited {
color:#000000;
text-decoration:none;
}
a:hover {
border-bottom:1px solid #87689;
}
</style>
<body><br>
(Ket: Pink muda: URL Background kalian, Pink agak muda: kayaknya, warna link nya, Pink agak sedikit tua: warna text.)

Copast kode ini, diatas tulisan: </style>
.main {
background:#ffffff;
color:#666666;
padding:14px;
width:500px;
border-radius:10px;
text-align:justify;
}
.sidebar {
background: #ffffff;
color: #666666;
padding: 8px;
width: 240px;
border-radius: 10px;
text-align: justify;
}
.h1 {
color:#FF9FCC;
font-size:18px;
padding:3px;
border-bottom:1px solid #c0c0c0;
}
.h2 {
font-style:italic;
font-size:10px;
margin-bottom:2em;
}
(Ket:

ABC = Warna Font Di Blog
ABC = Panjang Main Blog
ABC = Panjang Sidebar
ABC = Warna Dont Post Title)

Copast kode ini, di bawah tulisan: <body>

(Ket: Pink muda: panjang blog+campuran sidebar.)

Copast kode ini, di paling bawah kode kode diatas.

<br>

Lalu, copast lagi dibawah tulisan: <br>

<td valign="top" width:550px;">
<div class="main">
<blogger><div class="h1"><BlogItemTitle><$BlogItemTitlegt;</BlogItemTitle></div>
<div class="h2"><BlogDateHeader><$BlogDateHeaderDategt;</BlogDateHeader> | <$BlogItemDateTimegt; | <a href="<$BlogItemCommentCreategt;"<$BlogItemCommentFormOnClickgt;><$BlogItemCommentCountgt;comments</a></BlogItemCommentsEnabled></div>
<$blogitembodygt;</blogger><br>
<center><OlderPosts><a href=<$OlderPostsgt;>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPostsgt;>Newer Post</a></NewerPosts></center></div>
</div>
</td>

Copast kode ini, di bawah kode atas okeh?

<td valign="top" width="250px">
<div class="sidebar">
<div class="h1">TITLE SIDEBAR</div>
ISI SIDEBAR</div>
<br>

Mau tambah sidebar lagi? oke!