Cara Memasang Slideshow Postingan Di Blog

Untuk yang sudah tidak sabar ingin mencobanya silahkan lakukan langkah-langkah berikut ini!

1. Login ke akun blog Anda
2. Pilih Tata Letak (Lihat gambar di bawah)

3. Kemudian Klik Tambahkan Gadget. (Lihat gambar di bawah)

4. Pilih HTML/javascript. (Lihat gambar di bawah)

5. Copy Kode di bawah ini dan pastekan di HTML/javascript tadi. kemudian simpan/save !!!

<style type="text/css">
#rp_plus_img{height:385px;overflow:hidden;border:0;padding:2px 3px 3px 2px;background: transparant;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:solid 1px #000000; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:82px;padding:5px;list-style:none;}
#rp_plus_img a{color:#d90000;}
#rp_plus_img .news-title{display:block;font-weight:Bold !important;margin-bottom:3px;font-size:11px;}
#rp_plus_img img{float:left;margin-right:10px;padding:4px;border:solid 1px #585858;width:65px;height:65px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://tugasku4u.googlecode.com/files/Slideshow-artikel-terbaru.js"></script>
<script type="text/javascript">
var speed = 1500;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 20;
var numchars = 40;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>

Keterangan:
color:#d90000; Warna Judul Postingan
var numposts = 20; Jumlah postingan yang akan di tampilkan
var numchars = 40; Jumlah character/huruf yang akan di tampilkan

ok silakan di save dan lihat hasilnya...

Read More → Cara Memasang Slideshow Postingan Di Blog

Cara Memasang Iklan di Bawah Postingan

Cara Memasang Iklan di Bawah Postingan - Jika anda sudah mengenal dunia blog, pasti akan sangat besar kemungkinan untuk anda mengetahui dunia marketing atau dunia mencari penghasilan dengan memanfaatkan blog yang anda punya. Pastinya Google Adsense adalah hal yang utama atau yang menjadi target anda untuk mencari dollar dari blog.

Untuk itu kali ini downest akan bahas tutorial bagaimana cara memasang iklan Google adsense atau advertise lain yang ingin anda letakkan di bawah postingan, karena katanya letak ini sangat strategis untuk mendapat klik dari pengunjung yang sedang membaca blog anda.

Bagaimana cara menaruhnya? siapkan dahulu code script iklannya, jika kode dari google adsense maka di convert dahulu disini agar bisa diletakkan di blog anda. jika sudah maka masuk ke blog anda dan masuk ke edit html, ingat ya conteng jangan lupa.

Sekarang saatnya kita meletakkan codenya di tempat yang kita inginkan, yaitu di bawah posting, di edit HTML cari code <data:post.body> dan letakkan code berikut ini di bawahnya.

<b:if cond='data:blog.pageType == "item"'>
Letakkan kode iklan yang tadi sudah sobat parse disini
</b:if>

  Yang berwarna merah ganti dengan code iklan anda ya, maka save deh template anda sekarang. silahkan lihat hasilnya.

Read More → Cara Memasang Iklan di Bawah Postingan

Cara Buat Read More Otomatis Versi 2

Cara buat read more otomatis sebagai berikut:

Buka Blog sobat, cari edit HTML,

Setelah itu, Copy Kode HTML dibawah ini dan Paste Diatas Kode </head>

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 220;
img_thumb_height = 120;
img_thumb_width = 220;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return b+" [...]"}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div>"+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c};
//]]>
</script>


Setelah itu, Cari Kode HTML <data:post.body/> dan Ganti Kode tersebut dengan Kode dibawah ini :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&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:left'><b>More About</b> → <a expr:href='data:post.url'><data:post.title/></a></span>
</b:if></b:if>
<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>

kemudian save template

Read More → Cara Buat Read More Otomatis Versi 2

Kode Warna HTML Blog Terlengkap

Tolls untuk melihat Kode Warna:

1.Melihat KODE HTML warna yang diinginkan.

 Klik warna yang anda inginkan lalu secara otomatis kode dari warna yang anda klik akan terlihat pada    kotak kecil di sampingnya ( kotak pertama / kotak yang paling atas ).
3 kotak warna di bawahnya sebagai warna alternatif yang mungkin anda inginkan juga.
Anda tinggal mengcopy paste kode warna tersebut.

 

2. Melihat WARNA kode html

Anda punya kode warna di template blog tapi tidak tahu kode warna tersebut untuk warna apa ?
 Masukkan atau ketikkan kode warna anda pada KOTAK yang ada di bawah tulisan "Insert the hex code ( without"#") below and press the Update button".
Ingat...!!! jangan masukkan tanda pagar ( # ), misalnya anda ingin mengetahui warna dari kode warna #FF3300 maka masukkan kode FF3300 saja pada kotaknya lalu klik tombol "UPDATE".
Secara otomatis, anda akan melihat warna dari kode warna #FF3300
 pada kotak kecil di atasnya beserta 3 pilihan warna alternatif.


 


NB; Jika anda tidak bisa melihat tollsnya, berarti anda membutuhkan Adobe Plash Player. Download versi terbaru.

Read More → Kode Warna HTML Blog Terlengkap

Tips Memperbaiki Optik DVD/CD ROM yang Rusak

1. Buka casing CD ROM

Membuka casing CD ROM mudah saja. Untuk contoh kali ini saya menggunakan CD ROM Sony. Struktur casing dan cara membuka casing mungkin berbeda dengan CD ROM anda. Tapi garis besarnya seperti ini:

Terlebih dahulu keluarkan tray untuk mempermudah membuka casing. Bila CD ROM sudah terlanjur dilepas dari power, gunakan paper clip untuk menekan mekanisme pembuka tray:

Bila tray sudah terdorong keluar, pelan-pelan tarik tray hingga keluar penuh:

Lepaskan panel depan dengan menggeser klip penahan panel.

Kendurkan 4 buah baut di bagian bawah casing dan angkat tutup bawah. Maka akan tampak bagian bawah CD ROM seperti dibawah:

2. Melepaskan Papan Sirkuit CD ROM
Seperti yang terlihat pada gambar terakhir diatas, terdapat papan sirkuit yang menutupi mekanisme CD ROM.

Pada bagian kiri sirkuit terdapat klip plastik yang menahan papan sirkuit pada tempatnya. Renggangkan klip dan angkat papan sirkuit sebelah kiri.

Pada bagian sebelah kanan sirkuit terdapat konektor yang menancap ke mekanisme CD ROM (fleksibel). Lepaskan dengan hati-hati dan sekarang sirkuit sebelah kanan bisa diangkat.

Sekarang keseluruhan papan sirkuit bisa dibalikkan. Masih terlihat ada satu fleksibel lagi yang masih menancap di papan sirkuit. Fleksibel di bagian tengah ini adalah komunikasi data utama CD ROM. Hati-hati melepaskan fleksibel ini. Kendurkan klip penahan fleksibel di sisi kanan dan kiri konektor dengan cara menggesernya ke atas:

Setelah fleksibel sudah terlepas, seharusnya sekarang sudah terlihat mekanisme CD ROM dan optical assembly-nya, yaitu pembaca data dengan cara menembakkan laser ke CD:

Perhatikan lebih dekat lagi. Pada gambar atas yang saya tunjukkan terdapat sebuah trimpot, yaitu sejenis potensiometer yang fungsinya seperti Volume di speaker aktif anda:

3. SET Laser Gain
Nah, si trimpot ini -menurut pengamatan saya- adalah sebagai pengatur tingkat kekuatan laser yang dipancarkan, atau bahasa kerennya Laser Gain. Triknya adalah, putar sedikit trimpot ini searah jarum jam menggunakan alat apa saja. Bisa dengan tang lancip atau obeng mini.

Putar sedikit saja dan perhatikan apakah trimpot sudah benar terputar.
4. Pasang Lagi Semuanya
Kembalikan semua komponen CD ROM ke tempatnya semula dengan urutan terbalik dari membuka.
5. TES
Sekarang coba pasang CD ROM ke komputer dan tes dengan disk CD atau DVD.

sumber:esetiawan.wordpress.com

Read More → Tips Memperbaiki Optik DVD/CD ROM yang Rusak