BLOGGER BANYAKAN

Kumpulan Tips Trik Desain Blog

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7K7WA16x5THjGjH99785wNpHUioQ4OWFzN6IUpNliZg9piqPoBmmtsozNN2RRWyg2FBXRuSpS7mvzerDSsm1XE4YQnlECRfjwftYxNq2MTv5lIPt98KXUd-F84Xsu4Ku4IA-yYi90K9F4/s1600/tutorial_scroll_text+copy.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="227" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7K7WA16x5THjGjH99785wNpHUioQ4OWFzN6IUpNliZg9piqPoBmmtsozNN2RRWyg2FBXRuSpS7mvzerDSsm1XE4YQnlECRfjwftYxNq2MTv5lIPt98KXUd-F84Xsu4Ku4IA-yYi90K9F4/s1600/tutorial_scroll_text+copy.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: justify;">
</div>
<b>BLOG  DESIGN</b> berkaitan dengan berbagai bentuk tips trik, hacks serta  scipts/codes; baik HTML, CSS, dan Javascript serta beberapa Widgets
  eksternal lainnya. Desain blog merupakan salah satu inti blogging yg  
berhubungan dengan bagaimana membuat tampilan blog lebih personal, unik,
  professional dan sesuai dengan yg diharapkan oleh seorang Blogger. 
Oleh  karena itu, blog design pada
 akhirnya harus berhubungan dengan  pembelajaran coding yg mau tidak mau
 dan secara lambat ataupun cepat  harus dikuasai oleh sang blogger. 
Kategori serta artikel kumpulan posting blog design ini ditujukan untuk 
memudahkan  sobat Blogger semua dalam mencari posting desain blog yg diinginkan  serta dapat menjadi alternatif & pendukung navigasi blog yg lain.<br />
<ol style="background-color: white; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 2em; margin: 0px; padding: 12px 0px 12px 30px; text-align: left;">
<li class="data-list list-ganjil" style="background-color: #f6f6f6; font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;"><a href="http://bloggerbanyakan.blogspot.com/2014/12/10-situs-download-gambar-gratis-untuk.html" target="_blank">10 Situs Download Gambar Gratis Buat Blog/Web & Desain</a></li>
<li class="data-list list-genap" style="font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">3 Template Blogger dengan Desain Unik & Canggih</li>
<li class="data-list list-ganjil" style="background-color: #f6f6f6; font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;"><a href="http://bloggerbanyakan.blogspot.com/2014/12/3-widget-animated-twitter-follow-untuk.html" target="_blank">3 Widget Animated Twitter Follow untuk Blogger/Blogspot, Keren!</a></li>
<li class="data-list list-genap" style="font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">5 Dynamic View: Fitur Terbaru Blogger/Blogspot dan Cara Mengaktifkannya</li>
<li class="data-list list-ganjil" style="background-color: #f6f6f6; font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;"><a href="http://bloggerbanyakan.blogspot.com/2014/12/5-situs-terbaik-untuk-belajar-html-css.html" target="_blank">5 Situs Terbaik untuk Belajar HTML & CSS Bagi Blogger Pemula - <b style="margin: 0px; padding: 0px;"><i style="margin: 0px; padding: 0px;"><span style="color: red; margin: 0px; padding: 0px;">New !!</span></i></b></a></li>
<li class="data-list list-genap" style="font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Blog Design: Kumpulan Tips Trik Desain Blog </li>
<li class="data-list list-ganjil" style="background-color: #f6f6f6; font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Blogger HTML Editor Baru: Edit Template Kini Jauh Lebih Mudah!</li>
<li class="data-list list-genap" style="font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;"><a href="http://bloggerbanyakan.blogspot.com/2014/12/cara-trik-css-membuat-scroll-text-area.html" target="_blank">Cara -Trik CSS: Membuat Scroll Text Area di Blog/Website dan Style-nya</a></li>
<li class="data-list list-ganjil" style="background-color: #f6f6f6; font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;"><a href="http://bloggerbanyakan.blogspot.com/2014/12/cara-buatpasang-fitur-emoticonsmiley-di.html" target="_blank">Cara Buat/Pasang Fitur Emoticon/Smiley di Comment Blogger</a></li>
<li class="data-list list-genap" style="font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;"><a href="http://bloggerbanyakan.blogspot.com/2014/12/cara-hapus-google-search-image-frame.html" target="_blank">Cara Hapus Google Search Image Frame (Frame Breaker)</a></li>
<li class="data-list list-ganjil" style="background-color: #f6f6f6; font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;"><a href="http://bloggerbanyakan.blogspot.com/2014/12/disqus-comment-adalah-layanan-third.html" target="_blank">Cara Membuat & Memasang Disqus Comment di Blogger</a></li>
<li class="data-list list-genap" style="font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;"><a href="http://bloggerbanyakan.blogspot.com/2014/12/cara-membuat-memasang-tanda-tangan-di.html" target="_blank">Cara Membuat & Memasang Tanda Tangan di Blog</a></li>
<li class="data-list list-ganjil" style="background-color: #f6f6f6; font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;"><a href="http://bloggerbanyakan.blogspot.com/2014/12/cara-membuat-auto-read-more-blogger.html" target="_blank">Cara Membuat Auto Read more (Thumbnails) Blogspot V2</a></li>
<li class="data-list list-genap" style="font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;"><a href="http://bloggerbanyakan.blogspot.com/2014/12/cara-membuat-daftar-isi-sitemap-di_16.html" target="_blank">Cara Membuat Daftar Isi (Sitemap) di Blogger/Blogspot</a></li>
<li class="data-list list-ganjil" style="background-color: #f6f6f6; font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;"><a href="http://bloggerbanyakan.blogspot.com/2014/12/cara-membuat-efek-bayangan-pada-gambar.html" target="_blank">Cara Membuat Efek Bayangan Pada Gambar (CSS3 Box Shadow)</a></li>
<li class="data-list list-genap" style="font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Cara Membuat Efek Transparan Pada Gambar Blog (CSS Image Opacity)</li>
<li class="data-list list-ganjil" style="background-color: #f6f6f6; font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Cara Membuat Facebook Comment Box & Like Box Responsif</li>
<li class="data-list list-genap" style="font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Cara Membuat Fitur Reply Comment (Balas Komentar) di Blogger</li>
<li class="data-list list-ganjil" style="background-color: #f6f6f6; font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Cara Membuat Fitur/Tombol Back To Top di Blogger-Blogspot</li>
<li class="data-list list-genap" style="font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Cara Membuat Kotak Permalink di Bawah Posting Blog</li>
<li class="data-list list-ganjil" style="background-color: #f6f6f6; font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Cara Membuat Kotak Space Banner Iklan Di Blog (Updated)</li>
<li class="data-list list-genap" style="font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Cara Membuat List HTML & Menu Sederhana (Basic of Unordered List)</li>
<li class="data-list list-ganjil" style="background-color: #f6f6f6; font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Cara Membuat Menu Horizontal Tabs Sederhana di Blogger</li>
<li class="data-list list-genap" style="font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Cara Membuat Menu/Navigasi Breadcrumbs di Blogger/Blogspot</li>
<li class="data-list list-ganjil" style="background-color: #f6f6f6; font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Cara Membuat Recent Posts Blogger (Auto Scroll & Thumbnails)</li>
<li class="data-list list-genap" style="font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Cara Membuat Related Post LinkWithin (Thumbnails) dan Trik Lengkapnya</li>
<li class="data-list list-ganjil" style="background-color: #f6f6f6; font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Cara Membuat Screensaver (Energy Saving Mode) Blog/Website</li>
<li class="data-list list-genap" style="font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Cara Membuat Super Vertical CSS Menu Blogger/Blogspot</li>
<li class="data-list list-ganjil" style="background-color: #f6f6f6; font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Cara Membuat Tabel HTML via MS Word & Memindahkan ke Posting Blog - <b style="margin: 0px; padding: 0px;"><i style="margin: 0px; padding: 0px;"><span style="color: red; margin: 0px; padding: 0px;">New !!</span></i></b></li>
<li class="data-list list-genap" style="font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Cara Membuat Widget Twitter Follow Us Melayang di Blogger/Blogspot</li>
<li class="data-list list-ganjil" style="background-color: #f6f6f6; font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Cara Membuat/Memasang Favicon & Animated Favicon di Blog</li>
<li class="data-list list-genap" style="font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Cara Membuat/Memasang Tombol Google +1 di Blogger/Blogspot</li>
<li class="data-list list-ganjil" style="background-color: #f6f6f6; font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Cara Memodifikasi Tampilan Link di Blogger/Blogspot</li>
<li class="data-list list-genap" style="font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Cara Menambahkan Icon/Gambar di Depan Judul Posting Blogger</li>
<li class="data-list list-ganjil" style="background-color: #f6f6f6; font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Cara Menampilkan Judul Posting Saja Pada Label dan Arsip Blog</li>
<li class="data-list list-genap" style="font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Cara Menampilkan Widget Hanya di Homepage/Halaman Posting</li>
<li class="data-list list-ganjil" style="background-color: #f6f6f6; font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Cara Mencari Kode Tertentu di Edit HTML (Template) Blogger</li>
<li class="data-list list-genap" style="font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Cara Mengganti "Post a Comment" Blogger Dengan Teks Lain/Gambar</li>
<li class="data-list list-ganjil" style="background-color: #f6f6f6; font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Cara Mengganti Older/Newer Post-Home Blogger dengan Teks/Gambar Icon</li>
<li class="data-list list-genap" style="font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Cara Menggunakan/Memasang Custom Font di Blogger</li>
<li class="data-list list-ganjil" style="background-color: #f6f6f6; font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Cara Menghilangkan Underline (Garis Bawah) Link di Blogspot</li>
<li class="data-list list-genap" style="font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Cara Mengubah Dynamic View Menjadi Halaman Utama Blogspot</li>
<li class="data-list list-ganjil" style="background-color: #f6f6f6; font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Cara Mengubah Warna Teks Comment di Blogger/Blogspot</li>
<li class="data-list list-genap" style="font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Cara Mengubah/Memasang Gambar Background Header di Blogger/Blogspot</li>
<li class="data-list list-ganjil" style="background-color: #f6f6f6; font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Cara Mengubah/Mengganti Jenis Font di Blog Blogger (CSS Styling)</li>
<li class="data-list list-genap" style="font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Cara Menyembunyikan Pesan Status di Halaman Label/Search Blogger</li>
<li class="data-list list-ganjil" style="background-color: #f6f6f6; font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Cara Menyembunyikan Sidebar di Halaman Blogger</li>
<li class="data-list list-genap" style="font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Cara Modifikasi Tampilan Header Sidebar Blogger</li>
<li class="data-list list-ganjil" style="background-color: #f6f6f6; font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Cara Mudah Membuat Logo Blog Keren! (6 Online Text Logo Generators)</li>
<li class="data-list list-genap" style="font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Cara Mudah Membuat Tabel/Table HTML di Posting Blog/Website</li>
<li class="data-list list-ganjil" style="background-color: #f6f6f6; font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Cara Pasang Widget Sharing Is Caring/Sexy di Blogger</li>
<li class="data-list list-genap" style="font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Download Gambar Header Blog Gratis Berkualitas Tinggi</li>
<li class="data-list list-ganjil" style="background-color: #f6f6f6; font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Fitur Baru: Blogger Custom Favicon dan Cara Membuat-nya</li>
<li class="data-list list-genap" style="font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Letakkan Judul Posting di Depan Nama Blog untuk SEO</li>
<li class="data-list list-ganjil" style="background-color: #f6f6f6; font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Mau Ganti Template Blog? Perhatikan Ulasan dan Tips ini Dulu!</li>
<li class="data-list list-genap" style="font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Memberi Warna Berbeda pada Link yang Dikunjungi/Di-klik (Visited Link)</li>
<li class="data-list list-ganjil" style="background-color: #f6f6f6; font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Membuat Tampilan Iklan Google Adsense Responsif (CSS Media Queries)</li>
<li class="data-list list-genap" style="font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Membuat Textarea 3D Cantik di Blogger/Blogspot: (Light-Yellow)</li>
<li class="data-list list-ganjil" style="background-color: #f6f6f6; font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Membuat Warna Berbeda Pada Text Selection (Bagian Teks yang di-Blok)</li>
<li class="data-list list-genap" style="font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Memperindah Kotak Comment Blogger/Blogspot Dengan CSS</li>
<li class="data-list list-ganjil" style="background-color: #f6f6f6; font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Mengenal Elemen-elemen Wrapper CSS di Blogger/Blogspot</li>
<li class="data-list list-genap" style="font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Pasang Blogger Contact Form di Halaman Statis dan Kostumisasi Dasarnya - <b style="margin: 0px; padding: 0px;"><i style="margin: 0px; padding: 0px;"><span style="color: red; margin: 0px; padding: 0px;">New !!</span></i></b></li>
<li class="data-list list-ganjil" style="background-color: #f6f6f6; font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Percepat Loading Blog dengan Optimalisasi/Kompres CSS</li>
<li class="data-list list-genap" style="font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Tampilan Baru Dashboard Blogger dan Cara Menggunakan-nya</li>
<li class="data-list list-ganjil" style="background-color: #f6f6f6; font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;">Tips Mengedit Template HTML Blogger/Blogspot: Mudah dan Aman</li>
</ol>
</div>

Kumpulan Tips Trik Desain Blog

BLOG DESIGN berkaitan dengan berbagai bentuk tips trik, hacks serta scipts/codes; baik HTML, CSS, dan Javascript serta beberapa ...

Baca selengkapnya »

01.47

Cara Membuat Efek Bayangan Pada Gambar (CSS3 Box Shadow)

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC0UBnnMgtrVztDCmA5F4s6sbD-nV4Iao6W2vr_z_n2ciHYW1RcHv36oRje-Ga3n5B1b8xTdjuRsrkkeYVpSS91R4VOlS_LZ6p98xrrfppoLfCZzrBMrbT3zkWn-KOgy2ExDJk9eiO4Vbz/s1600/9860i2F4A00F511C26C57+copy.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="137" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC0UBnnMgtrVztDCmA5F4s6sbD-nV4Iao6W2vr_z_n2ciHYW1RcHv36oRje-Ga3n5B1b8xTdjuRsrkkeYVpSS91R4VOlS_LZ6p98xrrfppoLfCZzrBMrbT3zkWn-KOgy2ExDJk9eiO4Vbz/s1600/9860i2F4A00F511C26C57+copy.png" width="320" /></a></div>
Tips-Tricks Blogger: Browsers compatible with CSS3 Box Shadow
Memperindah blog/website kini menjadi hal yang semakin mudah dan
 merupakan kebutuhan bagi setiap web designer dan developer. Keberadaan 
CSS3 memungkinkan kita untuk membuat berbagai macam efek tampilan dan 
fungsi. Sedangkan saat ini hampir seluruh browser telah compatible 
dengan CSS3.<br />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Pada awal posting tentang CSS3 ini, saya akan mempresentasikan penggunaan CSS3 Box Shadow pada gambar untuk memunculkan efek bayangan (image shadow). Basic penggunaan CSS3 Box shadow adalah dengan menggunakan syntax:</div>
<blockquote>
box-shadow: <i>h-shadow v-shadow blur spread color</i> inset;</blockquote>
<div style="text-align: justify;">
<i>h shadow</i>: posisi dan besar bayangan horizontal</div>
<div style="text-align: justify;">
<i>v shadow</i>: posisi dan besar bayangan vertical</div>
<div style="text-align: justify;">
<i>blur</i>: besaran dan jarak blur (opsional)</div>
<div style="text-align: justify;">
<i>spread</i>: ukuran bayangan (opsional)</div>
<div style="text-align: justify;">
inset: aturan yang ditambahkan untuk mengubah bayangan jatuh ke bagian dalam objek (opsional)</div>
<br />
<div style="text-align: justify;">
Contoh:</div>
<blockquote>
(Biasanya aturan yang lazim digunakan tidak menggunakan <i>spread</i> dan<i> inset</i>)<br />
box-shadow:  <span class="box-shadow-horizontal">5px</span> <span class="box-shadow-vertical">5px</span> <span class="box-shadow-blur">3px</span> <span class="box-shadow-color">#666666</span>;     </blockquote>
<br />
<div style="text-align: justify;">
Aturan di atas sangat lah sederhana, pada prakteknya kita harus menambahkan property lain agar compatible dengan browser-browser lainnya (yang berplatform <b>webkit</b> dan <b>moz</b>). Maka property lengkapnya adalah:</div>
<blockquote>
-webkit-box-shadow: <span class="box-shadow-inset"></span> <span class="box-shadow-horizontal">5px</span> <span class="box-shadow-vertical">5px</span> <span class="box-shadow-blur">3px</span> <span class="box-shadow-spread"></span><span class="box-shadow-color">#666666</span>;<br />
-moz-box-shadow: <span class="box-shadow-inset"></span> <span class="box-shadow-horizontal">5px</span> <span class="box-shadow-vertical">5px</span> <span class="box-shadow-blur">3px</span> <span class="box-shadow-spread"></span><span class="box-shadow-color">#666666</span>;<br />
box-shadow: <span class="box-shadow-inset"></span> <span class="box-shadow-horizontal">5px</span> <span class="box-shadow-vertical">5px</span> <span class="box-shadow-blur">3px</span> <span class="box-shadow-spread"></span><span class="box-shadow-color">#666666</span>;     </blockquote>
<div style="text-align: justify;">
Efek
 bayangan Box Shadow ini sebenarnya dapat diterapkan pada berbagai objek
 blog/web yang berbentuk kotak dan bahkan juga pada objek yang berlekuk,
 yang dalam hal ini adalah rounded corners. Untuk mengaplikasikan ke 
gambar, kita dapat memasukkannya langsung ke dalam dengan menggunakan 
atribut style atau
 memberikan atribut class dan meletakkan aturan CSS-nya di bagian lain, 
baik di bagian HTML posting, widget, atau meletakkannya langsung sebagai
 aturan umum untuk semua objek yang diberi class/id yang sama di bagian 
head (antara <head> dan </head>).</div>
<div style="text-align: justify;">
Contoh pengaplikasiannya:</div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" class="bayang2" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgidgo_sh3M2Fpj3ayjAxD_y3XWAsbIZOdOAp5p-DwKRs-oioPaHg9WhLyZEZfbBDSXvJnZHk315SSX4_9lN3z0IXn3mE1Ir6kWHJdFqRkX3ShqBMWzm9DXIsPFgCGbyTWm71QCun7BI3Oe/s200/anti_copycats-pencuri+konten.jpg" width="200" /></div>
<br />
<div style="text-align: justify;">
Salah satu cara yang digunakan untuk memasukkan kode CSS3 Box Shadow-nya:</div>
<div style="text-align: justify;">
Tambahkan class pada tag html gambar dan beri aturan CSS3 Box shadow yang sesuai dengan classnya. Contoh: </div>
<blockquote>
<img <span style="color: red;">class="boxshadow"</span>
 border="0" class="bayang2" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgidgo_sh3M2Fpj3ayjAxD_y3XWAsbIZOdOAp5p-DwKRs-oioPaHg9WhLyZEZfbBDSXvJnZHk315SSX4_9lN3z0IXn3mE1Ir6kWHJdFqRkX3ShqBMWzm9DXIsPFgCGbyTWm71QCun7BI3Oe/s1600/anti_copycats-pencuri+konten.jpg"
 /></blockquote>
Untuk membuat efek bayangan box shadow pada blog anda:<br />
Masuk ke dashboard > design/rancangan > Edit HTML (untuk Blogger),
 kemudian masukkan kode CSS ini di bagian head, lebih tepatnya di ATAS 
</head>, dan save template.<br />
<blockquote>
<style type="text/css"><br />
.boxshadow {-webkit-box-shadow: 5px 5px 3px 0px #666666;-moz-box-shadow:
 5px 5px 3px 0px #666666;box-shadow: 5px 5px 3px 0px 
#666666;}</style></blockquote>
<div style="text-align: justify;">
 Kemudian
 setiap anda ingin memberikan efek bayangan (image shadow) pada gambar 
di posting, sidebar widget yang bergambar, tinggal tambahkan 
class="bloxshadow" pada tag HTML image-nya:</div>
<blockquote>
<div style="text-align: left;">
<img <span style="color: red;">class="boxshadow"</span> border="0" src="http://urlgambar.com/gambar.jpg"  /></div>
</blockquote>
<div style="text-align: justify;">
Kostumisasi efek bayangan:</div>
<div style="text-align: justify;">
a. Anda dapat mengubah<i> nilai h shadow</i>, <i>v shadow</i>, dan <i>blur</i> (dalam px) serta kode warna sesuai dengan keinginan. Untuk mengetahui koleksi kode warna silahkan lihat Hex Color Code Generator.</div>
<div style="text-align: justify;">
b. Untuk mengubah efek bayangan jatuh ke kiri, gunakan nilai negatif (-) pada h shadow dan v shadow, contoh:</div>
<blockquote>
-webkit-box-shadow:  <span class="box-shadow-horizontal">-5px</span> <span class="box-shadow-vertical">-5px</span> <span class="box-shadow-blur">3px</span> <span class="box-shadow-color">#666666</span>;<br />
-moz-box-shadow:  <span class="box-shadow-horizontal">-5px</span> <span class="box-shadow-vertical">-5px</span> <span class="box-shadow-blur">3px</span> <span class="box-shadow-color">#666666</span>;<br />
box-shadow:  <span class="box-shadow-horizontal">-5px</span> <span class="box-shadow-vertical">-5px</span> <span class="box-shadow-blur">3px</span> <span class="box-shadow-color">#666666</span>;     </blockquote>
 Hasilnya:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgidgo_sh3M2Fpj3ayjAxD_y3XWAsbIZOdOAp5p-DwKRs-oioPaHg9WhLyZEZfbBDSXvJnZHk315SSX4_9lN3z0IXn3mE1Ir6kWHJdFqRkX3ShqBMWzm9DXIsPFgCGbyTWm71QCun7BI3Oe/s1600/anti_copycats-pencuri+konten.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" class="bayang3" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgidgo_sh3M2Fpj3ayjAxD_y3XWAsbIZOdOAp5p-DwKRs-oioPaHg9WhLyZEZfbBDSXvJnZHk315SSX4_9lN3z0IXn3mE1Ir6kWHJdFqRkX3ShqBMWzm9DXIsPFgCGbyTWm71QCun7BI3Oe/s200/anti_copycats-pencuri+konten.jpg" width="200" /></a></div>
<br />
<div style="text-align: justify;">
Coba terus dan silahkan bereksperimen dengan nilai vertical, horizontal, blur, dan warna, serta efek jatuhnya bayangan.</div>
<div style="text-align: justify;">
<br /></div>
Happy Blogging!<br />
<div style="text-align: center;">
<br /></div>
</div>

Cara Membuat Efek Bayangan Pada Gambar (CSS3 Box Shadow)

Tips-Tricks Blogger: Browsers compatible with CSS3 Box Shadow Memperindah blog/website kini menjadi hal yang semakin mudah dan merupakan...

Baca selengkapnya »

01.22

Cara Membuat Daftar Isi (Sitemap) di Blogger/Blogspot

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
 Daftar
 Isi (Table of Contents) sering pula di sebut sebagai sitemap (peta 
situs) karena isinya digenerasikan (generated) dari url sitemap feed. 
Jika sitemap blog di search engine berfungsi sebagai alat untuk 
mempermudah pemetaan isi blog/website oleh search engine, maka sitemap 
yang ini berfungsi sebagai alat navigasi dan pemetaan bagi 
pengunjung/visitor untuk melihat seluruh isi konten atau artikel 
blog/website dalam satu halaman khusus. Tentunya ini sangat 
menguntungkan pengunjung dan juga pemilik blog/website dalam usaha 
meningkatkan jumlah pageview.<br />
<br />
Daftar isi kali ini 
dibuat dengan aturan javascript yang file-nya sudah saya upload dan 
dapat langsung digunakan. Isi yang ditampilkan dibagi berdasarkan label,
 sehingga perlu digarisbawahi bahwa setiap posting  harus memiliki 
label. Tanpa label, posting tidak akan termuat di daftar isi. Simak cara
 membuat label blogger bagi yg belum mengetahui cara buat label..<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSpQgKIkoaLFyZzl7w3qIO9UfSaxmUY6xGuWEjLqeLpEOsubYEAjtzWdkzYI5MryVyOpWhADQkwA0s3A_eCCrHoE1wYQFJYXmu3w_v5h_V6h9h2MFbDvucWoeJndkGNuNWaooLGi_-AtHw/s1600/Screenshot_118+copy.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSpQgKIkoaLFyZzl7w3qIO9UfSaxmUY6xGuWEjLqeLpEOsubYEAjtzWdkzYI5MryVyOpWhADQkwA0s3A_eCCrHoE1wYQFJYXmu3w_v5h_V6h9h2MFbDvucWoeJndkGNuNWaooLGi_-AtHw/s1600/Screenshot_118+copy.png" width="311" /> </a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div style="text-align: left;">
<b>Cara membuat daftar isi/sitemap blog di blogger/blogspot:</b>
<br />
<div style="text-align: justify;">
1. Buat sebuah halaman posting baru, sebaiknya halaman statis (static page).</div>
<blockquote>
<blockquote class="tr_bq">
<div style="text-align: justify;">
<i>Dashboard > New Post/Edit Post > Edit Pages > Create New Page</i></div>
</blockquote>
</blockquote>
<div style="text-align: justify;">
2. Beri judul sesuka anda, misalnya: "Daftar Isi", "Table of Content", "Sitemap Blog", dan lain lain.</div>
<div style="text-align: justify;">
3. Pada bagian kanan kotak posting klik "Edit HTML".</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://www.blogger.com/null" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" src="data:image/png;base64,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" /></a></div>
<div style="text-align: justify;">
4. Masukkan script berikut:</div>
<blockquote>
<blockquote class="tr_bq">
<script src="http://yourjavascript.com/18113981113/bukarahasiablog-toc.js"><br />
</script> <br />
<script src="<span style="color: red;">http://bloggerbanyakan.blogspot.com</span>/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"> <br />
</script></blockquote>
</blockquote>
<div style="text-align: justify;">
Ganti <span style="color: red;">http://bloggerbanyakan.blogspot.com</span> dengan url blog/website anda.</div>
<div style="text-align: justify;">
5. Jika ingin melihat hasilnya klik "preview/pratinjau".</div>
<div style="text-align: justify;">
6. Publish post.</div>
<div style="text-align: justify;">
7. Pasang link halaman tersebut ke link list blog, menu, atau di tempat yang diinginkan.</div>
<div style="text-align: justify;">
8. Done!</div>
<div style="text-align: justify;">
<span class="Apple-style-span" style="color: #444444;">---------------------------------------------------------------</span><br />
<i>Update:</i><br />
<i>Buat Blogger Banyakan yg komentar minta tulisan "new" berwarna putih, saya sudah buatkan scriptnya:</i><br />
ganti: http://yourjavascript.com/18113981113/bukarahasiablog-toc.js<br />
dengan: http://yourjavascript.com/111006011142/bukarahasiablog-toc-putih.js<br />
<span class="Apple-style-span" style="color: #444444;">---------------------------------------------------------------</span></div>
</div>
</div>
</div>

Cara Membuat Daftar Isi (Sitemap) di Blogger/Blogspot

Daftar Isi (Table of Contents) sering pula di sebut sebagai sitemap (peta situs) karena isinya digenerasikan (generated) dari url sitem...

Baca selengkapnya »

01.11

Cara Membuat Auto Read More Blogger + Button (Updated 2014)

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSCwA84uEXeXLV-1RqBcJr7JMw_dqTRf8tV48aOMsbLgSSgdZxZw-baqhtouHMrfRGslEkSu9ABl06Z6Yx7IfOpQ8uVuembNLa09I-XJNPTP8u7pCJ5hMcQV1w1vQUnPFQbu5bDR6W35sx/s1600/readmore.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSCwA84uEXeXLV-1RqBcJr7JMw_dqTRf8tV48aOMsbLgSSgdZxZw-baqhtouHMrfRGslEkSu9ABl06Z6Yx7IfOpQ8uVuembNLa09I-XJNPTP8u7pCJ5hMcQV1w1vQUnPFQbu5bDR6W35sx/s1600/readmore.png" /></a></div>
<br />
Script auto readmore blogger/blogspot dengan thumbnails (gambar preview)
 ini adalah penyempurnaan dari script auto readmore V1, di mana 
ditemukan adanya masalah pada
 halaman statis. Ketika halaman statis ditampilkan, auto readmore ikut 
muncul, sehingga harus diberi pengecualian (b if cond & b else) 
untuk static pages pada scriptnya. Selain itu, javascript dlm auto 
readmore ini juga bersifat internal jadi tidak perlu lagi memuat file 
.js eksternal yang diupload ke hosting lain. Meskipun file template 
menjadi sedikit lebih besar, namun loading  page menjadi lebih cepat 
daripada auto readmore sebelumnya. 
<br />
<br />
<br />
<div style="text-align: justify;">
Langkah-langkahnya:</div>
<div style="text-align: justify;">
1. Masuk ke dashboard > Template > Edit HTML. Download/back up file XML template terlebih dahulu agar nanti bisa mengembalikan seperti semula jika ada kesalahan.</div>
<div style="text-align: justify;">
 </div>
<div style="text-align: justify;">
2. Jika dulu sudah diisi script auto readmore yang pertama, hapus terlebih dahulu</div>
<div style="text-align: justify;">
 </div>
3. Copy-paste script berikut tepat DI BAWAH </head> (gunakan Ctrl+F dan masukkan tag di dalam kotak search, tekan enter):<br />
<br />
<blockquote class="tr_bq">
<pre>
<script type='text/javascript'>
var thumbnail_mode = &quot;yes&quot;; //yes-dengan gambar,no-tanpa gambar
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 150;
img_thumb_width = 150;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
    if(strx.indexOf("<")!=-1)
    {
        var s = strx.split("<");
        for(var i=0;i<s.length;i++){
            if(s[i].indexOf(">")!=-1){
                s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
            }
        }
        strx =  s.join("");
    }
    chop = (chop < strx.length-1) ? chop : strx.length-2;
    while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
    strx = strx.substring(0,chop-1);
    return strx+'...';
}

Cara Membuat Auto Read More Blogger + Button (Updated 2014)

Script auto readmore blogger/blogspot dengan thumbnails (gambar preview) ini adalah penyempurnaan dari script auto readmore V1, di mana...

Baca selengkapnya »

00.52

Cara Membuat & Memasang Tanda Tangan di Blog

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3pCLbVjikL-3KFjaoWZ6UNe-rKW5iTOuAnuzfFOYtOnmpNYz0w5FgpEGoeiFiZHwhm5DmjGf9kae1S55gZndZepIIiNAOOZPRdDxR7ry_8JtoWebAJznIrF3XvOAXylka4jyiGSDSR-j0/s1600/B997AD124E7F40EE37F1FF478C516BC2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3pCLbVjikL-3KFjaoWZ6UNe-rKW5iTOuAnuzfFOYtOnmpNYz0w5FgpEGoeiFiZHwhm5DmjGf9kae1S55gZndZepIIiNAOOZPRdDxR7ry_8JtoWebAJznIrF3XvOAXylka4jyiGSDSR-j0/s1600/B997AD124E7F40EE37F1FF478C516BC2.png" width="320" /></a></div>
<div style="text-align: left;">
DI BLOG (BLOGGER), kita dapat membubuhkan tanda tangan (signature) sebagai sebagai identitas penulis blog (blog author). Dengan adanya tanda tangan ini, posting-posting blog terasa lebih khusus, karena memiliki tanda tangan sang penulis blog yg unik. Sobat Blogger bisa membuat dan memasangnya di blog Blogger dengan mudah. Kehadiran online signature maker memberikan kemudahan untuk membuat tampilan tanda tangan tersebut. Selain untuk digunakan di email, gambar tanda tangan ini bisa digunakan pula di blog sebagai blog author signature.</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Cara Membuat Gambar Tanda Tangan Secara Online<br />Untuk membuat tanda tangan dengan online tool, saya memilih menggunakan MyLiveSignature, sehingga tutorial ini akan mengetengahkan langkah-langkah membuat signature dengan online tool tersebut.<br />1. Masuk ke <a href="http://www.mylivesignature.com/">www.mylivesignature.com</a></div>
<div style="text-align: left;">
2. Ada beberapa opsi disana, jika ingin membuat tanda tangan tanpa register, klik "<span style="color: red;">Proceed</span>". Jika ingin daftar, klik "<span style="color: red;">register</span>"</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhacLMS_cN2hWWDkf5iPB4d3tCuXrYeFS1-0o-9fnGKAs4MjmHvFTOridTWZLOoF5b50KRJKTfaMCqYxSxGLCW0PkufCWxa7WWaX7rap760Kl-5-qI8sE-2wnFzAdaPilb_9GqSwmF5urAP/s1600/Screenshot_110.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="73" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhacLMS_cN2hWWDkf5iPB4d3tCuXrYeFS1-0o-9fnGKAs4MjmHvFTOridTWZLOoF5b50KRJKTfaMCqYxSxGLCW0PkufCWxa7WWaX7rap760Kl-5-qI8sE-2wnFzAdaPilb_9GqSwmF5urAP/s1600/Screenshot_110.jpg" width="400" /></a></div>
<div style="text-align: left;">
3. Setelah klik proceed, anda akan masuk ke halaman opsi jenis signature yang akan dibuat. Ada 4 cara membuat signature: dengan wizard, dengan menulis sendiri di screen tool, upload gambar yang di-scan, atau menggunakan font. sendiri. Saya sarankan untuk membuat dengan wizard (pilih opsi pertama), karena cara itu lebih mudah.</div>
<div class="separator" style="clear: both; text-align: left;">
4. Langkah selanjutnya adalah  memilih "<span style="color: red;">usingthe signature wizard</span>"</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFdl8CILMIOV2Ubqk6OWcS864lwT43b97zOWKLJMZZEXS32iGffn1x_u6288sWB4-A2MhuJUh1Kt_aSUt77tuzd5LmAP0lnyFUKDXD0ozFxVDKUerCAq102_qymKEMwZEB3umGzoUKj8Gx/s1600/Screenshot_111.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="318" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFdl8CILMIOV2Ubqk6OWcS864lwT43b97zOWKLJMZZEXS32iGffn1x_u6288sWB4-A2MhuJUh1Kt_aSUt77tuzd5LmAP0lnyFUKDXD0ozFxVDKUerCAq102_qymKEMwZEB3umGzoUKj8Gx/s1600/Screenshot_111.jpg" width="320" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
<br />5. Tuliskan nama anda atau nama yg ingin dibuat sebagai tanda tangan. Klik 'next step'.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-x-XR07BpKz7sKQEtLZrnPbCus6R8slfAx1LNSmG7UBQb78YIp_SEG24I4fj7RndQL9ynPA9LYIAnYKiEvXQJLyI4nkhk3n3_EGQuizgsNF1fSwRbGusi8hMun70t0HC53Vti41zaaIC4/s1600/Screenshot_112.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="153" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-x-XR07BpKz7sKQEtLZrnPbCus6R8slfAx1LNSmG7UBQb78YIp_SEG24I4fj7RndQL9ynPA9LYIAnYKiEvXQJLyI4nkhk3n3_EGQuizgsNF1fSwRbGusi8hMun70t0HC53Vti41zaaIC4/s1600/Screenshot_112.jpg" width="400" /> </a></div>
<br /><div style="text-align: justify;">
6. Langkah selanjutnya adalah memilih 
jenis font tanda tangan. Ada banyak jenis font dan langsung bisa dilihat
 melalui preview. Pilih font yang diinginkan dengan klik opsi di sebelah
 preview. Setelah itu 'klik next'.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqf0lOQhgl9nLT49i9YUqPI_6S-nNeqVhxsEJaDbGi4stA-gzfxiMICXESuq_uobmBqJ78gYfErn3JO5DNOuNmSN_EYoDf0A_nqkMdZ62Bm-lpXA7_ObUq_M7KyglPKEmLJ0gBwhYRIqC_/s1600/Screenshot_113.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="285" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqf0lOQhgl9nLT49i9YUqPI_6S-nNeqVhxsEJaDbGi4stA-gzfxiMICXESuq_uobmBqJ78gYfErn3JO5DNOuNmSN_EYoDf0A_nqkMdZ62Bm-lpXA7_ObUq_M7KyglPKEmLJ0gBwhYRIqC_/s1600/Screenshot_113.jpg" width="320" /></a></div>
7.pilih ukuran gambar<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHbz99WhqLPq1a90oooSksKkzNbYpHV2WblIzRHA2WpULO5hFOP3GcxoAkF_jmUNH1hLHQcxis8a55twzUaaoZIA8ST14m1u6J4U838wBzfMQiZkTYiWD-8nCbFcWR_X8MJ_eLHYFNmzVA/s1600/Screenshot_114.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="273" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHbz99WhqLPq1a90oooSksKkzNbYpHV2WblIzRHA2WpULO5hFOP3GcxoAkF_jmUNH1hLHQcxis8a55twzUaaoZIA8ST14m1u6J4U838wBzfMQiZkTYiWD-8nCbFcWR_X8MJ_eLHYFNmzVA/s1600/Screenshot_114.jpg" width="320" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
 8. Pilih warna tanda tangan dan background. Sesuaikan background dengan 
background halaman blog, atau pilih/centang "transparent".</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC8034ALXnObnoxfOV6q6J2soD1f49v40hXphRsHKMhLDIsgWASRKwJXPeMjZP107LcrpTyAv4FVrZ3WoTmuv1DLDQObijTibrcIFD070BmQOKwa6Wsp4WGPX2dZRLaX1Baftw9-yVcpxr/s1600/Screenshot_115.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="315" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC8034ALXnObnoxfOV6q6J2soD1f49v40hXphRsHKMhLDIsgWASRKwJXPeMjZP107LcrpTyAv4FVrZ3WoTmuv1DLDQObijTibrcIFD070BmQOKwa6Wsp4WGPX2dZRLaX1Baftw9-yVcpxr/s1600/Screenshot_115.jpg" width="320" /></a></div>
<div style="text-align: left;">
 9.langkah selanjutnya pilih posisi gambar miringnya terserah anda</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsvJ2eMeI0sE9tS9gzuceOKSr3wfqecuKzykUge32gzVmzu0hxWNOCMwSlLxLN4TZVjk_OGUqquD4LxBGoY1QRMIMXKO3zGjLTIRI1b8PM_RCazaYJIEbckI6ZKWifW2AR4574if8uiLi9/s1600/Screenshot_116.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsvJ2eMeI0sE9tS9gzuceOKSr3wfqecuKzykUge32gzVmzu0hxWNOCMwSlLxLN4TZVjk_OGUqquD4LxBGoY1QRMIMXKO3zGjLTIRI1b8PM_RCazaYJIEbckI6ZKWifW2AR4574if8uiLi9/s1600/Screenshot_116.jpg" width="279" /></a></div>
10.Setelah gambar jadi, anda akan 
dibawa ke halaman hasil akhir gambar. Di halaman tersebut terdapat 
gambar tanda tangan/signature dan di bwahnya tertera ID dari tanda 
tangan tersebut. SImpan ID jika dibutuhkan kembali di kemudian hari. 
Untuk menyimpan gambar, klik kanan, lalu pilih 'save as' atau 'save 
image as'<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnhJTFpSA8mCmG9Y2t_iOfGmfMjtgVMNCQAWz506IEgVM6lsMgVOtr-54GyAUPNu87IoaMcz9iGDiJ9kDoFlZQRX2ii0rEyI_U2zlb5_SRql2UUMjl-hGaz_qSbD9Ju37crnriuOrkpLux/s1600/Screenshot_117.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="246" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnhJTFpSA8mCmG9Y2t_iOfGmfMjtgVMNCQAWz506IEgVM6lsMgVOtr-54GyAUPNu87IoaMcz9iGDiJ9kDoFlZQRX2ii0rEyI_U2zlb5_SRql2UUMjl-hGaz_qSbD9Ju37crnriuOrkpLux/s1600/Screenshot_117.jpg" width="320" /></a></div>
Cara Memasang Tanda Tangan di Bawah Posting Blog<br />1. Pastikan terlebih dahulu gambar tandatangan tadi telah di upload. Kemudian simpan direct url dari gambar tersebut.<br />2. Untuk menampilkan gambar di bawah posting kita bisa menggunakan dua cara:<br />  a. Dengan memasukkan html gambar di fitur blogger untuk menyisipkan widget di posting:<br /><br /><blockquote class="tr_bq">
    Dari Setting > Formatting > Lihat ke bagian kosong di sebelah kanan Post template di bagian bawah halaman.<br />    Isikan script image ke dalamnya:<br />    < img border="0" src="urlgambartandatangan.jpg" /><br />    Ganti urlgambartandatangan.jpg dengan url gambar tandatangan sobat.</blockquote>
<br />Kelemahan dari cara ini adalah susunan struktur pada badan post kadang-kadang bisa kacau, dan membutuhkan waktu load yang lebih lama<br /><br />b. Dengan memasukkan gambar di bagian template HTML melalui Edit HTML Blogger:<br />Melalui Edit HTML, sobat dapat memasukkan script secara lebih leluasa dan juga dapat menambahkan aturan-aturan tertentu agar struktur tampilan lebih sempurna.<br />- Di beberapa tutorial, saya melihat script yang dimasukkan hanya dalam bentuk HTML gambar seperti ini:<br /><br /><blockquote class="tr_bq">
    < img border="0" src="urlgambartandatangan.jpg" /></blockquote>
<br />Namun, jika hanya dengan HTML gambar, struktur gambar menjadi tidak independen karena dia mengikuti aturan (div) pada tulisan di atasnya (tulisan posting di bagian akhir/bawah). Sehingga kadang-kadang gambar betubrukan dengan tulisan atau bergeser.<br />- Untuk membuat gambar berstruktur independen maka tambahkan struktur sendiri pada tag gambar:<br /><br /><blockquote class="tr_bq">
    <div>< img border='0' src='urlgambartandatangan.jpg' /></div></blockquote>
<br />Dengan cara ini, gambar dapat berada di baris selanjutnya di bawah tulisan posting.<br />- Agar gambar bisa diatur posisinya, akhirnya gunakan aturan berikut:<br /><br /><blockquote class="tr_bq">
    <div style='padding:5px;float:right'>< img border="0" src='urlgambartandatangan.jpg' /></div></blockquote>
<br />- right akan menampilkan gambar di sisi kanan, ganti dengan left jika ingin gambar berada di sebelah kiri.Ganti urlgambartandatangan.jpg dengan url gambar tandatangan yg telah di-upload.<br />- Setelah selesai mengedit script, masuk ke dahsboard > design > Edit HTML.<br />- Jangan lupa centang "Expand Widget Templates"<br />- Cari <data:post.body/><br />- Letakkan kode yang telah diedit tadi tepat di BAWAH-nya.<br />- Save Template.<br /><br />Note: Jika blog telah menggunakan fitur auto readmore, ada lebih dari satu <data:post.body/>, letakkan kode tanda tangan di bawah <data:post.body/> yg kedua.<br />
<div style="text-align: center;">
<br /></div>
</div>

Cara Membuat & Memasang Tanda Tangan di Blog

DI BLOG (BLOGGER), kita dapat membubuhkan tanda tangan (signature) sebagai sebagai identitas penulis blog (blog author). Dengan adanya t...

Baca selengkapnya »

00.37

Cara Membuat & Memasang Disqus Comment di Blogger

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidrTMRqan1VDaP6qsB4QNTvSJbgwf8tpB8R6QZ2UORBrhRt0J5bkQyXrZ2y4HTjRa818fpTdacWEKufcrSGgG6sr5niAdjlZor8yAOwS76WuAlNVmEAnYDg7ZYt_E9zVwusVODXfmUxBZA/s1600/disqus+copy.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="278" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidrTMRqan1VDaP6qsB4QNTvSJbgwf8tpB8R6QZ2UORBrhRt0J5bkQyXrZ2y4HTjRa818fpTdacWEKufcrSGgG6sr5niAdjlZor8yAOwS76WuAlNVmEAnYDg7ZYt_E9zVwusVODXfmUxBZA/s1600/disqus+copy.png" width="320" /></a></div>
<div style="text-align: justify;">
<a href="http://buka-rahasia.blogspot.com/2011/10/cara-membuat-disqus-comment-di-blogger.html">Disqus Comment</a>
 adalah layanan third party yg menyediakan widget comment serta comment 
system yg sangat lengkap. Comment system ini dapat ditambahkan di 
berbagai macam platform blog dan website termasuk Blogger. Tampilannya pun tampak lebih professional dan elegan sehingga dapat menjadi daya tarik bagi pengunjung.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Fitur-fitur disqus comment system antara lain:</div>
<div style="text-align: justify;">
1. <i>Comment moderation</i>. Pemilik blog dapat melakukan moderasi sebelum komentar di-publish.</div>
<div style="text-align: justify;">
2. <i>Inline media embedding</i>. Di dalam comment diswus, dapat disisipkan media seperti video,gambar atau audio yg terintegrasi langsung dengan Youtube, Flickr, dan lainnya.</div>
<div style="text-align: justify;">
3. <i>Mobile commenting</i>. Disqus compatible diakses melalui mobile internet.</div>
<div style="text-align: justify;">
4. <i>Social media integration</i>. Dapat diintegrasikan dengan social media seperti Facebook, twitter dll.</div>
<div style="text-align: justify;">
5. <i>Community box</i>. Disqus juga merupakan wadah komunitas pengguna comment system tersebut.</div>
<div style="text-align: justify;">
6. <i>Like and share</i>. Tool yang terintegrasi dengan system untuk melakukan vote (like) dan sharing.</div>
<div style="text-align: justify;">
7. <i>Realtime system</i>. Comment disqus bersifat realtime sehingga pengguna dapat melakukan diskusi secara langsung melalui reply.</div>
<div style="text-align: justify;">
8. <i>Spam-be-Gone</i>. Salah satu fitur disqus yg dapat menyaring spam.</div>
<div style="text-align: justify;">
9. <i>Mobile apps</i>. Disqus tersedia untuk berbagai macam mobile media seperti iPhone, SmartPhone, dll.</div>
<div style="text-align: justify;">
10. <i>Imprt & Export</i>. Kita dapat melakukan impor atau ekspor comment yang lama.</div>
<div style="text-align: justify;">
11. <i>International language</i>. Disqus support hampir semua bahasa.</div>
<div style="text-align: justify;">
12. <i>Theme customization</i>. Kostumisasi tampilan disqus sesuai template blog atau keinginan blogger.</div>
<div style="text-align: justify;">
13. <i>Tweets and reactions</i>. Disqus dapat membawa tweets dan reaksi tweets ke dalam kotak komentar.</div>
<div style="text-align: justify;">
14. Dan masiiiihhhhhh banyak lagi!</div>
<h4 class="h4">
Setting Blogger Sebelum Menambahkan Disqus Comment</h4>
<div style="text-align: justify;">
Sebelum
 sobat melakukan langkah-langkah untuk membuat dan menambahkan disqus 
comment, lakukan setting terhadap blog terlebih dahulu:</div>
<div style="text-align: justify;">
1. Pastikan telah login di Blogger.</div>
<div style="text-align: justify;">
2. Backup template.</div>
<div style="text-align: justify;">
3.
 Patikan blog telah menggunakan sistem Blogger Layouts (tentunya semua 
blog blogger saat ini telah menggunakan sistem ini, namun pastikan 
layout anda bisa di-set melalui halaman Page Elements, tempat anda biasa memasang widget).</div>
<div style="text-align: justify;">
4.
 Pastikan sistem comment telah aktif (ini jg pasti semua udah ya, 
kecuali yg blog-nya gak boleh dikomentari). Blogger > Settings > 
Comments.</div>
<div style="text-align: justify;">
5. Masih pada halaman tersebut, cek apakah comment telah diperbolehkan untuk siapapun (anyone). Lihat "Who Can Comment", pilih "anyone".</div>
<div style="text-align: justify;">
<br /></div>
<h4 class="h4">
Cara Membuat dan Memasang Disqus Comment ke Blogger</h4>
<div style="text-align: justify;">
Setelah semua setting di Blogger beres, lakukan langkah-langkah berikut:</div>
<div style="text-align: justify;">
1. Masuk ke <a href="http://www.disqus.com/" rel="nofollow" target="blank">Disqus</a>.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-RPYP0jSnyp7M-wKLCNN7OiltjZQEmySRZsTquimE1nFzG6E6HzOAq9F6gLdkIYwlS8a1zXg5HBFatzKPpiHJ-hBcq4oQWzHiJ3z6_2kAP0Is1y7ilXy9X-LlHgm25j0G0tTjl691HlfH/s1600/Screenshot_103+copy.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="201" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-RPYP0jSnyp7M-wKLCNN7OiltjZQEmySRZsTquimE1nFzG6E6HzOAq9F6gLdkIYwlS8a1zXg5HBFatzKPpiHJ-hBcq4oQWzHiJ3z6_2kAP0Is1y7ilXy9X-LlHgm25j0G0tTjl691HlfH/s1600/Screenshot_103+copy.png" width="400" /></a></div>
<div style="text-align: center;">
</div>
<div style="text-align: justify;">
2. Buat account isi username,email, dan password. Klik "<span style="color: red;">Next step</span>".</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbq61XC6mPgO8PKfUQF3R1sCvGyRF59yv4uYUndw7Irj1T8eDlHNDqu3AtL3NtFh6XIQbtVInaZo2n1SpcYVPkUTzo-dwpBYUJm4WojLHKUaBOvTBggOYpphNl3KfmNwadyWWZZH5DpSZe/s1600/Screenshot_104+copy.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="296" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbq61XC6mPgO8PKfUQF3R1sCvGyRF59yv4uYUndw7Irj1T8eDlHNDqu3AtL3NtFh6XIQbtVInaZo2n1SpcYVPkUTzo-dwpBYUJm4WojLHKUaBOvTBggOYpphNl3KfmNwadyWWZZH5DpSZe/s1600/Screenshot_104+copy.png" width="400" /></a></div>
<br />
<div style="text-align: center;">
<br /></div>
<div style="text-align: justify;">
3.  Pada site profile, lakukan isi nama situs anda. Klik "<span style="color: red;">Finish Regristration</span>" lagi.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW6-ggAxTQdn0jjSkRq-9wB755BRQiW82Knya8tKZWntGS8uTZsdF9IsRFjodn2U-o5g27jGrWEme-qSzb9uZpcUmxTIpGZc1WF9ORic9Grr7b3pU4ossLN8YA2KRnD16iHKQF25zxdaU-/s1600/Screenshot_105+copy.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="232" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW6-ggAxTQdn0jjSkRq-9wB755BRQiW82Knya8tKZWntGS8uTZsdF9IsRFjodn2U-o5g27jGrWEme-qSzb9uZpcUmxTIpGZc1WF9ORic9Grr7b3pU4ossLN8YA2KRnD16iHKQF25zxdaU-/s1600/Screenshot_105+copy.png" width="320" /></a></div>
<div style="text-align: center;">
<br /></div>
4. Pilih platform blog sesuai blog, dalam hal ini, pilih Blogger.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF9uF2zg4Ey9LUmLSXf7f6ys62DBUcbLB9yT49LjwWxOqCCoOIMUQi81pRhbpI_-xh0l9oA4oyn3-Z7q6xqP6VNRHvwnHBbMF7HM6DTXxqQVpKJSZavoFUIuJ4f6rXUKf_8XyYJcfcVX8Q/s1600/Screenshot_106.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="251" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF9uF2zg4Ey9LUmLSXf7f6ys62DBUcbLB9yT49LjwWxOqCCoOIMUQi81pRhbpI_-xh0l9oA4oyn3-Z7q6xqP6VNRHvwnHBbMF7HM6DTXxqQVpKJSZavoFUIuJ4f6rXUKf_8XyYJcfcVX8Q/s1600/Screenshot_106.jpg" width="400" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: justify;">
5.
 Setelah masuk ke halaman instruction, pada opsi nomir 1, ada tombol 
bertuliskan 'Add ... "nama blog" to Blogger'. Klik tombol tersebut.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB4JfAPDeBexqqnPWqqrGQnA0V2bmQD_V12V3YFqbwsp4B5lXMOjro6FovFDEyoyjf532GytDqH-9OEfcSZ2XBWDfXqO9p8qmQvc4lzLSFriuLs4B-bPcJxQ6MvpaurC2QOxMbtt8FZMdr/s1600/Screenshot_107+copy.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="262" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB4JfAPDeBexqqnPWqqrGQnA0V2bmQD_V12V3YFqbwsp4B5lXMOjro6FovFDEyoyjf532GytDqH-9OEfcSZ2XBWDfXqO9p8qmQvc4lzLSFriuLs4B-bPcJxQ6MvpaurC2QOxMbtt8FZMdr/s1600/Screenshot_107+copy.png" width="400" /></a></div>
<div style="text-align: center;">
</div>
<div style="text-align: justify;">
5.
 Setelah itu, anda akan masuk ke halaman "Add Page Elements/menambah elemen laman" Blogger. 
Pilih blog yang akan dipasangi Disqus Comment dan beri nama pada kolom 
nama widget. Setelah beres, kilk "Add Widget/menambah widget".</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWK3MM-iO4Cl_zz4o3Ocy6h4P73qpPCxMC9Vhq1EFLsgvNPmA4l1Es96FYJygfHNpwQuu0ggofcPL6ckc-rgWdOmtASZE0WMSAv_OVYj89VxD0I0MErbATwiUhzzuiQNJMFU4QlisevfeK/s1600/Screenshot_109+copy.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWK3MM-iO4Cl_zz4o3Ocy6h4P73qpPCxMC9Vhq1EFLsgvNPmA4l1Es96FYJygfHNpwQuu0ggofcPL6ckc-rgWdOmtASZE0WMSAv_OVYj89VxD0I0MErbATwiUhzzuiQNJMFU4QlisevfeK/s1600/Screenshot_109+copy.png" width="400" /></a></div>
<div style="text-align: center;">
</div>
<div style="text-align: justify;">
6. Agar Discuss Comment Widget
 tampil secara maksimal, pada halaman "Page Elements" drag/geser widget 
Disqus ke bagian paling bawah di sisi kanan, baik di sidebar kanan, 
ataupun footer bar kanan (jika ada).</div>
<div style="text-align: justify;">
7. Save dan lihat hasilnya.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Komentar-komentar lama yg masih 
berada pada sistem Blogger Comment dapat pula diimpor ke Disqus melalui 
fitur import. Letaknya berada di bawah Tools. Cukup ikuti 
langkah-langkahnya dan komentar lama pun akan terimpor ke Disqus.</div>
</div>

Cara Membuat & Memasang Disqus Comment di Blogger

Disqus Comment adalah layanan third party yg menyediakan widget comment serta comment system yg sangat lengkap. Comment system ini da...

Baca selengkapnya »

00.00

Cara Hapus Google Search Image Frame (Frame Breaker)

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfGJQ6P35kuNcL-a6FnmO2i1Lk4DdiRjj0piNDCvhlUK1GtDxIAajV68_YJwiuVjdLHN3JBPvMbxPlcKPkhFzZbOGJn9oZkn4br5QZ-O9cvx4XCNUsTHXQd_NHChsDzlFLd_Y8ldcwg8Op/s1600/gogle.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfGJQ6P35kuNcL-a6FnmO2i1Lk4DdiRjj0piNDCvhlUK1GtDxIAajV68_YJwiuVjdLHN3JBPvMbxPlcKPkhFzZbOGJn9oZkn4br5QZ-O9cvx4XCNUsTHXQd_NHChsDzlFLd_Y8ldcwg8Op/s1600/gogle.jpg" /></a></div>
<b>Google search image frame</b>? Ya, tampilan gambar yg terindeks <b>Google</b> biasanya ditampilkan di lapisan/bagian atas sebuah halaman blog/web. Gambar yg ditampilkan dibalut dalam tampilan kerangka (frame) Google yg berisi beberapa informasi mengenai gambar dan
 sama sekali tidak berkaitan dengan isi halaman blog/web yg memuat 
gambar tersebut. Bisa jadi hal ini cukup mengganggu karena blog/web 
dimana gambar tersebut dimuat sebenarnya bukan yg dioptimasikan. 
Tentunya ini agak merugikan karena traffic yg datang tidak seperti 
traffic yg biasanya. Gambar-gambar yg dimunculkan ini biasanya merupakan
 ilustrasi dari sebuah artikel atau
 yg tidak ingin dimunculkan sebagai konten utama. Bagi blog-blog yg 
demikian, tentunya gambar yg ditampilkan dalam iframe google sama sekali
 tidak seperti yg diharapkan, terutama dalam kaitannya dengan konten.<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
Kita dapat menggunakan fungsi 
script (javascript) sbg respon atas kasus ini. Cara tersebut sebenarnya 
sejak dulu sudah begitu lazim digunakan oleh para webmaster untuk 
mengoptimasikan traffic dan memaksimalkan conversion rate. Sobat bisa 
mendapatlan scriptnya dengan mudah karena script ini termasuk salah satu
 script paling umum digunakan oleh para webmasters untuk mengoptimalkan website.
 Salah satu hal yg membuat kasus foto framing terjadi sebenarnya adalah 
blog/website itu sendiri juga mendukung struktur frame. Demikian halnya 
di kebanyakan blog seperti Blogger, Wordpress dll. </div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
Atas permintaan sobat teman2 Blogger Banyakan di komentar posting widget Google+,
 saya share script tersebut. Pertama, kegunaan script ini adalah untuk 
memanggil fungsi redirect. Tampilan Google Frame, yg memuat gambar di 
bagian depan halaman blog/web setelah pengunjung meng-klik thumbnail di 
hasil pencarian, secara otomatis akan di-redirect menuju ke halaman asli
 yg memuat gambar tersebut. Sehingga frame tersebut akan dipecah 
(broken) dan halaman yg muncul adalah halaman yg sesungguhnya. WordPress
 (yg kaya akan plugin itu) telah memiliki plugin yg disebut Frame 
Breaker, sama seperti nama javascript yg memiliki fungsi sama persis.</div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<h4 class="h4">
Bagaimana dengan script untuk menghapus Google Search Image Frame?</h4>
</div>
<div style="text-align: justify;">
Sangat sederhana sekali. Seperti biasanya fungsi javascript redirect, kita menggunakan dua bagian perintah, yaitu: <i>if</i> dan <i>replace</i>. Kemudian tampilkan dua bagian sumber awal dan tujuan, dalam hal ini: <i>top</i> (bagian atas/awal frame) dan lokasi yg sesungguhnya (<i>self</i>). Hmm,,,, yah sebagai intro saja, siapa tahu nanti sobat tertarik untuk belajar javascript. </div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<i>Enough for the theory!!</i> :P</div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
<h4 class="h4">
Bagaimana cara memasang script Frame Breaker di Blogger/Blogspot?</h4>
</div>
<div style="text-align: justify;">
1. Buka Dashboard > Design > Edit HTML.</div>
<div style="text-align: justify;">
2. Cari (Ctrl + F) </head></div>
<div style="text-align: justify;">
3. Letakkan script berikut tepat di ATAS nya:</div>
<blockquote class="tr_bq">
<script
 language='JavaScript' type='text/javascript'> if (top.location != 
self.location) top.location.replace(self.location); </script></blockquote>
<div style="text-align: left;">
4. Save template.</div>
<div style="text-align: left;">
5. Done.<br />
<br />
<div style="text-align: justify;">
Jika
 ingin melihat hasilnya, cek dengan salah satu gambar yg termuat di 
posting blog. Kira-kira gambar dengan keyword apa yg sering muncul di 
dalam Google Image Frame. Cari dengan keyword tersebut di image search 
Google, kemudian klik. Silahkan buktikan hasil dari salah satu <b>cara hilangkan Google search image frame</b> tersebut.<br />
<br />
</div>
<div style="text-align: justify;">
Yup, itulah sedikit mengenai bagaimana cara kita mengakali agar traffic yg datang di blog benar-benar berkualitas dan bukan sekedar hasil <b>Google Image Frame</b> saja.</div>
<div style="text-align: justify;">
<br />
</div>
Have Fun!<br />
<i style="background-color: white; font-family: Trebuchet, 'Trebuchet MS', Arial, sans-serif; font-size: 13px; line-height: 21px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: justify;"><span class="Apple-style-span" style="font-family: Times, 'Times New Roman', serif; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></span></i></div>
<div style="text-align: center;">
<br /></div>
</div>

Cara Hapus Google Search Image Frame (Frame Breaker)

Google search image frame ? Ya, tampilan gambar yg terindeks Google biasanya ditampilkan di lapisan/bagian atas sebuah halaman blog/web....

Baca selengkapnya »

23.24