NIGHT002 - Ini dia Cara membuat gambar di sisi kiri kategori / Label | NIGHT002, Ini sama seperti halnya website penyedia software gratis yaitu Bagas31 siapa sih yang tidak mengenal website ini. Nah jika Anda ingin tampilan kategori Anda seperti Bagas31 Anda bisa menggunakan script yang di berikan oleh kami, Kategori Anda akan terlihat lebih Professional dan elegant Kawan berikut penampakannya :
Widget ini seudah saya atur sedemikian rupa agar lebih Resposive.
Gimana keren bukan ? kami akan berikan widget yang kami gunakan, dan Anda bisa mengubah gambarnya sesuai keinginnan Anda Kawan berikut script beserta tutorialnya.
- Login Blogger dulu tentunya.
- Setelah Anda berada di halaman Dasbor masuklah ke Tata Letak
- Tambah Gadget > HTML/Javascript ( yang gambarnya seperti ini : </> )
- Lalu Beri judul, setelah itu masukan script di bawah ini tepat di kolom Konten.
<div class='widget-content'><ul><li><img src="http://i.imgur.com/aaF0b8e.png" rel='dofollow' target='_blank' title='Info - Info Untuk Android' id="icon" /> <a dir="ltr" href="http://sh.st/fYIIu" rel='dofollow' target='_blank' title='Info - Info Untuk Android'>Android</a></li><li><img src="http://i.imgur.com/QFkclRa.png" rel='dofollow' target='_blank' title='Kumpulan Template Blog SEO Friendly'id="icon" /> <a dir="ltr" href="http://sh.st/fYGl6" rel='dofollow' target='_blank' title='Kumpulan Template Blog SEO Friendly'>Template Blog</a></li><li><img src="http://i.imgur.com/C6lbm1e.png" rel='dofollow' target='_blank' title='Download File Yang Ada di NIGHT002'id="icon" /> <a dir="ltr" href="http://sh.st/fYHqf" rel='dofollow' target='_blank' title='Download File Yang Ada di NIGHT002'>Download Manager</a></li><li><img src="http://i.imgur.com/i6PcwsM.png" rel='dofollow' target='_blank' title='Free Download Game PC'id="icon" /> <a dir="ltr" href="http://sh.st/fYHVx" rel='dofollow' target='_blank' title='Free Download Game PC'>Games</a></li><li><img src="http://i.imgur.com/JuMn0Ui.png" rel='dofollow' target='_blank' title='Info - Info Seputar Internet'id="icon" /> <a dir="ltr" href="http://sh.st/fYLo1" rel='dofollow' target='_blank' title='Info - Info Seputar Internet'>Internet</a></li><li><img src="http://i.imgur.com/3C3mVF6.png" rel='dofollow' target='_blank' title='Yang Terbaru Di NIGHT002' id="icon" /> <a href="http://sh.st/fYGl6" rel='dofollow' target='_blank' title='Yang Terbaru Di NIGHT002'>News</a></li><li><img src="http://i.imgur.com/87ZR8py.png" rel='dofollow' target='_blank' title='Kumpulan Tips & Trik Lengkap' id="icon" /> <a href="http://sh.st/fYLc3" rel='dofollow' target='_blank' title='Kumpulan Tips & Trik Lengkap'>Tips dan Trik</a></li><li><img src="http://i.imgur.com/H9NaSRt.png" rel='dofollow' target='_blank' title='Info - Info Untuk Komputer Anda' id="icon" /> <a href="http://sh.st/fYLD0" rel='dofollow' target='_blank' title='Info - Info Untuk Komputer Anda'>Komputer</a></li><li><img src="http://i.imgur.com/Ql2OIdd.gif" rel='dofollow' target='_blank' title='Info - Info Untuk Facebook' id="icon" /> <a href="http://sh.st/fYZ92" rel='dofollow' target='_blank' title='Info - Info Untuk Facebook'>Facebook</a></li><li><img src="http://i.imgur.com/hS5PJ3l.png" rel='dofollow' target='_blank' title='Info - Info Untuk Twitter' id="icon" /> <a href="http://sh.st/fYXhY" rel='dofollow' target='_blank' title='Info - Info Untuk Twitter'>Twitter</a></li><li><img src="http://i.imgur.com/ijTa5ce.gif?1" rel='dofollow' target='_blank' title='Belajar HTML Lengkap' id="icon" /> <a href="http://sh.st/fYXZG" rel='dofollow' target='_blank' title='Belajar HTML Lengkap'>HTML</a></li></ul><a href="http://sh.st/fIGpf"><sub><em>Get Widget</em></sub></a>
</div>
Keterangan :
- Yang berwarna Merah ialah Link Gambar Anda, saya menggunakan gambar ukuran 16x16.
- Yang berwarna Oren / Orange ialah Title atau Judul Dari Gambar Dan Link.
- Yang berwarna Hijau ialah Link yang di tuju.
- Yang berwarna Biru ialah Output / Kalimat yang keluar di samping kanan gambar.
Sekian posting kali ini semoga bisa membuat tampilan blog Anda tebih elegant dan keren, Ini sudah Responsive jadi tidak mengganggu SEO score Anda. Jika SEO score Anda berkurang silahkan Anda klik Artikel di bawah ini :
Cara Membuat SEO Score Blog 100% | NIGHT002
0 Response to "Cara Membuat Gambar Di Sisi Kiri Kategori / Label Seperti Bagas31 | NIGHT002"
Posting Komentar