MEMBUAT SOCIAL NETWORK DENGAN ICON RANCANGAN SENDIRI.
MEMBUAT FOLLOW US ON DENGAN ICON RANCANGAN SENDIRI.
Mungkin kalian bosen sama tampilan FOLLOW US kalian gitu-gitu aja, nah disini saya coba untuk membuat satu code rancangan buatan sendiri dan akhirnya berhasil dan bisa di gunakan.
membuat code HTML FOLLOW US ON dengan Icon kreasi sendiri.
Mungkin buat para webmaster yang kaya gini udah gampang di pahami, kalau buat pemula mungki ada yang masih bingung..!! :-)
langsung aja deh saya kasih Tpis dan Trik nyaa.
Mungkin kalian udah mengenal rangkaian code di bawah ini :
<a href="http://facebook.com/LD.Miko" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWMQOc_ygDpzksC1xTN4UJHLg9_vdpPiYMpbyVI3umxobyczKjqriM191N0DyhXUPJ2T4tX1ls7RkyPEJpW0aQt5wgL6NQMEEKG7cV22Mfhr8YfflwjjGBAWo8lBWcP6cn64CYM_-bz-eb/s1600/oo.png" /></a>
Langkah pertama kalian harus cari dulu icon yang pas menurut anda, ni saya kasih linknya
Icon Archive.com kalau udah ada yang pas buat selera kalian langsung proses pembuatan.
Awal pertama coba kalian Upload Icon/file tersebut ke dalam postingan.
kalau udah beres upload di sana kalian akan mendapatkan Code HTML Icon.
kira-kira seperti di bawah ini :
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKxan0SFwTvhvofl6ijp8WTOHrcs0Ux4BdOo_epuETCy_edW_COcsDpqWnob8VPIza39EhZmKWkromHa0QdQdC8uD72LgAhFTUURDVEaXM-iKzFHXJt7IKZ_omtvXHv9hnujp6-I8LKEk/s1600/mk.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-8vc9_Wmj6Es/T4i2WZd5zrI/AAAAAAAAAag/6yLLBVWUXrs/s1600/mk.png" /></a></div>
Yang saya kasih warna merah itu adalah code yang kalian butuhkan yang tidak di kasih warna bisa kalian remove aja.
Ini adalah rangkain code HTML
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKxan0SFwTvhvofl6ijp8WTOHrcs0Ux4BdOo_epuETCy_edW_COcsDpqWnob8VPIza39EhZmKWkromHa0QdQdC8uD72LgAhFTUURDVEaXM-iKzFHXJt7IKZ_omtvXHv9hnujp6-I8LKEk/s1600/mk.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-8vc9_Wmj6Es/T4i2WZd5zrI/AAAAAAAAAag/6yLLBVWUXrs/s1600/mk.png" /></a></div>Sebelum di Edit
<a href="http://facebook.com/LD.Miko" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-8vc9_Wmj6Es/T4i2WZd5zrI/AAAAAAAAAag/6yLLBVWUXrs/s1600/mk.png" /></a></div>Sesudah di Edit
Yang sudah di edit itu adalah rancangan code akhir pada pembuatan Icon sendiri
Nah sekarang kalian coba tambah Code di atas ke Tambahan Gadget Caranya :
1. Pilih Rancangan
2. Tambah Gadget terserah kalian mau di simpan di mana saja
3. Pilih HTML/JavaScript
4. Simpan code yang udah di edit
Selesai deh
Mudah kan?? ga ribet ko
Catatan : Code yang saya kasih warna Biru itu adalah alamat Link kalian dan yang berwarna merah adalah link gambar kalian yang sudah kalian Upload, dan warna Hitam tebal itu adalah code utama yang menghasil Widget Icon kalian.
Nah`buat kalian yang masih bingung cara pembuatanya kasih komentar aja.
>
Show
0 Comments
prev
next