Pasang kotak script dalam postingan (higlight)

Pasang kotak script dalam postingan (higlight)
Tips ini tidak kang salaman buat sendiri, tapi kode scriptnya kang salman temukan di blog seorang sahabat, jaya putra klik disini Sebelumnya udah pernah kang salman posting artikel yang mirip dengan ini. Lihat disini. dulu saya tidak memberikan contoh gambarnya seperti apa sih highlight script itu? Di bawah ini adalah contoh gambarnya. :


Untuk membuatnya sangat lah mudah. anda sedikit menambah kode CSS dan HTML kedalam tamplate dan posting. bagi yang menyukainya ikuti langkah-langkah di bawah ini.

* Login dulu ke blogger
* Pilih Tata letak
* Klik Edit HTML
* Cari Kode ]]>
* Kemudian letakkan kode dibawah ini persis diatas nya

I/* Alert by Yudha_Vanelo
----------------------------------------------- */
.alert {margin: 10px 10px 10px 10px;
padding: 10px 15px 10px 15px;
line-height: 1.6em;color: #000000;
background: #e0ffff;
border: 1px solid #000000;
border-left: 15px solid #000000}

* Yang berwarna merah adalah kode warna. silahkan ganti yang sesuai dengan background blog anda atau warna kesukaan anda
* Kemudian simpan tamplate.
* Supaya kode/scriptnya nanti bisa muncul kotak highlight-nya maka untuk mempostingnya anda harus menuliskan sebuah kode terlebih dahulu.

Isi / kode yang ingin di highlinght

* Setelah itu Terbitkan posting anda dan liat hasilnya

Selamat Mencoba.......

Cara Membuat Link Download

etelah beberapa kali mendapat pertanyaan tentang bagaimana cara membuat link download, akhirnya aku posting artikel ini.
Ok langsung aja, caranya sebenarnya sangat mudah, pertama taruh/upload file yang akan di download di webhosting, misalnya geocities, trus kamu buat script seperti ini:

download

text yang dicetak tebal adalah alamat file tempat kamu menyimpannya, ganti text tersebut dengan alamat tempat file kamu.

Cara Membuat Template Blog

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. seperti yang ada dalam gambar berikut:



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 :

background
header
main
footer

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.

Cara Memadang Fladh Di Blog

Untuk memasang flash ke dalam blog cukuplah mudah. Yang kamu perlukan yaitu file flash yang biasanya ber-extensi .swf lalu upload file tersebut ke hosting. misal di geocities.com ato 000webhost ato tempat hosting lainnya. File animasi flash tersebut bisa dijadikan hiasan pada blog ato bisa juga dijadikan hiasan di header sehingga membuat blog menjadi lebih animatif. Untuk memasang flash pada blog caranya sebagai berikut :

1. Login ke blogger kemudian pilih menu "Layout".
2. Kemudian klik link "Add a gadget" dimana akan ditempatkan animasi flash.
3. Pilih "HTML/Javascript" kemudian taruh script berikut :

http://blogoholic.info/wellcome.swf" quality="high" bgcolor="white" width="500" height="100" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash">

Contoh :


* Ganti "http://blogoholic.info/wellcome.swf" dengan alamat file flash kamu yang telah ditaruh di hosting.
* Ganti width="500" height="100 dengan ukuran dari file flashmu.

Cara Ganti Domain .CO.CC

Seperti yang sudah kita ketahui, bahwa co.cc adalah top level domain yang bisa kita dapatkan secara gratis. Kita bisa mengganti nama blog kita dari "http://namadomain.blogspot.com" atau "http"//namadomain.wordpress.com" (dll) menjadi "http://namadomain.co.cc" . Dengan co.cc kita bisa mengontrol DNS Records, A, MX, dan CNAME records, sehinga domain co.cc bukan hanya sekedar "URL Forwarding".
Berikut ini akan saya coba mengungkapkan tentang cara setting domain di co.cc:

Ada 3 tipe pengaturan di co.cc. Ketiganya memiliki fungsi tersendiri. berikut ini penjelasanya:

1. Managed DNS
Ini biasanya digunakan untuk sebuah web yang memerlukan web hosting dan mengharuskan untuk mengarahkan Name Server-nya ke hosting tersebut. Misal untuk membuat web di 000webhost, atau bisa juga untuk blog wordpress yg menggunakan hosting dari luar. Metode ini tidak cocok digunakan untuk blogger/blogspot yang menggunakan hosting default dari blogger/blogspot.
Cara setting untuk metode ini yaitu dengan mengisi pada kolom "Name Server 1 dan Name Server 2 dengan name server yg sesuai dengan hosting yang digunakan. Misal, bagi yang menggunakan hosting dari 000webhost maka untuk kolom "Name Server 1" disi dengan "ns01.000webhost.com" dan kolom "Name Server 2" disi dengan "ns02.000webhost.com". Kemudian klik tombol "Setup". Selesai


2. Zone Records
Zone records cocok digunakan bagi para pengguna blogger/blogspot. berikut ini cara setting untuk Zone Records

• Pada kolom "Host" isikan dengan nama domain yg sudah km daftarkan, misal "www.namadomain.co.cc" (jangan lupa dikasih "www")


• Untuk option "TTL" biarkan saja, gak perlu dirubah2


• Pada option "Type" pilih yang "CNAME"


• Untuk kolom "Value" isikan "ghs.google.com"

Sehingga akan seperti pada gamabr dibawah ini:

Langkah selanjutnya yaitu merubah settingan di blogger/blogspot caranya begini:

• Login ke blogger/blogspot kemudian masuk ke menu "Setting-->Publishing"


• Kemudian pilih "Switch to: • Custom Domain


• Setelah itu klik pada "Already own a domain? Switch to advanced settings"


• Kemudian isikan nama domain kamu yang baru pada kolom "Your Domain".



• Selanjutnya klik tombol "Save Setting"

Selesai. Kalau berhasil (Settingnya sudah benar) maka domain kamu yang baru akan aktif dalam waktu antara beberapa jam sampai 2 hari. Jadi sabar aja menunggunya. Blog kamu akan tetap bisa diakses dengan melalui domain yang lama.

3. URL Forwarding
URL forwarding bisa digunakan untuk apa aja, bisa web ato blog. Tapi URL Forwarding ini hanya memforward domain yg baru (yang di co.cc) ke domain lama. Jadi domain lama akan 100% seperti semula tanpa ada perubahan apapun, cuma kita bisa mengakses web/blog kita dengan mengetikkan nama domain baru kita di browser. Jika menggunakan URL Forwarding maka yang terindex di google atau Search engine yang lain adalah tetap Domain kita yang lama.
Untuk setting URL Forwarding sangat mudah, kita hanya mengisikan data-data yang diminta dan disesuaikan dengan web/blog kita, seperti "Redirect to:, Page Title, URL Hiding, Meta Description dan Meta Keywords". Kita tidak perlu lagi mensetting domain di web/blog kita lagi.
Note: Metode ini tidak dianjurkan jika tidak terpaksa

Jadi kesimpulannya adalah:

• Jika kamu memakai layanan blogger/blogspot maka gunakanlah "Zone Records"


• Jika domainnya digunakan untuk web yg memerlukan hosting atau untuk wordpress maka gunakanlah "Manage DNS"


• Jangan menggunakan "URL forwarding" jika tidak terpaksa. Misal untuk untuk blog dari multiply yang tidak support custom domain.

Cara Membuat Banner Link

Untuk membuat banner (Link Baner) tentunya merupakan hal yang mudah bagi yang mengerti software2 desain seperti Adobe Photoshop, Image Ready, Corel Draw dll. Tapi bagi yang tidak tahu dengan software2 tersebut pastilah merasa sulit. Tapi jangan kawatir dan jangan berkecil hati, berikut ini akan aku tunjukkan cara yang mudah untuk membuat link banner tanpa harus mengerti software2 desain. Hanya dengan memilih dan sedikit otak-atik maka kamu nantinya bisa memiliki link banner yang cukup menarik. Mau tahu caranya?

Cara membuatnya sangat mudah, yaitu:
1. Buka situs http://cooltext.com
2. Disana nanti akan langsung terpampang macam-macam banner yang disediakan. Kamu tinggal pilih baner yang kamu suka.
3. Setelah itu akan muncul fomr untuk menstting banner yang telah km pilih tadi. Kamu bisa mensetting textnya, warna text, warna background, ukuran, effect, dll.
4. Kalo sudah merasa cocok lalu klik tombol "Rander Logo"
5. Tunggu sebentar sampai proses rendering selesai.
6. Maka bannermu akan langsung jadi, km bisa mengambilnya dengan mengklik link "Download Image". dan simpan banner kamu.
7. Biasanya file bannernya akan berupa file gif.

Setelah km mendapatkan bannernya maka langkah selanjutnya supaya bannernya bisa kamu pasang yaitu dengan menguyplaod file tadi ke webhosting. Kamu bisa menguplaodnya di photobucket.com. disanan nanti kamu akan mendapat link untuk banner kamu.

Trus untuk memasang supaya bisa menjadi seperti yang ada dibawah ini, maka ikutilah langkah TUTORIAL INI


<br/><a href="http://trik-tips.blogspot.com" target="_blank"><img border="0" alt="Trik-Tips Blog" width="90" src="http://kendhin.890m.com/banner-trik.gif" height="17" /></a>

Cara Log in window cp tanpa password

adang sewaktu mau masuk windows kita tidak mengetahui passwordnya, tools untuk menjebolnya juga lupa dibawa aduh, gimana ya biar bisa masuk windows tanpa menggunakan password? Ada satu teknik atau tips or trik yang dapat digunakan, baca sampai selesai, OK!

Baiklah teknik apa yang digunakan? Kita hanya menggunakan kombinasi tombol yang sudah lama atau sangat sering kita gunakan. Yaitu tombol Ctrl + Alt + Del pada keyboard.

Caranya gimana? Begini ya, sewaktu tampil halaman login screen, nah… di sini kita disuruh masukin password, sekarang tugas kita hanya menekan kombinasi tombol Ctrl + Alt + Del sebanyak 2x ingat dua kali ya, kalo 1x ga mempan dech setelah itu akan timbul tampilan login screen classic, tugas kita tinggal menghapus username dan password biarkan kosong tanpa diisi lalu tekan tombol OK. Username juga bisa diisi dengan Administrator dikosongin juga boleh. Nanti windows XP akan membuat username baru dengan nama Administrator, tugas selanjutnya terserah anda

Tapi kalo cara di atas sudah ga mempan lagi, silahkan gunakan tools yang dapat dilihat di postingan sebelumnya di sini.

Menampilkan preview tabs dalam Firefox dengan Secret of Firefox

Oleh Victor | Nov. 13, 2010 | Internet, Software, Software PC, Tips Trik Koneksi Internet

Dalam Firefox kita mengenal tombol shortcut Ctrl + Tab untuk berpindah-pindah dari satu tab ke tab lain yang sedang kita buka. Dengan shortcut tersebut kita bisa membuka halaman web yang ada dalam masing-masing tab secara berurutan. Sebenarnya fungsi pergantian tab dalam Firefox ini memiliki fitur tambahan yaitu menampilkan preview halaman web yang ada dalam masing-masing tab, hanya saja secara default fungsi ini dinonaktifkan.

Berkaitan dengan fungsi preview tab dalam browser Firefox ini, berikut ada sebuah addons yang akan mengaktifkan fungsi preview tersebut, addons tersebut adalah Secret of Firefox. Dengan menggunakan addons Secret of Firefox ini kita bisa melihat preview halaman web dari setiap tab.

Pengaturan dari addons Secret of Firefox dapat kita lakukan melalui menu Tools atau melalui ikon Secret of Firefox yang ada di pojok kanan bawah browser Firefox (status bar). Pilihan yang bisa kita atur adalah tampilan (Appearance) yang menampilkan atau menyembunyikan menu Secret of Firefox pada menu Tools dan ikon pada status bar Firefox.

Pengaturan lain adalah menentukan fungsi shortcut (Settings), pertama adalah tombol shortcut Ctrl + Tab yang akan menampilkan preview secara berurutan (minimal ada 3 tab untuk bisa menampilkan preview), jika kita lepaskan tombol shortcut otomatis preview akan hilang (tersembunyi). Fungsi kedua tombol shortcut Ctrl + Shift + Tab yang menampilkan preview tab dalam tampilan tombol menu (di sini preview tidak akan hilang saat kita melepaskan tombol shortcut) dan kita bisa memilih tab yang ingin kita buka dengan menggunakan mouse.

Tombol shorcut Ctrl + Tab

Tombol shortcut Ctrl + Shift + Tab

Pengaturan ketiga adalah perintah untuk membuka link dalam tab baru di sebelah kanan dari tab yang bersangkutan (Open links to the right of the current tab).

Nah itu tadi informasi singkat tentang fitur rahasia dalam browser Firefox yang bisa kita manfaatkan. Untuk mendownload addons Secret of Firefox bisa dilihat di Freeware dan Software Download.

Mengatur volume suara melalui scrool mouse dengan Volumouse

Untuk mengatur besar kecilnya volume suara saat kita memutar lagu melalui komputer atau laptop biasanya dilakukan melalui ikon volume yang ada di system tray atau panel volume yang ada pada media player yang kita gunakan seperti Winamp, Windows Media Player, dan media player lainnya. Volume bisa juga diatur melalui shortcut keyboard yang telah ditentukan sebelumnya (untuk laptop biasanya dengan menekan tombol Fn + F5/F6 atau tombol lainnya).

Selain cara standar di atas, berikut ada cara lain untuk memperbesar atau memperkecil volume dengan memanfaatkan tombol scrool mouse (scrool ke atas berarti volume suara makin besar dan sebaliknya scrool ke bawah volume suara akan mengecil). Untuk bisa memanfaatkan tombol scrool mouse sebagai pengatur volume suara yang kita butuhkan adalah freeware Volumouse yang dikembangkan oleh Nirsoft.

Penggunaan software Volumouse ini sangat mudah, kita tinggal menentukan kombinasi tombol yang digunakan (Use the wheel when) untuk menjalankan fungsi scrool mouse sebagai pengatur volume suara. Dalam contoh ada dua pilihan, pertama dengan kombinasi tombol Alt dan scrool, kedua dengan kombinasi tombol kiri mouse dan scrool. Selanjutnya kita tinggal menentukan volume apa yang akan diatur melalui scrool mouse ini atau bisa juga kita mengatur tingkat brightness atau transparansi (Component). Setelah itu kita juga bisa menentukan volume mana yang akan kita atur, apakah speaker sebelah kanan, kiri, atau malah kita matikan keduanya (Channels). Untuk tingkat perubahan volume suara diatur melalui Steps.

Pengaturan lebih lanjut Volumouse ini bisa diakses melalui More dari masing-masing shortcut yang kita buat, seperti misalnya bentuk dari volume bar (Type), apakah kita mau bentuk vertikal, horisontal, atau tampilan penuh dalam layar.

Nah, dengan menggunakan Volumouse ini kita bisa mengatur besar kecil suara dengan lebih cepat karena cukup menggeser tombol scrool yang ada pada mouse kita.

Bagi temen-temen yang berminat mencobanya, bisa mendownload aplikasi Volumouse di Freeware.

Cara Download full software

Blaze Media Pro is the solution Powerfull Multimedia Software. It is powerful all-in-one software that includes an audio converter (MP3, WMA, WAV, OGG, etc.), MP3 encoder and MP3 decoder, MP3 ripper, MPEG encoder and MPEG decoder, video converter (AVI, MPEG, WMV, etc.), audio editor, video editor, CD/DVD burner, and much more in a single software application.

Blaze Media Pro's unique Media Manager makes it easy to work with all your audio and video creations - playback at your fingertips. Even rename, copy, move, or tag files instantly. You can convert DVD to AVI, MPG, WMV with this software. You also don't need another CD burning software and DVD burning software anymore, because you will get it all in one software. You can download the powerfull software HERE and then you can try it.

Good Luck !!

Trik dan Tips google Top 10

Below is a list of our top ten Google tricks many users don't know about.

1. Definitions - Pull up the definition of the word by typing define followed by the word you want the definition for. For example, typing: define bravura would display the definition of that word.

2. Local search - Visit Google Local enter the area you want to search and the keyword of the place you want to find. For example, typing: restaurant at the above link would display local restaurants.

3. Phone number lookup - Enter a full phone number with area code to display the name and address associated with that phone number.

4. Find weather - Type weather followed by a zip code or city and state to display current weather conditions and forecasts for upcoming days.

5. Track airline flight - Enter the airline and flight number to display the status of an airline flight and it's arrival time. For example, type: delta 123 to display this flight information if available.

6. Track packages - Enter a UPS, FedEx or USPS tracking number to get a direct link to track your packages.

7. Pages linked to you - See what other web pages are linking to your website or blog by typing link: followed by your URL. For example, typing link:http://www.computerhope.com displays all pages linking to Computer Hope.

8. Find PDF results only - Add filetype: to your search to display results that only match a certain file type. For example, if you wanted to display PDF results only type: "dell xps" filetype:pdf -- this is a great way to find online manuals.

9. Calculator - Use the Google Search engine as a calculator by typing a math problem in the search. For example, typing: 100 + 200 would display results as 300.

10. Stocks - Quickly get to a stock quote price, chart, and related links by typing the stock symbol in Google. For example, typing: msft will display the stock information
for Microsoft.

Good Luck !!!