Showing posts with label Membuat. Show all posts
Showing posts with label Membuat. Show all posts

Wednesday, February 22, 2012

Cara Membuat Blog Agar Tampil di Google

Cara Membuat Blog Agar Tampil di Google - Sepertinya pertanyaan mendasar seperti diatas banyak sekali di ajukan oleh blogger pemula. Seperti saya dulu ketika pertama kali terjun kedunia maya ini dan mencoba-coba kegiatan yang di sebut blogging.

Cara Membuat Blog Agar Tampil di Google

Memang dalam beberapa hal kita harus banyak mengetahui dasar dan kiat-kiat dalam membuat blog ataupun website kita masuk ke jajaran tertinggi hasil pencarian Search Engine salah satunya google yang sekarang memang menjadi kiblat di seluruh dunia.

Cara Membuat Blog Agar Tampil di GoogleBagi blogger pemula, salah satu dasar yang harus dimiliki web atau blog anda adalah backlink atau sama dengan dukungan. Sebab dengan adanya Backlink tersebut nantinya blog anda akan mendapat tambahan nilai dalam perangkingan di dari setiap kata kunci yang telah anda buat.

Cara Membuat Blog Agar Tampil di Google

Nah, disini seo tutorial akan mencoba memberikan salah satu jalan mudah dalam penerapan hal diatas, karena semua ini akan berjalan dengan otomatis dan tanpa kita sadari akan berkembang pesat secara terus-menerus. Ok selengkapnya silakan membaca artikelnya disini tentang cara agar blog jadi nomor satu di google.

Tuesday, February 21, 2012

Membuat Tulisan Terbalik Dengan Bantuan Script

Cara Membuat Tulisan Terbalik Dengan Bantuan Script. Terkadang kita ingin membuat sesuatu yang nyleneh (aneh-aneh), lain dari pada yang lain. Termasuk dalam membuat tulisan yang dipublikasikan dan dibaca oleh orang lain, misalnya lewat suatu blog, forum, update status facebook, twitter, chat, dan yang lainnya. Dengan melakukan hal tersebut, bagi sebagian orang merupakan kebanggaan tersendiri. Tulisan nyleneh yang Tips Trik Komputer maksudkan adalah tulisan yang terbalik. Jika tertarik, silakan ikuti tipsnya berikut ini.

Sehubungan dengan hal tersebut, Tips Trik Komputer akan mengetengahkan script yang dapat kita gunakan untuk membuat tulisan menjadi terbalik. Script tersebut Tips Trik Komputer peroleh dari situs http://finderonly.com).
Langkah-langkahnya adalah sebagai berikut.

Pertama, copy script di bawah ini.




Membuat Tulisan Terbalik




Membuat Tulisan Terbalik



Tulisan Asli:




Tulisan Terbalik:






Kedua, buka notepad kemudian pastekan script tersebut.



Ketiga, simpan script tersebut dengan extension (.html)

Keempat, jalankan file tersebut dengan mengklik double.

Kelima, tunggu beberapa saat hingga file tersebut terbuka dengan default browser yang biasa kita gunakan untuk berselancar di internet.

Tampilannya seperti di bawah ini.


Keenam, ketikkan tulisan yang kita kehendaki pada textarea bagian atas kemudian lanjutkan dengan menekan ENTER dan secara otomatis di textarea bagian bawah akan muncul tulisan yang terbalik.

Ketujuh, copy tulisan terbalik tersebut dan kemudian kita dapat mem-paste-kan tulisan tersebut pada forum, blog, chat, update status facebook/twitter, atau yang lainnya.

Kedelapan, selamat mencoba.

(sumber : http://finderonly.com)


View the Original article

Monday, February 20, 2012

Mengedit dan Membuat Video Dengan VideoPad Video Editor

Mengedit dan Membuat Video Dengan VideoPad Video Editor. Suatu ketika Tips dan Trik Komputer akan mencoba mengupload video rekaman ke situs Youtube. Biasanya Tips dan Trik Komputer menggunakan program bawaan Windows yaitu Windows Movie Maker. Namun belakangan ini, program tersebut sering crash dan hang.


Dengan kejadian tersebut Tips dan Trik Komputer mencoba melakukan browsing dan “googling” di internet untuk mencari program atau freeware yang mempunyai fungsi yang kurang lebih sama dengan Windows Movie Maker.

Dari googling Tips dan Trik Komputer berhasil mendapatkan dan mendowload beberapa freeware. Dari beberapa freeware yang Tips dan Trik Komputer coba, VideoPad Video Editor lah yang paling familiar, ringan, dan simple. Terbukti hanya beberapa kali menggunakan Tips dan Trik Komputer sudah memahami fitur-fitur yang ada.

Hasil outputnya dapat langsung dibakar ke dalam CD bisa juga disimpan ke dalam komputer dengan pilihna berbagai format video, seperti *.avi, *.mpg, *.swf, *.mp4, *.mov, *.flv, dll. Jika mau, kita pun dapat langsung mengupload video tersebut ke situs Youtube, facebook, dan Flickr.

Berikut beberapa fitur VideoPad Video Editor yang hampir sama dengan Windows Movie Maker :

  • Memotong dan membuat duplikat clip
  • Menambahkan teks pada clip
  • Menambah efek transisi di antara clip-clip
  • Adanya efek-efek yang dapat ditambahkan atau disisipkan dalam clip atau potongan clip
  • Menambahkan audio pada clip
  • Menambahkan gambar blank pada clip
  • Dapat mencapture video langsung dari webcam atau device lainnya
  • Kita dapat menambahkan narasi yang dapat disisipkan di dalam clip

Jika ingin mencoba, kita dapat mendownloadnya DI SINI.

Selamat Mencoba!!!



View the Original article

Cara Membuat Menu Tab View

Karena sering ditanya tentang bagaimana caranya membuat Tab VIew (Biasanya nanyanya gini: "Mas cara membuat menu yg kayak punya mas gmn? yg ada "Tips & Trik", "Lain-lain", "Terbaru", "Komentar" itu lho). Ya kan? hayo ngaku... Tabview itu sangat berguna sekali, karena dengan ukuran kotak yang relatif kecil tapi bisa memuat isi yang buanyak. Sebenarnya dah dari dulu pingin posting tentang itu, tp karena yg dulu cara pasanganya sulit jadi belum bisa aku jelaskan. Trus akhirnya aku menemukan metode baru dalam pembuatannya. Cara yang ini mungkin mirip dengan punyanya o-om, tp scriptnya agak beda. Dan aku dapet script ini juga bukan dari o-om lho :D
Tab view itu contohnya seperti ini :




Beginilah cara untuk membuat menu tab view tersebut

1. Login ke blogger trus pilih menu "Layout --> Edit HTML"
2. Kemudian cari kode ini ]]>
3. Kemudian masukkan kode berikut ini sebelum kode ]]> atau kedalam tag CSS.

div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; /* Lebar Menu Utama Atas */ text-align: center;
height: 24px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */
font-weight: 900;
color: #000; /* Warna Font Menu Utama Atas */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #FF9900; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}



4. Perhatikan text-text yang berwarna merah, itu adalah keterangan untuk pengaturan Tab View. Ada ukuran warna dll. Untuk mengetahui kode2 warna silahkan lihat DISINI
5. Langkah selanjutnya yaitu pasang kode berikut ini sebelum kode



Keterangan :
- Angka2 atau text yang berwarna biru (350px) adalah ukuran tinggi dan lebar tabview.
- Kode yang berwarna Hijau Adalah text yang di Menu utama (Menu Atas).
- Kode yang berwarna merah adalah isi dari tabvie tsb. Kamu bisa mengisinya dengan link, gambar, banner, script dll.
- Untuk menmbahkan jumlah menu maka perhatikanlah text yang berkedip2. tambahkan menu tersebut dibawahnya.


View the Original article

Membuat Menu Vertikal (Vertical)

Sebelumnya kita pernah membahas tentang membuat menu horizontal, nha sekarang mari kita mencoba membuat menu vertikal. Menu vertikal ini cocok kalau dipasang di sidebar karena bentuknya berjajar sevara vertikal (ya iyalah). Contohnya seperti gambar disamping itu. Beginilah cara membuatnya :

1. Login ke blogger trus pilih "Layout-->Edit HTML"
2. Masukkan kode berikut sebelum kode ]]> atau sebelum kode . Pokoknya ditaruh di dalam Barisan kode CSS deh.

.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 185px; /*WIDTH OF MAIN MENU ITEMS*/
border: 1px solid black;
}
.glossymenu li{
position: relative;
}
.glossymenu li a{
background: white url('http://kendhin.890m.com/blog/vertical/blue1.gif') repeat-x bottom left;
font: bold 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}
.glossymenu li ul{
position: absolute;
width: 190px;
left: 0;
top: 0;
display: none;
}
.glossymenu li ul li{
float: left;
}
.glossymenu li ul a{
width: 180px;
}
.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}
.glossymenu li a:hover{
background-image: url('http://kendhin.890m.com/blog/vertical/blue2.gif');
}

* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }



Untuk memilih warna menu, perhatikan kode2 yang berwarna merah (blue1.gif dan blue2.gif). Ganti kode tersebut dengan pilihan warna dibawah ini. Misal jika kamu ingin memilih menu warna merah maka kodenya menjadi seperti ini :

.glossymenu li a{
background: white url('http://kendhin.890m.com/blog/vertical/red1.gif') repeat-x bottom left;


dan

.glossymenu li a:hover{
background-image: url('http://kendhin.890m.com/blog/vertical/red1.gif');



Pilihan Warna menu vertikal :

blue1.gif

blue2.gif

green1.gif

green2.gif

red1.gif

red2.gif

pink1.gif

pink2.gif

black1.gif

black2.gif



3. Kemudian di save.
4. Lalu pergi ke menu "Page Elements"
5. Pilih "Add a Gadget -->HTML/JavaScript" kemudian masukkan kode berikut kedalamnya:


Kode yang berwarna merah adalah linknya dan yg warna biru adalah teks yang ditampilkan. Kalau mau menambahkan menu tingal buat lagi kode seperti yg berkedip2 dibawahnya.

Dah gitu aja. Gampang kan???? :D


View the Original article

Buku Tutorial Membuat Website Dengan Joomla

Bagi yang pingin belajar membuat website dengan joomla, inilah buku yang tepat untukmu. Dengan joomla, membuat website menjadi lebih mudah. Kita tidak membutuhkan pengetahuan tentang desain atau pemrograman. Pengerjaannya pun tidak memakan waktu yg lama. Buku ini menjelaskan secara lengkap bagaimana membuat website dengan menggunakan joomla., mulai dari intallasi, membuat template, membuat dan mengisi content dan modul, sampai dengan cara menguploadnya ke web hosting. Ayo dapatkan di toko-toko buku terdekat. Oh ya, buku ini juga dilengkapi CD yg berisi Program joomla, XAMPP, Software FTP, Template, Modul, dll.


View the Original article