Tampilkan postingan dengan label link. Tampilkan semua postingan
Tampilkan postingan dengan label link. Tampilkan semua postingan
Minggu, Februari 07, 2010
Link Gambar di Blog
Posted by Andre at Minggu, Februari 07, 2010
How to Make Images Clickable
Bagaimana cara membuat image link di blogspot? Berikut cara membuat dan mengubah gambar atau foto kita sendiri menjadi tautan (link) di (sidebars) blog Blogspot yang bila diklik akan membawa readers ke halaman yang diinginkan baik di tab yang sama atau di tab baru.
Posting ini bisa juga Anda baca di www.mukadimah.com. Klik di sini untuk berkunjung ke www.mukadimah.com.
- Pertama-tama, upload atau unggah dulu foto atau gambar yang akan digunakan sebagai link ke situs hosting gambar online seperti ImageShack, TinyPic, Flickr, RockYou atau Photobucket.
- Kemudian cari dan copy kode direct link dari gambar yang diupload tadi, seperti berikut ini.
http://img23.imageshack.us/img23/5385/logoblogintensedebate.jpg
- Sedangkan yang berikut ini adalah kode lengkap untuk merubah gambar menjadi tautan atau link.
<a href="URL SITUS" target="_blank"><img src="URL GAMBAR" alt="NAMA TAUTAN" width="50" height="30" border="0" /></a>
- Ganti dan isi URL SITUS dengan alamat URL lengkap situs yang akan dijadikan link. Misalnya seperti: http://andrestutorialblog.blogspot.com/
- Ganti dan isi URL GAMBAR dengan direct link dari gambar yang diupload ke situs hosting image tadi:
http://img23.imageshack.us/img23/5385/logoblogintensedebate.jpg
- Lalu ganti dan isi NAMA TAUTAN dengan nama yang dinginkan misalnya: My Blogger.
- Bisa juga mengubah lebar (width) dan tinggi (height) gambar tautan dengan mengubah nilai 50 dan 30 sesuai kebutuhan.
- Kode lengkapnya akan nampak seperti berikut:
<a href="http://andrestutorialblog.blogspot.com/" target="_blank"><img src="http://img23.imageshack.us/img23/5385/logoblogintensedebate.jpg" alt="My Blogger" width="50" height="30" border="0" /></a>
- Copy semua kode di atas.
- Kemudian ke halaman Dashboard Blogger. Klik Layout.
Posting ini bisa juga Anda baca di www.mukadimah.com. Klik di sini untuk berkunjung ke www.mukadimah.com.
- Klik Add a gadget.
Posting ini bisa juga Anda baca di www.mukadimah.com. Klik di sini untuk berkunjung ke www.mukadimah.com.
- Klik di tanda panah biru untuk memilih HTML/JavaScript.
- Kemudian ketik nama gadget di kotak Title (tidak harus) dan paste kode lengkap link tadi di kotak Content. Di bawah ini hanya contoh.
- Jika ingin membuat lebih dari satu link gambar, copy dan paste kode lengkap sebanyak yang diinginkan dan jangan lupa untuk mengubah URL SITUS, URL GAMBAR dan NAMA TAUTAN pada setiap link yang baru.
- Klik Save. Jika tidak ada kesalahan dalam kode maka akan ada pemberitahuan untuk melihat perubahan dengan klik View Blog atau Preview.
- Hasil akhir bisa terlihat seperti ini.
- Klik di gambar, maka link akan terbuka di tab lain (tidak di contoh ini, tapi jika ingin mencoba bisa diklik di bagian PLEASE VISIT MY di kanan atas blog ini).
- Jika tidak ingin link terbuka di tab baru, hilangkan bagian kode: target="_blank". Jadi kode lengkapnya jadi seperti ini:
<a href="http://andrestutorialblog.blogspot.com/" ><img src="http://img23.imageshack.us/img23/5385/logoblogintensedebate.jpg" alt="My Blogger" width="50" height="30" border="0" /></a>
Posting ini bisa juga Anda baca di www.mukadimah.com. Klik di sini untuk berkunjung ke www.mukadimah.com.
And that's a wrap.
Artikel Rekomendasi:
- Bagaimana Cara Membuat Custom Link List Tautan yang Terbuka di Tab Baru
- Dasar-dasar Cara Menggunakan Twitter
- Amazon Associates: Affiliate Program di Blogger Blospot
- Bagaimana Cara Membuat Facebook & MySpace Kita Sendiri
- Bagaimana Cara Memunculkan Gadget Product Finder dari Amazon Associates di Blogger
- Respon Emoticons Berupa Glittery Teks di Plurk
- Bagaimana Cara Mengetahui IP Address Spammer: Gunakan StatCounter.Com
- Block Komen Spam Dengan Toolator.Com
- Bagaimana Cara Pake Emoticons Extra Set Tapi Karma Minim Saat Nge-Plurk
- Bagaimana Cara Make Emoticons Ngeplurk di HP: Daftar Smileys Plurk
- Kode Script HTML untuk Mengubah Memperbesar Memperkecil Ukuran Font Huruf Posting Blog
- Bagaimana Cara Mengetahui Orang Yang Tidak Mengikuti (Unfollowing) di Twitter
Klik di sini membawa Anda ke AndresTutorialBlog.blogspot.com
Klik di sini untuk ke DownloadMyFreeMP3.blogspot.com - download my own free mp3
---
Minggu, November 29, 2009
Custom Link List Yang Terbuka di Tab Baru
Posted by Andre at Minggu, November 29, 2009
How to Make Custom Link List
Bagaimana cara membuat link-list kita sendiri? Berikut cara membuat costum linklist di Blogger yang bila kita klik bisa terbuka di tab baru atau tab lain.
Saya membuat ini karena link list default dari Blogspot tidak memuaskan keinginan saya.
Bagaimana cara membuat link-list kita sendiri? Berikut cara membuat costum linklist di Blogger yang bila kita klik bisa terbuka di tab baru atau tab lain.
Saya membuat ini karena link list default dari Blogspot tidak memuaskan keinginan saya.
Posting ini bisa juga Anda baca di www.mukadimah.com. Klik di sini untuk berkunjung ke www.mukadimah.com.
Saya ingin link-list yang bila saya klik maka tautan/link-nya akan terbuka di tab berikutnya.
Saya ingin link-list yang bila saya klik maka tautan/link-nya akan terbuka di tab berikutnya.
Gadget Link List bawaan Blogger yang saya maksud adalah yang seperti di bawah ini:
Widget atau gadget dari Blogger yang bernama Configure Link List di atas tidak memberikan apa yang saya mau.
Sedangkan saya ingin agar semua situs jejaring sosial saya: Facebook, Twitter, Plurk dan juga Youtube akan terbuka di tab baru jika diklik linknya.
Saya putuskan untuk membuat sendiri (custom-made) daftar tautan (link list) yang jika diklik akan terbuka di tab lain.
Sedangkan saya ingin agar semua situs jejaring sosial saya: Facebook, Twitter, Plurk dan juga Youtube akan terbuka di tab baru jika diklik linknya.
Saya putuskan untuk membuat sendiri (custom-made) daftar tautan (link list) yang jika diklik akan terbuka di tab lain.
Posting ini bisa juga Anda baca di www.mukadimah.com. Klik di sini untuk berkunjung ke www.mukadimah.com.
Akhirnya saya memakai gadget lain dari Blogspot yang bernama Configure HTML/JavaScript seperti ini.
Dan kini, daftar tautan jejaring sosial saya bisa terbuka di tab baru jika diklik. Cara untuk membuat sendiri Link List ini adalah sebagai berikut:
Akhirnya saya memakai gadget lain dari Blogspot yang bernama Configure HTML/JavaScript seperti ini.
Dan kini, daftar tautan jejaring sosial saya bisa terbuka di tab baru jika diklik. Cara untuk membuat sendiri Link List ini adalah sebagai berikut:
- jika sudah sign in di Blogger dan berada di Dashboard,
- klik tab Layout,
- kemudian klik Page Elements,
- lalu klik Add a gadget,
- pilih HTML/JavaScript dengan melakukan klik di panah biru di sebelah kanannya,
Posting ini bisa juga Anda baca di www.mukadimah.com. Klik di sini untuk berkunjung ke www.mukadimah.com.
- lalu copy kode HTML berikut ini dan paste di kotak Content seperti terlihat di gambar Configure HTML/JavaScript di atas.
<ul>
<li style="text-align: left;"><a href="http://facebook.com/andri.rahardian" target="_blank">FACEBOOK</a></li>
</ul>
<ul>
<li style="text-align: left;"><a href="http://www.plurk.com/AndreRahardian" target="_blank">PLURK</a></li>
</ul>
<ul>
<li style="text-align: left;;"><a href="http://twitter.com/AndriRahardian" target="_blank">TWITTER</a> </li>
</ul>
<ul>
<li style="text-align: left;;"><a href="http://www.youtube.com/user/gitara79" target="_blank">YOUTUBE</a> </li>
</ul>
<li style="text-align: left;"><a href="http://facebook.com/andri.rahardian" target="_blank">FACEBOOK</a></li>
</ul>
<ul>
<li style="text-align: left;"><a href="http://www.plurk.com/AndreRahardian" target="_blank">PLURK</a></li>
</ul>
<ul>
<li style="text-align: left;;"><a href="http://twitter.com/AndriRahardian" target="_blank">TWITTER</a> </li>
</ul>
<ul>
<li style="text-align: left;;"><a href="http://www.youtube.com/user/gitara79" target="_blank">YOUTUBE</a> </li>
</ul>
Posting ini bisa juga Anda baca di www.mukadimah.com. Klik di sini untuk berkunjung ke www.mukadimah.com.
Klik di sini untuk ke DownloadMyFreeMP3.blogspot.com - download my own free mp3
---
- Note: ganti yang berwarna merah dengan alamat URL situs jejaring sosial Anda. Ganti kata-kata berwarna biru sesuai dengan nama situs yang bersangkutan.
- Klik Save.
- Selesai.
- Hasilnya bisa dilihat di halaman ini pada bagian yang terlihat seperti berikut ini.
Posting ini bisa juga Anda baca di www.mukadimah.com. Klik di sini untuk berkunjung ke www.mukadimah.com.
- Bagaimana Cara Membuat Tautan Gambar Sendiri (Custom Clickable Images)
- Bagaimana Cara Menambahkan Tautan Youtube, Twitter, Plurk dan Facebook di Blogger Blogspot
- Dasar-dasar Cara Menggunakan Twitter
- Amazon Associates: Affiliate Program di Blogger Blospot
- Bagaimana Cara Membuat Facebook & MySpace Kita Sendiri
- Bagaimana Cara Memunculkan Gadget Product Finder dari Amazon Associates di Blogger
- Respon Emoticons Berupa Glittery Teks di Plurk
- Bagaimana Cara Mengetahui IP Address Spammer: Gunakan StatCounter.Com
- Block Komen Spam Dengan Toolator.Com
- Bagaimana Cara Pake Emoticons Extra Set Tapi Karma Minim Saat Nge-Plurk
- Bagaimana Cara Make Emoticons Ngeplurk di HP: Daftar Smileys Plurk
- Kode Script HTML untuk Mengubah Memperbesar Memperkecil Ukuran Font Huruf Posting Blog
- Bagaimana Cara Mengetahui Orang Yang Tidak Mengikuti (Unfollowing) di Twitter
Klik di sini membawa Anda ke AndresTutorialBlog.blogspot.comARTIKEL REKOMENDASI:
- Bagaimana Cara Membuat Tautan Gambar Sendiri (Custom Clickable Images)
- Bagaimana Cara Menambahkan Tautan Youtube, Twitter, Plurk dan Facebook di Blogger Blogspot
- Dasar-dasar Cara Menggunakan Twitter
- Amazon Associates: Affiliate Program di Blogger Blospot
- Bagaimana Cara Membuat Facebook & MySpace Kita Sendiri
- Bagaimana Cara Memunculkan Gadget Product Finder dari Amazon Associates di Blogger
- Respon Emoticons Berupa Glittery Teks di Plurk
- Bagaimana Cara Mengetahui IP Address Spammer: Gunakan StatCounter.Com
- Block Komen Spam Dengan Toolator.Com
- Bagaimana Cara Pake Emoticons Extra Set Tapi Karma Minim Saat Nge-Plurk
- Bagaimana Cara Make Emoticons Ngeplurk di HP: Daftar Smileys Plurk
- Kode Script HTML untuk Mengubah Memperbesar Memperkecil Ukuran Font Huruf Posting Blog
- Bagaimana Cara Mengetahui Orang Yang Tidak Mengikuti (Unfollowing) di Twitter
Klik di sini untuk ke DownloadMyFreeMP3.blogspot.com - download my own free mp3
---
Langganan:
Postingan (Atom)
Postingan
