Konversi Kode HTML Menjadi Encode

Konversi Kode HTML Menjadi Encode ~ Nah Guusnara akan memberikan solusi bagi anda yang kesulitan memposting artikel yang berhubungan kode HTML/Java Script. Namanya Parse HTML yang berguna untuk menampilkan  kode HTML/Java Script menjadi sebuah karakter biasa, contohnya seperti pada postingan Guusnara yang berikut ini. Silahkan Di Klik.

Jika anda tidak mem Parse HTML maka saat memposting yang berhubungan kode HTML/Java Script tidak akan tampil seperti karakter biasa, melaikan sebuah widget. Silahkan di coba tool dari Google yang kami berikan dibawah ni.

Selamat mencoba. Salam Bloggers !!!.

Read More

Membuat Navigasi Breadcumb SEO

Membuat Navigasi Breadcumb SEO ~ Sesuai dengan gambar diatas adalah Navigasi Breadcumb pada Guusnara. Untuk membuatnya silahkan ikuti langkah-langkah Membuat Navigasi Breadcumb SEO ini.

1. Buka Blogger kalian.
2. Masuk ke menu Desain.
3. Pilih Edit HTML
4. Pastikan backup terlebih dahulu Template anda untuk menghindari kesalahan dalam pengetikan.
5. Centang "Expand Widget Template".
6. Cari kode ]]></b:skin> dengan menekan CTRL + F.
7. Masukkan kode ini.
Kode 1:
.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}
8. Kemudian cari kode ini <div class='post hentry uncustomized-post-template'> jika tidak ada carilah kode yang ini <div class='post hentry'>
9. Masukkan kode dibawah ini.
Kode 2:
<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag,nofollow'><data:label.name/></a> <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if> </b:loop> </b:if> &#187; <data:post.title/> </div> </b:if> </b:if>

Kemudian simpan template anda. Selamat mencoba. Salam Bloggers !!!.

Read More

Cara Membuat Breadcumbs Terindex

Cara Membuat Breadcumbs Terindex ~ Guusnara Come back nih. langsung aja, tujuan adanya Breadcumbs ini untuk mempermudah Indexisasi pada Google Search. Tentunya perlu waktu kurang lebih lama untuk mengIndeks Breadcumbs ini. Lalu bagaimana Cara Membuat Breadcumbs Terindex :

1. Buka Blogger anda.
2. Pilih Template.
3. Pilih HTML, lalu centang "Expand Widget Templates"
4. Kalo anda sudah memiliki Breadcumbs, silahkan hapus dulu kode Breadcums yang lama.
5. Carilah kode ]]></b:skin> dengan menekan CTRL + F untuk mempermudah pencarian.
6. Masukkan kode dibawah ini tepat diatas kode  ]]></b:skin>
Kode 1:
.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}
7. Lalu carilah kode <b:includable id='main' var='top'>  dengan menekan CTRL + F.
8. Gantilah kode  <b:includable id='main' var='top'> ini dengan kode dibawah ini.
Kode 2:
<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'/>

Terakhir simpan template anda. Pastikan sebelum mengedit HTML terlebih dahulu backup templatenya jika ada kodenya nanti terjadi error. Selamat mencoba. Salam Bloggers !!!.

Read More

Membuat Daftar Isi Berdasarkan Label

Membuat Daftar Isi Berdasarkan Label ~ Biasanya kalo ini disebut juga dengan Sitemap atau Peta Situs, nah gunanya Membuat Daftar Isi Berdasarkan Label ini sebagai petunjuk atau informasi dari berbagai artikel atau software dari suatu situs yang menyediakan sitemap tersebut. Terkadang dari anda mengalami kesulitan dalam mencari artikel atau software yang diinginkan, nah Guusnara akan memberikan cara Membuat Daftar Isi Berdasarkan Label.

1. Masuk ke blogger kalian.
2. Masuk ke menu "Laman".
3. Klik "Laman Baru" lalu klik "Laman Kosong".
4. Pilih mode HTML.
5. Ketiklah kode seperti ini
Kode 1:
<script src="https://sites.google.com/site/blogguusnara/script/guusnarasitemap.js"></script><script src="http://BLOG ANDA.blogspot.com/feeds/posts/default?max-results=999&alt=json-in-script&callback=loadtoc"></script>
6. Jika anda ingin menambahkan fungsi scrool, masukkan kode ini.
Kode 2:
<div style="overflow:auto; border: 1px solid #000000; margin: auto; padding: 3px; width: 100%; height: 500px; background-color: none; text-align: left;"> <script src="https://sites.google.com/site/blogguusnara/script/guusnarasitemap.js"></script><script src="http://BLOG ANDA.blogspot.com/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>

Hasilnya pada Kode 2 akan seperti ini.

Silahkan anda pilih salah satu dari kode tersebut. Jika ada tulisan berwarna Merah, silahkan masukkan url blog anda tanpa isi (dot)blogspot(dot)com. Semoga bermanfaat buat anda semua. Salam Bloggers !!!.

Read More

Blog Guusnara for Android Apps (Update #1)

Blog Guusnara for Android Apps ~ Guusnara akan memberikan update terbaru dari Blog Guusnara for Android Apps yang sebelumnya terjadi masalah saat meload page, berikut updatenya.

1. Perbaikan masalah saat meload page
2. Penambahan nama pada menu About

Bagi yang sudah memiliki aplikasi Blog Guusnara for Android Apps ini sebelumnya silahkan melakukan update disini. Dan bagi yang belum memiliki aplikasi Blog Guusnara for Android Apps ini, anda juga bisa mendownloadnya disini juga.

Status : Tested !! On  "Samsung Galaxy Series"

No Password !!

Read More

Selamat Hari Raya Galungan dan Kuningan

Guusnara | Various Articles and Free Software ~ Mengucapkan "Rahajeng Nyanggra Rahinna Galungan lan Kuningan". Semoga sinar suci Brahman selalu menyertai Kita semua dan  senantiasa dilimpahkan, keselamatan, kesehatan, rezeki dan dijauhkan dari avidya dan adharma.

Satyam Eva jayate.

Read More

Cara Mengganti Background Google Search

Cara Mengganti Background Google Search ~ Walaaa, setelah sekian lama gak posting, akhirnya Admin Guusnara akan kasi tips dan trik nih mengenai  Cara Mengganti Background Google Search. Langsung aja dah :

1. Pastinya sudah memiliki akun Google, kalo belum buruan buat akunnya !!
2. Buka website Google nya, nah di pojok kiri bawah ada tulisan "Ganti Gambar Latar", klik itu
3. Setelah itu akan muncul pilihan gambar seperti gambar berikut.
For Gambar:



4. Silahkan pilih gambar sesuai keinginan kalian !
5. Setelah dipilih lalu kil "Pilih" !
6. Maka hasilnya akan seperti di bawah ini.
Hasilnya:

Gimana ? mudah kan ?. Demikianlah tips dan trik dari Cara Mengganti Background Google Search. Semoga   bermanfaat buat Anda semua !. Salam Bloggers !!.

NB. Jika gambar kurang jelas, silahkan klik gambar tersebut !

Read More