Trik Mudah Cara Membuat Daftar isi blog

Cara Membuat daftar Isi Blog - Beberapa artikel terakhir yang saya posting di blog seperti Cara Memasang Tracking ID kode Google analystics di blog dan artikel sebelumnya berhubungan dengan SEO. Agar tidak terlalu banyak di pusingkan dengan Optimasi SEO saya akan selingi artikel SEO di BB dengan artikel tentang cara menghias dan mempercantik blog.

Widget daftar isi blog otomatis.

Saya memilih menulis artikel tentang widget daftar isi blog sebagai selingan artikel SEO Blogger Bugis. Alasannya, karena Widget Daftar isi Blog akan membuat pengunjung lebih mudah mencari artikel di dalam blog.Tampilannya yang menarik tidak akan membuat pengunjung bosan berlama lama nongkrong di blog.

Selain itu, Cara Membuat Daftar isi blog yang akan saya share di artikel ini akan bekerja secara otomatis tanpa perlu memasukkan link artikel satu persatu ke dalammya. Yang membuatnya lebih menarik, gadget Daftar Isi Blog ini di lengkapi dengan menu drop down untuk memudahkan pengunjung memilih jenis artikel yang akan di tampilkan oleh daftar isi blog keren ini.

Pengunjung bisa memilih melihat daftar isi Blog berdasarkan tanggal posting, dan bisa juga berdasarkan label artikel. Saya juga menambahkan Kotak dengan Fungsi Scroll agar widgetnya tidak terlalu panjang ke bawah jika settingan widget memuat ratusan artikel sehingga membuat widget ini lebih menarik. Untuk melengkapi tampilannya, saya juga menambahkan efek shadow inset atau efek bayangan ke dalam box widget, artinya, anda bisa menyebut widget ini dengan "Widget daftar isi blog otomatis dengan scroll efek shadow"

Agar anda lebih tertarik untuk memasang widget daftar isi Blog otomatis ini di blog anda, silahkan lihat gambar di bawah ini :

Tidak puas dengan gambar ?
Klik tombol spoiler di bawah ini untuk melihat Live Demonya :

Masih loading bro... sabar ya...

Widget by Blogger Bugis

Untuk membuat daftar isi blog otomatis seperti di atas, kode yang digunakan adalah sebagai berikut :

<div style="background: #f2f2f2; width: 320px; color: #000; float: center; font: normal 13px verdana; height: 350px; margin: 10px auto; overflow: auto; padding: 10px; text-align: left; text-shadow: 1px 1px 2px #fff; border:4px double #ccc; -moz-box-shadow: inset 2px 2px 2px #404040; -webkit-box-shadow: inset 2px 2px 2px #404040;box-shadow: inset 2px 2px 2px #404040">
<div id="cl_option">
Masih loading bro... sabar ya... </div>
<div id="cl_content_list">
</div>
<script type="text/javascript">
var jumlah_kata_dalam_ringkasan =200;
</script>
<script type="text/javascript" src="https://sites.google.com/site/bloggerbugisdotkom/javascript/Dafatar_isi_Biasa_Bloggerbugis.js">
</script>
<script type="text/javascript" src="http://www.bloggerbugis.com/feeds/posts/default?alt=json-in-script&amp;callback=onLoadFeed&amp;max-results=500">
</script>
<div style="float:right;font:normal 10px verdana; color:#ccc;text-align:right;padding:5px 0px;text-shadow:1px 1px 1px #000">
Widget by <a href="http://www.bloggerbugis.com">Blogger Bugis</a></div>
</div>

Kode di atas bisa di edit untuk menyesuaikan tampilannya dengan tema blog anda.
Perhatikan kode yang berwarna merah !!!

• f2f2f2 adalah kode warna background ( Warna Latar Belakang ) yaitu Abu - Abu. Ganti kode tersebut dengan kode warna yang anda inginkan untuk mengganti warna background widget Daftar Isi Otomatis.Untuk melihat kode warna HTML, silahkan klik "Daftar Kode Warna HTML".
• 320px adalah Kode lebar widget. Ganti dengan angka yang lebih besar untuk membuat widgetnya lebih lebar atau ganti dengan angka yang lebih kecil untuk membuat widgetnya lebih sempit. Misalnya 300px atau 350px.
• 000 adalah kode warna tulisan yaitu hitam. Silahkan ganti dengan warna yang anda inginkan. Adapun warna Link yang ada di dalam widget, tergantung dari pengaturan CSS template anda.
• 4px double adalah kode ketebalan garis pinggir widget, yaitu garis pinggir ganda ( double ) dengan ketebalan 4 piksel ( 4px ) . Ganti dengan angka 4 yang lebih besar atau lebih kecil. untuk membuat hanya 1 garis pinggir, ganti double dengan solid, untuk membuat garis pinggir putus - putus, ganti dengan dashed
• ccc adalah kode warna garis pinggir, ganti dengan kode warna yang anda inginkan.
• Masih loading bro... Sabar ya.... adalah kalimat yang di tampilkan jika widgetnya belum terbuka karena halaman masih loading. Silahkan ganti dengan kalimat yang anda inginkan.
• 500 adalah jumlah maksimal judul artikel yang akan di tampilkan di dalam widget daftar isi otomatis. Ganti dengan angka yang lebih besar atau lebih kecil. Pada live demo yang anda lihat di atas, saya hanya menggunakan 15.
• Yang terakhir dan paling penting adalah kode http://www.bloggerbugis.com. Ganti kode tersebut dengan URL / Alamat blog anda

Dengan mengedit semua kode di atas, anda akan memiliki daftar isi blog yang sesuai dengan tema warna blog anda. Silahkan pasang widgetnya pada sidebar blog atau laman atau halaman artikel blog anda, jika belum tahu caranya, simak tutorialnya berikut ini :

Cara Memasang Widget Daftar Isi Blog Otomatis

Ada 2 cara yang bisa di lakukan untuk memasang widget daftar isi tersebut di dalam blog. Yang pertama adalah memasang daftar isi blog otomatisnya pada sidebar blog, dan yang kedua memasang daftar isi otomatis tersebut pada halaman artikel atau laman blog. Berikut masing masing panduan cara memasang daftar isi blog otomatis :

1. Pasang Daftar Isi Blog Otomatis di Laman atau Halaman Artikel

Untuk memasang daftar isi otomatis pada Laman Baru atau Halaman Posting ( artikel ), silahkan masuk ke Post Editor blogspot sama seperti jika ingin membuat artikel. Pada halaman Post Editor, pilih mode HTML lalau paste kode Daftar Isi Blog Otomatis.

Untuk membuat widgetnya berada di tengah halaman, tambahkan kode <center> sebelum kode Daftar Isi lalau tambahkan kode </center> di bawah kode daftar isi sehingga kodenya akan terlihat seperti ini :

<center>

Kode Daftar Isi Blog Otomatis

</center>

Setelah selesai, jangan lupa publish / terbitkan seperti artikel biasa.

2. Pasang Daftar Isi Blog Otomatis Pada Sidebar Blog 

Untu memasang daftar Isi Blog Otomatis pada sidebar blog, silahkan masuk ke halaman TATA LETAK >>> Klik Tambah Gadeget >>> Pilih HTML/JavaScript >>> Copy Paste kode Daftar Isi ke kotak HTML/JavaScript >>> Klik Simpan.

Penjelasan lengkap tentang cara memasukkan widget daftar isi Blog pada sidebar blog, klik "Cara Menambahkan Widget di Blog" untuk membaca tutorialnya yang di lengkapi dengan gambar

Semoga artikel Blogger Bugis tentang Cara Membuat Daftar Isi blog ini bermanfaat. Jika anda kurang suka dengan widget ini, saya akan membuat artikel lagi tentang widget daftar isi di blog dengan tampilan berbeda

Happy Blogging.......

Cara Memberi Komentar yang Baik dan Benar

Selama beberapa hari BLOGGERBUGIS terabaikan. Bukan karena malas ngeBlog atau tidak ada ide untuk postingan baru, melainkan karena saya sedang fokus mengedit template baru Blogger Bugis yang sedang anda lihat sekarang. Beberapa fitur tambahan membuat template BLOGGERBUGIS lebih LOLA dari template sebelumnya. Saat artikel ini ditulis, beratnya 199,14kb. Artinya, 2 kali lipat lebih besar dari ukuran template yang baik.Untuk itu, saya mohon maaf kepada sobat blogger yang berkunjung dan harus menunggu loading saat membuka Blogger Bugis. Insya allah berat blog ini akan saya kurangi dengan menghilangkan beberapa fiturnya sambil menulis artikel

Gambar 1 : Cara memberi komentar yang baik

Kembali ke topik Artikel yaitu cara memberi komentar yang baik dan benar di blog lain.

Setelah selesai mengedit template, saya masuk ke dasbord Blogger Bugis untuk mengganti template. dan menambahkan widget baru. Di halaman dasbord, sudah ada puluhan komentar yang menunggu moderasi.

• Tidak ada komentar Spam
• Hanya beberapa komentar yang benar
• Tidak ada komentar yang baik

Jika berdasarkan List komentar di atas, artinya blogger indonesia tahun 2012 ini sudah sedikit lebih baik dibandingkan pada tahun sebelumnya. Pada tahun 2010, dari 10 komentar yang masuk ke Blogger Bugis salah satunya adalah komentar Spam.

Hanya beberapa komentar yang benar

Kebanyakan komentar yang masuk kurang lebih seperti ini :
postingan yang bagus gan, artikel yang bermanfaat bro, thanks for sharing, ijin ke TKP mas, dll yang sepertinya di ketik terburu buru dan asal asalan. BLogger biasanya melakukan komentar seperti ini dengan tujuan untuk mendapatkan backlink dan berharap dikunjungi oleh admin blog yang di komentari. Saya akan memoderasi komentar seperti itu. Kemungkinan besar tidak akan di balas dan sudah pasti blog si pemberi komentar tidak akan saya kunjungi.

Tidak ada komentar yang baik.

Beberapa komentar sudah benar karena berhubungan dengan artikel. Dari beberapa komentar tersebut, tidak satupun yang merupakan komentar yang baik. Contohnya : saya kok ga' bisa ya ??? ( komentar di artikel tutorial, misalanya artikel "Cara mendaftarkan blog ke 50 Mesin Pencari" ). Komentar seperti ini akan saya kunjungi, cari masalah kenapa bisa gagal menerapkan tutorialnya, tapi saya tidak akan memberi komentar di blognya ( Kecuali PR Blognya 2 atau lebih )

Bagaimana Seharusnya Sebuah Komentar ?

Dengan memberi komentar, kita akan mendapatkan backlink dari blog yang dikomentari. Tapi sebaliknya, blog yang dikomentari harus mengijinkan komentar Via Name / URL termasuk anonim agar backlink tidak mengarah ke profil blog melainkan langsung ke blog si pemberi komentar

Gambar 2 : Cara memberi komentar yang baik

Untuk memberikan komentar yang baik dan benar, seorang blogger harus bisa membedakan mana komentar spam dan yang mana komentar yang benar, serta mengetahui cara memberi komentar yang baik.

KOMENTAR SPAM

Komentar Spam adalah komentar yang menyertakan Link Aktif dengan anchor teks. Tidak ada salahnya memasang url blog di dalam komentar. Cara ini akan membuat admin blog yang di komentari lebih mudah melakukan kunjungan balik. Jika URLnya atau anchor teksnya di beri link maka komentarnya sudah menjadi komentar spam. Komentar seperti ini akan saya masukkan ke dalam folder Spam lalu membiarkan blogspot menilai blog tersebut. Pada awal - awal ngeblog saya juga pernah memberi komentar di blog lain dan menyertakan LINK aktif dengan anchor text, tapi waktu itu saya belum tahu kalau komentar seperti itu adalah spam. Saya ingin meminta maaf kepada admin blognya, masalah saya sudah lupa blog tersebut

KOMENTAR YANG BENAR

Komentar yang benar adalah komentar yang berhubungan dengan artikel yang dikomentari. Misalanya : "Saya sudah berhasil, terima kasih tutorialnya" ( komentar pada artikel "Cara membuat Blog Versi Baru" ). Komentar seperti ini akan membuat admin senang, jika dia tidak mengunjungi blog anda, berarti adminnya "Sungguh Terlalu".

KOMENTAR YANG BAIK

Komentar yang baik adalah komentar yang menyertakan judul artikel yang di komentari.
Contohnya : "Terima kasih tutorialnya, sekarang saya sudah tahu cara memasang gambar di artikel blog" ( komentar pada artikel "cara memasang gambar di postingan" )

Dengan memberi komentar, kita akan mendapatkan backlink. Apa susahnya memberikan komentar yang baik dan benar ? Komentar yang benar sudah cukup, tapi seharusnya kita juga memberikan komentar yang baik untuk membantu mempopulerkan blog yang telah memberikan backlink ke blog kita.

Dengan memberikan komentar spam, komentator akan mendapat 2 backlink. Tentu saja ini akan menguntungkan si pemberi komentar tapi akan merugikan blog yang di komentari. Google panda akan menendang blog yang banyak komentar spamnya dari serp yang artinya, backlink ganda yang diperoleh tadi menjadi sia - sia karena berada di blog yang di benci search engine. Pada akhirnya, blog yang di komentari akan rugi, demikian juga denagn blog orang yang memberi komentar spam.

Mari saling membantu sesama blogger dengan memberikan komentar yang baik dan benar. Jika ingin bersaing di halaman pertama Hasil Pencarian Search Engine, mari kita lakukan persaingan sehat dengan tidak menghancurkan blog blogger lain melalui komentar spam.

Semoga bermanfaat...

Cara mengetahui Kode Warna HTML

Kode Warna HTML

Cara Mengetahui Kode warna HTML - Kode Warna HML sangat diperlukan dalam proses mengedit template blog. Untuk mengubah warna pada bagian - bagian blog ( warna sidebar, warna garis pinggir, warna link, warna huruf, dll ), kita bisa menggunakan bahasa inggris warna yang kita inginkan. Misalnya, RED untuk warna merah, BLACK untuk warna hitam, WHITE untuk warna putih, GREY untuk warna abu abu, dll. Masalahnya, dengan menggunakan bahasa inggris dari warna yang diinginkan, kita tidak bisa mendapatkan warna yang pas. Untuk membuat warna abu abu tua, kita tidak bisa menggunakan kata GREY, begitu juga untuk warna yang lain seperti biru muda, coklat tua, dll. Karena itu, kita harus menggunakan KODE WARNA HTML agar kita bisa mendapatkan warna yang sangat pas untuk sesuai dengan yang kita inginkan. Sayangnya lagi, kita tidak mungkin bisa menghafal semua KODE WARNA HTML. Untuk itu, saya menyediakan tools di blog ini untuk memudahkan anda melihat dan menambahkan  KODE WARNA HTML. Ada 2 tools di handphone eh, maksud saya blog ini yang bisa anda gunakan baik untuk melihat "KODE HTML warna" , maupun untuk melihat "WARNA kode html". Berikut kedua TOOLS dan cara menggunakannya :

Tools untuk melihat Kode Warna
Melihat KODE HTML warna yang diinginkan.
Klik warna yang anda inginkan lalu secara otomatis kode dari warna yang anda klik akan terlihat pada kotak kecil di sampingnya ( kotak pertama / kotak yang paling atas ). 3 kotak warna di bawahnya sebagai warna alternatif yang mungkin anda inginkan juga. Anda tinggal mengcopy paste kode warna tersebut.

Melihat WARNA kode html

Anda punya kode warna di template blog tapi tidak tahu kode warna tersebut untuk warna apa ? Masukkan atau ketikkan kode warna anda pada KOTAK yang ada di bawah tulisan "Insert the hex code ( without"#") below and press the Update button". Ingat...!!! jangan masukkan tanda pagar ( # ), misalnya anda ingin mengetahui warna dari kode warna #FF3300 maka masukkan kode FF3300 saja pada kotaknya lalu klik tombol "UPDATE". Secara otomatis, anda akan melihat warna dari kode warna #FF3300 pada kotak kecil di atasnya beserta 3 pilihan warna alternatif.

Notes :
Jika anda tidak bisa melihat tollsnya, berarti anda membutuhkan Adobe Plash Player. Download versi terbaru "Disini"

Kekurangan dari tolls di atas adalah tidak tersedia pilihan untuk warna HITAM dan  PUTIH ,untuk itu, gunakan tolls kedua di bawah ini.

Notes :

Cara menggunakannya hampir sama dengan tolls pertama

Kode warna yang terpilih :

Kode warna HTMLnya masih kurang lengkap ???
oce bro,.. nie saya tambah 1 tolls lagi

Semoga Tolls untuk melihat kode warna HTML di atas bermanfaat.... Happy blogging....

Cara Mendaftarkan Blog ke Bing

Cara mendaftarkan blog ke Bing - Sebuah blog baru tidak akan tampil di hasil pencarian apabila blog tersebut belum masuk ke dalam daftar indeks mesin pencari. Jika tidak muncul di hasil pencarian, jangan harap dapat pengunjung. Untuk memaksimalkan blog di hasil pencarian, cara pertama yang harus di lakukan adalah mendaftarkan blog ke Mesin Pencari. Mesin pencari atau dalam bahasa BUGIS disebut "Search Engine"   jumlahnya sangat banyak. Sebagai langkah awal, sebuah blog minimal terdaftar di 3 mesin pencari terbesar saat ini yaitu Google, Yahoo, dan Bing.


Meskipun tanpa di daftarkan, mesin pencari tetap akan menambahkan blog baru ke indeksnya. Masalahnya,  jika menunggu serach engine, butuh waktu lama sampai blog terindeks ( tergantung kepopuleran sebuah blog ). Paling cepat 1 bulan, paling lama 1 tahun. Daripada menunggu selama 1 tahun, lebih baik segera daftarkan blog anda ke search engine bing dan google. "Lebih cepat lebih baik" .

Cara mendaftarkan Blog

Artikel ini hanya akan membahas "cara mendaftarkan blog di Bing". Apabila anda belum mendaftarkan blog anda di google, baca : "Cara mendaftarkan blog di Google". Untuk Search Engine Yahoo, submite sitenya telah di tutup dan di alihkan ke Search Engine Bing. Jadi, dengan mendaftarkan atau submite blog ke bing, berarti Yahoo juga akan segera mengindeks blog anda. Untuk mendaftarkan blog ke Bing Search Engine, ikuti panduannya berikut ini :

• Silahkan bertamu ke Search Engine BING. Klik Bing Webmasters 
• Klik tulisan "Webmasters tools sign in" untuk masuk ke Webmasters bing saat anda melihat tampilan halaman seperti gambar di bawah ini :

Gambar 1 : Cara submite blog ke Search Engine BING

• Masukkan ID dan Password Windows Live anda lalu klik "Sign In" untuk masuk ke bing. Belum punya ID Windows Live ? Klik "Cara membuat email Hotmail".

Gambar 2 : Cara submite blog ke Search Engine BING

• Setelah masuk ke Webmasters Bing, anda akan melihat kotak "Preference" seperti gambar di bawah ini :

Gambar 3 : Cara submite blog ke Search Engine BING

• Isi kotak preference sesuai dengan data anda lalu klik tombol "SAVE".
• Selanjutnya, klik tombol "Add Site".

Gambar 4 : Cara submite blog ke Search Engine BING

• Masukkan Link / URL / Alamat blog anda pada kotak "Add Site" lalu klik "Submite".

Gambar 5 : Cara submite blog ke Search Engine BING

• Pada kotak Verify Ownership, klik opsion 2. Anda akan melihat kode meta yang telah di sediakan oleh Bing. Kode meta tersebut spesial untuk blog anda .

Gambar 6 : Cara submite blog ke Search Engine BING

• Copy semua kode meta dari bing tersebut. Hati - hati saat mengcopy codenya. Kurang satu karakter saja akan membuat pekerjaan anda sia - sia.
• Jangan tutup halaman Bing Webmasters !!!. 
• Masuk ke akun blog anda untuk mengedit template dengan memasang kode meta tersebut. Jika anda belum tahu cara mengedit template, klik "Cara mengedit template Blog".
• Pasang / paste kode meta tadi di bawah kode <head> template blog anda lalu klik "Simpan template".

Gambar 7 : Cara submite blog ke Search Engine BING

• Setelah template tersimpan, kembali ke halaman Webmasters Bing lalu klik tombol "Verify" yang ada di bawah kode meta tadi.

Gambar 8 : Cara submite blog ke Search Engine BING

• Anda akan melihat pemberitahuan bahwa Verifikasi telah berhasil. yang mendakan bahwa pekerjaan anda "Mendaftarkan blog ke bing" telah selesai.

Selamat.....
Kini blog anda sudah masuk dalam daftar indeks Search Engine Bing. Setelah mendaftarkan blog anda ke BING, sebaiknya daftarkan juga ke Google, dan mesin pencari lainnya. Perlu anda ketahui, sebelum mendaftarkan blog ke search engine, sebaiknya buat postingan minimal 5 artikel agar mesin pencari segera memasukkan artikel anda ke indeksnya. Apabila anda membuat artikel baru, maka artikel baru anda akan masuk ke daftar indeks search engine secara otomatis tanpa perlu submite blog lagi.

Semoga bermanfaat......
Happy blogging....

Cara Mendaftarkan Blog Ke Google

Cara Lain Mendaftarkan Blog ke Google - Setelah membuat sebuah blog, sebaiknya buat minimal 5 artikel lalu terbitkan. Setelah itu, hal yang paling penting yang harus di lakukan adalah submite blog ke Search Engine Google.

Dalam bahasa yang lebih mudah, submite blog adalah mendaftarkan blog ke google. Submite blog minimal di lakukan di 2 Mesin Pencari terbesar saat ini yaitu Google dan Bing.( Yahoo tidak di sebutkan karena submite yahoo sudah ditutup dan di alihkan ke Bing Search Engine ).

Cara Mendaftarkan blog di Google

Google menambahkan situs baru ke indeks kami, dan memperbarui yang sudah ada, setiap kali kami merayapi web tersebut. Jika Anda memiliki URL baru, beri tahu kami mengenai hal itu di sini. Kami tidak menambahkan semua URL yang dikirimkan ke indeks kami, dan kami tidak dapat memprediksi atau menjamin kapan atau apakah URL yang dikirimkan akan muncul dalam indeks kami.
dikutip dari webmaster google.

Dari kutipan di atas, dapat diketahui bahwa mendaftarkan blog ke google saja belum tentu di indeks, bagaimana kalau tidak di daftar ? . Meskipun tanpa mendaftarkan blog, google biasanya mengindeks sendiri sebuah blog, tapi sebaiknya blog di daftarkan agar lebih cepat terindeks. Sebelumnya, submite blog di goole di lakukan di https://www.google.com/webmasters/tools/submit-url/?continue=/addurl. Saat saya coba daftar domain baru blog "Bloggerbugis", ternyata sudah tidak bisa lagi dilakukan di sana. Setelah keliling di hasil Pencarian Search Engine Google tersayang,.. akhirnya saya menemukan tempat lain untuk submite blog ke google. Anda juga mau mendaftarkan URL blog anda di google ?

Gambar Cara Submite Blog ke Google

• Klik : https://www.google.com/webmasters/tools/submit-url

• Masukkan URL blog anda dan kode chaptcha

• Klik tombol "Kirim Permintaan"

• Selesai.....

Dengan mendaftarkan blog ke Mesin Pencari Google, semoga blog anda semakin populer di google, tampil di halaman depan hasil pencarian, dan trafik pengunjung blog bertambah 100 kali lipat . Untuk cara mendaftarkan blog ke Bing Search Engine, baca artikel Blogger Bugis yang lain.

Semoga hari anda menyenangkan...
Happy Blogging...

Memasukkan Gambar ke dalam Postingan

Memasukkan Gambar ke dalam Postingan - Sebuah artikel dengan banyak gambar, bisa membuat halaman artikel jadi tambah "Lola" ( Loading lama ). Sebaliknya, apabila artikel yang diposting di blog tidak memiliki gambar, maka artikelnya akan terasa hambar. Rasanya seperti sayur tanpa garam ( syukur² kalau sayurnya tidak basi ). Untuk itu, sebelum memasukkan gambar ke dalam postingan blog, pastikan ukuran gambar sudah diperkecil dengan aplikasi "Fileminimizer". Selain Gratis, fileminimizer mampu mengurangi ukuran ( size ) gambar hingga 80% bahkan lebih, tanpa mengurangi kualitas gambarnya.

Cara Memasukkan Gambar.

Memasukkan gambar ke dalam artikel ( postingan ) blog sangat mudah. Kita tinggal mengklik tools "Insert Image" ( Gambar pemandangan ) yang ada di atas kotak penulisan artikel lalu memilih sumber gambar yang ingin dimasukkan kedalam postingan. Untuk sumber gambar yang bisa dimasukkan, blogger menyediakan 5 pilihan. Kita bisa memsukkan gambar ke dalam posting dari hardisk komputer, bisa dari gambar blog, picasa web album, handphone, dan bisa juga dengan memasukkan langsung URL gambar.

Penjelasan selengkapnya, simak tutorial "Cara Memasukkan Gambar ke dalam Postingan" berikut ini :

• Seperti biasa, log in di blogger lalu masuk ke "Post editor" blog.
• Untuk menambahkan gambar, klik di dalam kotak penulisan artikel untuk mulai membuat artikel lalu klik tools "Insert Image" ( gambar pemandangan ) yang ada di atas kotak penulisan artikel.

Gambar 1 : cara memasukkan gambar ke dalam postingan

• Pilih sumber gambar yang akan dimasukkan kedalam postingan blog. Upload gambar, dari blog, dari Picasa Web Album, dari Handphone, atau dengan memasukkan URL gambar.

Gambar 2 : cara memasukkan gambar ke dalam postingan

1. Upload
Dengan memilih opsi Upload, berarti gambar yang akan di masukkan tersimpan di komputer ( hardisc, flashdick, atau disk ). Cara menggunakannya :

• Pilih opsi "Upload", lalu klik tombol "Pilih File".
• Pilih gambar yang ada di komputer anda lalu klik OPEN

Gambar 3 : cara memasukkan gambar ke dalam postingan

• Setelah gambarnya muncul, klik tombol "Add Selected".

Gambar 4 : cara memasukkan gambar ke dalam postingan

2. From This Blog
Opsi ini akan menampilkan semua gambar yang telah dimasukkan ke dalam blog, baik gambar yang ada sidebar, footer, ataupun bagian blog lainnya termasuk di artikel lain. Cara menggunakannya :

• Klik Opsi "From This Blog".
• Klik gambar yang akan di masukkan ke dalam postingan blog. lalu klik tombol "Add Selected".

Gambar 5 : cara memasukkan gambar ke dalam postingan

3. From Your Phone
Opsi berfungsi ntuk memasukkan gambar ke dalam postingan dari Handphone. Saya sendiri tidak pernah menggunakan opsi ini karena sepertinya hanya mendukung Android. Karena tidak pernah menggunakan opsinya, saya tidak tahu cara menggunakannya .

4. From a URL

Opsi terakhir ini memungkinkan kita untuk memasukkan gambar yang sudah tersimpan di internet. Baik itu gambar sendiri, maupun gambar milik orang lain. Yang dibutuhkan hanya URL atau alamat gambarnya. Belum tahu di mana melihat URL sebuah gambar / halaman ? baca "Cara Membuat Link". Cara menggunakannya :

• Pilih opsi From a URL lalu masukkan URL gambar pada kotak yang tersedia.
• Setelah gambarnya muncul, klik tombol "Add Selected".

Gambar 6 : cara memasukkan gambar ke dalam postingan

Mengatur Gambar

Setelah memasukkan gambar ke dalam postingan, kadang posisi gambar yang dimasukkan tidak sesuai dengan tempat / posisi yang di inginkan. Untuk memindahkan gambarnya, Drag and Drop ( Klik, tahan, lalu seret ) ke tempat / posisi yang di inginkan. Sampai tahap ini, Artikel yang dilengkapi dengan gambar sudah siap diterbitkan.

Optimalkan Gambar

Selain itu, anda bisa melakukan beberapa trik memasukkan gambar ke dalam postingan berikut ini ( tidak wajib ) agar gambarnya lebih SEO Friendly Caranya : Klik gambar yang telah di masukkan di dalam artikel. Anda akan melihat tulisan "Smal - Medium - Large - X-Large dan lain lain. Klik masing masing tools tersebut untuk setting gambar yang ada di dalam artikel.

Keterangan :

• SMAL ( Kecil ) : Tools ini akan membuat ukuran gambar yang ada di dalam artikel menjadi lebih kecil. Dengan membuat gambar di artikel lebih kecil, artikel akan lebih cepat di load. Banyak pengunjung yang tidak suka dengan blog yang LOLA ( Loading Lama ) termasuk saya . Saat membuka blog yang terlalu lama loading, blognya akan langsung saya tutup lalu membuka blog yang lain. Meskipun gambar di artikel kecil, tapi saat di klik maka akan muncul gambar dalam ukuran sebenarnya. Jangan gunakan tools ini jika anda lebih suka pengunjung meninggalkan blog anda sebelum blog anda sempat terbuka.
• MEDIUM, LARGE, dan X-LARGE : Medium artinya sedang, Large artinya besar, dan X-Large artinya sangat besar. Silahkan pilih sesuai keinginan anda. Mau yang kecil ? Pilih SMAL, mau yang super besar ? Pilih X-Large.
• Original Size : Gambar dalam ukuran sebenarnya. Tools ini akan menampilkan gambar di artikel dalam ukuran sebenarnya.
• Left - Center -Right : Left artinya kiri, Center artinya tengah, dan Right artinya kanan. Silahkan pilih mau memasang gambarnya di sebelah kiri, tengah atau kanan.
• Add Caption : Tools ini akan memberikan tulisan di bawah gambar. Tulisan tersebut bisa di atur sesuai keinginan. Tips : Sebaiknya jadikan Judul Artikel sebagai Caption.
• Properties : Tolls ini akan memberikan tittle dan Alt Tag pada gambar. Untuk menggunakan tools ini, klik pada tulisan properties. Anda akan melihat pop up window seperti gambar di bawah ini : 

Gambar 7 : cara memasukkan gambar ke dalam postingan

• Title Text adalah tulisan yang muncul saat mouse menyentuh gambar. Silahkan isi kotak di bawah tulisan title text jika ingin memberikan Title pada gambarnya.
• Alt Text adalah Keyword untuk mengoptimasi gambar di hasil pencarian Search Engine. Biasa juga di sebut dengan Alt Tag. Ketikkan keyword atau kata kunci utama artikel pada kotak Alt Text. Tips : Gunakan judul artikel sebagai Alt Tag / Text. Alt Tag bisa ditambahkan secara manual melalui mode Edit HTML, kalau lebih suka pusing, tambahkan Alt Tag melalui mode Edit HTML. .
• Remove : Gunakan tools ini untuk menghapus gambar yang telah dimasukkan ke dalam postingan blog.

Beberapa menit sebelum menerbitkan artikel ini, ternyata ada opsi baru untuk memasukkan gambar ke dalam postingan yaitu melalui "webcam". Karena artikelnya sudah terlanjur jadi dan siap di terbitkan, silahkan pelajari sendiri Opsi ini .

Oce mas bro,..
Terima kasih telah berkunjung dan membaca artikel di BLOGGERBUGIS. Jika ada artikel yang kurang jelas, sampaikan kritik, saran atau komentar melalui kotak komentar yang ada di bawah artikel. Catatan : Jangan memberi komentar yang menusuk di hati tembus di jantung.

Semoga  bermanfaat...
Happy blogging.....

Cara Membuat Link

Tutorial Cara Membuat Link di Blog - Link adalah sebuah gambar atau tulisan yang apabila di klik akan membuka halaman baru, baik itu membuka halaman di tab baru, maupun membuka halaman baru dan menggantikan halaman sebelumnya ( halaman tempat link di klik ).

Untuk lebih memahami cara membuat link, sebelumnya saya akan jelaskan hal - hal yang dibutuhkan untuk membuat link dan cara memperolehnya.

Dasar membuat Link.

Cara yang bisa dilakukan untuk membuat link tergantung dari tempat link yang akan dibuat. Sebagai contoh, untuk blogspot kita bisa membuat link di sidebar blog, di dalam artikel ( postingan ), dan bagian lain blog. Variasi yang bisa ditambahkan pada link serta bentuk dan model atau bentuk link juga banyak. Untuk anda yang menggunakan blogspot sebagai tempat membuat Blog, hal² yang diperlukan untuk membuat sebuah link adalah :

• Tulisan atau gambar ( banner ) yang akan dibuat link.

Tulisan yang dipakai untuk membuat link berupa kata atau kalimat, kalau menggunakan gambar atau banner sebagai link, anda harus mempunyai sebuah gambar yang sudah tersimpan di internet karena yang akan dipakai adalah URL / alamat gambar tersebut.

* Contoh Link dengan menggunakan tulisan : BLOGGER BUGIS
* Contoh link dengan menggunakan gambar atau banner :

• URL atau alamat tujuan Link.

URL atau alamat tujuan link adalah tempat dimana halaman tersimpan. Contoh : Bloggerbugis tersimpan atau beralamat di www.bloggerbugis.com. Untuk mengetahui URL atau alamat sebuah halaman di internet, silahkan buka halaman yang diinginkan ( tujuan link ) lalu lihat URL atau alamatnya yang ada di menu bar browser.

Gambar 1 : Cara Membuat Link

• Kode HTML untuk membuat link.

Untuk membuat link, kadang kita harus membuat kode HTMLnya, kadang juga tidak. Tergantung di mana membuat Link tersebut. Adapun kode HTML dasar untuk membuat link adalah :

<a href="URL Tujuan Link">Kata yang dijadikan Link</a>

Cara Membuat Link.

Setelah mengetahui hal² yang dibutuhkan untuk membuat link, sekarang kita mulai tutorial cara membuat link di beberapa bagian blog yang biasa digunakan untuk menyimpan Link.

1. Membuat Link di dalam postingan blog

Untuk membuat link di dalam postingan Blog ( artikel ), yang di butuhkan adalah URL tujuan link dan kata atau kalimat yang akan dijadikan Link. Gunakan tools yang ada di post editor blog sehingga kita tidak memerlukan kode HTML untuk membuat linknya. Caranya :

• Klik dan tahan mouse di dekat tulisan untuk meyeleksi kata atau kalimat yang akan di jadikan Link. Contoh : saya akan membuat link dengan kata "Klik disini" maka saya akan menyeleksi tulisan "Klik Disini" sehingga terlihat seperti ini : "Klik Disini".
• Klik tools LINK yang ada di atas kotak penulisan artikel.

Gambar 2 : Cara Membuat Link

• Saat muncul kotak pop up window, masukkan URL tujuan Link pada kotak yang tersedia

Gambar 3 : Cara Membuat Link

• Klik kotak kecil yang ada di depan tulisan "Open this link in a new window" untuk membuat linknya terbuka di tab baru browser.

Hasilnya seperti ini :

"Klik Disini"

2. Membuat link pada widget yang ada di sidebar blog.

Cara membuat link di sidebar blog hampir sama dengan membuat link di dalam postingan blog. Bedanya, kita harus menambahkan kode perintah secara manual jika ingin membuat linknya terbuka di Tab Baaru browser saat Link di klik.  Penjelasan selengkapnya berikut ini :

• Tambahkan widget baru di sidebar blog anda. Jika belum tahu cara menambahkan widget di blog, klik : "Cara Menambahkan Widget di Sidebar  Blog".
• Pilih widget "HTML/JavaScript".
• Anda akan melihat kotak HTML/JavaScript seperti gambar di bawah ini :

Gambar 4 : Cara Membuat Link

*Perhatikan gambar yang di beri tanda

• Ketik tulisan yang akan di jadikan LINK lalu highlight / Seleksi tulisan tersebut.
• Klik tools  "BuatLink" ( gambar yang di beri lingkaran berwarna merah )
• Masukkan URL tujuan LINK lalu klik "OK" seperti gambar di bawah ini :

Gambar 5 : Cara Membuat Link

• Klik Simpan
• Hasilnya kurang lebih seperti gambar di bawah ini : 

Gambar 6 : Cara Membuat Link

• Selesai...

Catatan Tambahan :

• Gambar Tutorial Cara Membuat Link pada sidebar blog di atas diambil pada mode EDIT HTML ( perhatikan tulisan yang di tunjuk panah kecil. Tulisan "Rich Teks" menandakan mode Edit HTML ).
• Dengan menggunkan mode HTML tersebut, anda bisa menambahkan perintah untuk membuka linknya di tab baru saat di  klik.
• Untuk membuka Linknya di tab baru tambahkan perintah

target="_blank"

Contoh :
Pada gambar di atas saya mengambil contoh tulisan "Contoh Link" yang akan di buat menjadi link dengan tujuan link http://www.bloggerbugis.com. Setelah di beri link, tulisan tersebut akan berubah menjadi seperti ini :

<a href="http://www.bloggerbugis.com">Contoh Link</a>

 Edit kodenya untuk menabahkan perintah target="_blank" untuk membuka linknya di tab baru saat di klik. Setelah di beri perintah untuk membuka link di tab baru, kodenya menjadi seperti ini :

 <a href="http://www.bloggerbugis.com" target="_blank">Contoh Link</a>

Untuk memberikan "Bullet List" ( icon beupa gambar atau lingkaran di depan Link ) tambahkan kode Bullet List sehingga kodenya menjadi seperti ini :

<ul>

<li>
 <a href="http://www.bloggerbugis.com" target="_blank">Contoh Link</a>

</li>

</ul>

Notes : Gambar Bullet List  tergantung dari pengaturan CSS template masing-masing.

Masih banyak tempat di bagian blog yang bisa di beri link seperti Menu Navigasi, Link List, Footer dan sidebar. Cara memberi link kurang lebih sama dengan cara di atas. Tutorial cara membuat link di atas adalah dasar membuat Link di Blog, setelah memahami kedua cara membuat link di atas, anda akan bisa membuat link di bagian blog manapun sesuai keinginan anda. Jika ingin membuat link lebih bervariasi, klik "Jenis - Jenis Link dan Cara Membuatnya"

Semoga bermanfaat......