Cara Mengambil URL Gambar Dari Blog Lain

<div style="text-align: justify;">Ketika kita ingin mempublikasikan suatu posting yang berisi gambar atau picture, tidak jarang kita menggunakan gambar yang kita dapat dari blog lain. Biasanya, gambar yang kita gunakan, kita unduh/download sehingga tersimpan di komputer, baru setelah itu kita unggah ke blogger.com atau ke Picasa Web Album. Sebenarnya, cara ini tidaklah salah. Tapi, kenapa kita harus melakukan sesuatu yang ribet kalau ada cara yang lebih mudah yaitu dengan cara mengambil URL dari gambar yang akan kita gunakan. Jadi, dengan cara ini, tidak ada peroses unduh dan unggah yang kita lakukan. Cara ini pun tidak masuk ke dalam kategori pencurian gambar.</div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlYwtzk_uMhwTSBuNk26pK10pmTpE17vUW_EViCynLQBlwhKQJLLpQnX9-PXM_mPXSMk9bFXjYHy7XUeZFPOn7irKZj7WPSTJixmqmXvxPvvUk7RERuQIDSq-gg_4Jn5_RLHoCr4cKJGZb/s278/gambar-blog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Copy image location,copy url gambar,ambil url gambar,url gambar,gambar blog,url picture,url image,image location,picture location" border="0" height="269" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlYwtzk_uMhwTSBuNk26pK10pmTpE17vUW_EViCynLQBlwhKQJLLpQnX9-PXM_mPXSMk9bFXjYHy7XUeZFPOn7irKZj7WPSTJixmqmXvxPvvUk7RERuQIDSq-gg_4Jn5_RLHoCr4cKJGZb/s278/gambar-blog.png" title="Copy image location" width="278" /></a></div><br /><div style="text-align: justify;">Nah... Berikut ini cara mengambil URL gambar yang akan kita gunakan.</div><ol style="text-align: justify;"><li>Tentukan terlebih dahulu, gambar yang akan kita gunakan.</li><li>Setelah gambar sesuai dengan isi posting kita, klik kanan pada gambar.</li><li>Pilih Copy Image Location (Kalau menggunakan Firefox), Salin URL gambar (Kalau menggunakan Chrome).</li><li>Secara otomatis, URL gambar langsung ter-copy. Kita tinggal paste URL tersebut di Notepad terlebih dahulu sebelum digunakan di laman posting.</li></ol><div style="text-align: justify;">Semoga informasi singkat ini bermamfaat dan selamat mencoba.</div>

Cara Mengambil URL Gambar Dari Blog Lain

Ketika kita ingin mempublikasikan suatu posting yang berisi gambar atau picture, tidak jarang kita menggunakan gambar yang kita dapat dari b...

Baca selengkapnya »

Menyesuaikan Gambar Di Dalam Postingan Blog

<div style="text-align: justify;">Tutorial Blogspot yang akan saya berikan kali ini adalah tentang bagaimana cara menyesuaikan ukuran gambar di dalam postingan dan bagaimana merubah posisi gambar (Misalnya gambar postingan berada di tengah, gambar postingan berada di sebelah kiri atau gambar postingan berada di sebelah kanan). Tutorial Blogspot ini sengaja saya berikan buat sobat blogger karena, banyak blog yang tidak bisa menyesuaikan ukuran gambar dengan ukuran Post Body. Sehingga gambar dan teks yang ada di dalam postingan terlihat hancur.</div><br /><div style="text-align: justify;">Untuk mengatur ukuran gambar di dalam postingan atau untuk menyesuaikan ukuran gambar di dalam postingan, bukan merupakan pekerjaan yang sulit karena Blogger.com memiliki fitur yang seperti itu. Blogger.com secara default menggunakan ukuran Small (Kecil), Medium (Ukuran sedang), Large (Besar), X- Large/Extra Large (Sangat besar) dan Original Size (Ukuran Asli).</div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">Kalau sobat blogger sudah upload gambar atau foto dari komputer ke blogger.com, coba sobat blogger klik gambar itu sekali. Maka akan muncul, opsi-opsi seperti : Small - Medium - Large - X-Large - Original size - | Left - Center - Right | Add Caption | Properties | Remove. Jadi untuk menyesuaikan ukuran gambar baik itu tinggi atau lebar gambar, sobat blogger tinggal memilih opsi Small, Medium, Large, X-Large atau Original size. <i>Sangat mudah kan untuk merubah ukuran gambar di dalam postingan?</i></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;"><i>Bagaimana dengan merubah posisi atau letak gambar di dalam postingan?</i> Ya... Sobat blogger tinggal memilih salah satu dari opsi di bawah ini:</div><ol style="text-align: justify;"><li><span style="background-color: white;">Left = Untuk membuat gambar posting di sebelah kiri</span></li><li><span style="background-color: white;">Center = Untuk membuat gambar posting berada di tengah</span></li><li><span style="background-color: white;">Right = Untuk membuat gambar posting berada di sebelah kanan</span></li></ol><div style="text-align: justify;"><i>Lalu, apa mamfaat dari opsi dari Add Caption, properties dan Remove?</i> Nah... kalau itu akan menjadi tutorial blogger kita pada kesempatan yang akan datang. Jadi, tetap kunjungi tutorialblogspot.com untuk mendapatkan tutorial ter-update kami</div>

Menyesuaikan Gambar Di Dalam Postingan Blog

Tutorial Blogspot yang akan saya berikan kali ini adalah tentang bagaimana cara menyesuaikan ukuran gambar di dalam postingan dan bagaimana ...

Baca selengkapnya »

Cara Menambahkan Efek Opacity Pada Gambar Posting Atau Blog

Gambar dengan Efek Opacity artinya gambar akan terlihat meredup ketika cursor membayangi gambar tersebut atau sebaliknya, gambar akan tetap meredup kalau cursor tidak diarahkan di gambar itu. Bingung dengan penjelasan yang singkat itu? Wajarlah sobat blogger bingung, karena jarang ada blog yang menerapkan Opacity Effect pada gambar mereka. Untuk diketahui, Efek Opacity hanya berlaku pada gambar yang terdapat di bagian blog post atau posting. Jadi, kalau ada gambar yang terdapat di Header, Footer atau di Sidebar, maka gambar tersebut tidak akan menampilkan efek Opacity.<br /><br />Untuk memasang efek Opacity pada gambar blog, sobat blogger tidak perlu melakukan Editting Template, sobat blogger hanya perlu menambahkan sedikit kode di kolom HTML/JavaScript. Untuk lebih jelasnya, ikuti saja tutorial blogspot di bawah ini!<br /><hr color="#222222" size="5" /><h3><span style="font-size: small;">Cara Memasang Efek Opacity Pada Gambar Blog</span></h3><hr color="#222222" size="5" /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi18iaep7_0M5rRMkes9lHiu5G8rObIIdg8FoPEPg-wvHTE_cXP5ZAr-3mx3eemTlCDWAAOQddsDkn_faM5wblpwoi8-2-fMjnso96ZpHfhZqeZme9KHcEDdoG_Ait8bi2pfaU-gglF47R3/s808/langkah%2520install.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="widget generator" border="0" height="148" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7JNIhN7oR_Z_AzNq5_1lVP397ay5SZjDFYCFPUmjHyVHF-Ir77ZI9kKMwLP-QsaIMe0zKwUvD6svozHEUDaWtKUQeI51o4ofi3B6yPi5ZwC_aQacsogTKaqGdxoNWYCrR2IPTJRDrRpWv/s400/Add%252Bwidget.gif" title="Petunjuk untuk install" width="400" /></a></div><ol><li>Sign In di blogger.com</li><li>Klik tombol di bawah ini!</li><li>Terakhir klik Add Widget (Untuk lebih jelasanya, lihat gambar di atas!)</li></ol><div style="text-align: center;"><b>Kode Opacity Effect Bagian Satu</b></div><br /><center><form action="http://www.blogger.com/add-widget" method="POST" target="_blank"><input name="widget.title" type="hidden" value="" /><input name="widget.content" type="hidden" value="<style> /* ----- Image opacity effect 1 ----- */ .post a img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0; } .post a:hover img { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5; } </style> <p style="display:none;">Opacity Effect by <a href="http://www.tutorialblogspot.com/">Tutorial Blogspot</a></p>" /><input name="widget.template" type="hidden" value="<data:content/>" /><input name="infoUrl" type="hidden" value="http://www.tutorialblogspot.com/" /><input name="logoUrl" type="hidden" value="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVLCMz_FV7Bq4gLuzqaRDg9Bt2OtOBERVk0MiL-D6fEHnizkHALWyToTu6k17eb1ws_tF1gIAtep6y8-p4PyleGpKOjqEbIBO8zYOwyDzq6RK_wjzlZnpVs9ObYRJcxX-K0XNQ6cxSTPc9/s248/tutorial%2520blogspot.gif" /><input alt="Add to Blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcd1kA-PGtH245ymx8iDlGUphrSQ8na5cXEnH4KJN9FbYyeYsvS2d3OcTSsKnvb-7eaj5O3AQJeO0RdV7vK6MlSLzp0yJgKO_flEkOCy6xq8-H7VqTEMS9uwHHWcKQ1W3lXukGd1pEDa6z/s320/btsnts_add_to_blogger.gif" type="image" /></form></center><br /><div style="text-align: center;"><b>Kode Opacity Effect Bagian Dua</b></div><br /><center><form action="http://www.blogger.com/add-widget" method="POST" target="_blank"><input name="widget.title" type="hidden" value="" /><input name="widget.content" type="hidden" value="<style> /* ----- Image opacity effect 2 ----- */ .post a img { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5; } .post a:hover img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0; } </style> <p style="display:none;">Opacity Effect by <a href="http://www.tutorialblogspot.com/">Tutorial Blogspot</a></p>" /><input name="widget.template" type="hidden" value="<data:content/>" /><input name="infoUrl" type="hidden" value="http://www.tutorialblogspot.com/" /><input name="logoUrl" type="hidden" value="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVLCMz_FV7Bq4gLuzqaRDg9Bt2OtOBERVk0MiL-D6fEHnizkHALWyToTu6k17eb1ws_tF1gIAtep6y8-p4PyleGpKOjqEbIBO8zYOwyDzq6RK_wjzlZnpVs9ObYRJcxX-K0XNQ6cxSTPc9/s248/tutorial%2520blogspot.gif" /><input alt="Add to Blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcd1kA-PGtH245ymx8iDlGUphrSQ8na5cXEnH4KJN9FbYyeYsvS2d3OcTSsKnvb-7eaj5O3AQJeO0RdV7vK6MlSLzp0yJgKO_flEkOCy6xq8-H7VqTEMS9uwHHWcKQ1W3lXukGd1pEDa6z/s320/btsnts_add_to_blogger.gif" type="image" /></form></center>

Cara Menambahkan Efek Opacity Pada Gambar Posting Atau Blog

Gambar dengan Efek Opacity artinya gambar akan terlihat meredup ketika cursor membayangi gambar tersebut atau sebaliknya, gambar akan tetap ...

Baca selengkapnya »

Mempercepat Loading Blog Dengan Mengurangi Kapasitas Gambar

Hal pertama yang menentukan kecepatan loading blog adalah besar kecilnya kapasitas dari gambar yang digunakan baik itu gambar yang digunakan sebagai header blog atau gambar yang digunakan di dalam posting blog. Salah satu cara untuk meminimalisir kapasitas atau berat suatu gambar adalah dengan meng-kompres gambar itu sendiri. Smush.it ™ adalah salah satu website yang menyediakan sebuah tool untuk melakukan compressing picture. <i>Apa dan bagaimana Smush.it ™?</i> berikut ini ulasan singkatnya.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0p9fFZktpDIK9VREpb9s2gzINxe7KvkZbsthAev-D-wlLkocaGC-nuMEtRvXRnLVUxFTMbaTqNCX9xUJSAG1XeHnkCechelN4yqQXWJB8Hesou1iJiDffcRcCPA_bFuU0YNmPMJ1VOqMX/s1600/smash.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Smush.it ™,smush,compress image,optimize image,Free Image Optimizer,yahoo image,Image compression,mengurangi berat gambar,mengurangi kapasitas gambar,memperkecil kapasitas gambar,ukuran gambar,ukuran foto" border="0" height="133" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0p9fFZktpDIK9VREpb9s2gzINxe7KvkZbsthAev-D-wlLkocaGC-nuMEtRvXRnLVUxFTMbaTqNCX9xUJSAG1XeHnkCechelN4yqQXWJB8Hesou1iJiDffcRcCPA_bFuU0YNmPMJ1VOqMX/s400/smash.PNG" title="Smush.it ™" width="400" /></a></div><br />Smush.it ™ adalah sebuah tool yang menggunakan teknik optimasi untuk menghapus byte dari file gambar yang tidak perlu. Smush.it ™ merupakan tool "lossless" yang bekerja untuk mengoptimalkan gambar tanpa merubah tampilan atau kualitas visual gambar itu sendiri. Ketika sobat blogger meng-upload gambar sobat ke Smush.it ™, Smush.it ™ akan lansung bekerja untuk melakukan "Smushed Images". Setelah proses "Smushed Images" selesai, sobat blogger akan disediakan link atau tombol download dari gambar yang sudah di upload. File gambar yang sobat blogger akan dibungkus dengan rapi oleh Smush.it ™ dalam bentuk zip.<br /><br />Silahkan sobat blogger mencoba tools yang disediakan oleh Smush.it ™ dengan cara mengunjungi URL berikut : http://www.smushit.com/ysmush.it/

Mempercepat Loading Blog Dengan Mengurangi Kapasitas Gambar

Hal pertama yang menentukan kecepatan loading blog adalah besar kecilnya kapasitas dari gambar yang digunakan baik itu gambar yang digunakan...

Baca selengkapnya »

Cara Membuat Gambar Membesar Saat Diarahkan Cursor

Tutorial yang akan saya sampaikan pada kesempatan kali ini adalah tentang bagaimana cara membuat gambar atau foto membesar ketika diarahkan Cursor. Ada dua mamfaat yang dapat diperoleh dengan memasang fitur gambar membesar saat diarahkan cursor yaitu:<br /><ol><li><span style="background-color: white;">Dapat mengundang detak kagum pengunjung blog</span></li><li><span style="background-color: white;">Pengunjung blog tidak perlu meng-klik gambar untuk memperbesar ukurannya.</span></li></ol>Disamping mamfaat tersebut, ada juga efek negatif dari memasang fitur blog ini. Apa efek negatifnya? Tampilan gambar atau foto di Read More tidak memiliki ukuran yang sama baik itu ukuran lebar maupun ukuran tinggi.<br /><br />Tidak sedikit blog yang memasang fitur gambar membesar saat diarahkan Cursor. Untuk memasang fitur ini, sobat blogger tidak membutuhkan kode JavaScript tapi yang dibutuhkan adalah kode CSS. Apakah harus edit template untuk memasang fitur ini? Tidak, sobat blogger cukup memasukkan kode CSS yang sudah saya siapkan melalui Blogger Designer Template.<br /><hr color="#222222" size="5" /><b>Cara Membuat Gambar Membesar Saat Diarahkan Cursor</b><br /><hr color="#222222" size="5" /><ul><li><span style="background-color: white;">Sign In di blogger.com</span></li><li><span style="background-color: white;">Pada Menu drop down, pilih template</span></li><li><span style="background-color: white;">Klik tombol Costumize untuk menuju laman Blogger Designer Template</span></li><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSX1Y8HfidubgpNM66RlUNfaBTKDp0uHW5SuPmOytmWfE-yZ4y9941ZkxD55gNPK8fQPwIq2_S5bf0bBdC5BdAKeVxlvjhfjqYU8W4zeUiNEDmES-jyos5NrQg_u0hMoUIk8iAT-b47H7a/s912/Capture.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Perancang Template Blogger,Add CSS,tingkat lanjut,advance,css,blogger designer template,blogspot designer,blog designer,blogger deigner,template designer,designer" border="0" height="81" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSX1Y8HfidubgpNM66RlUNfaBTKDp0uHW5SuPmOytmWfE-yZ4y9941ZkxD55gNPK8fQPwIq2_S5bf0bBdC5BdAKeVxlvjhfjqYU8W4zeUiNEDmES-jyos5NrQg_u0hMoUIk8iAT-b47H7a/s400/Capture.PNG" title="Taruh kode di dalam kolom yang tersdia" width="400" /></a></div><li><span style="background-color: white;">Klik Advance dan copy paste kode berikut pada kolom yang tersedia</span></li></ul><blockquote class="tr_bq">.post img, table.tr-caption-container { border:none; max-width:560px; height:auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } .post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }</blockquote><ul><li><span style="background-color: white;">Klik tombol Apply to blog</span></li></ul><br />Untuk melihat hasilnya, buka salah satu postingan sobat blogger.

Cara Membuat Gambar Membesar Saat Diarahkan Cursor

Tutorial yang akan saya sampaikan pada kesempatan kali ini adalah tentang bagaimana cara membuat gambar atau foto membesar ketika diarahkan ...

Baca selengkapnya »

Cara Mengganti Background Header Dengan Gambar Cantik

Untuk menghias Header yang terdapat di blog kita, ada dua cara yang bisa sobat blogger lakukan yaitu menambahkan logo di Header atau menambahkan backround gambar di header. Biasanya, blog yang meletakkan logo di headernya adalah blog yang elemen headernya sudah terbagi menjadi dua elemen yaitu elemen header bagian kiri dan elemen header bagian kanan. Elemen header bagian kiri digunakan untuk logo dan elemen sebelah kanan untuk iklan seperti Iklan Google Adsense.<br /><br />Untuk menambahkan gambar sebagai background header, sobat blogger membutuhkan sebuah gambar atau foto. Bisa gambar yang berbentuk JPEG, JPG, Gif, PNG atau yang lainnya. Untuk ukuran gambar, sebaiknnya sobat blogger menggunakan gambar dengan ukuran 940x159. Tapi, kembali lagi ke ukuran lebar blog kita, jadi mesti disesuaikan.<br /><br />Sebagai bahan praktik, silahkan sobat blogger gunakan gambar yang saya sediakan! <i>Bagaimana cara ambil gambar di bawah ini?</i> Klik kanan pada gambar, Kemudian Klik Simpan gambar sebagai atau Save As. Maka gambar langsung tersimpan di komputer sobat blogger.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgISiXAiIqbJaZdlKajtfFHOfgIzAr0aiKggKWAOnPu5kDNm247CPyYfupUaiosX81ULpIriYz-pzalFr4TKOwUiF3NSEgWrL8ga2cyFanC8Yn8IkzkOTrk8UTAQCg9ZXXBcG-_TOe7f4sg/s940/ss.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Demo,tutorial blogger,tutorial blogspot,tutorial,blogger,blogspot" border="0" height="65" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgISiXAiIqbJaZdlKajtfFHOfgIzAr0aiKggKWAOnPu5kDNm247CPyYfupUaiosX81ULpIriYz-pzalFr4TKOwUiF3NSEgWrL8ga2cyFanC8Yn8IkzkOTrk8UTAQCg9ZXXBcG-_TOe7f4sg/s400/ss.png" title="Klik kanan pada Gambar" width="400" /></a></div><hr color="#222222" size="5" /><h3>Membuat Gambar Sebagai Header Blog</h3><hr color="#222222" size="5" /><ol><li><span style="background-color: white;">Sign In di blogger.com</span></li><li><span style="background-color: white;">Pada Menu drop down, pilih Layout</span></li><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHQtNkUU2LUEzNqpJgvm8TDredxQzg6-FUmnaPXS686zEPXfNWoiQj41R0x1DIoBVMSMp0V3vMsuZR_WDPQ8nIi4CLmlCS_pUpWCYcL3B7lVHFXUFUfQzBNHfmqm0TiEQ5W0axgBtA2cRL/s769/1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="header blog,header blogger,header blogspot,header,head,pilih file,choose file,Instead of Title and Description,Shrink to fit,element,elemen,elemen blogger,elemen blogspot,elemen blog" border="0" height="96" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHQtNkUU2LUEzNqpJgvm8TDredxQzg6-FUmnaPXS686zEPXfNWoiQj41R0x1DIoBVMSMp0V3vMsuZR_WDPQ8nIi4CLmlCS_pUpWCYcL3B7lVHFXUFUfQzBNHfmqm0TiEQ5W0axgBtA2cRL/s400/1.PNG" title="Klik Edit di bagian elemen Header" width="400" /></a></div><li><span style="background-color: white;">Klik Edit pada Elemen Header (Elemen Paling atas)</span></li><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbTI6zxzW5c4Q8iaR3XxE_v_IWwEpNXMp697bCFqcd1da3Ar-jepcVyxGAHa1BB_kolxvTmwXh0My_J6JRoFP8FFgE6LBJi96pN5B3Opc6FdPL-b2_RglWNasCEoEDrN7Z9opudWkMdbZd/s512/2.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="header blog,header blogger,header blogspot,header,head,pilih file,choose file,Instead of Title and Description,Shrink to fit" border="0" height="512" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbTI6zxzW5c4Q8iaR3XxE_v_IWwEpNXMp697bCFqcd1da3Ar-jepcVyxGAHa1BB_kolxvTmwXh0My_J6JRoFP8FFgE6LBJi96pN5B3Opc6FdPL-b2_RglWNasCEoEDrN7Z9opudWkMdbZd/s512/2.PNG" title="Lakukan sesuai urutan" width="449" /></a></div><li><span style="background-color: white;">Kasih tanda pada Instead of Title and Description</span></li><li><span style="background-color: white;">Kasih juga tanda pada Shrink to fit</span></li><li><span style="background-color: white;">Klik Pilih File</span></li><li><span style="background-color: white;">Pilih gambar yang akan digunakan kemudian klik Save</span></li><li><span style="background-color: white;">Buka blog sobat untuk melihat hasilnya.</span></li></ol><br />Kalau sobat blogger mengganti backround header dengan gambar melalui Edit Template, sering terjadi error saat blog kita di buka menggunakan Internet Explorer. Bentuk Error yang saya maksudkan adalah <b>Header Blog tidak Muncul di Internet Explorer</b>.<br /><br />Tutorial yang saya berikan di atas adalah sesuai dengan tuntunan blogger.com. Mengganti Background Header dengan cara Edit Template adalah Cara yang salah, banyak lika-likunya dan terkesan mempersulit diri.

Cara Mengganti Background Header Dengan Gambar Cantik

Untuk menghias Header yang terdapat di blog kita, ada dua cara yang bisa sobat blogger lakukan yaitu menambahkan logo di Header atau menamba...

Baca selengkapnya »

Cara Menghilangkan Bingkai, Border Atau Bayang Pada Gambar Blog

Bagaimana cara menghilangkan border pada gambar blog? Bagaimana cara menghilangkan bayang pada gambar blog? Bagaimana cara menghilangkan bingkai pada gambar blog? ketiga pertanyaan itu sebenarnya SAMA. Kata "border, bayang dan bingkai" adalah kata yang digunakan untuk menggambarkan pembatas yang ada pada gambar atau foto di blog. Coba perhatikan gambar di bawah ini!<br /><br /><div style="text-align: center;">Gambar dengan border, bingkai atau bayang</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEy1nO8AmO_BTTTzW-DGqr08JEVJY6uhWmGCwECKaAum9EtHpaGYoX7NCu4u8eLuuqRlSd6_8zBu4xkr-jIcQvqPizoCSjZXnS-v1qiHOHkPdpVGa1d86HWiBF-JQN74eYWVjmT0eYBZwJ/s269/b.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="google,google.com,google cartoon,kartun google,google animasi,animation google" border="0" height="208" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEy1nO8AmO_BTTTzW-DGqr08JEVJY6uhWmGCwECKaAum9EtHpaGYoX7NCu4u8eLuuqRlSd6_8zBu4xkr-jIcQvqPizoCSjZXnS-v1qiHOHkPdpVGa1d86HWiBF-JQN74eYWVjmT0eYBZwJ/s269/b.jpg" title="Gambar dengan Border" width="269" /></a></div><br /><div style="text-align: center;">Gambar tanpa border, bingkai atau bayang</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo4w5zMe8KeI-ZGiBFgq5I7TcMLQFW8w-q5zHWZrbwx5cMIZv-hZXNRZmk0HgwqP9SMd2JJXhQk62tnyIfCGkfM1A6fWgEZXfkOS4qgpRJqOMK59zKW5-XKyF_zyuoS1j6Vp7w6nX1Xyla/s257/a.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="google,google.com,google cartoon,kartun google,google animasi,animation google" border="0" height="196" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo4w5zMe8KeI-ZGiBFgq5I7TcMLQFW8w-q5zHWZrbwx5cMIZv-hZXNRZmk0HgwqP9SMd2JJXhQk62tnyIfCGkfM1A6fWgEZXfkOS4qgpRJqOMK59zKW5-XKyF_zyuoS1j6Vp7w6nX1Xyla/s257/a.jpg" title="Gambar tanpa border" width="257" /></a></div><br />Dari kedua gambar di atas, terlihat jelas mana gambar yang tanpa pembatas dan mana gambar yang masih memiliki pembatas.<br />Untuk menghilangkan border, bingkai, bayang pada gambar atau foto blog, ternyata sangat mudah. Kita cukup menambahkan kode CSS di blog kita, maka di jamin semua gambar atau foto tidak akan memiliki border, bingkai atau bayang.<br /><hr color="#222222" size="5" /><h3><span style="font-size: small;"><b>Cara Menghilangkan Bingkai, Border Atau Bayang Pada Gambar Blog</b></span></h3><hr color="#222222" size="5" /><ul><li><span style="background-color: white;">Sign In di Blogger.com</span></li><li><span style="background-color: white;">Pada Menu Drop Down, pilih Template.</span></li><li><span style="background-color: white;">Klik Tombol Costumize untuk menuju laman Blogger Template Designer</span></li><li><span style="background-color: white;">Klik Advanced dan Add CSS</span></li></ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimFVceMMPQODJPHswlISZyvdICLH9a6e8MRa3qemlOELI1BrgZMl6ddlmDTzinZq_VlC1AqjqeOWuB3g_ZDpMWRRGmWFH18OoL9hyphenhyphenVdU0nKVM5-Mjo8FZSZuS_s-S4E_VDquR9orINI4vd/s798/Capture.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Blogger Template Designer,add css" border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimFVceMMPQODJPHswlISZyvdICLH9a6e8MRa3qemlOELI1BrgZMl6ddlmDTzinZq_VlC1AqjqeOWuB3g_ZDpMWRRGmWFH18OoL9hyphenhyphenVdU0nKVM5-Mjo8FZSZuS_s-S4E_VDquR9orINI4vd/s400/Capture.PNG" title="Blogger Template Designer" width="400" /></a></div><ul><li><span style="background-color: white;">Copy Paste kode berikut pada kolom yang tersedia</span></li></ul><blockquote class="tr_bq">.post-body img, .post-body .tr-caption-container, .Profile img,<br />.Image img, .BlogList .item-thumbnail img {<br />border: 0px;<br />-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);<br />-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);<br />box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);<br />border-radius: 0px 0px 0px 0px;<br />background: none;<br />}</blockquote><ul><li><span style="background-color: white;">Terakhir, Klik tombol Apply to Blog</span></li></ul>

Cara Menghilangkan Bingkai, Border Atau Bayang Pada Gambar Blog

Bagaimana cara menghilangkan border pada gambar blog? Bagaimana cara menghilangkan bayang pada gambar blog? Bagaimana cara menghilangkan bin...

Baca selengkapnya »

Cara Mencuri Background Blog Orang Lain

Pertama kali belajar menghias blog, hal pertama yang ingin saya <a href="http://www.tutorialblogspot.com/2012/06/rubah-jumlah-posting-di-home-page.html">rubah</a> adalah Background blog ini. Saya berharap banget dapat memiliki background <a href="http://www.tutorialblogspot.com/2012/06/cara-pasang-kode-warna-di-blog.html">warna</a> terang tetapi tidak polos (Seperti sebuah keramik yang memiliki <a href="http://www.tutorialblogspot.com/2012/06/cara-buat-garis-horizontal-postingan.html">garis</a> tidak beraturan). Saya kunjungi situs-situs penyedia Background blogger seperti <a href="http://thecutestblogontheblock.com/" rel="nofollow" target="_blank">The Cutest Blog on the Block</a>, <a href="http://jellypages.com/" rel="nofollow" target="_blank">Jelly Pages</a>, <a href="http://www.grsites.com/" rel="nofollow" target="_blank">GRSites</a>, <a href="http://hotbliggityblog.com/" rel="nofollow" target="_blank">Hot Bliggity Blog</a>, <a href="http://www.designerblogs.com/services/free-blog-backgrounds" rel="nofollow" target="_blank">Designer Blogs</a>, <a href="http://www.shabbyblogs.com/backgrounds.html" rel="nofollow" target="_blank">Shabby Blogs</a>, <a href="http://simplychicblogs.blogspot.com/" rel="nofollow" target="_blank">Simply Chic Blog</a> dan <a href="http://www.freebloggerbackgrounds.com/component/jtags/blog%20backgrounds" rel="nofollow" target="_blank">Free Blogger Backgrounds</a> tetapi saya tidak mendapatkan background blogspot yang saya inginkan. Padai hari ketiga proses <a href="http://www.tutorialblogspot.com/2012/06/membuat-kotak-pencarian-dengan-css3.html">pencarian</a>, saya pun mengunjungi <a href="http://www.tutorialblogspot.com/2012/07/cara-hapus-gambar-blog-di-picasa.html">Picasa Web Album</a> dan PhotoBucket, hasilnya sama, nol.<br /><br />Akhirnya, saya pun menghalalkan segala cara untuk mendapatkan background blog yang saya inginkan. Saya kunjungi situs-situs atau blog-blog yang memiliki background yang bagus dan indah, kemudian saya ambil background-nya. Sehingga saat itu, dalam hitungan beberapa menit, saya pun mendapatkan belasan background blogger yang <a href="http://www.tutorialblogspot.com/2012/06/kotak-berlangganan-feedburner-keren.html" target="_blank">keren</a> dan imut. <i>Bagaimana cara saya mengambil atau mencuri background blog orang lain? </i><br /><br />Untuk mencuri background blog orang lain, sobat blogger harus memiliki media browser Mozilla <a href="http://www.tutorialblogspot.com/2012/07/cara-install-alexa-toolbar-di-firefox.html">Firefox</a>. <i>Sudah punya Mozilla FireFox?</i> Berarti sobat blogger tinggal mencari blog yang akan menjadi target kejahatan kita. Kalau target sudah ditentukan, ikuti petunjuk berikut:<br /><hr color="#222222" size="5" /><h3><span style="font-size: small;"><b>Cara Mencuri Background Blog Orang Lain</b></span></h3><hr color="#222222" size="5" /><ol><li><span style="background-color: white;">Kunjungi situs atau blog target</span></li><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuRb2DIJg9Si6As3wGB_Rc1Tgz0oAciFbn1YZDw13ZGxKgne2VaoVkQODLVykDFv-vCmlIevqnRp3MPJK0N9sqdgp35YCmD2HdGo9nDStBYnABJZLkJQeSnHc95oQYoCIfju-NpH73kwAg/s488/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Favicon,more informations" border="0" height="151" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuRb2DIJg9Si6As3wGB_Rc1Tgz0oAciFbn1YZDw13ZGxKgne2VaoVkQODLVykDFv-vCmlIevqnRp3MPJK0N9sqdgp35YCmD2HdGo9nDStBYnABJZLkJQeSnHc95oQYoCIfju-NpH73kwAg/s320/1.png" title="Klik Favicon" width="320" /></a></div><li><span style="background-color: white;">Kemudian klik <a href="http://www.tutorialblogspot.com/2012/07/cara-mengganti-favicon-blog-blogger.html">Favicon</a> dari blog tersebut (Kalau sobat blogger menggunakan media browser yang lama, klik Favicon yang atas, bukan yang bawah).</span></li><li><span style="background-color: white;">Klik tombol More Informations dan klik Media. Disana akan terlihat gambar-gambar yang terdapat di blog atau situs yang kita buka</span></li><li><span style="background-color: white;">Klik satu persatu URL yang terdapat di dalam Scrolling Bar sambil sobat blogger melihat Preview yang terdapat di bawahnya.</span></li><div class="separator" style="clear: both; text-align: center;"><a href="https://lh3.googleusercontent.com/-K917M_oCek/T_VWDPixH2I/AAAAAAAAA2A/YWwDU3biN1g/s592/2.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Save as,media,media firefox,firefox,more informations" border="0" height="264" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIR_xwJDGEhNUorJfSCWcMYKodXCgvDeqLiiIQXcuvImS2Vnom3evJ27gJ1izJ1j20Vmr898gj-yB5pK-obMQeSfs5sr6tqYWTuzf9FLZD77lGu9lJnzzQA1qYpmzj6RcUBoXSmB6TwboS/s320/2.PNG" title="Klik Save As" width="320" /></a></div><li><span style="background-color: white;">Kalau sobat blogger sudah menemukan Background yang di cari, klik tombol Save As dan klik tombol Save.</span></li><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgahVFpqQjRjMFg_X0Ak65qRNJ_ICaOqpaHjL2HdpDctY2HJxdYL9eK-xIt8nhxO3Mx7R6anxvH_AT-eJl_hi3YQpy269uupX5seBUIdDkgUYOLP4M-SXJ-3PyOVoCA4kF-RAWD3qWbBQB3/s678/3.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Save,simpan,unggah,download" border="0" height="220" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgahVFpqQjRjMFg_X0Ak65qRNJ_ICaOqpaHjL2HdpDctY2HJxdYL9eK-xIt8nhxO3Mx7R6anxvH_AT-eJl_hi3YQpy269uupX5seBUIdDkgUYOLP4M-SXJ-3PyOVoCA4kF-RAWD3qWbBQB3/s320/3.PNG" title="Klik tombol Save" width="320" /></a></div><li><span style="background-color: white;">Bakground langsung tersimpan di Hard Drive komputer sobat.</span></li></ol><br />Buat sobat blogger yang ingin mengikuti jejak saya yang jelek ini, berpikirlah beribu-ribu kali karena negara kita, Indonesia adalah negara hukum yang menindak tegas pelaku pencurian.<br /><i>"Barangsiapa mengambil barang secara menyeluruh atau sebagian kepunyaan orang lain, dengan maksud untuk dimiliki secara melawan hukum, diancam karena pencurian, dengan pidana penjara paling lama lima tahun atau denda paling banyak sembilan ratus rupiah”</i><br /><br />Itu adalah bunyi Pasal 362 Kitab Undang-Undang Hukum Pidana tentang kasus pencurian. Pencurian termasuk kejahatan terhadap harta kekayaan yang unsur-unsurnya adalah:<br /><ol><li><span style="background-color: white;">Mengambil barang orang lain sebagian atau menyeluruh</span></li><li><span style="background-color: white;">Pengambilan barang tersebut dengan tujuan untuk memiliki</span></li><li><span style="background-color: white;">Perbuatan mengambil itu dilakukan secara melawan hukum.</span></li></ol>

Cara Mencuri Background Blog Orang Lain

Pertama kali belajar menghias blog, hal pertama yang ingin saya rubah adalah Background blog ini. Saya berharap banget dapat memiliki backg...

Baca selengkapnya »

Cara Hapus Gambar Blog di Picasa

Picasa Web Albums (PWA) merupakan sebuah situs yang menyediakan tool untuk mengorganisir gambar, menampilkan gambar, mengedit foto digital dan untuk sharing foto/gambar di situs atau blog. Pada awalnya Picasa merupakan sebuah perusahaan yang dibuat oleh Lifescape pada tahun 2002 tetapi mulai diakusisi oleh Google pada tahun 2004.<br /><br />Picasa Web Album (PWA) sering dibanding-bandingkan dengan Flickr, PhotoBucket atau situs serupa karena banyaknya kesamaan diantara mereka. Setiap orang yang memiliki akun Google dapat menikmati layanan yang dimiliki Oleh Picasa untuk menyimpan dan berbagi foto dengan kafasitas maksimus sampai 1 GB secara geratis. <br /><br />Bagi pemilik blog, foto atau gambar yang di unggah di blogger.com akan langsung tersimpan di Picasa Web Album (Tentunya di dalam folder atau album yang sesuai dengan nama blognya). Saat mengunggah gambar atau foto dari blogger.com, tidak jarang gambar atau foto yang di unggah terlihat hancur dan rusak, penyebab dari semua ini biasanya adalah jaringan yang lambat. Foto atau gambar rusak yang di unggah langsung tersimpan di Picasa Web Album walaupun sobat blogger sudah hapus dari postingan sobat. Coba sobat blogger perhatikan gambar di bawah ini! <br /><br /><div style="text-align: center;">Gambar sebelum diunggah</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4Gc6J5MMJ4Mb5OjNCYDrRcAF6b8kQRUMWqNh4Lr4AtF4L6B_P1QlIBQrro0vFDeL6zPsNuSFAJwrs4J1I-X3uBaM3g6gN1eASFpMOCPXQRIhg1H8uAMbXUm0IZZ3DfwmThgu19zwu-ON4/s655/spoiler.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Spoiler,tombol buka tutup" border="0" height="122" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4Gc6J5MMJ4Mb5OjNCYDrRcAF6b8kQRUMWqNh4Lr4AtF4L6B_P1QlIBQrro0vFDeL6zPsNuSFAJwrs4J1I-X3uBaM3g6gN1eASFpMOCPXQRIhg1H8uAMbXUm0IZZ3DfwmThgu19zwu-ON4/s400/spoiler.png" title="Gambar Sebelum diunggah" width="400" /></a></div><br /><div style="text-align: center;">Gambar setelah diunggah</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioSn4y3Vp0xQ0QbutwCeL0GZ4Sr4vmf1WnMj0eNULI5uhyTLIo5V75XQTrwZVxMAjl3dRMyEYvtlyS_t6OAgIr3K29jaTakUUcUAcaWSi_7wf54Tvk5WWhy2Frv7kUW6-qDSmNWjC9CmRE/s655/spoiler.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Spoiler,tombol buka tutup" border="0" height="122" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioSn4y3Vp0xQ0QbutwCeL0GZ4Sr4vmf1WnMj0eNULI5uhyTLIo5V75XQTrwZVxMAjl3dRMyEYvtlyS_t6OAgIr3K29jaTakUUcUAcaWSi_7wf54Tvk5WWhy2Frv7kUW6-qDSmNWjC9CmRE/s400/spoiler.png" title="Gambar setelah diunggah" width="400" /></a></div><br />Dari kedua gambar di atas, pastilah sobat blogger tidak ingin foto atau gambar yang rusak itu tetap tersimpan di Picasa Web Album yang sobat blogger miliki. <i>Lalu apa yang harus dilakukan untuk menghapus foto atau gambar yang rusak itu?</i> Cara menghapus foto atau gambar yang rusak setelah di unggah, akan menjadi pembahasan kita pada kesempatan kali ini.<br /><hr color="#222222" size="5" /><h3><span style="font-size: small;"><b>Cara Menghapus Foto <span style="font-size: small;">A</span>tau Gambar <span style="font-size: small;">D</span>i Picasa Web Album</b></span></h3><hr color="#222222" size="5" /><ol><li><span style="background-color: white;">Sign In atau Log In terlebih dahulu di akun Google sobat.</span></li><li><span style="background-color: white;">Setelah itu, kunjungi situs Picasa Web Albums</span></li><li><span style="background-color: white;">Klik My Photos dan klik Album atau Folder yang sesuai dengan nama blog sobat</span></li><li><span style="background-color: white;">Selanjutnya, sobat blogger akan melihat semua gambar atau foto yang sudah sobat blogger unggah/Upload.</span></li><li><span style="background-color: white;">Klik foto/Gambar yang akan di hapus (Foto/gambar tersebut akan tampil dalam keadaan Slide Show)</span></li><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiodsowPRXp4mvtl_Rhi6u8DeIWTHMB17ejM2lV8o-88h27ssNYSV39FPiQkwQUBPAHzJVV14VXm16v41_Z8HFkfbx_l0HJg8Vl9JvSLC57w_fcK_BIFmPyFDa-lGrRmiarhxOJiKZZPy8J/s1600/picsa.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Menu Bar Picasa,menu bar,picasa,Picasa Web Albums,Picasa,web album,web,album,photo,foto,gambar,picture,image,gambar blog,gambar blogger,foto blogger " border="0" height="20" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiodsowPRXp4mvtl_Rhi6u8DeIWTHMB17ejM2lV8o-88h27ssNYSV39FPiQkwQUBPAHzJVV14VXm16v41_Z8HFkfbx_l0HJg8Vl9JvSLC57w_fcK_BIFmPyFDa-lGrRmiarhxOJiKZZPy8J/s400/picsa.PNG" title="Menu Bar Picasa" width="400" /></a></div><li><span style="background-color: white;">Kemudian, lihat menu Bar yang terdapat di atas Foto. Disana terdapat pilihan Full Screen, Share, Print, Action, Zoom In dan Rotate.</span></li><li><span style="background-color: white;">Klik Action dan pilih Delete This Photo</span></li><li><span style="background-color: white;">Pilih Oke kalau ada permintaan seperti gambar di bawah ini</span></li></ol><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJN42-BhIhv-3dpRbj0Ng7IG_UnqMdSSRFdVOV32NIdB2xtbUGxVaK8hX8Sb8qwdoNmxuJNg66cpLNOq4xBK20rPZnUegHyaywXvEYqArUQdo4h0ifeYsGGFPMD9NL5aRedUE1TgM3tA-7/s1600/pic.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Picasa Web Albums,Picasa,web album,web,album,photo,foto,gambar,picture,image,gambar blog,gambar blogger,foto blogger,message,warning" border="0" height="135" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJN42-BhIhv-3dpRbj0Ng7IG_UnqMdSSRFdVOV32NIdB2xtbUGxVaK8hX8Sb8qwdoNmxuJNg66cpLNOq4xBK20rPZnUegHyaywXvEYqArUQdo4h0ifeYsGGFPMD9NL5aRedUE1TgM3tA-7/s320/pic.PNG" title="Warning Peramban Chrome" width="320" /></a></div>Foto yang ingin sobat blogger hapus berarti sudah terhapus di Picasa Web Album. <br />Itulah cara tepat menghapus foto atau gambar di Picasa Web Albums. Terima Kasih atas kunjungannya di blog ini and have A nice day...!!!

Cara Hapus Gambar Blog di Picasa

Picasa Web Albums (PWA) merupakan sebuah situs yang menyediakan tool untuk mengorganisir gambar, menampilkan gambar, mengedit foto digital d...

Baca selengkapnya »

Cara Disable Blogger LightBox

Blogger Lightbox adalah sebuah plugin yang di miliki oleh blog yang bernaung di bawah platform blogger.com. Apabila pengunjung atau pemilik blog meng-klik gambar/foto yang terdapat di dalam postingan, maka gambar tersebut akan tampil dalam bentuk overlay yang lebih besar di atas blog, itulah cara kerja dari plugin Blogger Lightbox. Jika terdapat banyak gambar di postingan blog, maka semua gambar tersebut akan tampil juga di dalam LightBox .<br /><br />Untuk lebih jelasnya, silahkan sobat bogger meng-klik salah satu gambar yang terdapat di dalam postingan ini (Klik cukup satu kali saja).<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPJfGIN9ujPtCuZZmJIXYrsIytx7G92EJGl83D9F_Eoa-KRGFOzOup0_1Ba4eb74dXxX216Nhg_uw_PHlw22PZzYSYdQiMITJkCaWRMG3NJ0FbyylB2tKFGxkKxNldm8r_spRZEoo4Dxig/s1600/s.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Blogger LightBox,lightbox,lightbx blogspot,lightbox blog,gambar blog,picture blog,blogger picture" border="0" height="282" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPJfGIN9ujPtCuZZmJIXYrsIytx7G92EJGl83D9F_Eoa-KRGFOzOup0_1Ba4eb74dXxX216Nhg_uw_PHlw22PZzYSYdQiMITJkCaWRMG3NJ0FbyylB2tKFGxkKxNldm8r_spRZEoo4Dxig/s320/s.PNG" title="Tampilan Gambar dengan menggunakan Blogger LightBox" width="320" /></a></div><br />Plugin ini menampilkan gambar hampir seperti Slide Show dengan dikelilingi oleh warna hitam yang transparant. Untuk blog yang menggunakan template Dinamis, tidak terdapat plugin yang seperti ini. Blogger LightBox merupakan plugin blog yang luar biasa buat saya,tapi tidak buat beberapa orang. Banyak rekan kita sesama blogger yang tidak suka dengan plugin ini. Kalau sobat blogger termasuk ke dalam blogger yang tidak suka plugin LightBox, ikuti panduan di bawah ini!<br /><hr color="#222222" size="5" /><h3><span style="font-size: small;"><b>Cara Menonaktifkan Blogger LightBox</b></span></h3><hr color="#222222" size="5" /><ol><li>Sign In di blogger.com</li><li>Pada Menu Drop Down pilih Settings</li><li>Kemudian pilih Posts and comments</li><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga9BgBGJRUqJniFwqCHRCAHrHofwy8L_tHZb3R64esVd22Wk4G7aZa0sgUo72oi2wK5D2CSxstfxdtH5TOc6msmlOPvijEI0ma8T7Pp7bmM17wdjNvtM31T0y1ZtkHoxonh4zXgKALpaza/s1600/sda.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Blogger LightBox,lightbox,lightbx blogspot,lightbox blog,gambar blog,picture blog,blogger picture,Showcase images with Lightbox" border="0" height="248" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga9BgBGJRUqJniFwqCHRCAHrHofwy8L_tHZb3R64esVd22Wk4G7aZa0sgUo72oi2wK5D2CSxstfxdtH5TOc6msmlOPvijEI0ma8T7Pp7bmM17wdjNvtM31T0y1ZtkHoxonh4zXgKALpaza/s320/sda.PNG" title="Blogger Settings" width="320" /></a></div><li>Di bagian Showcase images with Lightbox, Rubah opsi yang terdapat di dalamnya, dari "Yes" menjadi "No"</li><li>Terakhir, Klik tombol Save Settings yang terdapat di sebelah kanan atas.</li></ol><br />Sobat blogger tinggal cek, apakah gambar masih tampil menggunakan Plugin LightBox apa tidak. Tentunya, blog sobat harus di refresh atau di reload terlebih dulu.

Cara Disable Blogger LightBox

Blogger Lightbox adalah sebuah plugin yang di miliki oleh blog yang bernaung di bawah platform blogger.com. Apabila pengunjung atau pemilik ...

Baca selengkapnya »

Cara Memasukkan Gambar Ke Dalam Postingan Blogger

Untuk memasukkan gambar di dalam postingan atau untuk meyelipkan gambar di dalam postingan blog, sobat blogger tidak dapat melakukannya dengan cara Copy Paste seperti yang biasa dilakukan di Microsoft Word. Kalau sobat blogger melakukan copy paste gambar di Post Editor, maka gambar tersebut tidak akan terlihat atau tampak.<br /><br /><br />Untuk menampilkan gambar di dalam postingan, sobat blogger harus meng-upload atau mengunggah gambar tersebut menggunakan tool yang sudah disediakan oleh blogger.com. Sebenarnya, mengunggah gambar melalui blogger.com tidak jauh beda dengan mengunggah gambar di situs-situs jejaring sosial seperti Facebook dan Twitter. Saya yakin sobat blogger pasti pernah mengunggah gambar di Facebook atau di Twitter. <br /><hr color="#222222" size="5" /><h3><span style="font-size: small;"><b>Cara Memasukkan Gambar Ke Postingan Blog Blogger</b></span></h3><hr color="#222222" size="5" /><ol><li>Login di blogger.com</li><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuWYGovH7RoL9yoAInCMhLzlfkl_vVzM-eic8N6u8kca7msJwBLb9hhbVa3npY3IirZzqHn_riy79U5GG3EhK9DvRghqsG9SCn3xuPANEBBb-kjGsmSmjVCmgQwGPldav3MU9Gj4Fce-DV/s1600/1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Create New Post" border="0" height="43" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuWYGovH7RoL9yoAInCMhLzlfkl_vVzM-eic8N6u8kca7msJwBLb9hhbVa3npY3IirZzqHn_riy79U5GG3EhK9DvRghqsG9SCn3xuPANEBBb-kjGsmSmjVCmgQwGPldav3MU9Gj4Fce-DV/s200/1.PNG" title="Create New Post" width="200" /></a></div><li>Klik Create New Post yang menggunakan Ikon Pensil</li><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC7rV__ZsY9IwmyoKNebHtxWKpBTT6kOfyhf4k7moGeXRl8V_luwOFpfV7VCRhAwk5tYqU-YMylCq56Unz3gaknHGaU4IKXFLoEcMgy2p4Y9gSkXevdNCV4hPcaSjwMwmXR-H872Djb_IX/s1600/2.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Menu Bar blogger.com" border="0" height="17" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC7rV__ZsY9IwmyoKNebHtxWKpBTT6kOfyhf4k7moGeXRl8V_luwOFpfV7VCRhAwk5tYqU-YMylCq56Unz3gaknHGaU4IKXFLoEcMgy2p4Y9gSkXevdNCV4hPcaSjwMwmXR-H872Djb_IX/s400/2.PNG" title="Menu Bar blogger.com" width="400" /></a></div><li>Lihat menu bar yang berderet di atas! Di bawah tombol Publish dan Save, terdapat sebuah ikon gambar, klik ikon tersebut</li><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHfVDCor4E_RW4R78i-kZ7wtLEdTSbKegJPXCj357HBQJTdvZKlKhAtbxD7a4fbboBmONoXxHfg7htxwPWHL-Dkqu5HjgKmfMzP7BXovoSheNTXBRSB-knENnnwpgJUW_JtwX2pDAzvKHD/s1600/3.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Choose Files,Pop Up Windows" border="0" height="123" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHfVDCor4E_RW4R78i-kZ7wtLEdTSbKegJPXCj357HBQJTdvZKlKhAtbxD7a4fbboBmONoXxHfg7htxwPWHL-Dkqu5HjgKmfMzP7BXovoSheNTXBRSB-knENnnwpgJUW_JtwX2pDAzvKHD/s200/3.PNG" title="Pop Up Windows" width="200" /></a></div><li>Pop Up Windows atau Jendela Baru akan muncul, Klik Choose Files</li><li>Silahkan sobat blogger cari di komputer sobat, gambar yang akan digunakan</li><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZkuExpoWwRKUyfZ3pIE4lHC1-CuhpE_3T9KIGuYYpDZOl6zOiLSoZOnyJ9n3QYp03QMevCjxfo-gpWAZUsCoMUuhkFVm2bj_8g8oKXg64Th9Tl2PaVnFgYPjc3tF_gwh9IE2MunqEpnoZ/s1600/4.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Upload Picture,unggah gambar,upload gambar" border="0" height="140" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZkuExpoWwRKUyfZ3pIE4lHC1-CuhpE_3T9KIGuYYpDZOl6zOiLSoZOnyJ9n3QYp03QMevCjxfo-gpWAZUsCoMUuhkFVm2bj_8g8oKXg64Th9Tl2PaVnFgYPjc3tF_gwh9IE2MunqEpnoZ/s200/4.PNG" title="Upload Picture" width="200" /></a></div><li>Kalau sudah, klik gambar tersebut dan klik Open</li><li>Proses Uploading akan berjalan beberapa detik, kalau sudah, klik tombol Add Selected</li><li>Gambar tersebut akan langsung muncul di tempat sobat blogger menulis postingan.</li><li>Berarti sobat blogger sudah berhasil memasukkan gambar ke dalam postingan sobat blogger. Jadi sobat blogger tinggal menulis postingan lalu di Publish.</li></ol><br />Itu adalah <b>Cara Memasukkan (Upload) Gambar Ke Blog</b> dalam mode Compuse. Memasukkan gambar dalam mode HTML, tidak jauh beda dengan mode Compuse. Jadi, sobat blogger coba-coba saja.<br />Be Creative and Smart Blogger...!!!

Cara Memasukkan Gambar Ke Dalam Postingan Blogger

Untuk memasukkan gambar di dalam postingan atau untuk meyelipkan gambar di dalam postingan blog, sobat blogger tidak dapat melakukannya deng...

Baca selengkapnya »