Menambahkan Button Berbagi ke Buzz

Hari ini saya mengotak-atik sosial network ala google. Yaitu google Buzz, sama dengan yang dimilik Yahoo, yaitu MIM. Ini meruapakan zqamannya dunia sosial networking. Semua berbah ingin bersosialisasi di dunia maya. Lihat saja facebook dan twitter yang berhasil menarik hati berjuta-juta pengguna. Dan mungkin itu dikiuti olah yang lain. Yahoo dengan MIM dan google dengan BUZZ.

Sekarang kitta juga harus memnfaatkan jejaring sosial itu untuk mendatangkan lebih banyak lagi pengunjung blog kita, yaitu dengan menambahkan button untuk berbagi ke buzz. Sehingga postingn kita bisa menyebar lebih luas lagi.

Cara Menambahkan Button Berbagi ke Buzz
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode <div class='post-header-line-1'/> atau <data:post.body/>
6. Masukan Kode Berikut ini DI BAWAHNYA

<div style="float:right;padding:4px;">
<script type='text/javascript'>
njuice_buzz_url = '<data:post.title/>';
njuice_buzz_title = '<data:post.url/>';
njuice_buzz_share = 'reader';
</script>
<script type='text/javascript' src='http://button.njuice.com/buzz.js'/>
</div>

7. Kita dapat menganti float:right left dengan left sesuai letak yang ingin kita gunakan. dan
njuice_buzz_share = 'reader'; reader dengan small atau simple
8. Simpan Template jika sudah selasai.

selengkapnya>>

Membuat Hujan Salju di Blog

Membuat efek salju di blog, kenapa harus nulis ini saya? Sekedar hanya ingin berbagi kepada blogger yang lain khususnya yang mempunyai template dengan background atau warna dasar hitam seperti punya saya ini. Akan kelihatan lebih menarik lagi tentunya jika diseimbangkan dengan warna putih, dan warna putih itu berasal dari efek hujan salju. Dingin :)

Walau lagi musim salju atau tidak. Kita tetap bisa kan membuat hujan salju di blog kita. Memang di sini tidak ada hujan salju, masih tetap juga kita bisa buat hujan salju di blog kita. Bagaimana caranya membuat hujan salju di blog kita? Mudah kok :)

Cara Membuat Hujan Salju di Blog
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Taruh (copy paste) kode berikut ini diatas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js' type='text/javascript'/>
<script src='http://nirav07.110mb.com/jsnow.js' type='text/javascript'/>
  <script type='text/javascript'>
$(function() {
$().jSnow();
});
</script>

6. Simpan Template jika sudah selesai

selengkapnya>>

Menambah Tanda Tangan Di Bawah Postingan

Ada yang seru nich :) jika kita nulis sesuatu yang kita tulis sendiri, baik itu surat atau buku harian kadang kita mencantumkan tnda tangan kita di bawahnya. Sebagai bukti bahwa itu adalah tanda tangan kita, berati kita yang menulis.

Dan yang ingin buat blog kita menjadi benar-benar milik kita, untuk membuat itu menjadi terlihat nyata, kini kita bisa menambahkan tanda tangan di setiap postingan kita secara otomatis. Cantumkan di bawah postingan blog kita. Bagaimana caranya?

Cara Menambah Tanda Tangan Di Bawah Postingan
1. Siapkan gambar tangan kita. Kita bisa membuat tanda tangan secara online di sini
2. Login ke Blogger.
3. Di halaman Dasbor, kita pilih Tata Letak.
4. Kemudian pilih Edit HTML
5. Beri tanda centang pada Expand Template Widget
6. Cari kode berikut ini

<data:post.body/>

7. Taruh kode erikut ini dibawahnya

<img src='http://3.bp.blogspot.com/_a378mcmEc38/S67fyl2TsEI/AAAAAAAACWs/EQXQxFcrSAU/s320/tanda+tangan.png' style='border:0px;'/>

8. Ganti http://3.bp.blogspot.com/_a378mcmEc38/S67fyl2TsEI/AAAAAAAACWs/EQXQxFcrSAU/s320/tanda+tangan.png dengan URL gambar tanda tanganmu sendiri ya :) Dan simpan kalu sudah selesai.

selengkapnya>>

Membuat Recent Post dengan Disertai Thumbnail

Membuat recent post sudah pernah kita pelajari, mulai dari menampilkan recent post yang hanya judul, dengan disertai ringkasan. Sekarang kita akan belajar untuk membuat recent post dengan disertai thumbnail (gambar Mini) dan juga jumlah komentar sehingga akan terlihat akan lebih menarik :)

Cara Membuat Recent Post dengan Disertai Thumbnail adalah, Login ke Blogger > Tata Letak > Tambah Gadget > pilih "HTML/Javascript". Setelah itu masukan kode berikut ini:

<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";

showRandomImg = true;
boxwidth = 245;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 100;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://kurniasepta.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

Dan berikut ini beberapa kode yang harus dan bisa kita rubah.

boxwidth - Ukuran Lebar Widget
cellspacing - Spasi diantara cells
borderColor - Warna Border
thumbwidth &amp; thumbheight - Ukuran lebar dan tinggi gambar Thumbnails
fntsize - Ukuran Font pada title
acolor - Warna title
aBold - Tebal huruf pada title? (true or false)
numposts - Jumlah recent post yang ditampilkan?
home_page : http://kurniasepta.blogspot.com/ (Ubah sesuai URL blog anda sendiri)

selengkapnya>>