Cara buat icon di label blog+gambar

Fat38 - Berbicara dengan cara buat icon di label di blog mungkin kami punya satu cara untuk itu, kami juga akan menjelaskan bagaimana membuat icon dan menempelkan di blog anda. yang anda haru perhatikan adalah fokus anda karena disini kita membahas kode-kode jadi fokus.








Mari kita buat iconnya dulu :
1. Siapkan gambar ukuran berapa sajah
2. Lalu edit gambar itu seperti ukuran segini
                        
3. Buka Photoshop
4. Open file lalu pulih gambar yang di atas
5. Dan buka lagi gambar yang anda akan edit
6. copy paste gambar yang akan di edit
7. Lalu paste kan di gambar yang kecil dan kecilkan gambarnya

8. Kalau sudah pas semua lalu save dengan berbentuk jpg,img atau yang lain
Kalau sudah membuat semua iconnya lalu uploud dengan 
1. buka blogger
2. Laman > Laman baru > lalu uploud lah di laman itu dan buka HTML
3. copy kode seperti ini 
   "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE0SOFeLahSDbpl8XhyORye0iH_HpcMac0z2sL8ESJiE_W-Ul3pw2lZIWl7Anh5NLXDCAcFow5QLlx1gygGP7vjeCuAADiv8W8EzhPs0xnxoh8s_hyphenhyphenKVKtp_1h_7dF-NeTX00ELyIoq2c/s1600/hacker+icon.jpg"
   

dalam gambar banyak kan codenya. itu saya ada beberapa gambar jadi banyak.
4. Kalau sudah di copy semua simpan di notepad.
Sekarang kita buat label ber icon
1. Pertama buka blogger
2. Tata letak
3. Tambah gadget > HTML/JavaScript
3. Masukan kode ini
<ul>
<li><img alt='image' title='image' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFG-g6TQuafuYy07ui-k1Azfol4nM0ojVLAJ9iW0tIDIGkmeFhP9TIhIyV2W7wWjpCTKbq1JMxd96t8pxZY4UUhLHMpcWEUgmKYiQzRJsmObLRF22frOChycv-eR-X_rzEg2rZN0zamG0/s1600/lapad+allah.jpg" id="icon" />&nbsp;&nbsp; <a dir="ltr" href="http://fat38.blogspot.co.id/search/label/agama">Agama Islam</a></li>
<li><img alt='image' title='image' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio2dRnDyg-zu_ruT8JzJv9y9XZ3AAk5pNunGewmp1c54R4ctddJ9r_vbIujxVDdzpmidc22XpWvffvu0G_9iGYd5aCh4laibDaiDmnpd0_u37cOG9zcIJIbNXFk9uYfiwc2gsjZrjHaQs/s1600/tool+icon.jpg" id="icon" />&nbsp;&nbsp; <a dir="ltr" href="http://fat38.blogspot.co.id/search/label/alat">Tool</a></li>
<li><img alt='image' title='image' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1sxEYZvS8Yn52y8t9oFOBGZxTKhinzHBlqxGxybPAHdByWSc3tZCEwECfdz2FRje9aCsYnf7UCyxCSo3JKVlLV-FScgbVHpsL8Gokg1VE3jA1HmzYpdRG-VTnprfsrSpXR_t3e0JDpmc/s1600/bahasa+icon.jpg" id="icon" />&nbsp;&nbsp;&nbsp;<a href="http://fat38.blogspot.co.id/search/label/cerita">Cerita</a></li>
<li><img alt='image' title='image' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT7i2pgECEeebo_sWeT9FW8VnaxhbCtm7CpR0qqyTNkb9c7UdFB2VrjRvPw7qofNgfsCxc1lyQXGFnRkopkvfT6JaEogfa412xb5aAxBSfmhk7kCrf3S93eHHc7g2CKh9CjTujEPSvybA/s1600/asd.jpg" id="icon" />&nbsp;&nbsp;<a href="http://fat38.blogspot.co.id/search/label/fashion">&nbsp;Fashion</a></li>
<li><img alt='image' title='image' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix0xAKp4oPX-LfkO01vo6oNb18iBTOSoTWI40_73a2yVU3Kh8lEPegjeCHQNvQMcaUH4xaoLZZPohzTttF5WlCM2wiGYN20E4IkrtNvA6Sk57JHKyok4iAdfoitQKHfi_XOvtNWKQhPNM/s1600/ss9392397938383.jpg" id="icon" />&nbsp;&nbsp; <a dir="ltr" href="http://fat38.blogspot.co.id/search/label/game">Game</a></li>
<li><img alt='image' title='image' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE0SOFeLahSDbpl8XhyORye0iH_HpcMac0z2sL8ESJiE_W-Ul3pw2lZIWl7Anh5NLXDCAcFow5QLlx1gygGP7vjeCuAADiv8W8EzhPs0xnxoh8s_hyphenhyphenKVKtp_1h_7dF-NeTX00ELyIoq2c/s1600/hacker+icon.jpg" id="icon" />&nbsp;&nbsp; <a dir="ltr" href="http://fat38.blogspot.co.id/search/label/hacker">Hacker</a></li>
<li><img alt='image' title='image' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkKnmKnT9rZlbukZoZMzqFuC20nMrCAwH7Q31FjjjnPC8ZOucbT7JUUDQnMkNKydvGyGDmslwWC6da1NmW5UUZQMlpjq5QVhv0qcH-Zmd_S8bUW1mpXgFQVID0KvYl7Fedc6E8iRVMBAY/s1600/kesehatan+icon.jpg" id="icon" />&nbsp;&nbsp; <a dir="ltr" href="http://fat38.blogspot.co.id/search/label/health">Kesehatan</a></li>
<li><img alt='image' title='image' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw6Sm7euhN6y6jB_MStY6Ik9v-OnH4jXkwdq1QUV8reZykONgkUQlmIeSuhh8gaE_0oV0Otd4BiUfa2MYG1JVSnKGQRFZ9iLa_hoiS9meRPOJBTOUvKeIC6oeZZgu3ogfuCj7Zctt27sM/s1600/makanan+icon.jpg" id="icon" />&nbsp;&nbsp; <a dir="ltr" href="http://fat38.blogspot.co.id/search/label/makanan">Makanan</a></li>
<li><img alt='image' title='image' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTTiAE2bvXIcJ1EDb2sgQ3QDHCrgzoyrTzIi6g8UScbZdRWTgFolQuh7vCfzgXw2qGJwWqmH0oHNU5FISZpeygR5baFwuZSu3nqIsyfxeEalu8aaUlMU-m_eMvj0WHRfZWF9i4sQhBCSc/s1600/social+icon.jpg" id="icon" />&nbsp;&nbsp; <a dir="ltr" href="http://fat38.blogspot.co.id/search/label/sosial">Social</a></li>
<li><img alt='image' title='image' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0-5s2RYpBIUnPUvebOiB6TVi7pHbKqKft0SacZdud9DuTBLy6WCCTKxaSML4zIwQ1Mro5AaQVa5lIQG4k1026G80NUM80jBhazn67q_Kc_XiQoTDqqsKP1B3wlbOONOc2YMWN9q8Jpmg/s1600/Teknologi+icon.jpg" id="icon" />&nbsp;&nbsp; <a dir="ltr" href="http://fat38.blogspot.co.id/search/label/Teknologi">Teknologi</a></li>
<li><img alt='image' title='image' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm9GOI5t4Fg3OEOy6h9-1NaapjsCqQxWwdZtWfLk12Aei7X-owIrHRlG9nQGW0WjdAujUdYZhNcL4-SFWO4HpyUmnnm582IxrCcL4LvtIbRAeDiJMpRD-JsiM8_13bEgzbKnZHfKW8zNU/s1600/tips+and+rtick+icon.png" id="icon" />&nbsp;&nbsp; <a dir="ltr" href="http://fat38.blogspot.co.id/search/label/trick%20and%20tips">Tips And Trick</a></li>
</ul>
</div>
 Penting yang warna merah harus di ganti dan saya terangkan :
Ganti dengan url icon yang tadi di uploud
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm9GOI5t4Fg3OEOy6h9-1NaapjsCqQxWwdZtWfLk12Aei7X-owIrHRlG9nQGW0WjdAujUdYZhNcL4-SFWO4HpyUmnnm582IxrCcL4LvtIbRAeDiJMpRD-JsiM8_13bEgzbKnZHfKW8zNU/s1600/tips+and+rtick+icon.png
Ganti dengan url label anda
http://fat38.blogspot.co.id/search/label/trick%20and%20tips
Ganti dengan nama label anda
Tips And Trick
4. Copy kan kalau sudah di edit ke Tata Letak > HTML/JavaScript
5. Dan simpan lalu liat lah perubahannya

Jika ada pertanyaan Hubungi saya

3 comments:

  1. ternyata masang labelnya agak ribet jugaa yaa gan:3
    kalau mau buat icon,harus buka photoshop dulu :3

    ReplyDelete
  2. Ilmu baru nich gan makasih bermanfaat bagi saya.
    maklum newbie gan..templete aja masih standar punya aq gan hhehe

    ReplyDelete
  3. memang agak ribet tapi gampang kok

    ReplyDelete

Peraturan ber komenter :
1. Dilarang spam
2. Tidak boleh menyimpan link aktiv/pornografi
3. No bully dan sara
Pakai lah kata kata yang sopan dan relavan sesuia dengan pos jangan melenceng dari post !!