Sabtu, 17 Maret 2012

Cara Membuat Dan Memasang Tanda Tangan di Blog

DI BLOG (BLOGGER), kita dapat membubuhkan tanda tangan (signature) sebagai sebagai identitas penulis blog (blog author). Dengan adanya tanda tangan ini, posting-posting blog terasa lebih khusus, karena memiliki tanda tangan sang penulis blog yg unik. Sobat Blogger bisa membuat dan memasangnya di blog Blogger dengan mudah. Kehadiran online signature maker memberikan kemudahan untuk membuat tampilan tanda tangan tersebut. Selain untuk digunakan di email, gambar tanda tangan ini bisa digunakan pula di blog sebagai blog author signature.

Cara Membuat Gambar Tanda Tangan Secara Online

Untuk membuat tanda tangan dengan online tool, saya memilih menggunakan MyLiveSignature, sehingga tutorial ini akan mengetengahkan langkah-langkah membuat signature dengan online tool tersebut.
1. Masuk ke mylivesignature.com.
2. Ada beberapa opsi disana, jika ingin membuat tanda tangan tanpa register, klik "Proceed". Jika ingin daftar, klik "register"
3. Setelah klik proceed, anda akan masuk ke halaman opsi jenis signature yang akan dibuat. Ada 4 cara membuat signature: dengan wizard, dengan menulis sendiri di screen tool, upload gambar yang di-scan, atau menggunakan font. sendiri. Saya sarankan untuk membuat dengan wizard (pilih opsi pertama), karena cara itu lebih mudah.
4. Tuliskan nama anda atau nama yg ingin dibuat sebagai tanda tangan. Klik 'next step'.

5. Langkah selanjutnya adalah memilih jenis font tanda tangan. Ada banyak jenis font dan langsung bisa dilihat melalui preview. Pilih font yang diinginkan dengan klik opsi di sebelah preview. Setelah itu 'klik next'.
6. Pilih warna tanda tangan dan background. Sesuaikan background dengan background halaman blog, atau pilih/centang "transparent".
7. Setelah gambar jadi, anda akan dibawa ke halaman hasil akhir gambar. Di halaman tersebut terdapat gambar tanda tangan/signature dan di bwahnya tertera ID dari tanda tangan tersebut. SImpan ID jika dibutuhkan kembali di kemudian hari. Untuk menyimpan gambar, klik kanan, lalu pilih 'save as' atau 'save image as'

Cara Memasang Tanda Tangan di Bawah Posting Blog

1. Pastikan terlebih dahulu gambar tandatangan tadi telah di upload. Kemudian simpan direct url dari gambar tersebut.
2. Untuk menampilkan gambar di bawah posting kita bisa menggunakan dua cara:
  a. Dengan memasukkan html gambar di fitur blogger untuk menyisipkan widget di posting:
Dari Setting > Formatting > Lihat ke bagian kosong di sebelah kanan Post template di bagian bawah halaman.
Isikan script image ke dalamnya:
< img border="0" src="urlgambartandatangan.jpg" />
Ganti urlgambartandatangan.jpg dengan url gambar tandatangan sobat.
Kelemahan dari cara ini adalah susunan struktur pada badan post kadang-kadang bisa kacau, dan membutuhkan waktu load yang lebih lama

b. Dengan memasukkan gambar di bagian template HTML melalui Edit HTML Blogger:
Melalui Edit HTML, sobat dapat memasukkan script secara lebih leluasa dan juga dapat menambahkan aturan-aturan tertentu agar struktur tampilan lebih sempurna.
- Di beberapa tutorial, saya melihat script yang dimasukkan hanya dalam bentuk HTML gambar seperti ini:
< img border="0" src="urlgambartandatangan.jpg" />
Namun, jika hanya dengan HTML gambar, struktur gambar menjadi tidak independen karena dia mengikuti aturan (div) pada tulisan di atasnya (tulisan posting di bagian akhir/bawah). Sehingga kadang-kadang gambar betubrukan dengan tulisan atau bergeser.
- Untuk membuat gambar berstruktur independen maka tambahkan struktur sendiri pada tag gambar:
<div>< img border='0' src='urlgambartandatangan.jpg' /></div>
Dengan cara ini, gambar dapat berada di baris selanjutnya di bawah tulisan posting.
- Agar gambar bisa diatur posisinya, akhirnya gunakan aturan berikut:
<div style='padding:5px;float:right'>< img border="0" src='urlgambartandatangan.jpg' /></div>
- right akan menampilkan gambar di sisi kanan, ganti dengan left jika ingin gambar berada di sebelah kiri.Ganti urlgambartandatangan.jpg dengan url gambar tandatangan yg telah di-upload.
- Setelah selesai mengedit script, masuk ke dahsboard > design > Edit HTML.
- Jangan lupa centang "Expand Widget Templates"
- Cari <data:post.body/>
- Letakkan kode yang telah diedit tadi tepat di BAWAH-nya.
- Save Template.

Note: Jika blog telah menggunakan fitur auto readmore, ada lebih dari satu <data:post.body/>, letakkan kode tanda tangan di bawah <data:post.body/> yg kedua.

Cara mendaftarkan Blog ke google

Setiap blogger pasti ingin blognya terindex di google. Itu pun termasuk saya. Setelah saya cari di Google, akhirnya saya temukan cara mendaftarkan blog ke google. Tanpa basa-basi lagi, langsung saja, ini caranya:

1. Silahkan buka tautan ini : https://www.google.com/webmasters/tools/submit-url?pli=1
2. di kotak url, masukkan url blog kamu. Lalu, di kotak dibawahnya, kamu masukkan kode pengamannya.


3. jika sudah, kamu klik kirim permintaan.
4.kalau diatas ada tulisan ( Your request has been received and will be processed shortly. )
   berarti sudah berhasil
blog kamu akan terindeks di google.

SELAMAT MENCOBA, SEMOGA BERHASIL!!!!

Yang terakhir, tolong tinggalkan komentar anda....

Cara merubah tampilan latar belakang facebook

Karena bosan dengan tampilan facebook yang gitu-gitu aja, seorang teman saya meminta saya untuk mencari cara untuk merubah tampilan latar belakang facebook-nya. Setelah saya cari-cari di internet, akhirnya saya menemukan Cara merubah tampilan latar belakang facebook .Cara yang akan saya bagikan menggunakan google chrome, dan Mozzila . Jika ada yang ingin mencoba, silahkan lihat cara di bawah ini.
Menggunakan Chrome:
1. Silahkan buka tautan ini : http://userstyles.org/styles/browse?category=facebook.com anda akan di bawa ke

userstyles.org - Facebook themes and skins. Disana, ada berbagai macan latar belakang facebook yang bisa anda pilih.


2. Pilih latar belakang yang ingin anda pasang pada facebook anda dengan cara mengklik gambar skin tersebut.

3. Setelah meng-klik gambar tadi, kamu akan dibawa untuk melihat preview skin tersebut

4. Untuk pemasangannya, kamu klik install this style as user script. 
5.Untuk Google Chrome, pada pop up window yg muncul, klik install.

Menggunakan Mozilla:
1. Buka alamat ini https://addons.mozilla.org/en-US/firefox/    untuk mencari add-on Stylish


2. Setelah ketemu, klik Download Now


3.Akan muncul window baru untuk melakukan instalasi. klik install now


4. Restart mozilla firefox anda.


5. Silahkan buka tautan ini : http://userstyles.org/styles/browse?category=facebook.com anda akan di bawa ke

userstyles.org - Facebook themes and skins. Disana, ada berbagai macan latar belakang facebook yang bisa anda pilih.


6. Pilih latar belakang yang ingin anda pasang pada facebook anda dengan cara mengklik gambar skin tersebut.

7. Setelah meng-klik gambar tadi, kamu akan dibawa untuk melihat preview skin tersebut

8.Untuk pemasangannya, kamu klik install this style as user script. 


9.Kemudian akan muncul pop up window untuk pemasangan. klik save.
Sekarang restart browser kamu.
hasilnya akan seperti ini:

Untuk Lihat Klik 

dan masih banyak hasil lainnya jika anda mau mencoba.

SELAMAT MENCOBA, SEMOGA BERHASIL..

Yang terakhir, tinggalkan komentar anda.....

Cara Mengubah Tampilan Kursor di Blog

Halo, teman-teman, kali ini saya ingin berbagi kepada kalian tentang cara mengubah tampilan kursor di blog. Mungkin teman-teman pernah melihat di salah satu blog, termasuk blog saya memiliki bentuk kursor yang berbeda dari biasanya. Bagi teman-teman yang ingin, silahkan simak caranya berikut ini:

1. Masuk ke akun blogger kamu, pilih rancangan, lalu pilih Edit HTML.

2. Cari kode </head>. Untuk mempermudah pencarian, tekan Ctrl+F di keyboard.

3. Copy-kan kode dibawah, tepat diatas kode </head>.
 
<style type='text/css'>
HTML,BODY{cursor: url(&quot;http://www.sc2mapster.com/media/attachments/7/200/Misu_SC2_Terran_Cursor_Pulse.gif&quot;), auto;}
</style>

4.Kode yang dicetak tebal, kamu ganti dengan alamat gambar yang ingin kamu pakai untuk dijadikan kursor.

5. Klik simpan.

Selamat Mencoba...

Cara memasang widget Jam Ben 10 di sudut kiri bawah blog

Hai, sobat semua... Apa kabar?? Saya yakin semuanya baik-baik saja. Jika anda lihat di sudut kiri bawah blog saya, terdapat jam dengan gambar ben 10. Tau gak ben 10?? Pastinya semua tau ya....

Jika ada sobat blogger yang ingin memasangnya, ikuti langkah berikut:
1. Login ke blogger anda.
2. Buka rancangan->edit HTML.
3. Jika sudah, cari kode </body>. Untuk mempercepat pencarian, tekan Ctrl+F.
4. Taruh kode di bawah tepat di atas kode </body>

   <script language='JavaScript' src='http://sites.google.com/site/oridmail/oRiDscript.js' type='text/javascript'/>
<script language='JavaScript' type='text/javascript'>eXl1lXc(&#39;http://sites.google.com/site/oridmail/Ben10time.swf&#39;,&#39;bottom&#39;,&#39;0px&#39;,&#39;left&#39;,&#39;0px&#39;,&#39;123457&#39;,&#39;200&#39;,&#39;220&#39;,&#39;transparent&#39;,&#39;ffffff&#39;);</script>

5. Setelah itu klik simpan.

Selamat Mencoba...

Cara Membuat Judul Blog berjalan

Cara Membuat Judul Blog berjalan ~ Judul/Title blog secara default, berada dalam keadaan statik. Namun, kita bisa memberikan efek pada judul blog kita dengan kode JavaScript, sehingga bisa berjalan dari kanan ke kiri.


 Mari kita buat :
  • Dari dashboard >> Design >> Add a gadget >> Html/Javascript 
  • Copy dan paste code berikut di HTML/Javascript :
<script language=javascript>
msg = "...Syem Fremay Belajar Di Blog...";

msg = "..." + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0,

pos);
pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
</script>

Note: Ganti '...Syem Fremay Belajar Di Blog...' dengan teks yang diinginkan.
  • Save/Simpan, dan lihat hasilnya.

Selamat Mencoba...