Membuat Style Border (Bingkai Pada Blog)

Pernahkah anda melihat bagian tulisan pada blog orang lain yang ditonjolkan atau dibedakan tampilannya dari yang lain. Biasanya bingkai pada tulisan itu dibuat orang untuk menonjolkan letak-letak kode html didalam postingan, hal ini ditujukan agar sipembaca yang mungkin memiliki keperluan dengan kode itu dapat dengan mudah mencari letak kode tersebut. Tetapi bukan hanya untuk menonjolkan tulisan kode html atau tulisan biasa saja. Style border ini juga dapat digunakan untuk memberi bingkai pada elemen-elemen penyusun blog kita sebagai contoh untuk memberi bingkai pada elemen yang tersapat di sidebar samping saya ini.

Baiklah tidak usah memperbanyak basa basi lagi sekarang mari langsung saja kita ikuti tutorial membuat style border atau bingkai pada blog ini.

Sebelumnya perlu diketahui bahwa border yang dikenal pada blog iu ada 5 macam untuk lebih jelasnya silahkan lihat disini.

Nah sekarang anda sudah tahu jenis-jenisnyakan sekarang mari kita bahas tentang cara memasangnya.caranya sangat mudah kok anda tinggal memasukkan kode ini disebelum tulisan atau kode yang ingin anda beri bingkai dan kemudian tutup dengan kode pada akhir kata yang ingin diberi bingkai. contoh cara penulisannya seperti ini :

<div style="background:#F2F2F2;border:3px dashed #FF0000; padding:5px;">
Misalnya tulisan yang berwarna merah ini adalah kata atau kode yang ingin anda tampilkan
</div>

dan hasilnya akan tampil seperti ini :

Misalnya tulisan yang berwarna merah ini adalah kata atau kode yang ingin anda tampilkan

keterangan :

1. kata tulisan #F2F2F2 yang berwarna biru tersebut adalah warna yang akan dipakai sebagai background atau latar belakang tulisannya dapat diganti dengan kode warna lain  (disini) dan jika ingin membuat transparan gnti kode tersebut dengan transparent

2. tulisan border:3px yang berwarna ungu itu artinya ketebalan style bingkai atau garis itu adalah sebesar tiga pixel anda dapat mengganti angkanya dengan angka lain yang lebih besar agar garis tepi atau bingkainya dapat terlihat lebih jelas

3. tulisan dashed yang berwarna abu-abu itu menandakan bahwa jenis bingkai yang dipakai adalah bingkai mode dashed anda dapat menggantinya dengan jenis bingkai lain (disini)

4. tulisan #000000 yang berwarna hijau berarti menandakan warna bingkai hitam dapat diganti dengan warna lain (disini)

5. tulisan yang berwarna merah tersebut merupakan kata atau kode yang ingin diberi bingkai

6.sebelum memakai kode dotas copykan terlebih dahulu kode ini ke notepad dan kemudian baru pastekan kode ini dari notepad ke tulisan yang akan diberi bingkai

selain memberi bingkai anda juga dapat menghias tulisan dengan memberikan kode warna sebagai background atau latar belakangnya. caranya juga sama yaitu anda tinggal memasukkan kode ini disebelum tulisan atau kode yang ingin anda beri bingkai dan kemudian tutup dengan kode pada akhir kata yang ingin diberi bingkai. berikut kodenya :

<div style="background:url(http://tbn3.google.com/images?q=tbn:KDWDbGhuClbIYM:http://www.uea.ac.uk/~e197/backgroun2.gif); width:500px; height:50px; padding:5px;">
disini text yang akan ditonjolkan agar tampil berbeda dari tulisanlain
</div>

ini hasilnya :

disini text yang akan ditonjolkan agar tampil berbeda dari tulisanlain

keterangan :

1. width:500px artinya lebar kolom bingkainya sebesar 500 pixel dapat diganti dengan angka yang lebih besar atau lebih kecil

2. height:50px artinya tinggi kolom bingkainya sebesar 50px pixel dapat diganti dengan angka yang lebih besaar atau lebih kecil

3. selamat mencoba ... !!!

Read more

Mengenal jenis-jenis Style Border

Sering kali kita melihat bagian tulisan atau elemen disidebar blog orang lain yang dibubuhi hiasan berupa bingkai di tepinya, bahkan pada sebahagian lainnya juga ada yang dihiasi berupa gambar belakang atau background sebagai latar belakang penulisannya.dan untuk masalah ini sudah ada beberapa orang yang menanyakan cara pemasangannya pada saya
Nah oleh karena itulah pada pembahasan ini saya tertarik untuk membahas tentang penggunaan style border atau bingkai pada blog ini, tetapi sebelum membahas mengenai cara pemakaiannya alangkah lebih baik kalau kita belajar untuk mengenal jenis-jenis style bordernya terlebih dahulu, iyakan ?

Pada umumnya jenis style border yang sering digunakan oleh para blogger ada 5 macam tampilan, yaitu sebagai berikut :

1.

dotted

2.

dashed

3.

double

4.

solid

5.

groove

6.

ridge

7.

inset

8.

outset

sekian dulu penjabaran jenis-jenis style border dari saya semoga bermanfaat

Read more

Membuat tag cloud animasi

Tag Cloud animasi atau Tag Cumulus adalah salah satu widget yang berguna untuk merapikan label anda dan membuatny berputar, kalau bagi yang belum tau bagaimana bentuknya bisa dilihat d sidebar saya yang bernama orichalcos tag d bawah about me yg berputar-putar itu lho XD, kalau merasa menarik untuk membuatnya mari ikutin aja instruksi dari saya

1. Buka Blogger kamu, masuk ke Tata Letak, trus Edit HTML.
2. BackUp template kamu untuk berjaga-jaga kalo ntar ada yang salah, caranya klik Download Template Lengkap.
3. Centang Expand Template Widget.
4. Trus cari kode

<b:section class='sidebar' id='sidebar' preferred='yes'>

, biar gampang pake CTRL+F.
5. Copy code dibawah ini, pastekan dibawah kode tadi

<b:widget id='Label50' locked='false' title='Orichalcos Tags' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://noone.googlecode.com/files/SIDtagcloudcumulus.txt' type='text/javascript'/>
<div id='flashcontent'/>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://www.fileden.com/files/2009/11/17/2654961//DADorichalcos.swf&quot;, &quot;tagcloud&quot;, &quot;270&quot;, &quot;185&quot;, &quot;7&quot;, &quot;#000000&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0xCC0000&quot;);
so.addVariable(&quot;hicolor&quot;, &quot;0xCC000&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;125&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Nah trus liat pada bagian yang berwarna Merah, bisa kalian edit sendiri,
Keterangannya:
270             = Lebar Widget dalam pixel
185            = Tinggi Widget dalam pixel
#000000     = Warna Background (Putih), kalo pengen dijadiin item, ganti aja dengan #00000
0xCC0000  = Warna Huruf hijau.
12              = Ukuran Huruf
0xCC0000  = Warna huruf ketika mouseover atau pada saat ditunjuk kursor
Udah Jadi deh,, coba kalian liat hasilnya,,,

saran: apabila anda ingin membuat warna background menjadi transparent anda dapat menghilangkan tanda // di so.addPram dari //so.addPram menjadi so.addPram

kode warna untuk mouseover                                            Kode warna untuk background            
pink = 0xFF00F8                                                                  pink = #FF00FF
biru = 0x0028FF                                                                   biru = #0000FF
merah = 0xCC0000                                                               merah = #FF0000

hijau = 0x00A300                                                                  hijau = #00FF00

ungu = 0x6D00A3                                                                 ungu = #8000FF

kuning = 0xCCCC00                                                             kuning = #FFFF00

orange = 0xFF3300                                                               orange = #FFFF00

dan kalau mau menanyakan warna lainnya atau bermasalah dengan kodenya bisa komen d bawah ini XD  hasil karya dari SID (|S|uperior is the ™devilz™) atau bisa disingkat dengan superid
kalau mau mengambil mengcopy silahkan saja asal jangan lupa untuk mencantumkan
sumber dari:http://www.superid.co.cc

Read more

template blog

di jaman serba canggih ini semakin banyak aja situs buat nulis article kita atau yang lainnya seperti blogspot, wordpress joomla n lain2, tapi pada kali ini n karena saya hanya pengguna blogspot/blogger saya akan merekomendasikan situs penyedia template yg d jamin gk bakal nyesel
lgsung aja deh saya kasih situsnya :
blog template4u
blog template4u penyedia template yg menurut saya style nya modern
btemplate
btemplate pnyedia template yg kebanyakan ber style classic
newbloggertemplate
newbloggertemplate menurut saya sgt co2k utk semua kalangan karena dia memiliki berbagai macam style
anime
dan ini template bagi penggemar anime

sebelum anda mendownload template yg anda pilih sebaiknya anda mengklik demo dulu biar anda tidak menyesal

Read more

Ninja saga :cara mudah menyelesaikan kekkai 3

Kali ini saya akan membahas bagaimana cara mudah menyelesaikan kekkai dengan 3 opsi
langsung aja trick nya:

1.kita buat 2 warna sekaligus seperti tampak pada gambar di atas

2.maka kita akan jawaban sperti gambar diatas n selanjutnya dengan warna lainny dengan opsi langsung 2 warna sperti sebelumnya

3.maka kita akan mendapatkan hasil seperti pada gambar di atas
hint:hasil tdk selalu sama sprti pada gambar diatas,jde apabila kita menemukan hasil d atas brarti antara biru dengan hitam yg tmpatnya trbalek n cba kita menggunakan insting/prkiraan kita dlu,dsini prkiraan saya warnanya hijau hitam putih n apa hasilnya

4.ternyata saya hanya benar 1 XD,jde d antara warna yg saya masukkan di atas hanya 1 yg benar warna n posisinya
hint:apabila kita sudah mendapatkan jawaban seperti diatas,maka kita akan menggunakan insting/perkiraan ge,lihat sperti pada gambar diatas apabila jawaban kita diatas hanya bnar 1 atau 2 berarti ada warna yg salah, coba lihat apabila warna saya benar tetapi penempatannya salah seharusnya saya mendapatkan setidaknya 3jawaban kuning tetapi saya hanya mendapatkan 1 jawaban hijau berarti dapat d pastikan bahwa warna yg salah mungkin hitam dan putih

5.sehingga saya membentuk warna hijau kuning dan biru karena menurut saya warna hitam dan putih salah n mari kita lihat jawabannya

6.selamat kamu berhasil menyelesaikannya

kalau ada yg kurang jelas atau kurang mengerti bisa langsung untuk memberi komentar pada kotak komen d bawah, sekian

Read more

Netcut | tool hack

kali ini saya akn mengeshare salah satu tool hack yaitu namanya netcut, gunanya yaitu apabila d dalam 1 warnet atau 1 jaringan Wifi klian smw pzti sebel apabila trlalu banyak yg menggunakan sehingga koneksi nya tersebut lambat, nah d sini lah software ini bekerja, dengan software ini kita dapat untuk memutuskan koneksi suatu komp atau lappie yg mw d putuskan (bsa d katakan dy akan DC [disconnect] ) inget ne software hanya d gunakan bwt have fun jgn tuk tindakan d luar jangkauan XD

ne dia softwareny download

Read more

CardRecovery 5.20 Full Patch | Tool Buat Mengembalikan File Yang Sudah Terhapus

CardRecovery 5.20 merupakan sebuah tool yang berfungsi untuk mengembalikan file-file yang sudah terhapus secara sengaja ataupun tidak.

Features of CardRecovery :

• Recover deleted photos from memory cards.
• Recover lost photos from memory cards.
• Recover photos from formatted memory cards.
• Recover photos from damaged, unreadable or defective memory cards.
• Recover pictures from removable storage including floppy disks, Zip disks etc.
• Recover images, audio/video, MP3/MP4 files from cellular phones, MP3 players, PDAs.

Link download

Read more