Archive for the ‘BLOG’ Category

59 Widget Unik

Minggu, April 22nd, 2012

Apa itu widget? Widget ini adalah sebuah tool yang ada pada halaman web / blog (seperti di blog saya ini) untuk mempercantik, memperindah, dan membuat pembaca terkesan. Ada banyak widget di dunia “maya”, biasanya dari pihak penyedia elah diberikan beberapa widget standar yang bisa dipasang, tapi tentunya untuk memaksimalkan tampilan kita harus mencari widget lain pada penyedia-penyedia widget yang lain.

Penggunaan serta pemasangan widget telah sangat dimudahkan oleh pihak-pihak penyedia layanan, sehingga yang Anda perlukan biasanya hanya mendaftar atau bahkan ada yang tidak perlu mendaftar sama sekali, cukup mengcopy script yang telah disediakan dalam element blog Anda. Nah berikut ini 59 widget pilihan untuk mempercantik tampilan blog Anda.

Note: Saya sarankan jangan terlalu berlebihan memasang widget karena selain agama juga melarang untuk berlebihan, kesannya memasang widget yang berlebih-lebihan terlalu banyak bisa mengakibatkan blog jadi terkesan “amburadul” dan membebani loading halaman blog Anda sehingga tidak menutup kemungkinan terjadi PLP Baca entri selengkapnya »

Memasang SEO Smart Link di Blogspot

Kamis, April 19th, 2012

Cara Pasang SEO Smart Link di blog. SEO Smart link ini termasuk optimasi dari teknik SEO yang fungsinya mengubah setiap kata yang telah kita tentukan menjadi sebuah link.

seo smart link di blogspot

Lalu bagaimana sih cara kerja dari SEO Smart Link di blog?
Seo smart link sejenis script yang kita tanamkan pada setiap kata di postingan kita.

Ini dia Cara Memasang SEO Smart Link di blogspot
– login atau masuk dulu ke akun blog anda
– pilih rancangan –> lalu klik Edit HTML
– Lalu copy kode di bawah ini dan letakkan di atas kode </body>

<b:if cond=’data:blog.url != data:blog.homepageUrl’><script type=’text/javascript’>
function autoLink(){
this.keywdHref = new Object();
this.add = function(keyword, href){
if(keyword.substr(0,1) != &quot; &quot;){keyword = &quot; &quot; + keyword;}
this.keywdHref[keyword] = href;
}
this.createAnchor = function(){
var objs = document.getElementsByTagName(&quot;div&quot;);
for(var i=0; i&lt;objs.length; i++){
var obj = objs[i];
if(obj.className.indexOf(&quot;post-body&quot;)&gt;-1){
var content = obj.innerHTML;
for(var keyword in this.keywdHref){
var href = this.keywdHref[keyword];
var newstr = content.replace(keyword, &quot;&lt;a href='&quot;+href+&quot;'&gt;&quot;+keyword+&quot;&lt;/a&gt;&quot;, &quot;gi&quot;);
obj.innerHTML = newstr;
content = newstr;
}
}
}
}
this.startScript = function(){
var onLoad = window.onload;
window.onload = function(){
if(onLoad){onLoad();}
setTimeout(&quot;f.createAnchor()&quot;, 100);
}
}
}
</script>
<script type=’text/javascript’>
var f = new autoLink();
f.add(&quot;SEO&quot;, &quot;http://http://www.tigabelas09.blogspot.com/&quot;);
f.startScript();
</script></b:if>

– Lalu Klik save.

Catatan:
– Ganti huruf berwarna merah sesuai dengan blog anda.
– SEO bisa anda ganti dengan yang lain.

Semoga Cara memasang SEO Smart Link ini bermanfaat buat anda

Membuat Read More otomatis di Blog

Kamis, April 19th, 2012

Membuat Read More otomatis di Blog sangat mudah, tetapi sebelumnya anda harus mengetahui dulu fungsi daripada Read More itu sendiri.
Read More atau dalam bahasa Indonesia Baca Selengkapnya berfungsi untuk memotong suatu artikel atau postingan blog agar bisa terlihat lebih rapi, jadi pengunjung hanya akan melihat sebagian teks dan gambar artikel di area Home atau Beranda, dan apabila pengunjung berminat untuk membaca semua isi artikel maka pengunjung cukup meng-klick tanda Read More atau tanda Baca Selengkapnya

Halaman ini telah di update silahkan lihat DISINI

Nah sekarang kalau anda tertarik untuk membuatnya, berikut langkah-langkahnya :
1. Masuk ke akun Blogger
2. Pilih Rancangan
3. Pilih edit HTML
4. Lalu centang Expand template widget
5. Terus carilah kode </head>
6. Copy kode dibawah ini dan pastekan dibawah kode </head>

<script type=’text/javascript’> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img =300; img_thumb_height = 100; img_thumb_width = 120; </script> <script src=’http://rizqi.moehamed.googlepages.com/read-moreotomatis.js&#8217; type=’text/javascript’/>

7. Selanjutnya cari kode <data:post.body/> atau <p><data:post.body/></p>
8. Ganti kode diatas derngan kode berikut ini :

<b:if cond=’data:blog.pageType != &quot;item&quot;’>
<div expr:id=’&quot;summary&quot; + data:post.id’><data:post.body/></div>
<script type=’text/javascript’>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class=’rmlink’ style=’float:right;padding-top:20px;’>
<a expr:href=’data:post.url’><img src=’http://3.bp.blogspot.com/-K6tgeUTu-zI/TxwFk5ovWrI/AAAAAAAAAO0/B-L0_IdJx-k/s1600/selengkapnya.jpg’/></a></span&gt;
</b:if>
<b:if cond=’data:blog.pageType == &quot;item&quot;’><data:post.body/></b:if>

9.Simpan template dan lihat hasilnya.

Catatan :

1. summary_noimg = 430; (jumlah huruf artikel tanpa gambar)
2. summary_img = 300;(jumlah huruf artikel bergambar)
3. img_thumb_height = 100;(Tinggi gambar)
4. img_thumb_width = 120; (Lebar gamnbar)
5. Ubahlah link ini dengan gambar anda sendiri http://3.bp.blogspot.com/-K6tgeUTu-zI/TxwFk5ovWrI/AAAAAAAAAO0/B-L0_IdJx-k/s1600/selengkapnya.jpg

demikian dulu mudah-mudahan bermanfaat.