yukurdew: 19 Agu 2011

Cara Memasang Animasi/Gambar Format gif ke Blog

Hallo selamat malam.. kali ini saya akan membahas Tutorial mudah "cara memasang animasi/gambar di blog" apa sih kelebihan gambar dengan format gif atau flash? seperti yang pernah saya bahas sebelumnya di postingan sebelumnya Cara Memasang Animasi Flash di Blog

Sudah siap?
1. Buatlah akun photobucket!, daftar
Akun ini nantinya digunakan untuk mengupload gambar "gif" anda,
2. Setelah mendaftar login ke photobucket, nanti akan akan muncul gambar seperti di bawah :

Cara Mengupload Upload Foto dan Video ke Photobucket :

1. Ceklis seperti yang dilingkari merah pada gambar di atas lalu, klik upload images & video;

2. Pilih gambar ato foto yang anda inginkan ( di upload);

3. Setelah siap klik upload & video

Tunggulah sebentar proses upload sedang berlangsung...

sabar....ya

Wokey!!!

Setelah proses upload selesai, nanti akan muncul tampilan seperti di bawah ini :

PERHATIAN :
1. Email dan YM : untuk memunculkan animasi gambar yang kita upload saat kita sedang cheat atau sedang menulis email
2. Direct Link      : gunakan kode ini bila kita ingin memasang gambar berformat "gif" di blog, bisa di postingan dan juga bisa di taruh sebagi widget

3. HTML Code   : hampir sama dengan nomor 2. coba saja untuk variasi sedikit scrint
4. Image Code     : Kode dasar gambar

Nah sekian tutorial dari saya mudah-mudahan bermanfaat..amin :)

Pasang Widget Share Twitter dan Facebook Otomatis Di Setiap Artikel Blog

Pernah lihat tombol-tombol share seperti di samping kanan ini? Ya pernah dong, kan itu ada di kanan

Maksudnya, mungkin anda pernah/sering lihat ada tombol/widget share Facebook dan Twitter di bagian atas sebuah artikel blog di mana pada kedua widget itu terlihat angka yang menunjukkan banyaknya link dari sebuah artikel/posting yang dishare oleh pengunjung blog.
Bila tertarik, anda juga bisa memasangnya dengan memasukkan kode tertentu pada template blog, sehingga pada setiap artikel secara otomatis akan terlihat berapa banyak link yang dishare pada kedua layanan online social networking tersebut (Twitter dan Facebook).
Berikut ini adalah tutorial cara pemasangannya di blog, khususnya Blogger/Blogspot.

Pilihan Kode Widget Share Twitter dan Facebook

Silahkan lihat-lihat dulu pilihan widget share yang disediakan oleh TweetMeme (untuk widget Twitter) dan widget share Facebook. Nanti kodenya akan ditempatkan pada template blog:

Kode Widget Share Twitter (TweetMeme)

KODE-TWEETMEME-1 (kotak)

<script type='text/javascript' src='http://tweetmeme.com/i/scripts/button.js'></script>

KODE-TWEETMEME-2 (memanjang)

<script type='text/javascript'> tweetmeme_style = 'compact'; </script> <script type='text/javascript' src='http://tweetmeme.com/i/scripts/button.js'></script>

Kode Widget Share Facebook

KODE-FACEBOOK-1 (kotak)

<a title='Share on Facebook' name='fb_share' type='box_count' href='http://www.facebook.com/sharer.php'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'></script>

KODE-FACEBOOK-2 (memanjang)

<a title='Share on Facebook' name='fb_share' type='button_count' href='http://www.facebook.com/sharer.php'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'></script>

Cara Memasang Kode Widget Share Pada Template Blogger

Login ke akun Blooger.
Klik “Layout”, lalu klik tab “Edit HTML”.
Klik “Expand Widget Templates”.
Cari kode ini: <p><data:post.body/></p> atau <data:post.body/>

Di atas kode tersebut, masukkan kode ini:

<div style='float:right; margin:0 0 10px 10px; text-align:center;'>
KODE-TWEETMEME
<br />
<br />
KODE-FACEBOOK
</div>

Ganti tulisan KODE-TWEETMEME dan KODE-FACEBOOK dengan kode widget TweetMeme dan Facebook pilihan anda (lihat Pilihan Kode Widget).
Klik tombol “PREVIEW” untuk mereview perubahan tampilan template.
Bila tampilannya sudah benar, silahkan klik “SAVE TEMPLATE”.

Catatan

Untuk memasang widget tersebut (TweetMeme dan Facebook), kita tidak perlu menggunakan akun Twitter atau Facebook. Bahkan kita tidak harus punya akun di Twitter atau Facebook, karena tombol itu secara otomatis akan membaca URL artikel kita dan menunjukkan angka link sharenya yang tidak tergantung pada akun kita, jadi sebenarnya bisa dipasang di blog/situs mana saja.
Kode di atas adalah untuk pemasangan pada bagian atas artikel sebelah kanan. Kalau mau ditaruh di kiri, ganti kode style pada tag div menjadi:
<div style='float:left; margin:0 10px 10px 0;'>
Kalau ingin memasang widget secara memanjang (menyamping), hilangkan tag <br />. Atau coba experimen sendiri aja ya

, kan nanti bisa direview dulu sebelum disave.