Cara Install Plugin WordPress
Cara Install Plugin WordPress - Melanjuti artikel saya kemarin tentang Plugin WordPress yang Wajib diinstall, maka kali ini kita akan kembali ke tahapan selanjutnya. Bagaimana cara install plugin tersebut ke dalam blog WordPress anda. Hal ini perlu anda ketahui, karena anda harus mengaktifkan plugin-plugin yan sudah anda dapatkan.
Dalam mencari plugin, anda bisa mencarinya sendiri atau langsung dari dashboard WordPress. Tepatnya di bagian PLUGINS, ADD NEW, lalu ketikan nama plugin yang ingin dicari. Tentunya semua plugin yang ada disitu adalah plugin yang sudah resmi terdaftar di WordPress.org. Namun anda juga bisa menginstal plugin yang anda dapatkan dari sumber lain.
Langsung saja, perhatikan langkah berikut :
1. Masuk ke dashboard WordPress anda.2. Pilih menu PLUGINS, lalu pilih ADD NEW
3. Kemudian isikan nama plugin yang anda inginkan lalu klik tombol SEARCH
4. Cari plugin mana yang ingin anda gunakan, lalu klik INSTALL NOW
5. Setelah itu akan muncul pesan bahwa plugin tersebut berhasil diinstall. Langkah terakhir adalah klik ACTIVATE untuk mengaktifkan plugin tersebut.
6. Selesai
Lalu bagaimana jika plugin tersebut anda sudah download dari tempat lain ? Perhatikan langkah berikut
1. Sama seperti langkah di atas, masuk ke dashboard WordPress2. Pilih menu PLUGINS, ADD NEW3. Jika pada langkah pertama kita pilih SEARCH, maka sekarang kita pilih yang bagian
UPLOAD.
4. Kemudia klik tombol CHOOSE FILE untuk mengambil plugin yang sudah anda download sebelumnya. Bila sudah, klik tombol INSTALL NOW
5. Muncul pesan bahwa plugin berhasil di install. Jangan lupa klik ACTIVATE untuk mengaktifkan plugin tersebut.
6. Selesai
Semoga Cara Install Plugin WordPress ini dapat anda mengerti, apabila tidak mengerti silahkan tanyakan melalui kolom komentar di bawah. Semoga bermanfaat !
Sekarang saya asumsikan anda semua sudah memiliki atau mendownload sebuah template pengganti. Langkah selanjutnya adalah membackup semua widget anda yang dirasa penting. Takutnya, pada saat penggantian template baru widget yang sudah anda pasang di template lama ikut hilang. Silahkan pilih menu APPEREANCE lalu pilih WIDGET. Sortir widget yang ingin di backup lalu seret ke bagian INACTIVE WIDGETS.
Kemudian untuk mengganti template blog anda, silahkan menuju menu APPEREANCE lalu pilih THEMES.
Pilih tab INSTALL THEMES kemudian klik UPLOAD
Setelah itu klik tombol CHOSSE FILE dan pilih template yang sudah anda download tadi di komputer anda.. Setelah itu klik tombol INSTALL NOW
Tunggu sampai proses uploadnya selesai.. Jika sudah anda bisa klik tombol PREVIEW untuk melihat tampilan template tersebut.. Apabila sudah cocok, klik tombol ACTIVATE untuk mengaktifkan template tersebut.
Selesai proses-proses anda di atas sekarang anda bisa lihat tampilan baru di blog anda. Sekedar saran dari saya, gunakanlah template yang SEO Friendly. Banyak kriteria template yang SEO Friendly, yaitu harus memiliki loading yang cepat, memiliki dynamic heading tag, dan juga tidak terlalu banyak link keluar website. Akhir kata saya ucapkan terima kasih telah membaca artikel Cara Mengganti Tema WordPress !
Cara Membuat Sitemap Blogspot dan WordPress
Cara Membuat Sitemap Blogspot dan WordPress - Saya yakin anda yang sedang membaca artikel ini sebagian besar karena ingin membuat sitemap di blog anda. Sebelum saya bahas lebih dalam mengenai isi artikel ini, sudahkah anda tahu apa yang dimaksud dengan sitemap ? Saya akan coba jelaskan secara singkat dan deskriptif.
Apa itu Sitemap ?
Sitemap atau yang biasanya disebut peta situs untuk menggambarkan tentang keseluruhan isi website anda mulai dari artikel, halaman, dan kategori atau tag-tag tertentu yang ada pada blog anda. Tujuannya dibuat sitemap sebenarnya sederhana saja. Pertama untuk memudahkan robot mesin pencari dalam menjelajahi isi blog anda, dan yang kedua guna menjadi daftar isi yang dapat di akses oleh pengunjung blog anda.
Cara Membuat Sitemap di Blogspot
Karena tidak semua blogger di Indonesia menggunakan satu platform blog, maka saya akan beritahukan cara membuat sitemap untuk pengguna blogspot dan wordpress. Pertama-tama saya akan mulai dari blogspot terlebih dahulu, silahkan perhatikan langkah-langkah di bawah ini :
1. Log in ke www.blogger.com dengan menggunakan akun anda.
2. Biasanya orang meletakan sitemap ini dalam sebuah halaman blog. Jadi sekarang silahkan menuju menu LAMAN.
3. Klik LAMAN BARU untuk membuat sebuah halaman baru dan pilih LAMAN KOSONG
4. Berikan nama untuk halaman tersebut, contoh : Sitemap, Daftar Isi, Peta situs, dll.
5. Coba perhatikan ada 2 tab di bagian bawah kotak judul yang bertuliskan HTML dan COMPOSE, silahkan anda pilih bagian HTML..
6. Setelah itu copy paste script di bawah ini pada halaman tersebut .
1
2
3
4
5
6
<script src="http://digital-sitemap.googlecode.com/files/mysitemap.js"
type="text/javascript">
</script>
<script src="http://<span style="color: #ff0000;"><b>digitalareas.blogspot.com</b></span>/feeds/posts/default?
max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
7. Tulisan yang saya beri warna merah silahkan anda ganti dengan alamat URL blog anda.
8. Kemudian langkah terakhir yaitu mempublikasikan halaman baru tersebut dan lihat hasilnya.
Cara Membuat Sitemap di WordPress
Berbeda jauh dengan cara di blogspot, untuk membuat sitemap di wordpress anda bisa menggunakan bantuan plug-in yang tentunya akan membuat langkah ini menjadi semakin praktis.. Mari perhatikan langkah berikut :
1. Pastinya anda harus log in ke dashboard wordpress anda.
2. Pilih bagian PLUGINS lalu pilih ADD NEW
<script src="http://digital-sitemap.googtype="text/javascript"></script>
3. Sekarang kita menuju kepada kolom search. Ketikan “Google XML Sitemap” tanpa tanda petik lalu klik tombol SEARCH PLUGINS
4. Nantinya akan muncul banyak hasil pencarian. Pilih yang paling atas yaitu Google XML Sitemaps dan klik tombol INSTALL NOW
5. Setelah plug-in tersebut terinstall, kemudian klik tombol ACTIVATE PLUG-IN
6. Langkah selanjutnya adalah melakukan pembuatan sitemap blog anda. Silahkan ke bagian SETTINGS dan pilih XML-SITEMAP
7. Harap di ingat ! Setelah anda menginstal plug-in tadi sitemap nda sebenarnya belum terbentuk.. Maka akan ada tulisan “The Sitemap Wasn’t Build Yet”, nah untuk membuatnya anda cukup mengklik tombol CLICK HERE di sebelah tulisan tadi.
8. Dengan mengklik tombol tadi maka anda sudah membuat sitemap untuk blog wordpress anda. Nantinya akan muncul pesan “Your Sitemap Was Last Built on Oktober 20, 2012 01:56 AM”
Setelah anda membuatnya, lalu dimana kita bisa membuka sitemap tersebut ? untuk itu anda hanya perlu menambahkan sitemap.xml setelah nama domain anda. Misal saja : http://megacara.com/sitemap.xml
Anda juga bisa meletakannya di bagian halaman atau dimana saja. Silahkan anda tentukan sendiri.. Saya rasa bahasan saya kali ini mengenai Cara Membuat Sitemap Blogspot dan WordPress cukup sampai disini dulu. Semoga bermanfaat !
Membuat Drop Down Menu CSS
Membuat Drop Down Menu CSS – Apakah anda tahu apa itu CSS ? Apakah anda pernah menggunakannya ?,CSS(Cascading Style Sheet) adalah suatu bahasa pemrograman web yang digunakan untuk mempercantik tampilan halaman web dan juga membuatnya lebih terstruktur.Pada CSS kita dapat mengatur atribut-atribut dari objek-objek yang ada di html seperti gambar,text,tabel dan lain-lain.CSS merupakan suatu komponen yang penting dalam pembuatan web dengan tampilan yang “User Friendly”,dahulu orang cenderung menggunakan tabel untuk mengatur tata letak pada halaman web.Setelah adanya CSS pengaturan tata letak menjadi lebih mudah dan memberikan tampilan yang lebih baik.
Pada artikel ini saya akan menjelaskan salah satu teknik pada css yaitu membuat drop down menu.Drop down menu adalah teknik yang digunakan untuk membuat sub menu pada main menu halaman web.Hampir sebagian besar orang menggunakan teknik ini pada websitenya agar dapat memiliki kategori main menu yang terstruktur dan tampilan nya yang indah di mata.Jika anda masih bingung apa itu drop down menu inilah contoh gambarnya :
Oke langsung saja kita praktikan cara Membuat Drop Down Menu CSS :
1. Buatlah file CSS dengan nama “style.css” dengan kode seperti ini
12345678910
#DropdownMenu { background:#ff6803;border-radius:6px; width: 880px; height: 35px; font-size: 12px; font-family: Arial, Tahoma, Verdana; color:#FFFFFF; font-weight: bold; margin-bottom: 30px;
#Dropdow nMenu { background:#ff6803;border-radius:6px;
11121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
padding: 2px; } #Dropdownbox { width: 875px;border-radius:6px; float: left; margin: 0; padding: 0;} #strike { border-radius:6px; margin: 0; padding: 0;}#strike ul {border-radius:6px; float: left; list-style: none; margin: 0; padding: 0;}#strike li {border-radius:6px; list-style: none; margin: 0; padding: 0;}#strike li a, #strike li a:link, #strike li a:visited {border-radius:6px; color:#FFFFFF; display: block; font-size: 16px; font-family: Georgia, Times New Roman; font-weight: normal; margin: 0; padding: 9px 15px 8px;}#strike li a:hover, #strike li a:active {border-radius:6px; background:#FFFFFF; color:#ff6803; margin: 0; padding: 9px 15px 8px; text-decoration: none;
57585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
}#strike li li a, #strike li li a:link, #strike li li a:visited {border-radius:6px; background:#ff6803; width: 150px; color:#FFFFFF; font-size: 14px; font-family: Georgia, Times New Roman; font-weight: normal; float: none; margin: 0; padding: 7px 10px; border-bottom: 1px solid #FFF; border-left: 1px solid #FFF; border-right: 1px solid #FFF;}#strike li li a:hover, #strike li li a:active {border-radius:6px; background:#FFFFFF; color:#ff6803; padding: 7px 10px;}#strike li {border-radius:6px; float: left; padding: 0;}#strike li ul {border-radius:6px; z-index: 9999; position: absolute; left: -999em; height: auto; width: 170px; margin: 0; padding: 0;}#strike li ul a {border-radius:6px; width: 140px;}#strike li ul ul {border-radius:6px; margin: -32px 0 0 171px;}#strike li:hover ul ul, #strike li:hover ul ul ul, #strike li.sfhover ul ul, #strike li.sfhover
103104105106107108109110111112113
ul ul ul {border-radius:6px; left: -999em;}#strike li:hover ul, #strike li li:hover ul, #strike li li li:hover ul, #strike li.sfhover ul, #strike li li.sfhover ul, #strike li li li.sfhover ul {border-radius:6px; left: auto;}#strike li:hover, #strike li.sfhover {border-radius:6px; position: static;}
2. Setelah itu buatlah sebuah file html untuk menampilkan desainnya
123456789101112131415161718192021222324
<html><head><link rel="stylesheet" type="text/css" href="style.css"/></head><body><div id="DropdownMenu"> <div id="Dropdownbox"> <ul id="strike"> <li><a href="#">Menu1</a></li> <li> <a href="#">Menu2</a> <ul> <li> <a href="#">Sub Menu 2</a> <ul> <li><a href="#">Sub Sub Menu 2</a></li> <li><a href="#">Sub Sub Menu 2</a></li> <li><a href="#">Sub Sub Menu 2</a></li> </ul> </li> <li><a href="#">Sub Menu 3</a></li> <li><a href="#">Sub Menu 4</a></li> <li><a href="#">Sub Menu 5</a></li> <li><a href="#">Sub Menu 6</a></li>
<html><head><link rel="stylesheet" type="text</head>
252627282930313233
</ul> </li> <li><a href="#">Menu 3</a></li> <li><a href="#">Menu 4</a></li> </ul> </div> </div></body></html>
3. Ingat file CSS harus berada 1 folder dengan file html nya karena pada kode diatas file dipanggil ditempat file html berada
Bagaimana apakah anda berhasil membuat dropdown menu,desain bisa anda ganti sesuai selera seperti warna latar belakang menu,warna text,type text dan masih banyak lagi.Pada file html anda hanya perlu mengganti menu,submenu,dan link pada masing-masing menu.Cukup sekian penjelasan dari saya,semoga anda paham dengan artikel Cara Membuat Drop Down Menu.
