* CARA MEMASUKKAN GAMBAR
kode :
<img src=”http://kendhin.890m.com/banner-trik.gif” border=”0″ height=”17″ width=”90″>
keterangan :
yang warna biru adalah lokasi gambar kamu.
height=”17″ width=”90″ adalah ukuran lebar dan tinggi gambar
hasil :
* CARA MEMBUAT LINK
Kode :
<a href=”http://trik-tips.blogspot.com” >trik blog </a>
Keterangan :
Text warna biru adalah link yang dituju.
Tulisan “trik blog” adalah tulisan yang ditampilkan.
Jika pingin yang dikasih link bukan tulisan melainkan gambar maka ganti tulisan tersebut dengan kode gambar seperti diatas, sehinga kodenya akan seperti ini :
<a href=”http://trik-tips.blogspot.com” target=”_blank”><img src=”http://kendhin.890m.com/banner-trik.gif” border=”0″ height=”17″ width=”90″> </a>
Jika pingin link yang dituju dibuka dalam window baru maka tambahkan kode target=”_blank” setelah kode “http://trik-tips.blogspot.com”
Hasil :
trik blog (dibuka pada window yg sama)
(dibuka pada window baru)
* CARA MENGETENGAHKAN TEXT/GAMBAR
Kode :
<center>text</center>
Keterangan :
Ganti tulisan “text” dengan tulisan yana kamu inginkan, tau bisa juga diganti dengan gambar
* CARA MEMBUAT BARIS BARU
Kode :
<br>
Keterangan :
Tambahkan kode tersebut sebelum objek (text/gambar) yang dinginkan
* MEMBUAT HURUF TEBAL, MIRING DAN BERGARIS BAWAH
Kode :
<b>text</b>
<i>text</i>
<u>text</u>
Hasil :
Tebal
Miring
Garis Bawah
* MEMBERI WARNA TEXT
<font color=”#FF0000“> text </font>
<font color=”red“> text </font>
Keterangan :
Ganti text yang dicetak tebal dengan warna atau kode warna kesukaanmu.
Hasil :
Merah
biru
* KODE-KODE WARNA
| Warna | Kode |
| #000000 | |
| #999999 | |
| #FFFFFF | |
| #FF0000 | |
| #00FF00 | |
| #0000FF | |
| #FFFF00 | |
| #00FFFF | |
| #FF00FF | |
| #9900FF | |
| #FF6600 |
Kode2 warna selengkapnya bisa dilihat DISINI
* PENULISAN KARAKTER-KARAKTER KHUSUS
Ada beberapa karakter yang tidak bisa ditulis secara langsung, jika ditulis maka akan hilang atau berubah, jadi untuk menuliskanya harus menggunakan kode-kode tertentu, berikut ini contoh karakter-karakter tersebut :
|
Karakter
|
Kode
|
|
>
|
>
|
|
<
|
<
|
|
&
|
&
|
|
“
|
"
|
|
(spasi)
|
|
Kita panjatkan puji dan syukur kehadirat Allah SWT, bahwa kita masih dapat hadir di sini dalam keadaan yang sehat wal’afiat. Dalam kesempatan kali ini akan membahas tentang penyalahgunaan teknologi internet.
Dizaman dewasa seperti ini teknologi sudah semakin berkembang . Dengan berkembangnya teknologi, banyak orang yang melakukan suatu kejahatan. Banyaknya tindakan criminal yang timbul dan berkembang, membuat suatu paradigma bahwa tidak ada komputer yang aman kecuali dipendam dalam tanah sedalam 100 meter dan tidak memiliki hubungan apapun juga. Seperti seorang hacker dapat masuk ke dalam suatu sistem jaringan perbankan untuk mencuri informasi nasabah yang terdapat di dalam server mengenai data base rekening bank tersebut, karena dengan adanya e-banking jaringan tersebut dapat dikatakan terbuka serta dapat diakses oleh siapa saja. Walaupun pencurian data yang dilakukan sering tidak dapat dibuktikan secara kasat mata karena tidak ada data yang hilang tetapi dapat diketahui telah diakses secara illegal dari sistem yang dijalankan.
Lalu tindakan penyalahgunaan selanjutnya adalah beredarnya gambar-gambar porno hubungan seksual/pornografi, misalnya antara seorang bintang sinetron Sukma Ayu dan Bjah, seorang penyanyi dari group band yang ternama. Gambar-gambar tersebut beredar secara luas di Internet baik melalui e-mail maupun dalam tampilan website yang dapat disaksikan oleh siapa saja secara bebas.
Pengungkapan kejahatan ini masih sangat kecil sekali, dikarenakan banyak kendala dan hambatan yang dihadapi dalam upaya pengungkapannya.
Fakta mencengangkan seputar situs porno Setiap detik, 28.258 orang di dunia melihat tayangan pornografi di internet (berupa Gambar dan Film). Setiap detik 372 orang mencari materi pornografi lewat mesin pencari di internet. Jumlah situs pornografi di internet mencapai 4,2 juta situs.
Apakah penyebabnya? Kalau tentang criminal, seperti membobol atau mengambil data tentang nasabah, salah satu penyebabnya adalah factor ekonomi, dimana seperti saat ini banyak orang yang kesusahan akan uang untuk terus bertahan hidup. Kalau penyebab tentang munculnya gambar-gambar porno secara bebas adalah tidak terprivasinya situs-situs tersebut, sehingga gambar-gambar tersebut bias beredar secara luas.
Bagaimana solusinya? Solusinya yang paling jitu adalah lebih mendekatkan lagi diri kita kepada Allah SWT sang pencipta. Dengan begitu kita akan lebih bisa mencegah perbuatan criminal karena kita akan ingat dengan dosa kita apabila melakukan suatu tindakan criminal.
Di sini kami mengajak anda semua untuk tidak melihat hal-hal yang tidak sepatutnya kita lihat dan jangan pernah mencoba melakukan tindakan criminal karena itu akn membuat orang lain menderita kerugian. Kalau bisa marilah kita dukung pemerintah yang berusaha memberantas hal-hal pornografi dan tindakan criminal di dunia maya lainnya.
Akhir kata kami ucapkan terima kasih atas perhatiannya. Mohon maaf apabila ada kesalahan dalam pengucapan kata yang kurang berkenan di hati anda semua.
Wassalamualaikum Wr.Wb
Cara Membuat Template di Blogger
Template
Yak akhirnya jadi juga, seperti yang aku janjikan kemarin yaitu “Cara Membuat Template Blogger”. Mulai dari mana ya? nnnngg.. :t ohya, tak jelasin dulu deh tentang artikel ini. Gini, dalam trik berikut, kita akan mencoba membuat template yang paling sederhana dan paling mudah. Sebenarnya dalam mebuat template di blogger harus mengerti tentang CSS dan HTML, tapi untuk kali ini kita hanya memerlukan sedikit kemampuan tersebut karena kita akan membuat template yang paling sederhana, tapi jangan salah walaupun caranya sederhana tapi hasilnya bisa sangat luar biasa, tergantung dari desainernya. Ok deh mulai aja deh ya, kayaknya udah pada nggak sabar nih.
Gini, cara termudah dalam membuat template blogger yaitu dengan mendownload sebuah template kemudian kita otak-atik sendiri, jadi kita tidak perlu membuat dari awal. Untuk bahan praktek kali ini kita coba memakai template yang aku dah pernah aku buat, downlad disini bahannya. Sebelum kita mulai gue saranin lo buat blog baru aja biar gak ngerusak blog asli kamu.
Tahap Desain
Template yang akan kita buat disini memiliki empat komponen utama yaitu Background, Header, Main dan Footer.
Jadi kamu harus membuat keempat komponen tersebut. Cara buatnya gimana? kamu harus bisa menggunakan software image editor seperti Photoshop, Corel, Paint dll. Cara pembuatan desainya lebih jelasnya seperti ini:
1. Buat desain seperti gambar diatas
2. Pada bagian background usahakan bersifat “Tile / Pattern” (kecil dan berulang-ulang).
3. Untuk Main dibagi lagi menjadi beberapa kolom, boleh 2 kolom, 3 kolom atau terserah deh. Dan biasanya terdiri dari bagian utama (posting) dan sidebar.
4. Kemudian potong-potong perbagian.
5. Untuk bagian Header motongnya harus full.
6. Bagian background, main dan footer motongnya sedikit aja karena bersifat “tile”
7. Desain diatas kalo dipotong-potong akan menjadi seperti ini :
8. Upload potongan-potongan tersebut pada sebuah webhosting atau layanan penyimpanan file lainya. Contohnya di geocities atau Photobucket dll.
Nha modeng po ra?
Sekarang kita memasuki ke tahap penyusunan di blogger. gini langkah-langkahnya. Ohya udah di download belum tadi bahanya, kalo belum download dulu diatas itu. Ok kita mulai:
1. Kembali ke blogger dan ke menu “Edit HTML”.
2. Trus klik tombol “Brows” untuk mengupload template yg udah kamu donwload tadi.
3. Kemudian Cari kode seperti ini:
body { margin: 0px; padding: 0px; text-align: left; font:$bodyfont; color:$textcolor; background: #323232 url(‘http://kendhin.890m.com/template/bg.jpg’) repeat-x top left; }
4. Ganti text yang dicetak tebal dengan lokasi gambar background yang kamu buat.
5. Cari kode seperti ini :
#center {background: #ffffff url(‘http://kendhin.890m.com/template/main.jpg’) repeat-y top center;}
6. Ganti text yang dicetak tebal dengan lokasi gambar main kamu.
7. Cari kode seperti ini:
#header { margin: 0; height:196px; width:898; color: $pagetitlecolor; background: url(‘http://kendhin.890m.com/template/head.jpg’) no-repeat top center; }
8. Ganti text yang dicetak tebal dengan gambar header.
9. Cari kode seperti ini:
#footer { margin: 0; width: 898px; height:80px; padding: 0px; background: url(‘http://kendhin.890m.com/template/foot.jpg’) repeat-y top center; }
10. Ganti text yang dicetak tebal dengan gambara foter.
11. Masih ada beberapa hal yang harus kamu perhatikan. coba cari kode-kode berikut:
#outer-wrapper { width: 898px; margin: 0px auto 0; text-align: justify; }
kode width: 898px menunjukkan lebar dari blog kamu, kamu bisa mengubahnya sesuai keinginanmu, tapi harus disesuaikan dengan lebar desain gambar yang kamu buat.
#main { float: left; width: 445px; margin: 5px; padding: 0px 0px 0px 10px; line-height: 1.5em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; }
kode width: 445px; adalah lebar daerah main yang berisi posting, kamu bisa merubahnya.
#sidebar { float: right; width: 153px; padding-right: 50px; font-size: 83%; color: $sidebartextcolor; line-height: 1.4em; word-wrap: break-word; overflow: hidden; }
#ads-wrapper {float: left; width: 195px; padding-left: 10px; word-wrap: break-word; overflow: hidden; }
kode width: 153px; adalah lebar sidebar bagian kanan. Dan kode width: 195px; adalah lebar sidebar bagian kiri. Terus kode padding-right: 50px; jarak antara tulisan atau isi sidebar sebelah kanan dengan garis batas kanan. Dan kode padding-left: 10px; adalah jarak antara isi sidebar kiri dengan garis batas kiri.
#header { margin: 0; height:196px; width:898; color: $pagetitlecolor; background: url(‘http://kendhin.890m.com/template/head.jpg’) no-repeat top center; }
kode height:196px; width:898; adalah ukuran tinggi dan lebar bagian header, kamu bisa menyesuaikannya dengan ukuran header kamu.
#footer { margin: 0; width: 898px; height:80px; padding: 0px; background: url(‘http://kendhin.890m.com/template/foot.jpg’) no-repeat top center; }
kode width: 898px; height:80px; adalah ukuran lebar dan tinggi bagian footer.
12. Nah kalo udah selesai coba di preview template kamu, sudah sesuai kah? atau hancur?
13. Kalo sudah di Save.
:f akhirnya selesai juga aku buat artikel tentang pembuatan template, capek ya? tapi ingat sekali lagi ini adalah metode membuat template yang mudah dan sederhana, jadi sebenrnya isi dari template lebih rumit lagi, munkin kapan-kapan akan kita bahas detail dari bagian-bagina template tersebut.
OK SELAMAT BERJUANG……
resource from trik-tips.blogspot.com
January 24, 2009 at 6:43 am
[...] internet [...]