Rabu, 23 April 2014
Macam-Macam Tombol Shorcut
Berikut adalah macam-macam tombol shortcut keyboard komputer
yang paling sering digunakan:
1. Ctrl + C berfungsi untuk mengcopy file ataupun tulisan yang di blok pada komputer
2. Ctrl + V , mempunyai fungsi seperti paste, biasanya digunakan setelah kita menekan tombol Ctrl + C.
3. Ctrl + P berfungsi sebagai tombol shortcut untuk menjalankan printer
4. Ctrl + ] berfungsi untuk memperbesar font pada saat mengetik, font harus di blok terlebih dahulu.
5. Ctrl + [ berfungsi untuk memperkecil ukuran font pada saat pengetikan
6. Ctrl + O berfungsi untuk membuka file karena O berarti Open
7. Ctrl + N berfungsi untuk membuat documen baru
8. Ctrl + Z berfungsi untuk membatalkan perintah, atau bisa disebut dengan UNDO
9. Ctrl + X berfungsi sebagai CUT pada file
10. Ctrl + F berfungsi untuk pencarian atau search
11. Ctrl + A berfungsi untuk mem-blok semua yang ada pada layar monitor, A berarti All
12. Ctrl + S berfungsi sebagai tombol shortcut untuk menyimpan file atau folder
13. Ctrl + B berfungsi untuk membuat font menjadi bolt/tebal, font harus di blokterlebih dahulu.
14. Ctrl + I berfungsi untuk membuat font atau tulisan menjadi miring / italic
15 Ctrl + M berfungsi untuk membuat slide baru pada power point
16. Shift + Delete berfungsi untuk menghapus file secara permanen
17. Ctrl + Alt + Delete berfungsi untuk menampilkan task manager pada windows
18. Symbol Windows + E berfungsi untuk membuka explorer
19. Symbol Windows + R berfungsi untuk membuka RUN pada windows
20. Alt + tab berfungsi untuk menampilkan program - program yang sedang berjalan
Diatas adalah tombol shortcut keyboard yang paling sering digunakan, semoga bermanfaat ....
1. Ctrl + C berfungsi untuk mengcopy file ataupun tulisan yang di blok pada komputer
2. Ctrl + V , mempunyai fungsi seperti paste, biasanya digunakan setelah kita menekan tombol Ctrl + C.
3. Ctrl + P berfungsi sebagai tombol shortcut untuk menjalankan printer
4. Ctrl + ] berfungsi untuk memperbesar font pada saat mengetik, font harus di blok terlebih dahulu.
5. Ctrl + [ berfungsi untuk memperkecil ukuran font pada saat pengetikan
6. Ctrl + O berfungsi untuk membuka file karena O berarti Open
7. Ctrl + N berfungsi untuk membuat documen baru
8. Ctrl + Z berfungsi untuk membatalkan perintah, atau bisa disebut dengan UNDO
9. Ctrl + X berfungsi sebagai CUT pada file
10. Ctrl + F berfungsi untuk pencarian atau search
11. Ctrl + A berfungsi untuk mem-blok semua yang ada pada layar monitor, A berarti All
12. Ctrl + S berfungsi sebagai tombol shortcut untuk menyimpan file atau folder
13. Ctrl + B berfungsi untuk membuat font menjadi bolt/tebal, font harus di blokterlebih dahulu.
14. Ctrl + I berfungsi untuk membuat font atau tulisan menjadi miring / italic
15 Ctrl + M berfungsi untuk membuat slide baru pada power point
16. Shift + Delete berfungsi untuk menghapus file secara permanen
17. Ctrl + Alt + Delete berfungsi untuk menampilkan task manager pada windows
18. Symbol Windows + E berfungsi untuk membuka explorer
19. Symbol Windows + R berfungsi untuk membuka RUN pada windows
20. Alt + tab berfungsi untuk menampilkan program - program yang sedang berjalan
Diatas adalah tombol shortcut keyboard yang paling sering digunakan, semoga bermanfaat ....
Minggu, 06 April 2014
Cara memberi icon search pada blog
Hay para penggila desain blog, disini agung akan memberikan tips blogger kepada kalian tentang bagaimana cara membuat kotak pencarian atau search box di blog kalian. Nahh,, disini aku mempunyai banyak pilihan model dan warna kotak pencarian, dari yang simple sampai yang keren dan berkualitas. Nah, silahkan kalian pilih salahsatu diantara banyak pilihan dibawah ini :
Kotak Pencarian 1
Caranya :
1. Login ke akun Blogge
2. Klik Menu Layout
3. Klik Tab Page Element
4. Klik Pada Add a Gadget
5. Lalu Pilih "Kotak Penelusuran"
6. Nah disitu ada beberapa pilihan, silahkan pilih sesuaikan dengan keinginan.
7. Simpan [ Finish ] -> Search Box / Kotak Pencarian akan segara tampil di blog.
Kotak Pencarian 2
Caranya :
1. Login ke akun Blogger
2. Klik Menu Layout
3. Klik Tab Page Element
4. Klik Pada Add a Gadget
5. Lalu Klik HTML/Javascript
6. Dan Pastekan Kode dibawah ini :
Keterangan :
Ganti http://mazinubersahabat.blogspot.com/ dengan nama blog Kalian.
Angka 40 = menunjukkan panjang kotak (search box) yang akan tampil di blog anda, semakin banyak angkanya maka semakin panjang box-nya, maka silahkan kalian ganti sesuai selera kalian.
7. Lalu Save dan Lihat hasilnya!
Kotak Pencarian 3
Caranya sama dengan memasang kotak pencarian 2, cuma Kodenya menggunakan kode ini :
Keterangan : Ganti Tulisan warna merah sesuai keinginan kalian, itu berfungsi untuk menampilkan tulisan ditengah-tengah kotak komentarnya!
Kotak Pencarian 4
Caranya sama dengan memasang kotak pencarian 2, cuma Kodenya menggunakan kode ini :
NB : Ganti warna merah sesuai dengan selera dan kebutuhan kalian yang nanti tulisan itu akan muncul di tengah kotak pencariannya. Dan warna biru itu ukuran kotak pencariannya, silahkan kalian rubah sesuai dengan kebutuhan!
Kotak Pencarian 5
Caranya sama dengan memasang kotak pencarian 2, cuma Kodenya menggunakan kode ini :
Keterangan :
Ganti Warna Merah dengan berbagai macam pilihan style dibawah ini :
Gaya Pencarian warna hijau :
Gaya Pencarian warna merah :
Gaya pencarian warna biru :
Gaya Pencarian warna orange :
Kotak Pencarian 6
Caranya sama dengan memasang kotak pencarian 2, cuma Kodenya menggunakan kode ini :
Keterangan :
Silahkan kalian ganti warna merah diatas dengan kode dibawah ini, untuk mengganti tipe dan style selera kalian,,
Okeh,, brow aku rasa cukup tentang artikel yang saya tulis mengenai 6 Cara Membuat Kotak Pencarian Paling Keren di Blog ini, semoga bermanfaat buat kalian!
Caranya :
1. Login ke akun Blogge
2. Klik Menu Layout
3. Klik Tab Page Element
4. Klik Pada Add a Gadget
5. Lalu Pilih "Kotak Penelusuran"
6. Nah disitu ada beberapa pilihan, silahkan pilih sesuaikan dengan keinginan.
7. Simpan [ Finish ] -> Search Box / Kotak Pencarian akan segara tampil di blog.
Kotak Pencarian 2
Caranya :
1. Login ke akun Blogger
2. Klik Menu Layout
3. Klik Tab Page Element
4. Klik Pada Add a Gadget
5. Lalu Klik HTML/Javascript
6. Dan Pastekan Kode dibawah ini :
<form action="http://mazinubersahabat.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="40" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>
method="get"> <input class="textinput" name="q" size="40" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>
Keterangan :
Ganti http://mazinubersahabat.blogspot.com/ dengan nama blog Kalian.
Angka 40 = menunjukkan panjang kotak (search box) yang akan tampil di blog anda, semakin banyak angkanya maka semakin panjang box-nya, maka silahkan kalian ganti sesuai selera kalian.
7. Lalu Save dan Lihat hasilnya!
Kotak Pencarian 3
Caranya sama dengan memasang kotak pencarian 2, cuma Kodenya menggunakan kode ini :
<span style='float:right;'>
<style type="text/css"> #a-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKxmuiy1gCrVmFBT5lHU8dBzT_jfFcCP-bBCb-7SnLBF4I1iZFhgl4-85o8i8yFpVlf1Hcr_9XQiLFfPMrtAFjPIMvWqZPz4ipokgi3Vbn1OVpAV1nn7sFqqJL8yO2DndO-Uj4wZsUlFAS/s1600/search.box.png) no-repeat scroll center center transparent;width:300px;height:35px;disaply:block;} form#a-searchform{display: block;padding: 10px 12px;margin:0;} form#a-searchform #a{padding: 0px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#a-searchform #abutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style> <div id="a-searchbox"><form id="a-searchform" action="/search" method="get"> <input type="text" id="a" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="abutton" /> </form></div>
</span>
<style type="text/css"> #a-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKxmuiy1gCrVmFBT5lHU8dBzT_jfFcCP-bBCb-7SnLBF4I1iZFhgl4-85o8i8yFpVlf1Hcr_9XQiLFfPMrtAFjPIMvWqZPz4ipokgi3Vbn1OVpAV1nn7sFqqJL8yO2DndO-Uj4wZsUlFAS/s1600/search.box.png) no-repeat scroll center center transparent;width:300px;height:35px;disaply:block;} form#a-searchform{display: block;padding: 10px 12px;margin:0;} form#a-searchform #a{padding: 0px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#a-searchform #abutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style> <div id="a-searchbox"><form id="a-searchform" action="/search" method="get"> <input type="text" id="a" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="abutton" /> </form></div>
</span>
Keterangan : Ganti Tulisan warna merah sesuai keinginan kalian, itu berfungsi untuk menampilkan tulisan ditengah-tengah kotak komentarnya!
Dan Hasilnya nanti seperti ini :
Caranya sama dengan memasang kotak pencarian 2, cuma Kodenya menggunakan kode ini :
<form action="/search" style="display:inline;" method="get">
<input id="s" name="q" type="search" placeholder="Cari Artikel Disini"/>
</form>
<style>
#s {
margin: 0 auto;
-webkit-appearance: none;
-moz-appearance: none;
padding: 12px 48px 12px 12px;
-webkit-border-radius: 200px;
-moz-border-radius: 200px;
border-radius: 200px;
width: 200px;
height: 16px;
color: #3a4449;
border: none;
outline: none;
-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);
position: relative;
z-index: 2;
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2Ja5gE45ts4L1p_3wOo3fnX56ksOVMv2UCsaIBmWOeYOeSPCgS78sfOg0Z1LfyMIOIn_53KLv3YjmHCtpEfM6YPmj42vl97tl-kfyYdZFGDBru0w8FsyvkFSAFXFxZwXpAEIw8YzF9dQ/s1600/Search.png) center right no-repeat;
}
#s::-webkit-input-placeholder, #s:-moz-placeholder {
color: #607078;
}
</style>
<input id="s" name="q" type="search" placeholder="Cari Artikel Disini"/>
</form>
<style>
#s {
margin: 0 auto;
-webkit-appearance: none;
-moz-appearance: none;
padding: 12px 48px 12px 12px;
-webkit-border-radius: 200px;
-moz-border-radius: 200px;
border-radius: 200px;
width: 200px;
height: 16px;
color: #3a4449;
border: none;
outline: none;
-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);
position: relative;
z-index: 2;
background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2Ja5gE45ts4L1p_3wOo3fnX56ksOVMv2UCsaIBmWOeYOeSPCgS78sfOg0Z1LfyMIOIn_53KLv3YjmHCtpEfM6YPmj42vl97tl-kfyYdZFGDBru0w8FsyvkFSAFXFxZwXpAEIw8YzF9dQ/s1600/Search.png) center right no-repeat;
}
#s::-webkit-input-placeholder, #s:-moz-placeholder {
color: #607078;
}
</style>
NB : Ganti warna merah sesuai dengan selera dan kebutuhan kalian yang nanti tulisan itu akan muncul di tengah kotak pencariannya. Dan warna biru itu ukuran kotak pencariannya, silahkan kalian rubah sesuai dengan kebutuhan!
Yang hasilnya nanti seperti ini :
Kotak Pencarian 5
Caranya sama dengan memasang kotak pencarian 2, cuma Kodenya menggunakan kode ini :
<style type="text/css">#mediablogger-searchbox { border-radius: 5px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrKVWNjnbzMbJrPNJzHDgRNnOqOdiN2NDf73F2isT5xygcd6Z98DclV3_80WimZR2pGt9VEAmB9_lYfLG8W4lTjBd9RqopWi5rvFJLlF9aKed0I1b3DMvtU2-iBpUuVc219rnUUqZzc1Em/s1600/impoint.blogspot.com-green.png) no-repeat scroll center center transparent; width: 307px; height: 50px; disaply: block;} form#mediablogger-searchform { display: block; padding: 9px 16px; margin: 0;} form#mediablogger-searchform #s { padding-left: 24px !important; padding: 7.5px; margin: 0; width: 198px; font-size: 16px; font-family: georgia; font-style: italic; color: #666666; vertical-align: top; border: none; background: transparent;} form#mediablogger-searchform#sbutton { margin: 0; padding: 0; height: 40px; width: 74px; vertical-align: top; border: none; background: transparent;}</style><div id="mediablogger-searchbox"> <form id="mediablogger-searchform" action="/search" method="get"> <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}' /></form></div>
Keterangan :
Ganti Warna Merah dengan berbagai macam pilihan style dibawah ini :
Gaya Pencarian warna hijau :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrKVWNjnbzMbJrPNJzHDgRNnOqOdiN2NDf73F2isT5xygcd6Z98DclV3_80WimZR2pGt9VEAmB9_lYfLG8W4lTjBd9RqopWi5rvFJLlF9aKed0I1b3DMvtU2-iBpUuVc219rnUUqZzc1Em/s1600/impoint.blogspot.com-green.png
Gaya Pencarian warna merah :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcxUYLyF8WLzbcAxNgGSNJXLdHToK8BcWs2xih5wJzo6tibMqesnJEIA1Twwn0aYG3rt8H46gVZvFnZJbiA7rRpZ3GjA8HuMQi_0CwHkgBbHKsWtKP0oXRGe1P_58apEEmaRr4b2tMBMua/s1600/impoint.blogspot.com-red.png
Gaya pencarian warna biru :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBTkThjtQrWLeBLv6_2s2Ba4KPaOL_2pFQl_0R5ZfjCjoD93ddYk_cxbMRma-tQBODfoS5Vkax4R72oWElLSfbP45rScQyfMNdbXyrXGokPy8GjQIk3pQgTG0mXXYu4sTAj1Jz3-b7-DRG/s1600/impoint.blogspot.com-blue.png
Gaya Pencarian warna orange :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpXrpIIeyX3u7ZbE7LjTgYce6LBf2f5NWucLGqJu9X6TwhM4xzQQ2ADmYymbWGrcPdYg4ADIVZ8eXkVGlBuOfEvGN2FJ5Yd8hMCcTOU3XWATllCJaDRUiIetRj_ztTWnPCBV_1ensTsMEl/s1600/impoint.blogspot.com-orange.png
Dan salah satu contoh hasilnya nanti seperti ini :
Kotak Pencarian 6
Caranya sama dengan memasang kotak pencarian 2, cuma Kodenya menggunakan kode ini :
<style type="text/css">
#a-searchbox{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHx_04NFm9HYyN-qk_kHelOqQweCUC6RclQR0U-Zf58pqfaMylrqccHCGT4rkgHHhBCqYvlfykYNI7oA2BarGxD2qVIq-3BQrE2pLmXy3LTd-mSWCOW7BE2UeFXOu7egizUhCdamfZ_MA-/s1600/lostsector-search-box-blue.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#a-searchform{display: block;padding: 10px 12px;margin:0;}
form#a-searchform #a{padding: 6px;margin-left:20px;width: 205px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#a-searchform #abutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<center>
<div id="a-searchbox">
<form id="a-searchform" action="/search" method="get">
<input type="text" id="a" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="abutton" />
</form>
</div></center>
#a-searchbox{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHx_04NFm9HYyN-qk_kHelOqQweCUC6RclQR0U-Zf58pqfaMylrqccHCGT4rkgHHhBCqYvlfykYNI7oA2BarGxD2qVIq-3BQrE2pLmXy3LTd-mSWCOW7BE2UeFXOu7egizUhCdamfZ_MA-/s1600/lostsector-search-box-blue.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#a-searchform{display: block;padding: 10px 12px;margin:0;}
form#a-searchform #a{padding: 6px;margin-left:20px;width: 205px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#a-searchform #abutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<center>
<div id="a-searchbox">
<form id="a-searchform" action="/search" method="get">
<input type="text" id="a" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="abutton" />
</form>
</div></center>
Yang hasilnya nanti seperti ini :
Silahkan kalian ganti warna merah diatas dengan kode dibawah ini, untuk mengganti tipe dan style selera kalian,,
http://3.bp.blogspot.com/-jukSBGryNx4/UPgqKoLKi2I/AAAAAAAAC38/V7A3wruYzgo/s1600/lostsector-search-box-darkgrey.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXyntJX6BgUQsWyKSa2fTPESJNQwbZTBSftGF-x4K-X9xH_ef36T7UrmUPvS4Y5II8a64M2xMZnKTxVjvQdsczigkpFRuoAM1CjqLTNs5uY53sTHkboZDSkzWmE0UpGTFs83p0GK6NFuqC/s1600/lostsector-search-box-gray.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSeRN7AstjMBO4qI_4xcbJ5afBiPHrAWjmyjHVl17rgP1lU0hFpOMGKdQou3oW1UUkDw0VTMX1u1fL5TCANf8F3-Jpqp9OinalMTx6QGDx0prPf3bvVOPo8Mm_tXJhxmMdDtOtMrfUnnHr/s1600/lostsector-search-box-black.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzLmiSAU1H-tazs7WT-XNEyicWCCyDMUw9dwdnOcNjkYnBKsDexYgqp6kT5q2_4v3oTMcW4dFCTkuIh26IdS0tThDVa8lmuGj2p3U-OgUsqC8aYl-ASbhw3skm6kLrDFreWKIM8qTxul8f/s1600/lostsector-search-box-red.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_gv4CP2rWcXtRKXC8jY6QIyzpsMiCvbt7vwvMJ-WBiq3FDEkEF-B7-N_N8sPQ0vFEbICheWWXlaZX_VCBwIGxXR4JoI447yiFsk36vGKU6z5wG4PtEQgSdfN5n1J5UegXqS1HSUPB1BY4/s1600/lostsector-search-box-yellow.png
Okeh,, brow aku rasa cukup tentang artikel yang saya tulis mengenai 6 Cara Membuat Kotak Pencarian Paling Keren di Blog ini, semoga bermanfaat buat kalian!
SEKIAN DAN TERIMA KASIH
++++++++++++SEMOGA BERMANFAAT++++++++++++
++++++++++++SEMOGA BERMANFAAT++++++++++++
Langganan:
Postingan (Atom)