Tutorial+Freebies: 2014

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!

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

(Ket: Pink muda: Judul sidebar, Pink agak muda: isi sidebarnya.)

Oke, akhiri semua kode tadi, dengan kode:

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

Sabtu, 25 Januari 2014

PNG My Little Pony

Second Freebies! Yuk Simak!

My Little Pony Characters:

My Little Pony Characters+Name:

My Little Pony (Rarity):

My Little Pony (Pinkie Pie):

My Little Pony (Rainbow Dash):

My Little Pony (Applejack):

My Little Pony (Twilight Sparkle):

My Little Pony (Fluttershy):

Segitu dulu yaa.. Bay Bay!

Cara Membuat ID CARD

Ah! Aku mau buat Tutorial lagi! Ini dia CEKHIDHOT!

Kalian mau ID CARD kayak gini? Fotonya, terserah kalian contohnya:

Mau ngga? Kalo mau, ini caranya!

First, Click Here sudah kan? Oke.=>nanti akan terlihat seperti ini:

All information optional.

Badge color

Header

Footer

Name

Text

Member since

Expires

Birthdate

Include an official looking barcode?

* Evil and/or unlawful uses are strictly prohibited. Please play nice. :-)

Idea for original badge by LarimdaME.

Ganti ganti saja dulu yaww. Habis itu, diatas ada tulisan:

Become a member to upload photos and save them for future use. Membership is free!

Klik saja Choose File, dan sudah itu, jangan di klik Upload. Melainkan, roll kebawah mouse kalian, klik saja: Create.

Tunggu Loadingnya, setelah itu, muncul deh JPG nya. Kalian langsung save image as saja yaww. Oke deh!

PNG Vocaloid

Hello! Ini, freebies pertamaku. Yuk simak!

PNG Vocaloid Characters:

PNG Vocaloid Characters+Name:

PNG Vocaloid (Hatsune Miku):

PNG Vocaloid (Nekomura Iroha):

PNG Vocaloid (Kasane Teto):

PNG Vocaloid (Akikoroid-Chan):

Maaf ya, cuma segitu bye Friends... Kapan kapan aku buat lagi :)

Cara Membuat Tulisan Read More

Hallo! Nah, sekarang aku mau ajarin cara buat Tulisan Read More. Cekidot!

First, kalian ke Dashboard=>Tata Letak=>Posting Blog=>Klik Edit=>Lalu, kalian lihat kan? Ada tulisan Opsi Laman Utama? Oke Next=>Kalian lihat juga kan? Yang ada tulisan: Baca Selengkapnya »=>Kalian ganti dulu ya, tulisan itu jadi Read More. Eh tapi, kalau kalian tidak mau, langsung ikuti saja cara dibawah.

Next, setiap kalian buat postingan, kalian ingin ada tulisan Read More nya, caranya:
Saat membuat postingan, kalian pastikan yang mana yang mau dituliskan Read More nanti.=>Klik tanda (Kertas Robek) atau disebut juga, Insert Jump Break. Klik itu saja ya, sudah nanti akan muncul Tulisan Read More nya.

THANKS YOU!

Minggu, 19 Januari 2014

Cara Membuat Banner di Photoscape

Nah, kali ini aku mau ajarkan kalian cara buat banner. Yuk simak!

Pertama-tama download Photoscape
Jika sudah, kita buka Photoscape nya.
Lalu, klik editor.
Oya, sebelumnya cari image banner dulu ya dan save image banner itu di komputer kalian.
Habis itu, cari foto yang kalian save tadi untuk dipindah ke Photoscape.
Lalu, kalian lihat dibawahnya? Ada tulisan Object? Klik tanda T ya, artinya itu Text.
Terus, klik simpan! jadi foto kalian!

Mau yang bergerak? Yuk simak yang dibawah

Ke Photoscape.
Klik Gif Animasi/Ani Gif
Lalu, kalian ambil picture nya, lalu tekan dan arahkan kursormu ke tempat untuk save picture di Photoscape, (diatasnya)
Oke, pertama dari detik pertama gif kalian.
Kedua, kalian dari detik kedua gif kalian.
Ketiga, kalian dari detik ketiga gif kalian.
Terus saja, sampai berapa lah. Terserah kalian :)
Lalu, klik Simpan.

JADI DEH!!

Cara Membuat Blogskins

Loha! Aku mau buat cara membuat blogskins. Yuk kita simak!

Yang terpenting, kalian sudah mengcopy kodenya. Lalu caranya, Ke Dashboard => Ke Template => (roll kursor kalian kebawah) klik 'Kembali Ke Template Klasik' => Lalu, kalian sudah lihat kan itu ada tempat untuk menaruh kode? Oke lanjut => klik Ctrl + A lalu delete semua kode. => Paste kode yang tadi kamu copy yaa! => klik Simpan perubahan!

OKE MET BERHASIL YAWW!

Sabtu, 18 Januari 2014

Menghias Blog

Yuk hiaskan blog kalian! Pesan Tutorial disini. Kecuali freebies ya. Tapi, semampuku saja ya! Yuk hias blog kalian.

Syaratnya:

JUmur kamu maximal 13 tahun

JMaafin Kami kalo tuto nya dikit.

JMaafin Kami kalo nggak ada freebies nya.

JInfo lebih lengkap kunjungi website kami: www.foreverrana.blogspot.com

JLangsung saja, setelah kalian hias blog kalian. Dengan, widget-widget kami. Kami akan memberi hadiah untuk semua peserta.

JKami hanya menerima 5 peserta.

JIni bukanlah lomba.

JCara mendaftarkan, Isi formulir dibawah ini:

NAMA:

URL BLOG:

BERSEDIA NGIKUTIN WIDGETKU?:

WIDGET YANG KALIAN MAU:

JWidget yang kalian mau, kami hanya memberikan beberapa widget ini dia widgetnya:

CARA MENAMBAHKAN WIDGET FOLLOW

CARA MENAMBAHKAN WIDGET HUJAN SALJU

CARA MENGGANTI KURSOR MENJADI KURSOR LUCU

CARA MEMBUAT COOLTEXT

CARA MEMBUAT CBOX

CARA MEMBUAT BLOGSKINS (Kode harus sudah dibuat ya)

CARA MENGGANTI FAVICON DI BLOG

CARA MEMELIHARA IKAN BERWARNA-WARNI DI BLOG (Makanannya juga warna-warni)

CARA MEMELIHARA HAMSTER DI BLOG

Tidak menarik ya? fuh sudahlah...

Senin, 13 Januari 2014

(Tutorial) Cara membuat CoolText

Mau buat CoolText diatas? Tulisannya terserah kalian saja... Saya memberi saran caranya:

Pertama, Klik Disini lalu, kalian pilih logonya:

Choose a Logo Style
Most Popular - By Name

Oke, kalau sudah, kita lanjut step 2. Pokoknya, ada gambar seperti ini:

Design Your Logo

Logo Text

Font
Learning Curve Pro Details and Download - Blue Vinyl Fonts - Script or Brush

Text Size

Text Color

Shadow Type

Light Blur

Shadow Offset X Y

Shadow Color Opacity

Alignment

Top Left

Image Width Auto

Image Height Auto

File Format

Sudah kan? Step 3! Klik Create Logo. Lalu, kalian lihat tidak ada tulisan seperti ini:

Download Image - Edit Image

Get HTML Code - Email Image - Share on Facebook - Share on Twitter - Share on Google+

WARNING!!!

The generated image will normally only be kept for an hour. You MUST download it or click Get HTML Code in order to get a permanent image address.

Usage Terms

You are welcome to use any of the generated graphics in any way, shape, or form without asking permission. If you'd like to thank us, please tell your friends about this service and consider linking to us.
Klik Download Image, lalu ke-save di komputer kalian. Lalu, masukkan ke blog caranya:
A. Dimasukkan ke Pos Klik buat entri baru=>Klik gambar foto di dekat Link diatas. (Insert Image)=> klik Pilih File/Choose File.=> langsung saja, cari yang tadi kalian download (Image nya.) oke, habis tu,=> setelah jadi image nya, sudah ada di pos kalian. Selamat mencuba! Semoga berhasil!
B. Dimasukkan ke Laman Ke www.blogger.com => Lalu, klik laman=> klik laman kosong=> lalu, Insert image, pilih file, sudah pilih file yang kalian tulis disini. Selamat mencuba!