Pengertian Web Design 6: 10 Cara edit tampilan website agar terlihat lebih keren part 4

10 Cara edit tampilan website agar terlihat lebih keren part 4 – Halo pengunjung setia ShortcutID. Sudah tidak terasa bahwa artikel mengenai mempercantik blog sudah sampai pada part yang keempat.

Pada part-part sebelum ini saya sudah membagikan 5 cara edit tampilan website agar lebih menarik untuk dilihat, sekarang disini saya sudah menyiapkan 2 lagi cara edit tampilan website agar terlihat lebih keren.

Kemarin pada artikel 10 Cara edit tampilan website agar terlihat lebih keren part 3 sudah saya jelaskan bagaimana cara membuat tampilan website keren dengan memasang widget fanspage like box, sekarang kita pergi ke sosial media yang terkenal dan paling sering dipakai setelah Facebook yaitu Twitter.

6. Menggunakan widget Twitter Follow
Widget Twitter follow ini sama seperti Fanspage Like Box yang sudah kemarin saya jelaskan, nah, jika anda sudah ingin memasang widget Twitter Follow copy lah kode dibawah ini di tata letak blog atau website anda, biasanya di footer atau sidebar.

<a class="twitter-timeline"  href="https://twitter.com/twitterdev"  data-widget-id="ID-TWITTER">Tweets by @twitterdev</a> <script>window.twttr=(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],t=window.twttr||{};if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);t._e=[];t.ready=function(f){t._e.push(f);};return t;}(document,"script","twitter-wjs"));</script>

Silahkan anda ganti code “ID-TWITTER” dengan id Twitter yang sudah anda punya sendiri. Dijamin jika website atau blog anda ramai pengunjung maka twitter anda juga akan ramai followers kok.

7. Menambahkan gambar kecil pada kategori blog
Langkah ke tujuh ini sebenarnya banyak orang yang mencari tutorial ini namun sulit ditemukan, nah disini ShortcutID sudah menyediakannya. Simak cara untuk menambahkan gambar kecil pada kategori.

1. Masuk terlebih dahulu ke akun Blogger anda
2. Masuk ke menu Layout
3. Pilih Edit HTML
4. Download terlebih dahulu template anda ini
5. Centang lah kolom Expand Widget Template
6. Lalu carilah kode berikut.

<a expr:href='data:label.url'>

<data:label.name/>

&#160; (<data:label.count/>)</a>

7. Masukkan kode mini iconnya.

<a expr:href='data:label.url'>

<img src="http://amen24.googlepages.com/folder.gif"/> &#160;

<data:label.name/>

&#160; (<data:label.count/>)</a>

Anda dapat mengganti link http://amen24.googlepages.com/folder.gif dengan link gambar atau animasi yang sudah anda sediakan

8. Simpan template
9. FINISH

Sangat mudah bukan? 3 tutorial selanjutnya akan dibahas pada artikel selanjutnya di part 5…..