Showing posts with label icon. Show all posts
Showing posts with label icon. Show all posts
Thursday, December 29, 2016
Cara Membuat icon Author comment
Cara Membuat icon Author comment
Cara Membuat icon Author comment - Kali ini saya akan membagikan tutorial tentang bagaimana membuat komentar admin berbeda dengan komentar pengunjung dengan menggunakan icon komentar . tahukah anda apa itu Comment author ? Comment author adalah pesan komentar yang dipublish oleh pemilik akun situs web atau blog.
Berikut Cara Membuat icon Author comment
- Login dulu ke akun blog sobat
- Pilih " Template "
- Kemudian Klik " Edit HTML "
- Setelah itu cari code ]]></b:skin> atau pun </style>, setelah ketemu silahkan copy code CSS dibawah ini dan pastekan didalam ataupun diatas code ]]></b:skin> atau pun </style>. kalo lebih bagusnya silahkan pastekan code dibawah ini dekat dengan atau bersamaan dengan code CSS (comments ) agar lebih mudah suatu saat anda untuk mengeditnya.
.comments .comments-content
.icon.blog-author {
position:absolute;
top:-8px;
right:-12px;
margin:0;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSvRkDwTv84KJIqOMYvlYKCBQ5SYMvEYcSQ96NLxRZEEswreH3pQHF-sxB1EzPd21WxgJtwPSK2UOE_M58l4ZW5TKS-m-dfEgS9Bre7-kaaN60g74GpGrVIX57Rkzv3zeMFrLTPUA28nc/s1600/Merah-autor.png);
width:56px;
height:56px;
}
Sobat bisa mengganti url kuning di atas dengan salah satu url di bawah ini
|  |
|  |
|  |
|  |
|  |
Simpan Template anda dan lihat hasilnya
Perbedaan author comment dengan para komentator dengan menambahkan icon gambar User Author pada postingan kali ini, akan mempermudah para komentator melihat Komentar author pada suatu halaman blog form Comment.
Go to link Download
Wednesday, December 28, 2016
Cara Membuat Spinning Social Media Icon Dengan CSS3
Cara Membuat Spinning Social Media Icon Dengan CSS3
Untuk membuat nya silahkan klik ini WIDGET GENERATOR (widget generator lateshack)
Nanti ada tiga macam jenis, kamu pilih salah satu saja.
Setelah itu Anda akan disuruh mengisi seperti di bawah ini
Contoh :
Facebook Username : VICTORKALALO
Twitter Username : victor_kalalo
Feedburner Username : victor_kalalo
Google + Id : 35679896377892892578
Go to link Download
Wednesday, November 30, 2016
Cara Membuat Anime Folder Icon
Cara Membuat Anime Folder Icon
Kali ini admin mau ngasih cara untuk membuat folder icon buat kalian. Well kali ini mungkin admin akan membuat tutorialnya dasarnya dulu dan nanti kalian bisa berkreasi dengan mengotak-atik dengan menambahkan berbagai macam layer untuk tampilan yang lebih rumit.
Sebenarnya ada banyak cara pembuatan folder icon mulai dari yang instan menggunakan aplikasi sampai yang edit-edit gambar sendiri di photoshop kalo admin sih sebenernya lebih suka yang buat sendiri lewat photoshop sih soalnya bisa buat menurut selera sekalian buat belajar.
Nah langsung saja admin kasih tau cara pembuatan folder iconnya sebenarnya untuk proses pembuatannya sih gak lama cukup 2 menit saja kalo sudah biasa. Pertama-tama siapkan Photoshopnya dan komputernya dan folder dengan bentuk yang diinginkan sebagai latar belakangnya kalian bisa mencari di bagian folder icon di sini.
Sebenernya sih tutorial ini admin dapet dari blog-blog yang ada di internet tapi admin kadang-kadang otak atik sendiri an menggunakan tutorial ini sebagai dasarnya.
Sebenarnya ada banyak cara pembuatan folder icon mulai dari yang instan menggunakan aplikasi sampai yang edit-edit gambar sendiri di photoshop kalo admin sih sebenernya lebih suka yang buat sendiri lewat photoshop sih soalnya bisa buat menurut selera sekalian buat belajar.
Nah langsung saja admin kasih tau cara pembuatan folder iconnya sebenarnya untuk proses pembuatannya sih gak lama cukup 2 menit saja kalo sudah biasa. Pertama-tama siapkan Photoshopnya dan komputernya dan folder dengan bentuk yang diinginkan sebagai latar belakangnya kalian bisa mencari di bagian folder icon di sini.
Sebenernya sih tutorial ini admin dapet dari blog-blog yang ada di internet tapi admin kadang-kadang otak atik sendiri an menggunakan tutorial ini sebagai dasarnya.
- Pertama siapkan dahulu gambar-gambar yang ingin dimasukkan kedalam folder icon kalian. Kemudian buka photoshop kalian (format png kalo bisa ya), masukan folder dasar yang kalian ingin gunakan.
- Copy atau paste gambar yang ingin kalian masukan kedalam folder seperti ini
- Sesuaikan letak dan ukuran gambar yang ingin kalian masukan ke dalam folder gunakan tanda mata (indicates) untuk menyesuaikannya.
- Kemudian jika kalian sudah yakin dengan posisi gambar kalian dalam folder silahkan nonaktifkan indicates seperti pada gambar di bawah ini dan pilih quick selection tool (w) nya.
- Setelah selesai mengcover bentuk folder dasarnya dengan quick selection tool tersebut (biar cepat ctrl+a kemudian klik folder dasarnya). Aktifkan indicates layer nya kemudian tekan CTRL+SHIFT+i +DEL.
- Selesai kemudian simpan (jika dalam photoshop kalian sudah ada .ico maka langsung saja simpan dengan format .ico tersebut jika tidak ada silahkan simpan folder icon kalian dalam format PNG).
Baiklah bagi yang photoshopnya tidak mempunyai penyimpanan format ico silahkan download aplikasi Image21con Converter di sini. atau di website resminya di sini.
Untuk cara convertnya simpel banget instal aplikasinya buka folder icon dengan format png tersebut pilih ukuran 256 x 256 kemudian klik ok
Sebenernya cara ini admin dapet dari blog-blog tapi admin biasanya sedikit berkreasi dengan memasukkan berbagai macam gambar dan layer agar penampilan folder iconnya lebih menarik. Sedikit saran dari admin kalian bisa memasukan maskot atau gambar chibi sedikit keluar dari folder icon tersebut biar kelihatan lebih menarik gunakan berbagai macam layer dan gambar untuk membuat persepsi kedalaman dan shadowingnya ok selamat berkreasi jika ada pertanyaan atau kurang jelas silahkan tanya saja ok.
Untuk cara convertnya simpel banget instal aplikasinya buka folder icon dengan format png tersebut pilih ukuran 256 x 256 kemudian klik ok
Sebenernya cara ini admin dapet dari blog-blog tapi admin biasanya sedikit berkreasi dengan memasukkan berbagai macam gambar dan layer agar penampilan folder iconnya lebih menarik. Sedikit saran dari admin kalian bisa memasukan maskot atau gambar chibi sedikit keluar dari folder icon tersebut biar kelihatan lebih menarik gunakan berbagai macam layer dan gambar untuk membuat persepsi kedalaman dan shadowingnya ok selamat berkreasi jika ada pertanyaan atau kurang jelas silahkan tanya saja ok.
sumber : http://www.arukanjeru.com/2015/01/cara-membuat-anime-folder-icon.html
Go to link Download
Monday, November 7, 2016
Cara Memberikan Efek Pada Icon Saat Di Klik Caya Techno
Cara Memberikan Efek Pada Icon Saat Di Klik Caya Techno
Hi sobat Blogger,ane mau share Trik pc yang dapat memperindah tampilan PC sobat.Trik ini sudah saya lakukan dan hasilnya memuaskan.Pernah nggak meng-klik icon yang ada di deskop PC sobat???Ada efeknya nggak???Kalau nggak ada efeknya,silahkan sobat simak trik yang satu ini.
Persiapan :
1.Uber Icon,kalau belum punya silahkan download di sini
2.Icon pada deskop PC sobat.
Langkahnya :
1.Setelah sobat download dan install Uber Icon,pindahkan juga folder Plugins-nya ke C:Program FilesUber Icon
2.Buka Uber Icon sobat,trus klik kanan
3.Setelah sobat klik kanan,pilih Plugins trus Klik salah satu plugins yang ada
Go to link Download
Friday, October 21, 2016
Cara Membuat Menu Dengan Icon Gambar Di Blog
Cara Membuat Menu Dengan Icon Gambar Di Blog
Mungkin biasanya yang sering sobat lihat, jumpai dan temui hanyalah menu vertikal biasa saja tanpa di lengkapi tampilannya dengan icon gambar. Nah sekarang saya punya trik untuk sobat semua supaya tampilan menu di blog sobat jadi lebih menarik dan bagus lagi, Sobat bisa membuat dan memasang Menu Vertikal Dengan Icon gambar.
Sobat lihat saja tampilan Gambar di samping posting ini.
klik saja untuk memperbesar dan melihat gambar dengan jelas.
gimana... Menarik bukan...???
jika sobat sudah tidak sabar lagi ingin memasang Menu Vertikal Dengan Icon/gambar di blog,,,
okelah kalau begitu kita langsung saja menuju ke TKP.
hehehe...
Berikut cara-cara nya :
1. Login Ke Blog sobat.
2. Pilih Rancangan Terus Pilih Elemen Laman.
3. Add Gadget HTML Java Script.
4. Kemudian Copy dan paste Kode di Bawah Ini.
Jangan sampai ada yang terlewatkan.!!!
<style>
.list {
background:none; no-repeat left center;
border-bottom:1px dotted #ccc;
line-height:1.2em;
padding:2px 2px 2px 20px;
}
</style>
<div style="overflow:auto; padding:2px; margin:1px 1px 1px 1px; width:auto; height:auto; background:-webkit-gradient(linear, left top, left bottom, from(#ccc), to(#ffffff)); border:1px solid #ccc;">
<ul><table width="100%" border="0">
<tr>
<td width="3%"><div align="center"><img src="http://icons.iconarchive.com/icons/deleket/sleek-xp-basic/32/Home-icon.png" width="18" height="18" /></div></td>
<td width="97%"><li><a href="GANTI DENGAN LINK/URL SOBAT">Home</a></li></td>
</tr>
<tr>
<td width="3%"><div align="center"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7cqRN2GGcDvpo_nZgv2eAq1Y9jseYhvp4Kj5rzgNBYffeQhWb7rC1LvMk8BpsAaDnT9l15Z7uD4Dui3SEBUYaspqYCqmfdbYtH00GGUUGtoo6J5VOAc95qJhDSGAoUvcQx4OjPGSgInaV/s1600/report_magnify.png" width="18" height="18" /></div></td>
<td width="97%"><li><a href="GANTI DENGAN LINK/URL SOBAT">Daftar Isi</a></li></td>
</tr>
<tr>
<td><div align="center"><img src="http://icons.iconarchive.com/icons/itzikgur/my-seven/32/Graphics-Painting-icon.png" width="18" height="18" /></div></td>
<td><li><a href="GANTI DENGAN LINK/URL SOBAT">Download Template Blog</a></li></td>
</tr>
<tr>
<td width="3%"><div align="center"><img src="http://icons.iconarchive.com/icons/kyo-tux/soft/32/Tutorial-icon.png" width="18" height="18" /></div></td>
<td width="97%"><li><a href="GANTI DENGAN LINK/URL SOBAT">Tutorial Blog</a></li></td>
</tr>
<tr>
<td><div align="center"><img src="http://icons.iconarchive.com/icons/emey87/social-button/32/blog-icon.png" width="18" height="18" /></div></td>
<td><li><a href="GANTI DENGAN LINK/URL SOBAT">Tips Blog</a></li></td>
</tr>
<tr>
<td><div align="center"><img src="http://icons.iconarchive.com/icons/iconshock/brilliant-graphics/32/colors-icon.png" width="18" height="18" /></div></td>
<td><li><a href="GANTI DENGAN LINK/URL SOBAT">Kode Warna</a></li></td>
</tr>
<tr>
<td><div align="center"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL2utvNKgMooAmBNk8_JlrVd_ZftennTEWCvyWu4acH-NYkFi1zqi3-FsMaK0Em7mFwUUwecN3eBWub8jrPAflVdvD3JaUmO7nn9RZOuzNrtNYRfwsQWoMAxWD6wwXBlhN_56UD8MiBj2L/" width="18" height="18" /></div></td>
<td><li><a href="GANTI DENGAN LINK/URL SOBAT">Twitter</a></li></td>
</tr>
<tr>
<td><div align="center"><img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Actions-insert-link-icon.png" width="18" height="18" /></div></td>
<td><li><a href="GANTI DENGAN LINK/URL SOBAT">Tukar Link</a></li></td>
</tr>
<tr>
<td><div align="center"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1M7WSZIZ0_wKFwtkZkZweB10aYekwsfQPhLCj1T9kc5lKp08rLqJhfsitmDQ0nblQ446iLyz85tomo62vQtBGbJNB-zfy1pVpHe5m9wtpl-1bcJaYGTa1eiZZjReMOF6qYTut_BJ3n5sn/" width="18" height="18" /></div></td>
<td><li><a href="GANTI DENGAN LINK/URL SOBAT">Facebook</a></li></td>
</tr>
<tr>
<td><div align="center"><img src="http://icons.iconarchive.com/icons/iconshock/real-vista-web-design/32/Banner-design-icon.png" width="18" height="18" /></div></td>
<td><li><a href="GANTI DENGAN LINK/URL SOBAT">Advertise</a></li></td>
</tr>
<tr>
<td><div align="center"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb6hyCPOb-LDW5FG9uu2XH-IYJh5mjXtKWxxTQpiRgVnY5PDPNbqjNkRhmDR5o3CTQ9zRxsjw-eeL0HsxzGMf4GiAw1UibDzausNt9e-yDnyvPKLR11C0SD1KnnTQZP0EaxyibyGxmHi7n/s1600/feed_burner.png" width="18" height="18" /></div></td>
<td><li><a href="GANTI DENGAN LINK/URL SOBAT">Feedburner</a></li></td>
</tr>
<tr>
<td width="3%"><div align="center"><img src="http://icons.iconarchive.com/icons/kyo-tux/phuzion/32/Misc-Misc-Box-icon.png" width="18" height="18" /></div></td>
<td width="97%"><li><a href="GANTI DENGAN LINK/URL SOBAT">Kumpulan Icon</a></li></td>
</tr>
<tr>
<td><div align="center"><img src="http://icons.iconarchive.com/icons/fatcow/farm-fresh/32/book-addresses-icon.png" width="18" height="18" /></div></td>
<td><li><a href="GANTI DENGAN LINK/URL SOBAT">Contact Us</a></li></td>
</tr>
</table>
</ul>
</div>
5. Save/simpan dan selesai.
Silahkan sobat lihat hasil nya.
Keterangan :
-Yang Berwarna Biru silahkan kamu ganti background nya sesuai selera sobat.
-Yang Berwarna Pink silahkan sobat ganti dengan URL Icon/gambar Nya.
-Yang Berwarna Hijau silahkan sobat ganti dengan URL tujuan atau target.
-Yang berwarna Merah silahkan sobat ganti dengan Nama menu.
Jika sobat tidak punya Icon/gambar, Silahkan Sobat lihat dan pilih-pilih Disini.
Sobat bisa memodifikasi nya sesuai dengan keinginan dan selera sobat semua.Semoga bermanfaat
Go to link Download
Subscribe to:
Posts (Atom)