Personal Blog: Blogging

Home » Posts filed under Blogging

Cara Membuat Buku Tamu "Autohide"

Setelah kemarin saya menjelaskan tentang cara membuat widget melayang (Buku Tamu). Sekarang saya akan menjelaskan cara membuat buku tamu yang autohide seperti yang ada di blog ini.
Ikuti langkah langkah berikut:

1. Loginlah dulu di Blogger > Tata Letak > Elemen Laman > Klik Tambah Gadget>HTML/Java Scripts..
2. Jika sudah buatlah nama pada widget yang baru ini... lalu Copy-Paste kode dibawah ini ke dalam widget HTML/Java Scripts tadi...

Menampilkan kode html pada Postingan

Kali ini saya akan menjelaskan tentang cara menampilkan kode html kedalam postingan blog.

Caranya mudah kok..Sobat tinggal menuju ke alamat ini

Trus Copy paste kode html yan ingin ditampilkan di postingan.Trus klik PARSE nah setelah itu tunggu..sampai kode yang kita parse itu muncul.

Setelah berhasil Copy hasilnya dan paste ke dalam postingan sobat. selesai dah ..Mudahkan?..

Sekian tips dari saya yang singkat ini. Semoga bisa bermanfaat.

Jangan lupa komennya y hehehe....

HAPPY BLOGGING

Membuat Spoiler di Blog

Setelah berputar putar di google mencari tutorial agar bisa membuat spoiler di Blog, Akhirnya ketemu juga caranya...
Kali ini, saya akan membahas tentang membuat Spoiler pada blog.

Spoiler sendiri fungsinya adalah untuk memperkecil postingan, kode script atau tulisan agar tidak makan tempat. Sebenarnya sobat juga bisa menggunakan menu dengan fungsi scroll atau bisa juga dengan menggunakan text area untuk menghemat tempat dalam penulisan kode script atau gambar.

Cara Submit Blog ke Search Engine Bing

Iseng iseng buat postingan sendiri dengan kata-kata sendiri. jadinya kayak gini kata-katanya jadi agak sembrawut hehe..Hari ini saya akan membahas tentang search engine satu ini khususnya untuk add url blog anda agar blog anda terindeks oleh search engine Bing ini.

Hitung Berat Blogmu

Kadang kala blog terasa berat atau lemoootttt loadingnya .Penyebabnya mungkin karena widget yang terlalu banyak atau malah gambarnya yang banyak.Setelah merayu Paman Google akhirnya dikasih tau juga tempat ngetes berat badan blogku ini hehehe (lebayyy...).Jadi Ngawur nieh...Biar ga banyak basa basi langsung aja coba tool dibawah ini untuk mengetes berapa berat blog kamu..

Your domain(s): Enter each address on a new line (Maximum 10)

	(eg. iwebtool.com)

Powered by iWEBTOOL

Nah jadi berapa berat blogmu??....Klo terlalu berat di diet ajah jangan dikasih makan 2 hari hehehe..(just kidding).Klo blogmu terlalu berat kurangi widgetnya atau gambarnya okehhh....

....Semoga Bermanfaat....

Cara membuat widget melayang (Buku Tamu)

Ikuti langkah langkah berikut:

1. Loginlah dulu di Blogger > Tata Letak > Elemen Laman > Klik Tambah Gadget>HTML/Java Scripts..
2. Jika sudah buatlah nama pada widget yang baru ini... lalu Copy-Paste kode dibawah ini ke dalam widget HTML/Java Scripts tadi...

<style type="text/css">
.gb_fixed{
position:fixed;
top:0px;
right:0px;
z-index:+10;
}
* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
border:2px solid #004831;
background:#000000;
padding:10px;
padding-top:0px;
}
</style>
<div class="gb_fixed">
<table id="hidden_gb2" cellpadding="0" cellspacing="0">
<tr><td>
<div><a href="javascript:void(0)" onclick="gb_showHideGB()"><b style="color:red">[ Tutup ]</b></a></div>


<iframe scrolling="auto" width="250" frameborder="0" src="http://www6.shoutmix.com/?ichal13051991" height="400" title="ichal13051991">
<a href="http://www6.shoutmix.com/?ichal13051991">View shoutbox</a>
</iframe>
<br/><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br/>


</td></tr></table>
</div>
<script src="http://sites.google.com/site/copycatgroup/Home/jsfile/hiddengb2.js"></script>
<div style="z-index:+5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img border="0" style="border:0px" src="http://i915.photobucket.com/albums/ac357/adiluvdv/buku-tamu_03.gif"/>
</a>
</div>
</div>

Contoh di atas adalah 'Widget Melayang Shoutmix'

Keterangan :

Merah = Gantilah dengan kode Scripts Widget yang akan kamu tampilkan Misalnya kode Scripts Widget Shoutmix..
Biru = Gantilah dengan URL Gambar Tab kamu (atau pakai saja url gambar tab diatas tdi) .. Gambarnya bisa kamu buat dengan Program seperti Photoshop.. lalu kamu Upload/simpan gambar tsb di Photobucket ..baru kamu bisa mendapat kode url Direct Link gambar tdi..

4. Simpanlah dan Selesai dech^_^... namun sebaiknya posisi widgetnya di Bagian Tata letak di letakan paling bawah lalu klik simpan.. Untuk melihat hasilnya silahkan Refresh blog kamu.. Mudahkan.. ;-)

Selamat Mencoba

Membuat Judul Blog Begerak

Untuk kalian yang pengen punya judul blog gerak seperti punyakku ne ikuti langkah" berikut ini:

Login ke blogger kemudian ke menu Layout ---> Edit HTML Cari kode/scrip
t<title><data:blog.pageTitle/></title>

Ganti kode diatas dengan

<b:include data='blog' name='all-head-content'/>
<script language='JavaScript'>
var txt="<data:blog.pageTitle/>";

Cara Praktis Membuat “Read More” di Blogspot dengan Sekali Klik

Para blogger mania tentunya sudah tidak asing lagi dengan istilah “read more”. Ya, fitur ini sering digunakan untuk memenggal postingan yang kadang terlau panjang. Dengan fasilitas ini, kita bisa memajang awal postingan saja, dan kalau pembaca ingin melihat lebih detil lagi isi postingan kita, tinggal mengklik tulisan “selanjutnya…”
Bagi blogger pengguna wordpress, tentu penggunaan fasilitas “read more” sudah bukan hal yang sulit lagi, karena sudah disediakan failitasnya oleh pihak wordpress. Terus bagaimana halnya dengan bloger yang menggunakan blogspot?
Tadinya agak sulit bagi pengguna blogspot jika ingin memakai fasilitas ini. Harus via edit template. Yang jika salah langkah, jadi kacaulah template blog kita. Makanya perlu memback-up dulu template kita sebelum mencoba mengutak-atik template kita.

Pingin Menambah Gadget Di Bawah Header...?

Selama ini mungkin kita hanya tahu bagaimana cara menambah Gadget di halaman bagian samping atau bagian bawah. Tapi bagaimana caranya kalau kita pingin menambah Gadget di bagian atas...?

Untuk mengetahuinya, silahkan ikuti langkah-langkah berikut ini :

Cara Menambah Status YM di Blog

Bagi anda yang suka nya Online di Yahoo Massenger, anda dapat menambah status YM anda ke dalam blog yang anda miliki. Tentunya dengan adanya status YM ini, pengunjung yang datang ke blog anda bisa langsung menghubungi/mengkontak anda disini. bisa saja dalam hal ingin bertanya baik seputar blog, Bisnis dan hal lainnya. ya pastinya anda harus dalam ke adaan Online di Yahoo Massenger. Nah bagi anda yang belum mengerti cara menambah status YM ke blog, anda bisa ikuti langkah-langkah di bawah ini.

Berikut langkah-langkah Membuat Status YM di blog anda:

Login dulu ke Blogger
Dasbor >> Rancangan
Elemen Laman
Tambah kan Gadget dan pilih HTML/JavaScript
Copy paste kode di bawah ini ke dalamnya