Membuat Buku Tamu (Shoutmix) di Blogspot

Siang semuanya, kembali lagi dengan saya disini. Kali ini saya akan membahas tentang bagaimana memasang buku tamu di blog kita. Buku tamu untuk sebuah blog atau web bukan merupakan suatu keharusan menurut saya, tapi dengan menggunakan buku tamu kita dapat berinteraksi langsung dengan pengunjung kita. Pesan-pesan penting dan singkat bisa ditulis di gadget satu ini, trus para pengunjung juga bisa mengungkapkan isi hati mereka mungkin saja pujian, kritik, permohonan dan lain-lain.

Menurut pengalaman selama memakai shoutbox di sidebar saya, bermacam -macam pesan yang masuk, ada yang memuji, ada yang ingin tukeran link, bahkan ada juga yang pernah mengkritik blog saya, katanya blog saya kok mirip dengan blog tutorial yang udah ada. Terus saya bilang, kode-kode HTML yang saya pasang di tutorial ini memang masih banyak memakai dari blog lain, tapi sudahdimodifikasi sesuai dengan template yang saya pakai. Tulisan-tulisan yang saya pakai pun 90% berbeda. Memang blog saya sekarang ini baru berusia 1 bulan dan belum saya pasang buku tamu karena mungkin belum ada pengunjung yang mampir. Yah.. itulah pengalaman saya selama menggunakan buku tamu.

Oke, kita langsung aja ke pokok permasalahannya. Kita akan menggunakan jasa www.shoutmix.com. Selain bagus, shoutmix ini tergolong yang paling banyak di gunakan para blogger.

1. Anda bisa langsung ke alamat ini www.shoutmix.com
2. Kemudian pencet tombol Create Shoutbox
   
   
3. Kemudian isikan data - data yang diperlukan.
   
   
4. Setelah itu klik Control Panel.
5. Pada gambar berikut, klik Get Codes.
   
   
6. Atur lebar dan tinggi shoutmix, kemudian copy kode HTML kedalam notepad.
   
   
7. Login ke Blogger dengan ID anda.
8. Klik Tata Letak.
9. Klik Elemen Halaman.
10. Pilih yang HTML / Javascript.
11. Lalu copy paste kode HTML yang tadi sobat simpan di notepad ke dalam kolom kosong yang tersedia.
12. Kemudian Simpan.

Untuk mengatur bentuk shoutmix, sobat bisa tuju Settings -->> kemudian pilih Display -->> Style & Colors. Mungkin cuma itu yang bisa saya jelaskan. Kalau ada temen-temen lain yang lebih tahu cara pakai metode yang beda. Saya siap menerima masukan.

Semoga bermanfaat

Membuat Background Pada Web Full Page

Yep, kali ini saya akan memposting mengenai "Perfect Full Image Backgrond Page". Yang dimaksud disini adalah cara untuk membuat background pada blog lebih menawan dengan background yang full page.. Sebenarnya cara ini cukup mudah jikalau anda menggunakan CSS3 yang merupakan CSS yang paling baru saat ini, dan yang akan saya bahas disini.
Oke, langsung saja..
1. Login ke blog anda --> Design --> Edit HTML
2. Kode CSS yang harus anda masukkan adalah

background: url(URL BACKGROUND ANDA **) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='URL BACKGROUND ANDA **', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='URL BACKGROUND ANDA **', sizingMethod='scale')";

Filter diatas adalah untuk IE, webkit untuk Google Chrome, moz untuk Firefox, o saya kurang tahu, dan yang tanpa embel embel untuk berbagai browser yang selain browser terkenal.
Sehingga semisal anda ingin memasukkannya sebagai background homepage, maka masukkan kode di atas sehingga kurang lebih menjadi

body{
background: url(URL BACKGROUND ANDA **) no-repeat center center fixed;

-webkit-background-size: cover;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;

margin:0;
color:#444444;
font:small $textbody;
font-size/* */:/**/small;
font-size:/**/small; }

3. Save!

Untuk DEMO silahkan lihat disini

Demo - CSS3 | Membuat Background Pada Web Full Page.

Dan coba lihat berapa ukuran backgroundnya. Dengan cara
*Klik kanan pada background --> View Image.
Ukurannya kurang dari halaman full web bukan? yakni hanya 320px × 240px dari ukuran web normal yang
biasanya ber resolusi 1024px × 768px.
** Akan tetapi, juga disesuaikan agar background tidak pecah, jadi disini adalah hanya memberikan solusi lain yang fix. Anda juga bisa dengan menggunakan background yang melebihi resolusi monitor anda yang mana hasilnya akan lebih bagus dikarenakan ada efek panorama, atau bisa dibilang widescreen.
Apabila anda tidak menggunakan fungsi CSS3 ini, maka biasanya background akan terus di repeat atau diulangi hingga end wrapper atau menyesuaikan resolusi anda.
Bagaimana? Silahkan mencoba dan semoga sukses.. Jangan lupa berikan Komentar, Like dan Share dengan sebagaimana mestinya.. :)

CARA MENGGANTI TITTLE BLOG DENGAN JUDUL POST

Jika anda membuka salah satu judul post pada sebuah blog, secara umum yang tampil dibagian title blog adalah nama dari blog itu sendiri baru setelah itu diikuti dengan judul dari post yang sedang anda buka.
Tetapi pada sebagian blog lainnya, begitu anda membuka sebuah post, yang muncul pada title blog hanya judul dari postnya saja.
Menurut para pakar SEO, gaya kedua yaitu judul post tampil menggantikan title blog, dapat menjadikan post anda masuk ke jajaran terdepan dari suatu search enggine karena cara tersebut dapat menjadikan blog anda lebih Search Engine Friendly.
Namun, walaupun anda telah mengganti title blog dengan judul post, jika anda membuka halaman utama, maka yang tampil tetap judul/title dari blog anda. Jadi anda tidak perlu khawatir akan kehilangan judul atau nama dari blog anda.
Bagi anda yang ingin mecoba trik ini, silahkan ikuti langkah-langkah dibawah ini :

• Masuk ke Blogger dengan ID anda
• Pilih Tata Letak, Klik menu Edit HTML.
• Cari kode ini : <title><data:blog.title/></title> (terdapat dibagian atas template blog anda).
• Ganti kode diatas dengan kode dibawah ini :
  
  <b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>




• Klik tombol Simpan Template.
• Sekarang coba anda buka salah satu post anda dan lihat perbedaannya.
• Selesai.

Selamat mencoba, semoga bermannfaat....!!!

Cara Mengganti Cursor Blog

Salam manis…!!!! Teman untuk sesi kali ini kita belajar  Cara mengubah tampilan cursor di blog seperti di tavincute.co.cc. Oke langsung aja ke tutorialnya.
Ada 2 cara untuk mengganti kursor blogger dan saya akan memberikan kedua cara tersebut,,,,ini dech,,,
Cara 1
Ini adalah cara paling gampang,,,knapa?Karena tavin.co.cc juga g pengen anda ribet,,hhhh

Langsung aja dech,,langsung aja klik disini dan pilih style cursor kesukaan anda,,,gampang kan????lalu perhatikan langkah berikut ini…!!!!

Masuk ke Blogger account kamu  ===> Pada Menu Dashboard/dasbor===>Pilih  Layout/ tataletak ===> Elemen halaman ===> Tambah Gadget===> Pilih HTML/Javascript

Lalu paste kode yang ada di bawah kursor pilihan anda di HTML/Javascript

Pastekan kode ci bawah ini

Jangan lupa si simpan……. ya friend…..!!!
Cara 2
Ini juga gampang banget,,tinggal copy paste kode dibawah ini,,,it’s very easy,isn’t it??????

<style type=”text/css”>body, a, a:hover {cursor: url(

ALAMAT GAMBAR

), progress;}</style><a href=”http://www.cursors-4u.com/cursor/2010/03/13/blogger.html” target=”_blank” title=”Blogger”><img src=”http://cursors-4u.com/support.gif” border=”0″ alt=”Blogger” style=”position:absolute; top: 0px; right: 0px;” /></a>

Nah kode yang berwarna Merah di ganti dengan alamat gambar kursor

Buat yang males cari gambar kursor aku punya beberapa gambar di bawah ini, silahkan di copy alamatnya

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNL8lAJXfxDj4QSKz5SjGo0VoS_ScX98De6ceKzDCoU0TY7R43Rjti5ETc3NH1OZL4RlVlhmN9Z1hjtJXB-dhpCKtxO-gs2NLe2eKlkunHkAv6jwD_I2FN8nn6GmyLxpVVK0Uun1CZ444/s128/Teori%20Ngeblog%20CURSOR%201.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUJvyl7w5XPm3d9Ic0fv6WPBq8pGCjFkdQYXs2VbEUe40k5B4lgJ2VBxjkNbZCWnq1ViWS3urR9vngQ-CwNZDLagHYVT8UYfBiIdm57PE7eYSqXg-SnaO2Rwz3xt4omSS3edb_97YkbM4/s128/Teori%20Ngeblog%20CURSOR%202.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBXwrezq2InoL28OfZt2FJsBa_KfWt3fEg9WmoLXG7x266ncuFkNLjyxKx5TqvJdiPyWYrJBnNQ3wRXu6IQEr_CGaWQjkbRdmFdvW7Qciva67jOepg_p368qURHQs2EXUJ6vpSjA8h60E/s128/Teori%20Ngeblog%20CURSOR%203.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs48_cf9gcoC8YAkiHQD98jRG_G2xV61WsagGJlPZCiSVMS7h41p7DxbKc2Tvl0M2KcutiGkm94fIoA487Ac7ouo2s0oxrLilYjJtdAKtYTwS_NqxhKU8nWK5ADosRhTQ-p1llCODHyK8/s128/Teori%20Ngeblog%20CURSOR%204.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOgsSOQHclCBY3EU5iIKU2Qzd6KIM0M1ddu1rR8E9N2CLfTka6O_W8SFWgqEx21lAHvy6DeAyrJRRluHkblptqrsaN56E3erH4rHxe8wWRzbx9tH42OwmgZapslSMfuKnLKBKsS32qscE/s128/Teori%20Ngeblog%20CURSOR%205.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikh6TrHpmte-J2XlWu0QkiXS4SEwqAhdnbwoy6oCiTIv5swjYojkyebaAjFOQcCExNHLDk7jh0jv0UWK8DkftrN8LCKtfemEoapfmUELY1B9tVn9sJM5Pj2hCnQBVTMg_OpJovy8BkfFQ/s128/Teori%20Ngeblog%20CURSOR%206..gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSiLp1MMlzSy1ZOX0oW_9c8Aed9MlW1tZw_P3Lr8YsjC8PpjyEAQP3pYoDFGX2kJpMYj_3EtEB-uD59RB-B8Q-i4reXmh4BM77wzGXwO314Y0FuycnMq7A6TEfudx6-w8k8WBFzD2S0Pk/s128/Teori%20Ngeblog%20CURSOR%207..gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEEW-0Cwur2gRE0Ais9i_R_kwe8elIKDY3U4E_ZOvBG05JOU828OKfSU5IXyEoc7zytchhAIQJ-VTUJ1Sr5D6DUlyIltfQcPwR1U3u-KMZGHpjE51VXP7EleaizkNF6zmR144iLfGWSyU/s128/Teori%20Ngeblog%20CURSOR%208.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiicoSTH4YQHGgGD1lMVnX3H6NeAIBGlbxCiXvpwb8FzYAeWGBxT48VZ0lHRWv6jcBafTgZKab9Urr9ML9YflGDkTS5_e7tcAJvveuXGsHEPxIyn5-EkQOkqQh-e2BJXRwpSSrxDJdkWxU/s128/Teori%20Ngeblog%20CURSOR%209.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQO25zTuP6AGZb-KnegQ1iA_VqA6MnNOrjQAGyH3IPIPkkR75Iv-qvlgnGGB3UOfME8UPtN-YQAFfwWXZEkcpK0XCni32tpRiasrMt_QNLazhuIyR-TceGJsUbM88QJFTMXAVZ4-rUeVs/s128/Teori%20Ngeblog%20CURSOR%2010.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyuSV8yxtBMe80JzojqnyI-w8LjHx6CkxYxniWMdnyR4MijS5zMngFdSJwoif6h98uBcH8oNsPRSE5uImNtpv1WeAPcWBU_Pt5vazUHUyJR3t98SKkKwJJh2iSOg7WojgKRs7LE8JTVaM/s128/Teori%20Ngeblog%20CURSOR%2011.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpOGew6WcMdmYIdicdYVV3KPSmMRIohNje8oCsN6U9NcRjQQZ_ikpretlhWLK-8sU_rZ_9ofDoENlut1vyYlFgLp8OSsYSXHRQiGMjCu8w0wQa_emAIFyELNGm0l5sQZTzLBm-O8xQLDY/s128/Teori%20Ngeblog%20CURSOR%2012.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl8QPMZvrFnrfEF_wI8Fi0BkNDC3_FQT29NBv_KVkHAOEDEwWdukR1ktmDtvi5K5nlsJ8G6geG2ErO9E0l1YJQmLh5Ouw-KdiiKT0ufHYXW4cvpOVOZ1keL0o_bXCelt8Z3d5II_lFKtw/s128/Teori%20Ngeblog%20CURSOR%2013.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7vFG0Pu9MBWEZn3P283uj3-iASXdnYsh3FjUr2LxrDXaJtnrqAJgc5jkRIYEkho7StmvTNan2BdH0wYILGlOM21rPjh8fKf1_9cUE1c55J2zGtJOUgoJTvDlM2qaYo0xHiR2eNnR-DeE/s128/Teori%20Ngeblog%20CURSOR%2014.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUG0nbOEuKXWu2HZjUQ0THbB25lEHvfh1jsecf2PYoFMZErMjcGXsLQs6xBA_4WsOpoG0BWqqAK9SOUgT1xoFXTrvYCXb0lbrtsD5a65k4wBkGHMjv5_eB_9IcMbksW2qW2Z2yXrFAxJs/s128/Teori%20Ngeblog%20CURSOR%2018.gif

PANDUAN MEDAFTAR DI BLOG

Sekapur sirih mengenai blog. Blog adalah singkatan dari Web Log, dengan kata lain blog adalah suatu web yang bersifat pribadi (milik pribadi, bukan kelompok). Akan tetapi, dalam peraktek keseharian pengertian di atas menjadi sempit, karena sekarang selain digunakan oleh personal/ pribadi, tidak sedikit juga organisasi atau kelompok yang menggunakan blog, contoh: Google Analytics.

Sebelum kita memulai untuk mendaftar ke blogger.com, sebaiknya kita harus mengetahui apa manfaat dan kelebihan blogger.com. Manfaat dan Kelebihan yang dimiliki oleh blogger.com adalah sebagai berikut:

Nah, manfaat dan kelebihan Blogger.com dapat diringkas dengan 4 poin di atas. Tapi sejujurnya, si empunya blog pribadi sangat senang dengan poin ke-4 itu, Fleksibel. Dengan sifatnya yang fleksibel ini, kita bisa mengatur tata letak theme/ templet, gadget, dan sebagainya. Sehingga kita bisa memodifikasi blog kita sesuai dengan selera kita.

Ya sekapur dan dua kapur sirihnya telah selesai, kini kita bisa memulai langkah-langkah mendaftar di blogger.com:

1. Kunjungi halaman utama blogger.com.

2. Klik tombol "Buat Blog" yang berwarna kuning:

3. Selanjutnya teman-teman akan di antar ke halaman registrasi seperti di bawah ini:

Keterangan:

1. Isikan alamat email anda: Alamat email ini nanti akan anda gunakan untuk LogIn/ masuk ke akun Blogger anda.

2. Anda diminta untuk mengetik ulang alamat email yang telah anda ketik di kolom pertama tadi (poin1).

3. Isikan sebuah password: Ini digunakan untuk login ke akun blogger anda nanti.

4. Keti ulang sandi/ password anda yang tadi.

5. Nama tampilan Blog anda: Ini akan tampil pada bagian kiri atas browser anda, contoh untuk blog ini adalah: Tutorial Blog di Blogger | Belajar Membuat Blog | Ngeblog untuk Pemula dan Lanjutan, silahkan disesuaikan dengan tema tampilan blog anda.

6. Isikan Captcha/ Kode Verifikasi yang tertera pada gambar: di gambar atas tertera cownwoust, maka isikan kotak kosong di bawahnya dengan "cownwoust"

7. Centang kotak "Saya menerima Persyaratan dan Layanan" sehingga kotaknya terlihat seperti ini:

8. Klik tanda panah "Lanjutkan" untuk ke halaman registrasi ke-2

4. Setelah anda meng-klik tanda panah "Lanjutkan", anda akan diantar ke halaman registrasi ke-2 seperti di bawah ini:

Keterangan:

1. Tulis kembali judul blog yang anda pilih tadi, misalnya blog ini: Tutorial Blog di Blogger | Belajar Membuat Blog | Ngeblog untuk Pemula dan Lanjutan
2. Tulislah alamat blog anda, ini akan digunakan oleh anda dan orang lain untuk mengunjungi blog anda nantinya, contoh: http://t4belajarblogger.blogspot.com, yang diberi tanda merah itulah yang dimaksud.

3. Untuk langkah terakhir di halaman ini, silahkan untuk mengklik tanda panah "Lanjutkan"

5. Setelah anda meng-klik tanda panah "Lanjutkan", anda akan diantar ke halaman pemilihan templet untuk blog anda, apa itu templet? Agar lebih jelas anda bisa langsung melihat gambar di bawah ini:

Keterangan:

1. Untuk memulai memilih templet, silahkan centang salah satu templet yang anda inginkan.

2. Agar templet yang tersedia dapat anda lihat-lihat (untuk memilih), anda bisa menggulung scrool yang telah ditandai dengan no.2

3. Klik tombol tanda panah "Lanjutkan", untuk mengakhiri halaman tersebut.

6. Setelah anda meng-klik tanda panah "Lanjutkan", maka proses pembuatan blog anda pun telah selesai dengan munculnya halaman seperti di bawah ini:

Dengan begitu, sekarang blog anda telah jadi. Untuk memulai memosting/ menulis sesuatu di blog anda, silahkan untuk mengklik tanda panah "Mulai Blogging",
Semoga Bermanfaat []

CARA MEMASANG LINK DOWNLOAD

Apabila teman-teman ingin memasang link download di blognya teman-teman, maka caranya gampang karena kita hanya perlu meng-upload file kita ke web hosting gratis, alias tidak bayar sepersen pun. Dan selanjutnya, setelah kita meng-uploadf file kita, kita bisa mengambil link download yang tersedia untuk di-share ke orang lain melalui blog kita. Web hosting grtis yang bisa teman-teman gunakan di antranya:

1. Ziddu.com (Link Reff)

2. 4shared.com

3. Rapidshare.com

Silahkan teman-teman pilih salah satu atau semuanya dari web hosting file gratis di atas, semuanya sama kok. Tapi saran bagi teman-teman yang punya hobi ngumpulin receh dollar, maka ziddu lah tempatnya.

Ok, lanjut...

Setelah teman-teman meng-upload filenya teman-teman, maka selanjutnya silahkan diambil link download file tersebut, yang nantinya digunakan untuk men-sharing/membagi-bagi file yang telah diupload ke teman lain atau para pengunjung blognya teman2

Dan untuk memulai memasang link download maka teman-teman bisa memasangnya dengan menggunakan kode HTML berikut:

1. Terbuka di tab baru/beda.

<a href="http://www.4shared.com/file/91942393/dac9f9c3/001_-_Al_Fatihah.html" target="_blank">Al-Fatihah</a>

maka dari kode di atas akan menjadi seperti berikut ini:

Al-Fatihah (coba di klik)

2. Terbuka di tab yang sama

<a href="http://www.4shared.com/file/85623632/afa5e7a9/harunyahya.html">Kumpulan Artikel Harun-Yahya</a>

Maka akan jadi seperti berikut ini:

Kumpulan Artikel Harun-Yahya (coba diklik)

Nah sekarang teman-teman bisa memilih kode2 di atas. yang no.1 kalau di klik maka akan dibuka di tab yang baru, dan nomor dua akan dibuka di tab yang sama. Dari contoh di atas, teman-teman bisa mengganti yang berwarna merah dengan link download file-nya teman-teman, dan yang biru adalah keterangan dari link download tersebut.

Semoga bermanfaat []

BUKU TAMU TERSEMBUNYI DI KANAN BLOG

Keren....!!Buku Tamu tersembunyi alias tidak terlihat merupakan trik yang sangat bermanfaat bagi peblogger, karena selain dapat menghemat tempat juga dapat menambah keindahan dan........ yang tidak kalah pentingnya dapat mengurangi beban blog dalam proses loading ( Begitu kata sumber tips ini yaitu : LOVE IS BEAUTY )

Sebenarnya tips ini bukan hanya buku tamu yang dapat anda tampilkan, tapi bisa berupa image atau widget lainnya. Silahkan anda pilih mana yang menurut anda paling sesuai untuk ditampilkan.

Langkah-langkah yang dapat anda lakukan cukup mudah yaitu :

1. Masuk ke Blogger dengan ID anda.
2. Pilih Tata Letak.
3. Pilih Elemen Halaman.
4. Klik Tambah Gadget.
5. Klik tanda + pada HTML/JavaScript.
6. Copy kode dibawah ini kemudian paste pada kolom yang tersedia.
   
   <style type="text/css">
#gb{
position:fixed;
top:25px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:150px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi722HRFhEtc2rByke3ttEvfNhKhijdpwhbQFRURZhYebWJY6yxbLszfLmXOkRz7yJDFdC4tj1Xvd25BfV4UpzEfZ9ZHrvVB74YEFdohjtjwFE6Q9MJKN9wWn6XLpX64t6lfCPGcdUkiFuU/s128/guestbook.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #1300F2;
background:#FFFFFF;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
MASUKAN KODE BUKU TAMU/WIDGET DISINI
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>


7. Klik tombol Simpan.
8. Lihat Pemapilan Blog anda sekarang.

Keterangan :

1. height:150px; merupakan tinggi dari widget, silahkan anda atur.
2. width:30px; merupkan lebar dari widget, silahkan anda atur.
3. border:2px solid #1300F2; merupakan ketebalan dan warna garis/border, silahkan anda ganti.
4. background:#FFFFFF; merupakan latar belakang widget, silahkan anda ganti.
5. background:url('http://i629.photobucket.com/albums/uu13/akubsaputra/guestbook.png') dapat anda ganti dengan image hasil kreasi anda sendiri.
6. MASUKAN KODE BUKU TAMU/WIDGET DISINI merupakan tempat meletakan kode buku tamu maupun kode-kode lainnya yang ingin anda tampilkan.
7. [close] dapat anda ganti dengan kata tutup atau kata apa saja yang searti.

Selamat mencoba, semoga bermanfaat

CARA MENAPILKAN NAVGAR AUTO HIDDEN

Pengertian dari judul diatas adalah : navbar akan tersembunyi/tidak kelihatan, kecuali disorot oleh mouse.
Sebagai contoh, coba anda arahkan mouse ke bagian navbar EPG Studio.
Trik ini merupakan solusi bagi para peblogger yang menginginkan navbar tersembunyi walaupun sebenarnya masih tampil jika disorot oleh mouse.
Penerapannya trik sangat mudah, anda hanya perlu menambahkan sedikit kode kedalam template blog anda.
Jangan lupa jika navbar blog anda telah dihilangkan, lihat dulu post :CARA MENGEMBALIKAN NAVBAR PADA BLOGSPOT
Silahkan anda ikuti langkah-langkahnya :

1. Masuk ke blogger.
2. Pilih Rancangan - Edit HTML.
3. Cari kode body {
4. Copy kode dibawah ini, kemudian paste tepat diatas kode tadi
   
   
   #navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
   #navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100,FinishedOpacity=100)}
5. Klik tombol Simpan Template.
6. Lihat perubahan navbar blog anda.

MEMBUAT TEKS BERJALAN PADA NAVBAR

Variasi yang dapat anda pasang pada blog yang anda sayangi berbagai ragam bentuknya. Salah satunya adalah teks berjalan pada navbar bagian atas.
Tidak sulit dalam membuatnya, anda hanya memerlukan penambahan beberapa kode kedalam Template.
Ikuti langkah-lanhkahnya :

• Sign ke Blogger dengan ID anda.
• Pilih Rancangan.
• Pilih Edit HTML.
• Cari kode ini : <b:skin><![CDATA[/*
• Copy seluruh kode dibawah ini dan pate tepat diatas kode tadi.
  
  
  
  <script language='JavaScript'>
var txt=&quot;. . : : Selamat Datang di EPG Studio...Tempatnya Berbagi Ilmu dan Pengalaman.... : : . .&quot;;
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout(&quot;bergerak()&quot;,kecepatan);}bergerak();
</script>


• Ganti teks yang berwarna merah dengan teks yang anda inginkan
• Ganti angka pada var kecepatan=100 dengan angka yang anda inginkan. Makin besar angka yang dipasang makin lambat gerakannya.
• Selesai...Selamat mencoba.

Postingan ini telah berhasil dicoba pada blog percobaan TAVINCUTE.CO.CC. Jika anda mengalami kegagalan, coba ulangi lagi dengan lebih teliti dalam mengedit kode HTML-nya.

Jangan lupa ya call me at 081999554668

FUNGSI CONTROL PADA MICROSOFT OFFICE WORD

Ctrl + A = (All)           Blok semuanya.

Ctrl + B  =               (Bold) Membuat kalimat yang diblok atau terseleksi menjadi tercetak tebal.
Ctrl + C  =               (Copy) Untuk mengcopy sebuah kata atau kalimat
Ctrl + D =                 (Font) Font untuk mengganti dan mengatur bentuk dan jenis font/ huruf
Ctrl + E =                 (Center) menjadi rata ketenga pada suatu paragraf
Ctrl + F =                 (Find) berfungsi untuk mencari sebuah kata atau frase
Ctrl + G =                 (Go To) go to untuk menuju halaman yang diinginkan
Ctrl + H =                 (Replace) Menampilkan Form Replace yaitu untuk mengganti kata tertentu
Ctrl + I =                   (italic) Membuat hurup menjadi tercetak miring
Ctrl + J =                 (Justify) untuk membuat rata kiri dan kanan pada paragraf
Ctrl + K =                 (Hiperlink) berfungsi untuk me-link-kan/ menghubungkan teks
Ctrl + L =                 (Left) Membuat naskah menjadi rata kiri
Ctrl + M =                 (Indent) Membuat left indent menjadi menjorok kedalam sedikit. berfungsi untuk

                               menggeserkan First Indent, Hanging Indent dan Left Indent secara bersamaan

                                ke sebelah kanan dalam sebuah paragraf
Ctrl + N =                 (New) Membuat halaman baru / membuka lembar kerja baru pada Ms Word
Ctrl + O =                 (Open) Berfungsi untuk membuka dokumen Ms Word pada lembar kerja
Ctrl + P =                 (Print) Menampilkan menu print untuk Mencetak dokumen pada printer
Ctrl + Q =                 Mengembalikan kesemula
Ctrl + R =                 (Right) Menampilkan kalimat yang diblok menjadi rata kanan
Ctrl + S =                 (Save) Untuk menyimpan naskah atau text pada lembar kerja MS Word
Ctrl + T =                 Membuat hanging indent
Ctrl + U =                 (Underline) Membuat garis bawah pada kalimat yang diblok
Ctrl + V =                 (Paste) Menampilkan kata atau kalimat yang dicopy
Ctrl + W =                 Menutup layar Microsoft word
Ctrl + X =                 (Cut) Berfungsi untuk memindahkan teks atau gambar

Ctrl + Y =                 (Redo/Repeat) Untuk kembali pada perintah yang telah dibatalkan
Ctrl + Z =                 (Undo) Mengembalikan kesemula

Ctrl + 0 =                 membuat langkah kebawah
Ctrl + 1 =               Untuk mengatur line spasing dengan ukuran 1 pada pragraf (single)
Ctrl + 2 =               Untuk mengatur line spasing dengan ukuran 2 pada pragraf (double)
Ctrl + 5 =               Untuk mengatur line spasing dengan ukuran 1,5 pada pragraf
Ctrl + + =               Membuat kalimat pada naskah yang diblok menjadi kecil
Ctrl + { =               Memperbesar text yang di blok atau di seleksi dengan kelipatan 1 px
Ctrl + } =               Memperkecil text yang di blok atau di seleksi dengan kelipatan 1 px

Ctrl + F1 =               Menampilkan form Getting started
Ctrl + F2 =               Menampilkan bentuk naskah dalam kertas sebelum dicetak ke printer
Ctrl + F4 =               Menutup sebuah document dan kembali kedokument sebelumnya jika anda

                               bekerja dengan beberapa document
Ctrl + F5 =               Mebuat layar Microsoft Word menjadi ukuran sedang
Ctrl + F6=                Membuat layar menjadi minimize
Ctrl + F9 =               Membuat muka kurung dan tutup kurung
Ctrl + F10 =             Membuat restore down dan maximize
Ctrl + F12 =             Menampilkan menu Open

Ctrl + Alt + 1 =          Membuat kalimat menjadi tercetak lebih besar ukuran hurupnya.
Ctrl + Alt + 2 =          Membuat kalimat menjadi tercetak miring dan lebih besar ukuran hurupnya.
Ctrl + Alt + 3 =          Mengembalikan ke seperti semula.

Ctrl + Shift + + =       Menampilkan hurup yang diblok menjadi keatas
Ctrl + Shift + 8 =       Membuat tanda enter
Ctrl + shift + < =        Memperbesar text yang di blok atau di seleksi dengan kelipatan 2 px
Ctrl + Shift + > =       Memperkecil text yang di blok atau di seleksi dengan kelipatan 2 px
Shift + F3 =              Untuk mengubah Sentence case, lowercase, UPPERCASE Dan Capitalize

                                 pada teks yang diseleksi secara bergantian

Alt + R =                   Menampilkan dalam bentuk cetakan atau print preview
Alt + F4 =                 Untuk Keluar dari Aplikasi Ms Word