membuat animasi flashvortex.com

Tutorial membuat animasi kali ini, kita akan gunakan penyedia pembuatan animasi gratis di web flashvortex.com. Sobat bisa pilih macam-macam animasi flash yang sobat inginkan seperti membuat animasi menu, animasi text, animasi banner, animasi jam atau animasi tombol yang bisa sobat pasang di web atau blog sobat nantinya. Oke langsung saja.

Cara Membuat Animasi Text berjalan

1. Masuk ke blog web http://www.flashvortex.com/
2. Pilih animasi yang sobat inginkan (menu, text, banner, jam dan tombol atau button)
3. Pilih design animasi yang yang sobat ingikan juga. lalu pilih edit this
4. Tulis / ketik animasi pada kolom text
Pilih jenis huruf / font serta warna dan ukuran font pada kolom text font
5. Tentukan margin atas, bawah dan samping serta posisi animasi pada kolom text layout
6. Jangan lupa, sesuaikan juga lama animasi berjalan dan warna background animasi flash text tersebut.
7. Kalau sudah merasa yakin dengan animasi flash yang sobat inginkan, pilih generate untuk melihat preview-nya.

Kalau udah yakin, Copy Kodenya / anda Download juga bisa..

---------END----------



 xRizkyrasta

Read More

Contact Form

Read More

Cara Menghilangkan Tulisan "Tampilkan Semua Posting"

Menghilangkan Tulisan Tampilkan Semua Posting – Tulisan “Tampilkan posting dengan label …….. Tampilkan Semua Posting” akan muncul apabila kita klik pilihan Labels. Mungkin beberapa dari sobat blogger tulisan ini dianggap menggangu dan kurang menarik untuk ditampilkan dalam posting blog. Berikut ada beberapa cara untuk menghapus atau menghilangkan tulisan tersebut.  

Login akun Blogger ---> Klik Template ---> Edit HTML ---> beri tanda centang pada kotak expand widget template. Setelah itu cari kode: 

]]></b:skin>

Tambahkan kode dibawah ini tepat diatas ]]></b:skin>

.status-msg-wrap{ 
display:none; 
} 

Kalau tidak bisa, coba gunakan script berikut: 

.status-msg-wrap{ 
display:none; 
} 
.status-msg-body{ 
display:none; 
} 
.status-msg-border{ 
display:none; 
} 

Kemudian yang terakhir Save Template, selamat mencoba dan semoga bermanfaat bagi sobat blogger. 

xRizkyrasta

Read More

Cara Mengubah background blog

Memperindah blog ternyata juga merupakan hal yang menyenangkan, karena kustomisasi blog memang sangat diperlukan agar blog tampak lebih personal dan unik. Nah salah satu cara membuat blog tampak beda dengan yang lain adalah dengan mengubah background blog. Untuk mengganti gambar background blog seperti yang diinginkan, berikut langkah-langkahnya:

(Sebelum anda mengganti warna/gambar background dengan gambar bakcground baru, pastkan  telah menemukan/memiliki gambar background dan menghosting-nya sendiri.

 

1. Masuk ke dashboard anda dan pilih tab menu design/rancangan.

2. Pilih Edit HTML

3. Centang expand widget template di sebelah kanan atas template HTML.

4. Kemudian anda cari kode tag ini: body{ (gunakan Ctrl+F untuk mencari dengan cepat)

    Atau bisa juga dengan mencari kode selengkapnya/menambahkan kode setelah body { seperti berikut:

   body{background-image: url(alamat url gambar anda);

5. Ganti alamat url gambar anda dengan alamat gambar background yang telah anda host.
6. Save template

Yang perlu diperhatikan adalah ukuran gambar anda, usahakan untuk tidak menggunakan gambar dengan byte yang besar, usahakan di  bawah 50 Kb, agar tidak membuat loading berat dan lama.
Gambar memiliki ukuran pixel yang berbeda-beda. Pastikan hasil gambar background blog anda penuh dari kiri ke kanan dan dari atas ke bawah. Untuk membuat gambar background penuh diperlukan pengulangan. Gunakan tag repeat (mengulang) ke kanan/samping: repeat-x, dan ke bawah: repeat-y. Berikut contoh untuk pengulangan ke kanan/samping::

body{background:url(http://2.bp.blogspot.com/_wnULV7UHiXY/TSOhgPOpqXI/AAAAAAAAAH8/dC7uwZp1HA0/s1600/t28_blue_background.jpg
);background-position:top left;background-repeat: repeat-x; ....dst}

agar gambar juga mengisi hingga ke bawah (hingga footer halaman), tambahkan repeat-y tepat disamping repeat-x. Contoh:

body{background:url(http://2.bp.blogspot.com/_wnULV7UHiXY/TSOhgPOpqXI/AAAAAAAAAH8/dC7uwZp1HA0/s1600/t28_blue_background.jpg

);background-position:top left;background-repeat: repeat-x repeat-y; ....dst}

Jika anda tidak ingin gambar anda berulang baik ke kiri atau ke bawah, cukup gunakan kode no-repeat. Contoh:

body{background:url(http://2.bp.blogspot.com/_wnULV7UHiXY/TSOhgPOpqXI/AAAAAAAAAH8/dC7uwZp1HA0/s1600/t28_blue_background.jpg

);background-position:top left;background-repeat: ; ....dst

Yap, sekian trik simpel mengenai cara mengganti background  blog. 

xRizkyrasta

Read More

Cara Membuat Recent Post di Blogspot

Cara Membuat Recent Post di Blogspot - Kali ini saya akan membagikan cara-cara untuk membuat recent post, Untuk apa sebenarnya recent post ini ? Yang pasti dengan adanya fitur ini akan memberi nilai tambah pada navigasi blog anda. Perlu anda ketahui, navigasi merupakan hal yang penting dalam sebuah blog. Biasanya pengunjung akan betah berlama-lama di blog yang memiliki navigasi yang baik.

Ada 2 cara untuk membuatnya. yang pertama sudah saya poskan kemarin yaitu Cara Membuat Widget Recent Post Dengan Gambar Seperti Ska - Suka / Bisa dengan memanfaatkan feed dari blog anda sendiri. cara yang paling mudah, yaitu dengan memanfaat feed blog anda sendiri. Silahkan perhatikan langkah-langkah berikut :

• Login ke akun blogger anda.

• Pilih menu TATA LETAK kemudian TAMBAHKAN GADGET.

• Pilihlah widget FEED (Seperti gambar di bawah !)

• Setelah ditambahkan, anda akan diminta mengisi alamat URL FEED blog anda. Isikan alamat blog anda dan tambahkan /feeds/posts/default di belakangnya. Contoh : http://xskasuka.blogspot.com/feeds/posts/default

• Kemudian klik LANJUTKAN, lalu silahkan tentukan tampilan seperti apa yang anda inginkan. Kalau sudah klik SIMPAN.

• Lihat tampilan blog anda, maka akan muncul artikel-artikel terbaru yang sudah anda update. Hasilnya kurang lebih akan seperti gambar di bawah ini !

Nah itu adalah Cara Membuat Recent Post di Blogspot. Jika anda suka, silahkan diterapkan. Tapi saya punya cara yang lain, seperti yang saya sudah poskan kemarin, Cara Membuat Widget Recent Post Dengan Gambar Seperti Ska - Suka. Dalam cara tersebut, recent post yang ditampilkan tidak hanya berupa tulisan/text. Tapi beserta gambar dan jumlah komentar yang ada. Menarik bukan ? 

xRizkyrasta

Read More

Cara Membuat Widget Recent Post Dengan Gambar Seperti Ska - Suka

Ska - Suka - Cara Membuat Widget Recent Post Dengan Gambar Seperti Ska - Suka. Judulnya panjang yah. Tidak apa-apa yah. Biar lebih paham saja. Dan langsung melihat contohnya. 

 Membuat Widget Recent Post Dengan Gambar Seperti Ska - Suka ini sebenarnya bertujuan untuk mempercantik blog saja. Biar terlihat rapi. Kalau kawan-kawan suka, boleh deh mencobanya.

Inilah Cara Membuat Widget Recent Post Dengan Gambar Seperti Ska - Suka
1. Buka akun blogger kawan sendiri
2. Masuk Elemen Tata Letak
3. Pilih Add Widget atau Tambah Gadget
4. Apabila kotak baru muncul lalu pilih HTML/Javascript
5. Copy atau salin kode script di bawah ini

<div id='bp_recent'></div>
<script style='text/javascript' src='http://yourjavascript.com/02415211738/artikel-terkait.js'></script>
<script style='text/javascript'>
var numberOfPosts = 6;
var showPostDate = false;
var showSummary = false;
var titleLength = 0;
var showCommentCount = false;
var showThumbs = true;
var showNoImage = true;
var imgDim = 55;
var imgFloat = 'left';
var myMargin = 5;
var mediaThumbsOnly = true;
var showReadMore = false;
</script>
<script src='http://xskasuka.blogspot.com/feeds/posts/summary?max-results=20&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>

6. Simpan Widget / Gadget yang baru anda buat.
7. Lihat hasilnya.

Catatan :

• Tulisan http://xskasuka.blogspot.com silahkan anda ganti dengan alamat URL / Blog anda.
• Silahkan anda atur sedemikian rupa, mengenai jumlah artikel yang akan dipajang dalam recent post blog anda, sesuai keinginan anda. Blog ini sementara jumlah artikel yang dipajang dalam recent post sebanyak 6

Sebagai dari hasil Cara Membuat Widget Recent Post Dengan Gambar Seperti Ska - Suka, lihat saja Recen Post pada blog ini. Karena menggunakan widget di atas. Selamat mencoba, salam sukses. Salam.

xRizkyrasta 

Read More