Cara Pasang Widget Bookmark di Blogger

Carannya adalah dengan meletakkan kode di bawah ini di blogmu.
Misal, diletakkan di sidebar.

1. Dari dashboard blogger.
2. Tambah gadget > HTML
3. Masukkan kode di bawah ini.
4. Save.
5. Selesai.

Kode HTML Bookmark:

<script type="text/javascript">

function bookmarksite(title,url){
if (window.sidebar) // firefox
window.sidebar.addPanel(title, url, "");
else if(window.opera && window.print){ // opera
var elem = document.createElement('a');
elem.setAttribute('href',url);
elem.setAttribute('title',title);
elem.setAttribute('rel','sidebar');
elem.click();
}
else if(document.all)// ie
window.external.AddFavorite(url, title);
}
</script>
<a href="javascript:bookmarksite('violia sagita blog ', 'http://violiasagita.blogspot.com/')"><img src="http://4.bp.blogspot.com/-mM6nCxCBBNs/URTwV-oqYDI/AAAAAAAAlk8/cRvHllC4A6s/s320/Bookmark%2BThis%2BBlog.jpg" /></a>

Catatan:
Warna biru, ganti dengan judul blogmu.
Warna merah, ganti url blogmu.
Warna ungu, gambar yang akan tampil, bisa diganti dengan gambar buatanmu sendiri.

Read More

Cukup 2 Langkah Cara Membuat Artikel Terkait Bergambar

Membuat artikel terkait bergambar hanya dalam 2 langkah mudah saja. Selesai dan langsung bisa terlihat.
Selamat mencoba sobat.

Caranya:
1. Cari kode </head> kemudian letakkan kode berikut di atas kode </head>

<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: #585858;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:#FFFFCC;
}
#related-posts a:hover{
color:#000000;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://sastrablog.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->


2. Cari kode <div class='post-footer'> yang pertama. Letakkan kode berikut diatasnya.

<!-- Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=8;
var relatedpoststitle=&quot;Related Posts&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->

Read More

Trik Agar Loading Website Cepat - Ghostery Addson

Sangat susah juga kalau loading suatu situs atau website sangat lambat.
Apalagi kalau koneksi internet kita pas-pasan.
Cara yang paling ampuh dan sudah terbukti adalah dengan menggunakan addson Mozilla (browser yang aku gunakan mozilla).

Salah satu addson yang bisa mengeblok widget-widget yang kita anggap tidak perlu, seperti:
Iklan.
Adsense.
Google Plus.
Tynt Insight.
Siapa yang online widget
dan sebagainya.

Addson Mozilla tersebut adalah Ghostery.
Lihat di situsnya dia ghostery com
Atau langsung download ke mozilla sebagai addson, Ghostery
Apa yang di blok bisa diatur dengan mudah sekali.

Read More

Cara Membuat Artikle Terkait/Related Posts pada Blogger

Cukup dengan 2 langkah saja.

1. Letakkan kode berikut ini di atas kode </head>

<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;}}}}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];}}
relatedTitles = tmp2;
relatedUrls = tmp;}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' +
relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;}
i++;}
document.write('</ul>');}
//]]>
</script>

2. Kalau sudah letakkan kode di bawah ini tepat di bawah kode <data:post.body/>
Cari kode <data:post.body/> yang terakhir

<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>

<b:if cond='data:blog.pageType == "item"'>
<h4>Artikel Terkait</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>

Read More

Antar Muka Blogger baru Efektif April 2012

kayaknya ini bulan terakhir kita bisa memakai antarmuka blogger lama. Nanti pada bulan april 2012, mau tidak mau pemilik akun blogger harus menerima tampilan antar muka blogger yang baru. Saat ini saja ada pilihan maklumat atau peringatan di dashboard blogger agar kita segera mengupgrade dengan antar muka yang baru. Ini dia gambarnya.

Namun, kalau sudah masuk ke antarmuka yang baru, kayaknya kerepotan kalau ingin mneggantinya di versi lama. Dimana ya tempatnya.

Read More

Enaknya Pilih Blogger atau Wordpress

Nah kali ini tentang dunia Blog.
Mencari ilmu di blog sangatlah mudah selama ada koneksi internet. Dengan handphone saja juga bisa lewat operamini agar lebih hemat. Bukan itu saja bahkan situs-situs besar sudah pula menfasilitasi situsnya dengan versi mobile.

Bagi yang baru saja kenal dengan dunia blog, kayaknya opini berikut ini bisa dijadikan panduan untuk memilih apakah menggunakan blogger ataukah memakai wordpress untuk menyalurkan aspirasi kita di dunia online.

Dari kedua situs blog tersebut sama-sama memiliki kelebiha dan kekurangannya. Dari situlah akan bisa disimpulkan hingga kira-kira mana yang cocok dipakai apabila profesi, keinginan kita begitu.

Berikut opnininya:
1. Para Oprekers.
Bagi yang suka dengan yang namanya oprek, mengoprek, dan kalau Anda termasuk salah seorang yang tidak suka dengan apa yangsudah tersedia, maka Blogger lah yang bisa dijadikan pilihan.

Kenapa bisa begitu.
karena di blogger telah tersedia fitur yang bisa diotak-atik sesuai dengan selera pengguna. Misalnya saja bisa memilih tema, atau bahkan menggantinya dengan bikinan sendiri. Tambah script sana sini dengan mudahnya.

2. Para Pekerja Team.
Nah apabila Anda termasuk yang suka bekerjasama dalams ebuah tim, punya ide untuk disalurkan bersama-sama atau bergantian, maka pilihan jatukan pada wordpress.

Kenapa.
karena di wordpress memiliki fitur yang bisa megisi blog secara bersama-sama. Bahkan Anda bisa merekrut penulis kontributor untuk mengisi blog (dalam hal ini lebih mudah ketimbang blogger, meski di blogger juga telah ada fitur kontributor ini).

3. Para Fotografer.
Jika Anda seorang yang suka posting dengan gambar atau foto, seorang fotografer mislanya, untuk mempromosikan atau hanya sekedar sharing foto yang telah diambil tadi pagi, maka pilihan bisa jatuh pada wordpress.

Kenapa.
Karena di wordpress kapasitas untuk menyimpan gambarnya cukup lega, bisa menambahkan gallery yang terbilang cukup mudah. Selain itu, tag sana sini pada gambar juga bisa diatur dan disesuaikan dengan mudahnya.

4. Yang ingin punya blog dengan nama unik.
Bagi yang suka dengan nama unik, dengan kata lain bisa dipindah dengan nama domain milik sendiri, maka pilihan pada Blogger.

Kenapa.
karena wordpress versi gratis tidak bisa melakukan mapping ke domain pribadi.

Semoga 4 kriteria di atas bisa dijadikan panduan dalam memilih tempat untuk berekspresi, yang tepat dan mudah sesuai dengan profesi/keinginan.

Read More

Tutor Label diKlik yang Keluar Cuma Judulnya

Misalnya kita ingin agar kalau ada yang mengklik label di blog kita maka yan akan keluar hanya judul postingannya saja. Tentu saja hal ini sangat menguntungkan, karena selain loadingnya cepat, juga akan membantu mempercepat pencarian lebih label dengan postingan terkini.

Setelah otak atik html, akhirnya ketemu juga cara menyembunyikan isi postingan ketika label diklik. Yang keluar cuma judul postingannya saja.

Berikut ini caranya:

1. Masuk ke Blogger > Rancangan > Edit HTML > Centang Expnad

2. Cari kode ini <b:include data='post' name='post'/>

3. Hapuslah kode tersebut lalu ganti dengan kode di bawah ini

<b:if cond='data:blog.homepageUrl != data:blog.url' >

<b:if cond='data:blog.pageType != "item"' >

<h3 class='post.title'><a expr:href='data:post.url'><data:post.title/></a></h3>

<b:else/>

<b:include data='post' name='post' />

</b:if>
<b:else/>
<b:include data='post' name='post' />
</b:if>

Hasilnya seperti ini:

4. Kemudian Save.

5. Selesai dan cobalah klik label yang ada pada blog sodara.

NB:
Kalau ada halaman mandiri misalnya, kemungkinan akan merusak halaman tersebut atau terpotong atau malah kosong isinya.
Cara mengatasinya adalah dengan menambahkan kode di bawah ini tepat di bawah kode yang terakhir:

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

Read More

Widget yang membuat loading blog lambat

Widget maupun tambahan kode html lain, memang sangat menarik. Kalau ada widget bagus, blog akan semakin indah saja.

Nih aku mau share.
Pertanyaan:
ok tak apa kalau koneksi internetmu cepat, semua bisa berjalan dengan lancar. Tapi bagaimana kalau koneksi internet yang dipakai lemot-mot...kelas ekonomi banget atau mungkin di bawahnya sedikit.
Bisa-bisa untuk membuka blognya orang lain terasa wegah kesuwen ndak mbukak-mbukak.

Lalu kan butuh jawaban tuh dari pertanyaan di atas.
2 cara bisa ditempuh yaitu dengan menginstal adds on yang bisa ngeblocking widget, dan sebagainya.
Satunya lagi ya harus menghapus tuh widget-widget yang bikin menguras waktu loading.

Adapun widget yang loading berat adalah sebagai berikut:
1. Google Plus One.
2. Facebook Connect.
3. Amoung us.
4. Gambar medium ke atas.
5. Analytics widget.
6. Widget follower.
7. Beberapa social bookmark ternama.
8. Readmore otomatis.

Mungkin itu yang sering aku amati kenapa loading blog lambat. Perlu diingat, admin tak menjelekkan widget di atas. Ini terjadi mungkin saja widget mereka memang banyak penggunanya, ya dimaklumi. Selain itu, admin menganalogikan bahwa bila koneksi lemot mot alias kelas bawah.
Tapi kalau koneksinya lancar, ya normal-normal saja kok loadingnya.

Read More