Sabtu, 07 September 2013

Membuat Breadcrumb Terindeks Oleh Google

Sebelumnya saya pernah share tentang Cara Membuat Breadcrumb di Blog. Kali ini saya akan membahas masih menyangkut tips dan trik tentang breadcrumb atau bisa disebut juga navigasi label atau tag. Bedanya kalau yang terdahulu hanya kaluar ketika kita membuka artikel atau label blog, kalau sekarang selain terbuka di blog juga akan tampil di mesin pencari atau google. Lihat gambar di atas yang di lingkari, klik untuk memperbesar.


 Breadcrumb terindex Google

Jika Anda tertarik menggunakannya supaya kalihatan lebih profesional dan lebih SEO, langsung ikuti saja tahapannya berikut ini:

Sebagai catatan: jika sebelumnya di blog Anda sudah dipasang breadcrumb, lebih baik di hapus terlebih dahulu.

1. Masuk ke Dashboard Blogger

2. Pilih blog > Template > Edit HTML

3. Lalu cari kode ]]></b:skin> (gunakan Ctrl+F)

4. Copas code di bawah ini tepat di atas kode ]]></b:skin> tadi

.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}
5. Selanjutnya cari kode <b:includable id='main' var='top'> lalu ganti dengan kode dibawah ini
<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>
6. Selanjutnya Simpan Template

7. Selesai


Silahkan baca juga yang lainnya:

Cara Membuat Text Berjalan di Browser
Cara Membuat Judul Postingan Rata Kiri, Tengah, Kanan atau Sama Rata
Cara Membuat Label Animasi - Tag Cumulus
Cara Membuat Related Post dengan Thumbnail
Cara Menghilangkan Attribution Blogger
Cara Merubah / Mengganti Kursor di Blog 
Cara Membuat Arsip Blog dengan Scroll

Jumat, 06 September 2013

Foto Sampul Manchester United

Foto Sampul Manchester United
Untuk Anda yang mengaku United Indonesia atau Mancs, tentunya untuk para pencinta klub sepak bola Manchester United (MU, Man Utd atau Man United). Berikut ini Bangiz mempunyai koleksi foto sampul facebook MU. Jika Anda tertarik atau hanya sekedar koleksi, silahkan download secara gratis dan tentunya sudah siap pakai. Sebelum lanjut, jangan lupa cek juga yang berikut ini: 

Selasa, 03 September 2013

Foto Sampul Chelsea FC

 Foto sampul Chelsea FC
Ayo siapa yang ngefans sama The Blues, Chesea? Klub ini bermarkas di Stamford Bridge yang berada di Fulham, London. Berikut ini Bangiz punya foto sampulnya yang siap pakai dan bisa Anda download secara free alias gratis. Untuk yang suka klub asal Barcelona silahkan cek disini atau suka dengan Juventus bisa Anda lihat disini. Oke langsung saja cek timelinenya berikut ini:

 Foto sampul Chelsea

 Foto sampul Chelsea

 Foto sampul Chelsea

 Timeline Chelsea

Foto Sampul Juventus

Untuk Anda penggemar sepak bola, berikut ini Bangiz mau berbagi foto sampul facebook Juventus yang tentunya siap pakai, untuk yang suka Barca silahkan cek disini. Anda tinggal download lalu upload ke foto sampul facebook Anda. Ayo buktikan jika Anda seorang Juventini sejati... langsung cek saja berikut ini:


 foto sampul juventus

 foto sampul juventus

 foto sampul juventus

 foto sampul juventus







Cara Download Video Youtube Tanpa Software



Tutorial kali ini berhubungan dengan YouTube, yang merupakan anak perusahaan dari Google. Dengan YouTube, pengguna bisa menonton, berbagi dan mengunggah video.

Dari banyak video yang Anda tonton, mungkin ada beberapa yang ingin Anda miliki supaya bisa menontonnya lagi. Satu-satunya cara untuk mendownload video tersebut adalah harus memiliki download manager untuk mengambil videonya. Jika Anda menggunakan internet download manager atau download manager yang lain, Anda dapat mengambil video apapun dari situs-situs streaming khususnya YouTube, tetapi bagaimana jika Anda tidak memiliki download manager untuk mengambil streaming video atau versi percobaan dari download manager akan berakhir? Anda tidak akan dapat men-download video lagi.

Kali ini Bangiz memiliki trik sederhana yang akan ditunjukkan kepada Anda khususnya yang belum tahu. Dengan cara berikut ini Anda tidak perlu menggunakan download manager hanya cukup dengan sambungan internet.

1. Silahkan buka situs YouTube dan cari video yang akan di download

2. Lihat pada bagian URL, Anda akan menemukan kode kurang lebih seperti ini:
 download video youtube
3. Ganti https://www. dengan "ss" (tanpa tanda petik), sehingga menjadi - lihat gambar - lalu tekan enter.
  download video youtube
4. Di halaman berikutnya Anda bisa memilih format video yang akan didownload, diantaranya:
Cara Download Video Youtube Tanpa Software
5. Terakhir Anda tinggal simpan hasil downloadnya.


Itu merupakan salah satu trik yang bisa Anda gunakan, adapun cara lainnya adalah:
1. Menginstall - SaveFrom.net helper extension - sehingga bisa download dari YouTube hanya dengan 1x klik.
2. Menginstall plugins. Jika Anda menggunakan Mozilla bisa menggunakan Add-Ons lalu search 'download' tinggal pilih yang Anda suka. Begitu juga dengan browser yang lainnya, Anda bisa mencarinya sendiri. Semoga bermanfaat.

Senin, 02 September 2013

Membuat Banner Iklan 125x125 di Blog

Berikut ini merupakan salah satu cara untuk mendapatkan keuntungan berupa uang dari blog yang Anda miliki, caranya Anda cukup menyediakan ruang untuk iklan. Setelah sebelumnya membahas tentang Form Contact untuk Blogger dan Membuat Komentar Facebook dan Blogger Berdampingan, Bangiz kali ini akan membahas tentang cara membuat 4 banner iklan yang berukuran 125x125. Jika Anda tertarik, langsung ikuti saja caranya berikut ini:

 Iklan 125x125

1. Masuk Dasbor Blogger

2. Pilih Tata Letak > Tambahkan Gadget > Tambahkan HTML/JavaScript

3. Copy-Paste kode berikut dan letakkan pada kolom konten yang tersedia, Anda juga bisa menambahkan judul diatasnya.
<div align="center">
<table border="0"  cellpadding="2" cellspacing="6" width="265" bgcolor="#ffffff">
<tbody><tr>
<td><center>


<!--  BANNER#1  -->
<script language="JavaScript">
images = new Array(2);
images[0] = "<a href = 'URL PENGIKLAN' rel='nofollow' ><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzD0n1anAruLJnaAJKwu3AS2_JA27b4shTI6-4cXLodpKUQ7gv6EWPiN4nh5CP9nFcQ31b3f2HkDOIc54TGlVrVCsP_d8aE0aRVtOSQiFdDUOkDhb_qS1n2ck7L72jD9oYzt1mjVSBV1kZ/s1600/ads.jpg' border='0' height='125' width='125' alt='DESKRIPSI IKLAN'></a>";
images[1] = "<a href = 'URL PENGIKLAN' rel='nofollow' ><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzD0n1anAruLJnaAJKwu3AS2_JA27b4shTI6-4cXLodpKUQ7gv6EWPiN4nh5CP9nFcQ31b3f2HkDOIc54TGlVrVCsP_d8aE0aRVtOSQiFdDUOkDhb_qS1n2ck7L72jD9oYzt1mjVSBV1kZ/s1600/ads.jpg' border='0' height='125' width='125' alt='DESKRIPSI IKLAN'></a>";
index = Math.floor(Math.random() * images.length);
document.write(images[index]);
</script>
</center></td>
<td><center>

<!--  BANNER#2  -->
<script language="JavaScript">
images = new Array(2);
images[0] = "<a href = 'URL PENGIKLAN' rel='nofollow' ><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzD0n1anAruLJnaAJKwu3AS2_JA27b4shTI6-4cXLodpKUQ7gv6EWPiN4nh5CP9nFcQ31b3f2HkDOIc54TGlVrVCsP_d8aE0aRVtOSQiFdDUOkDhb_qS1n2ck7L72jD9oYzt1mjVSBV1kZ/s1600/ads.jpg' border='0' height='125' width='125' alt='DESKRIPSI IKLAN'></a>";
images[1] = "<a href = 'URL PENGIKLAN' rel='nofollow' ><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzD0n1anAruLJnaAJKwu3AS2_JA27b4shTI6-4cXLodpKUQ7gv6EWPiN4nh5CP9nFcQ31b3f2HkDOIc54TGlVrVCsP_d8aE0aRVtOSQiFdDUOkDhb_qS1n2ck7L72jD9oYzt1mjVSBV1kZ/s1600/ads.jpg' border='0' height='125' width='125' alt='DESKRIPSI IKLAN'></a>";
index = Math.floor(Math.random() * images.length);
document.write(images[index]);
</script>
</center></td>
</tr>
<tr>
<td><center>

<!--  BANNER#3  -->
<script language="JavaScript">
images = new Array(2);
images[0] = "<a href = 'URL PENGIKLAN' rel='nofollow' ><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzD0n1anAruLJnaAJKwu3AS2_JA27b4shTI6-4cXLodpKUQ7gv6EWPiN4nh5CP9nFcQ31b3f2HkDOIc54TGlVrVCsP_d8aE0aRVtOSQiFdDUOkDhb_qS1n2ck7L72jD9oYzt1mjVSBV1kZ/s1600/ads.jpg' border='0' height='125' width='125' alt='DESKRIPSI IKLAN'></a>";
images[1] = "<a href = 'URL PENGIKLAN' rel='nofollow' ><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzD0n1anAruLJnaAJKwu3AS2_JA27b4shTI6-4cXLodpKUQ7gv6EWPiN4nh5CP9nFcQ31b3f2HkDOIc54TGlVrVCsP_d8aE0aRVtOSQiFdDUOkDhb_qS1n2ck7L72jD9oYzt1mjVSBV1kZ/s1600/ads.jpg' border='0' height='125' width='125' alt='DESKRIPSI IKLAN'></a>";
index = Math.floor(Math.random() * images.length);
document.write(images[index]);
</script>
</center></td>
<td><center>

<!--  BANNER#4  -->
<script language="JavaScript">
images = new Array(2);
images[0] = "<a href = 'URL PENGIKLAN' rel='nofollow' ><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzD0n1anAruLJnaAJKwu3AS2_JA27b4shTI6-4cXLodpKUQ7gv6EWPiN4nh5CP9nFcQ31b3f2HkDOIc54TGlVrVCsP_d8aE0aRVtOSQiFdDUOkDhb_qS1n2ck7L72jD9oYzt1mjVSBV1kZ/s1600/ads.jpg' border='0' height='125' width='125' alt='DESKRIPSI IKLAN'></a>";
images[1] = "<a href = 'URL PENGIKLAN' rel='nofollow' ><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzD0n1anAruLJnaAJKwu3AS2_JA27b4shTI6-4cXLodpKUQ7gv6EWPiN4nh5CP9nFcQ31b3f2HkDOIc54TGlVrVCsP_d8aE0aRVtOSQiFdDUOkDhb_qS1n2ck7L72jD9oYzt1mjVSBV1kZ/s1600/ads.jpg' border='0' height='125' width='125' alt='DESKRIPSI IKLAN'></a>";
index = Math.floor(Math.random() * images.length);
document.write(images[index]);
</script>
</center></td>
</tr>
</tbody></table>
<table border="0" bordercolor="#0084ce" cellpadding="2" cellspacing="6" width="265" bgcolor="#ffffff">
<tbody>
</tbody></table>
/div>
4. Klik tombol Simpan dan lihat hasilnya.


Jika ada pertanyaan tentang cara membuat banner iklan 125x125 silahkan tinggalkan komentar dan jangan lupa share melalui sosial media. Happy blogging!!!