Pengertian Web Design 7: 10 Cara edit tampilan website agar terlihat lebih keren part 5

10 Cara edit tampilan website agar terlihat lebih keren part 5 – Nah, gimana apakah anda sudah melakukan 7 cara edit tampilan website yang sudah saya terangkan dari part 1 hingga part 4? Nah, kali ini saya ingin memberikan 2 cara lagi untuk membuat tampilan website anda menjadi lebih keren dan enak untuk dipandang.

Walaupun sebenarnya ada ratusan cara untuk mengedit tampilan website anda, namun di blog ini saya mungkin hanya menyediakan 10 dan nanti mungkin juga akan saya tambah jumlah cara edit tampilan website-nya. Berikut adalah 2 cara untuk mengedit tampilan website agar terlihat lebih keren.

8. Menggunakan menu dropdown
Menu dropdown dapat membuat website anda lebih keren karena kita mendapatkan efek simple dan rapih dari menu ini, walaupun biasanya sudah banyak widget yang ada pilihan menu dropdownnya secara otomatis sehingga kita tidak perlu lagi untuk menggunakan kode-kode.

Biasanya menu dropdown ini digunakan untuk widget arsip khususnya di blog ber-CMS Blogspot. Nah, berikut adalah cara menambahkan menu dropdown di blogspot.

1. Masuk kedalam akun Blogspot anda
2. Pilih menu template
3. Nah, jika anda memasang widget arsip di sidebar blog maka dibagian tersebut terdapat kode HTML seperti berikut ini.

&<BloggerArchives>

<a href="<$BlogArchiveURL$"$gt;'><$BlogArchiveName$></a>

</BloggerArchives>

4. Jika anda menemukannya, maka gantilah kode tersebut dengan kode dibawah ini.

<select name="archivemenu"

onchange="document.location.href=this.options[this.selectedIndex].value;">

<option selected>- Archives -</option>

<BloggerArchives>

<option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>

</BloggerArchives>

</select><

5. Lalu klik simpan, selesai deh.

9. Menambahkan recent comment
Untuk menampilkan recent comment di blog anda sebenarnya sangat mudah sekali untuk dilakukan oleh pemula sekalipun. Langsung saja berikut adalah cara menambahkannya.

1. Masuk kedalam akun Blogspot anda
2. Pilih menu Layout
3. Pilih menu Page Elements
4. Klik edit, lalu masukkan kode berikut ini.

<script style="text/javascript" src="http://amen24.googlepages.com/showrecentcomments.js">

</script><script style="text/javascript">var numcomments = 5;var showcommentdate = true;var showposttitle = true;var numchars = 100;var standardstyling = true;</script> <script src="http://YourBlogName.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

5. Lalu klik Save Changes
6. FINISH