Tutorial Software HTMLcolor v.1.4

0 komentar




Postingan kali ini agak sedikit berbeda dengan postingan-postingan
terdahulu. Jika sebelumnya saya banyak menulis tentang blog, design blog
serta hal-hal yang terkait dengan blog. Maka kali ini saya akan menuliskan
tentang cara kerja dari software HTMLcolor v.1.4. Sebenarnya tutorial kali ini sangatlah
berguna bagi sobat yang gemar mengotak-atik blog miliknya terutama pada bagian
pengaturan warna, karena dengan adanya bantuan software ini, maka akan dengan
sangat mudah untuk mencari tahu kode warna.





Sebelum masuk kepada pembahasan utama, diberitahukan bahwa mulai saat ini saya
akan sering membahas tentang fungsi-fungsi software yang tersedia di
http://www.resepbisnis.com/?id=rohman
serta di http://www.obralplus.com/?id=rohman
ini adalah sebagai rasa ungkapan terima kasih saya kepada para sobat yang telah mendaftar serta bergabung
melalui link milik saya, hal ini saya lakukan karena ada kabar bahwa ada salah satu sobat yang telah bergabung
namun masih bingung dengan fungsi-fungsi software yang tersedia pada kedua situs tersebut, sayang sekali bukan?
sofware-sofware yang sangat berguna menjadi tidak ada fungsinya di karenakan keterbatasan kemampuan kita
dalam mengoperasikan software tersebut.



Sedikit bercerita dulu ah, ga apa-apa kan? supaya tidak terlalu jenuh. Sudah lama saya tidak mengunjungi obralplus.com, yang
saya tahu selama ini adalah jika ada sobat yang mendaftar dan bergabung melalui link saya, maka akan ada
kiriman email sebagai pemberitahuan dari pihak obralplus.com, eh kemarin saya iseng-iseng klik link milik saya pribadi... dan.... wedewww... ada yang baru nih dari obralplus
yaitu rahasia AKSES INTERNET GRATIS Dengan Kartu CDMA.. waduh keren abis nih... langsung aja masuk ke halaman
member (soalnya sudah jadi member) dan langsung mendownload ebook tersebut karena sudah tidak sabar pengen ngenet
gratisan ( ... dasar tukang iklan... mau nulis tutorial malah iklan dulu... )


yang mau dapat informasi berharga ini, silahkan gabung di http://www.obralplus.com/?id=rohman

legal bozz tidak melanggar hukum. Udah dulu ah iklannya takut pada bosen bacanya.



Kembali kepada topik bahasan utama yaitu mengenai Software HTMLcolor v.1.4, software ini bisa sobat
dapatkan secara gratis di http://www.resepbisnis.com/?id=rohman.
Apabila sobat tidak berminat untuk bergabung maka tidak jadi soal, tujulah bagian paling bawah pada
situs tersebut, nanti sobat akan menemukan form untuk mengisi alamat email, maka masukan alamat email
milik sobat pada form tersebut. Jika sobat sudah memasukan alamat emailnya, maka tidak lama kemudian sobat
akan di kirim balik oleh resepbisnis.com
berupa link untuk mendownload software tersebut secara gratis. Apabila sobat sedikit khawatir akan besarnya
kapasitas data yang akan di download, maka jangan risau karena software tersebut kapasitas datanya sangat kecil
yaitu sebesar 147k. Satu lagi yang menarik yaitu software ini tidak perlu di install layaknya software yang lain,
sobat cukup menyimpannya dan apabila ingin di pakai tinggal di running saja.



Apa fungsi utama dari software ini?
lupa, mustinya tadi di awal. Fungsi dari software ini adalah untuk mengetahui kode warna yang tampil di layar monitor sobat,
cara kerja singkatnya seperti ini, jika sobat berkunjung ke suatu website atau blog dan melihat ada warna yang sobat sukai,
maka caranya yaitu running software HTMLcolor v.1.4 lalu sorot warna yang sobat sukai tersebut oleh mouse komputer, maka secara langsung
pada display software tersebut akan di tampilkan kode warna HTML, ini juga sangat berguna bagi sobat yang suka menampilkan iklan
adsense yang ingin warna backgroundnya sama persis dengan warna background blog miliknya. Agar lebih mudah untuk di mengerti, silahkan lihat
tampilan panel dari software HTMLcolor V.1.4 di bawah ini :





HTML color V.1.4




Tampilannya kecil tapi sangat berguna. Terlihat pada panel sebelah kiri ada kotak kecil, ini
berguna untuk melihat objek warna yang sedang di sorot oleh mouse, kotak gambar yang di sebelah kiri
bawah adalah display warna yang sedang di sorot, 1x 2x 4x 8x adalah nilai zoom yang di bisa di pilih untuk
memudahkan pemilihan warna. Satu yang paling penting adalah tulisan yang berada di samping F1, inilah
kode warna HTML yang di perlukan. Setiap sobat menggerakan mouse di layar monitor, maka angka angka yang
berada di samping F1 akan selalu berubah sesuai dengan warna yang sedang di sorot oleh mouse. jadi cara
kerjanya sangat mudah, sorot warna yang di sukai yang ada di layar monitor, lalu catat kode warnanya, selesai.
Contoh kode warna yang ada di panel yang saya berikan adalah ECE9D8, jadi apabila di pakai dalam template menjadi #ECE9D8.




Maaf sobat, tutorial kali ini sedikit belibet karena campur sama iklan




Eh ada yang baru lho dari uniQue, yang mau melihat-lihat template buatanku silahkan klik di sini!



Selamat berdownload ria !
newer post

Menampilkan karakter khusus

0 komentar



Beberapa waktu yang lalu sobat The-Ridho membrendel shoutbox ku dengan satu
pertanyaan yang isinya sama, entah berniat spam atau tidak sengaja terposting. Harusnya
tidak demikian, etikanya satu pertanyaan sudah cukup. Yang mau sekedar beriklanpun saya
perbolehkan akan tetapi harus wajar, jangan sampai tulisan yang sama di masukan berulang-ulang sehingga
mengganggu pemandangan serta menghalangi kesempatan orang lain untuk berkomentar.
Baiklah, kembali kepada pertanyaan sobat The-Ridho. Kutipan pertanyaannya seperti ini :






Bang kalau di ms word kita bisa menulis equation editor (lambang matematika) seperti integral, sigma, dll, klu di blog gmn carany b?




Untuk memuat sebuah equation editor (lambang matematika) tidak hanya pada ms word ataupun pada
software lainnya, pada blogpun bisa di lakukan, akan tetapi perlu trik khusus yaitu kita harus
mengganti equation editor tersebut atau katakanlah sebagai karakter khusus dengan notasi penggantinya atau
juga lebih kerennya lagi dinamakan entitas nya (kata orang IT begitu). Sebagai contoh untuk menuliskan
sebuah lambang sigma ( Σ ) sobat harus mengganti dengan entitasnya yaitu
Σ
dengan catatan pada saat posting artikel harus pada posisi Edit HTML bukan pada
posisi Compose. Memang, untuk beberapa karakter, sobat bisa mengcopy langsung dari ms word dan di paste
pada kolom posting, akan tetapi banyak sekali karakter yang tidak bisa di terjemahkan oleh browser sehingga akan
menghasilkan tampilan karakter yang tidak di inginkan, oleh karena itu sobat harus mengganti karakter-karakter tersebut dengan entitasnya.





Dibawah ini saya tuliskan beberapa karakter beserta entitasnya yang saya ketahui :






Karakter
Entitas
"
"
&
&
<
&lt;
>
&gt;
&euro;
Fungsi Spasi
&nbsp;
Á
&Aacute;
á
&aacute;
Â
&Acirc;
â
&acirc;
´
&acute;
Æ
&AElig;
æ
&aelig;
À
&Agrave;
à
&agrave;
Å
&Aring;
Ã
&Atilde;
ã
&atilde;
Ä
&Auml;
ä
&auml;
&forall;
¦
&brvbar;
Ç
&Ccedil;
ç
&ccedil;
¸
&cedil;
¢
&cent;
ˆ
&circ;
©
&copy;
¤
&curren;
°
&deg;
÷
&divide;
É
&Eacute;
é
&eacute;
Ê
&Ecirc;
ê
&ecirc;
È
&Egrave;
è
&egrave;
Ð
&ETH;
ð
&eth;
Ë
&Euml;
ë
&euml;
&euro;
Ë
&Euml;
½
&frac12;
¼
&frac14;
¾
&frac34;
Í
&Iacute;
í
&iacute;
Î
&Icirc;
î
&icirc;
¡
&iexcl;
Ì
&Igrave;
ì
&igrave;
¿
&iquest;
Ï
&Iuml;
ï
&iuml;
«
&laquo;
¯
&macr;
µ
&micro;
·
&middot;
¬
&not;
Ñ
&Ntilde;
ñ
&ntilde;
Ó
&Oacute;
ó
&oacute;
Ô
&Ocirc;
ô
&ocirc;
Œ
&OElig;
œ
&oelig;
Ò
&Ograve;
ò
&ograve;
ª
&ordf;
º
&ordm;
Ø
&Oslash
ø
&oslash;
Õ
&Otilde;
õ
&otilde;
Ö
&Ouml;
ö
&ouml;
&para;
±
&plusmn;
£
&pound;
»
&raquo;
®
&reg;
ƒ
&fnof;
Š
&Scaron;
š
&scaron;
§
&sect;
­
&shy;
¹
&sup1;
²
&sup2;
³
&sup3;
ß
&szlig;
Þ
&THORN;
þ
&thorn;
˜
&tilde;
×
&times;
Ú
&Uacute;
ú
&uacute;
Û
&Ucirc;
û
&ucirc;
Ù
&Ugrave;
ù
&ugrave;
¨
&uml
Ü
&Uuml;
ü
&uuml;
Ý
&Yacute;
ý
&yacute;
¥
&yen;
Ÿ
&Yuml;
ÿ
&yuml;
&ensp
&zwnj;
&zwj;
&ndash;
&lsquo;
&rsquo;
&sbquo;
&ldquo;
&rdquo;
&bdquo;
&lsaquo;
&rsaquo;
&dagger;
&Dagger;
&permil;
&bull;
&hellip;
&Prime;
&prime;
&oline;
&frasl;
&trade;
&part;
&prod;
&minus;
&radic
&infin;
&int;
&asymp;
&ne;
&le;
&ge;
&loz;
Α
&Alpha;
α
&alpha;
Β
&Beta;
β
&beta;
Γ
&Gamma;
γ
&gamma;
Δ
&Delta;
δ
&delta;
Ε
&Epsilon;
ε
&epsilon;
Ζ
&Zeta;
ζ
&zeta;
Η
&Eta;
η
&eta;
Θ
&Theta;
θ
&theta;
Ι
&Iota;
ι
&iota;
Κ
&Kappa;
κ
&kappa;
Ε
&Epsilon;
Λ
&Lambda;
λ
&lambda;
Μ
&Mu;
μ
&mu;
Ν
&Nu;
ν
&nu;
Ξ
&Xi;
ξ
&xi;
Ο
&Omicron;
Π
&Pi;
π
&pi;
Ρ
&Rho;
ρ
&rho;
Σ
&Sigma;
σ
&sigma;
ς
&sigmaf;
Τ
&Tau;
τ
&tau;
Υ
&lambda;
Φ
&Phi;
φ
&phi;
Χ
&Chi;
Ψ
&Psi;
ψ
&psi;
Ω
&Omega;
ω
&omega;





Seperti halnya hurup biasa pada umumnya, karakter khusus ini bisa
sobat variasikan, misal di buat tebal, miring, bergaris bawah, di coret
ataupun yang lainnya. Contoh :



untuk membuat tebal, sobat cukup membubuhkan perintah ini :





<b>&Sigma;</b>




hasilnya seperti ini :



Σ



untuk ukuran, sobatpun bisa mengubahnya.misalkan lambang sigma ingin
berukuran besar sebesar 8, kode yang di pasang seperti ini :




<font size="8">&Sigma;</font>





hasilnya seperti ini :



Σ



tak hanya itu saja, warna dari karakter inipun bisa diubah sesuai keinginan. Misalkan
saya ingin membuat lambang sigma yang berwarna merah dan dalam ukuran hurup sebesar 6, kode
yang di pasang seperti ini :




<span style="gt;<font size="6">&Sigma;</font></span>





hasilnya seperti ini :



Σ





Sebagai catatan kecil ringan saja, karakter-karakter khusus ini bisa juga
di pasang di bagian sidebar ataupun di tempat mana saja di dalam blog milik sobat.



Selamat berkreasi !





newer post

Mengenal perintah IFRAME

0 komentar




Untuk tutorial kali ini saya ingin sedikit mengulas tentang salah satu fungsi kode HTML
yakni perintah <iframe>. Dengan perintah iframe kita dapat menampilkan isi
dari situs ataupun blog milik orang lain pada blog milik kita, namun walaupun demikian kita tidak
boleh sembarangan tentunya harus mendapatkan izin terlebih dahulu dari pemilik blog yang ingin di tampilkan.


Perintah dasar dari iframe adalah sebagai berikut :





<iframe> .... isi dari iframe .... </iframe>





Beberapa atribut yang sering di pasang dalam iframe adalah :



ALIGN="left/right" --> Untuk mengatur posisi iframe




WIDTH="lebar" -->: Mengatur lebar IFRAME dalam pixel atau persen



HEIGHT="tinggi" --> Untuk mengatur tinggi dari iframe dalam pixel atau persen



FRAMEBORDER="garis pembatas" --> Untuk memberi garis pembatas



SCROLLING="auto/yes/no" --> Untuk memberi atau tidak memberi scrolling pada iframe



SRC="url yg ingin di tampilkan" --> alamat sumber yang ingin di tampilkan pada iframe




Agar lebih mudah untuk di fahami, maka saya akan memberikan dua contoh dari fungsi
perintah iframe. Misalkan alamat sumber yang ingin saya tampilkan adalah isi dari blog saya
yang lain yang beralamat di http://unique-r1-8.blogspot.com/, lebar yang ingin saya
gunakan adalah sebesar 500 pixel, dan tinggi sebesar 300 pixel.



  • IFRAME yang tidak mempunyai garis pembatas dan tidak mempunyai fasilitas scrolling






  • contoh kode yang di pasang seperti ini :






    <iframe align="left" frameborder="0" src="http://unique-r1-8.blogspot.com/"
    width="500" height="300" scrolling="no">
    </iframe>







    hasilnya seperti ini :



























  • IFRAME yang mempunyai garis pembatas dan mempunyai fasilitas scrolling






  • contoh kode yang di pasang seperti ini :







    <iframe align="left" frameborder="10" src="http://unique-r1-8.blogspot.com/"
    width="500" height="300" scrolling="auto">
    </iframe>






    hasilnya seperti ini :



























    Bagaimana sobat, tentunya dengan iframe kita dapat mengintip isi dari blog milik orang lain pada blog milik kita. Akan tetapi
    jangan lupa untuk meminta ijin terlebih dahulu kepada pemiliknya apabila tidak ingin kena damprat sang pemilik blog.



    selamat bereksperimen !


    newer post
    newer post older post Home