Membuat Gambar Hidup Di Pojok Halaman Blog Membuat Gambar Hidup Di Pojok Halaman Blog

Friday, August 6, 2010 0 comments

Anda pingin ada sesuatu gambar hidup yang menghiasi halaman blog anda..?
Gambar ini bisa anda letakkan di salah satu pojok di halaman blog anda.
Anda bisa meletakkannya di kiri atas, kiri bawah, kanan atas ataupun kanan bawah

Bagaimana caranya..?
Silahkan ikuti langkah-langkah berikut ini.

1. Pertama-tama silahkan cari dulu icon yang cocok dengan selera anda di sini [ gifs ]
2. Setelah ketemu gambar yang anda inginkan, silahkan di copy alamat URL nya
3. Masuk ke Dasbor
4. Klik Tata Letak
5. Klik Edit HTML
6. Klik kotak kecil Expand Template Widget
7. Silahkan cari di dalam template anda kode ]]></b:skin>
8. Persis sebelum kode tersebut, copypastekan script berikut ini

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+
document.documentElement.clientWidth - offsetWidth); }

9. Text yang berwarna merah adalah menunjukkan posisi penempatan dari gambar tersebut
10. Silahkan anda ganti sesuai keinginan anda, (kiri=left, kanan=right, atas=top, bawah=bottom)
11. Berikutnya cari lagi di dalam template anda kode </body>
12. Persis sebelum kode tersebut, copypastekan script berikut ini

<div id="trik_pojok">
<a href="http://pinginbelajar.blogspot.com">
<img src="http://www.boongan_doang.gif" border="0" /></a>
</div>

13. Silahkan ganti http://pinginbelajar.blogspot.com dengan alamat blog anda
14. Ganti juga http://www.boongan_doang.gif dengan alamat URL gambar pilihan anda, yang telah anda copy (lihat langkah no. 2)
15. Cara mendapatkan URLnya, silahkan anda klik kanan pada gambar yang anda inginkan, kemudian klik Properties, kemudian copy alamat URL yang ditampilkan pada baris Location
16. Klik Pratinjau untuk melihat hasil kerja anda
17. Jika sudah sesuai dengan keinginan anda, klik Simpan Template
18. Selesai

Cara Membuat tulisan tab berjalan pada Blog

0 comments



Untuk membuat tampilan blog title-nya bisa berjalan sangatlah mudah, seperti yang telah dijelaskan sebelumnya bahwa cara pembuatan kode html pada postingan selalu dimulai dengan membuka terlebih dahulu halaman dan kemudian barulah kita meletakkan kode-kode html tersebut kedalamnya. Untuk lebih jelasnya cara membuatnya adalah sebagai berikut :
  • Seperti biasanya, dari halaman Dashboard, klik Tata Letak dan pilih Edit HTML:
  • Lalu kamu kopi kode berikut :



    <script language='JavaScript'>
    var txt=":::<data:blog.pageTitle/>::: ";
    var kecepatan=200;var segarkan=null;function bergerak() { document.title=txt;
    txt=txt.substring(1,txt.length)+txt.charAt(0);
    segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
    </script>
  • Letakkan script tersebut di bawah kode :



    <title><data:blog.pageTitle/></title>
    yang letaknya berada di bawah <head> (script paling atas).
  • Kamu bisa mengganti ::: dengan <> atau dengan karakter lainnya.
  • Lakukan Pratinjau (preview) sebelum menyimpannya.
Dan jika ingin membuat Shortcut Icon (Favicon), kopikan kode script ini :
<link href='URL foto/logo' rel='shortcut icon' type='image/x-icon'/>
Letakkan kode tersebut di bawah penutup script yang pertama kamu kopikan (di bawah </script>), dan gantilah URL foto/logo dengan alamat URL foto atau logo yang diinginkan.

Mematikan Fungsi Keyboard Dan Klik Kanan Mouse Untuk Mengatasi Plagiarisme

0 comments

Banyak sobat yang bertanya, bahkan ada yang melalui email Facebook, mengenai cara mematikan klik kanan mouse setelah melihat pesan yang muncul ketika melakukan klik kanan mouse di blog SC Community. Mungkin sobat tersebut merasa penasaran dan ingin blognya tidak bisa diplagiasi oleh orang lain.

Sebenarnya apabila kita googling, banyak situs yang membahas masalah ini. Tapi demi pengetahuan sobat, tidak ada salahnya saya jelaskan di sini. Namun apakah trik ini benar-benar ampuh untuk menghindari plagiarisme? Itu soal lain, karena bagi para master di bidang ini, bisa saja mereka melakukannya sekalipun sudah diakali sedemikian rupa. Tapi paling tidak, dengan cara ini dapat sedikit mengurangi tindakan plagiarisme.


Ada dua cara untuk mematikan fungsi klik kanan mouse: Pertama, dengan menambahkan perintah pada kode <body>, dan kedua, dengan javascript.

Menambah Perintah Pada <body>
Langkah-langkah yang harus kamu lakukan adalah:
  • Dari halaman dasbor, klik Tata Letak - Edit HTML.
  • Kemudian cari kode <body> (gunakan Control F atau F3).
  • Tambahkan perintah berikut kedalamnya:
    oncontextmenu='return false' (untuk mematikan klik kanan mouse)
    onmousedown='return false' (untuk mematikan klik blok ke bawah)
    onselectstart='return false' (untuk mematikan seleksi blok)
    onkeypress='return false' (untuk mematikan tombol keyboard)
    sehingga nampak seperti ini:
    <body oncontextmenu='return false' onmousedown='return false' onselectstart='return false' onkeypress='return false'>
    Kamu bisa memilih salah satu perintah tersebut sesuai kebutuhan.
  • Simpan hasil editing dan ucapkan Alhamdulillah.....

Menggunakan JavaScript
Langkah-langkah yang harus kamu lakukan adalah:
  • Langkah 1 dan 2 sama dengan di atas.
  • Letakkan script berikut di bawah kode <body>:
    <script language='JavaScript'>
    var message="Isi dengan pesan yang kamu inginkan";

    function clickIE4(){
    if (event.button==2){
    alert(message);
    return false;
    }}

    function clickNS4(e){
    if (document.layers||document.getElementById&amp;&amp;!document.all){
    if (e.which==2||e.which==3){
    alert(message);
    return false;
    }}}

    if (document.layers){
    document.captureEvents(Event.MOUSEDOWN);
    document.onmousedown=clickNS4;
    }
    else if (document.all&amp;&amp;!document.getElementById){
    document.onmousedown=clickIE4;
    }

    document.oncontextmenu=new Function("alert(message);return false")
    </script>
    Ganti isi variable message sesuai pesan yang ingin kamu sampaikan. 

Memasukkan Tanda Tangan Kedalam Artikel Blog

0 comments

Tanda tangan dalam sebuah artikel mungkin tidak lazim dilakukan pada tulisan-tulisan biasa di dunia nyata, tapi tidak begitu jika kaitannya dengan dunia maya. Sebuah tanda tangan di akhir setiap artikel (posting) menjadi kelihatan lebih menarik dan berfungsi sebagai peneguhan akan tulisan pribadi, baik berupa saduran, suntingan tulisan orang lain, atau karya sendiri (jiplakan gak termasuk, hehehe...).

Untuk membuat tanda tangan (signature) ini kamu bisa membuatnya dengan Photoshop, Corel, atau yang lainnya. Bisa juga dengan cara scanning terhadap tanda tangan kamu sendiri. Namun jika kamu ingin yang lebih praktis, kamu bisa mengunjungi situs www.mylivesignature.com. Sesuai namanya, situs ini mengkhususkan diri dalam pembuatan tanda tangan.


Jika kamu ingin memasukkan tanda tangan kedalam artikel blog, ikutilah langkah-langkah berikut:

Langkah Pertama
  • Bukalah situs www.mylivesignature.com, kemudian klik pada Click Here To Start.
  • Setelah itu pilih Using the signature creation wizard.
  • Isikan nama kamu pada kotak, lalu klik Next Step.
  • Pilih jenis huruf sesuai seleramu, klik Next Step.
  • Pilih ukuran huruf yang dinginkan, klik Next Step.
  • Pilih background dan warna huruf sesuai seleramu (jika ingin dengan background trasnparan, beri centrang pada kotak Trasnparent), klik Next Step.
  • Pilih slope sesuai sesuai seleramu, klik Next Step.
  • Klik kanan mouse, pilih Copy Image Location.
  • Jika kamu inginkan, simpan image tanda tangan ini pada hosting image punyamu.

Langkah Kedua
  • Dari halaman dasbor, klik Tata Letak - Edit HTML.
  • Beri tanda centrang pada Expand Template Widget.
  • Kemudian cari kode berikut (gunakan Control F atau F3):
    <p><data:post.body/></p>
    Jika tidak ketemu (karena tiap template berbeda-beda kodenya), cari kode <data:post.body/>. Dan jika ada dua buah (karena sudah menambahkan readmore), pilih kode yang pertama.
  • Lalu masukkan syntax berikut di bawahnya:
    <img src='URL Image' style='border:0px; width:100px;'/>
    Jika ingin diletakkan di sebelah kanan, buat perintahnya seperti ini:
    <div style='text-align:right; margin:5px 10px 0 0'><img src='URL Image' style='border:0px; width:100px;'/></div>
  • Ganti URL Image dengan URL image tanda tanganmu, dan atur lebar (width)-nya.

Cara Membuat Peel Banner Pada Blog

0 comments

Banyak blog yang  menampilkan effect yang sangat menarik, salah satunya adalah Peelbanners atau disebut juga page blog yang letaknya disudut kanan yang bisa ditarik seperti kertas setelah habis membaca halaman berikutnya, untuk membuatnya tidaklah sulit karena banyak situs yang dapat membuat effect ini secara gratis. Untuk lebih jelasnya seperti biasa terlebih dahulu masuk ke blog html, kemudian pilih edit tata letak dan tambahkan widget html. 
Setelah ditambahkan widget html kemudian copy and paste script di bawah ini ke dalam html widget tersebut. Dan untuk mengubah alamat seperti contoh dibawah yang berwarna merah, dapat juga  kamu membuat sendiri alamat tersebut dengan menggunakan Flash File (swf).
Copy dan paste script berikut ini kedalam widget html :

<style type="text/css">
#peel { position:absolute; top:0px; right:0px; width:480px; height:480px; z-index:99; }
</style>
<div id="peel">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://active.macromedia.com/flash8/cabs/swflash.cab#version=8,0,0,0"
id="name" width="480" height="480">
<param name="movie" value="http://agusevirusli.blogspot.com//123-banner-com-65655.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed name="name"
src="http://agusevirusli.blogspot.com//123-banner-com-65655.swf"
quality="high" wmode="transparent" width="480" height="480"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?
P1_Prod_Version=ShockwaveFlash">
</embed>
</object> </div>

 
TIPS TRICK SOFTWARE KOMPUTER DAN INTERN3t © 2011 | Designed by Bingo Cash, in collaboration with Modern Warfare 3, VPS Hosting and Compare Web Hosting