Memasang widget Google Translate ke blog

Halllooo... ini saya coba memberi cara buat teman2 mungkin diantara teman-teman yang masih kesulitan dengan cara pasang memasang widget Google Translate di blog sobat dan ini pernah saya alami. Sebenarnya ada sebuah situs yang menawarkan layanan gratisan, yang bisa di manfaatkan secara gratis. jadi tidak perlu pusing cara bikin script translator, karena script translator telah disediakan oleh situs tersebut, anda hanya perlu meng-copy scriptnya kemudian pasang script widget Google Translate ke dalam blog. Gadget/widget Google Translate, bisa kita ditambahkan dengan menggunakan gadget translator yang telah tersedia di dalam List Gadget Blogger, Di Bagian "Elemen Laman - Tambah Gadget" pada saat melakukan perintah Tambah Gadget, namun ada alternatif lain, yang sebenarnya lebih sederhana bentuknya, Anda hanya perlu melakukan copy script kemudian memasukkannya ke Tambah Gadget terus pilih HTML/Javascript blogspot Contohnya bisa di lihat di bawah ini

Untuk memasang widget google translate pada blog silahkan ikuti prosedur berikut: 1. Buka situs ke google translate, atau klik disini widget google translate 2. Ubah bahasa yang digunakan menjadi bahasa Indonesia (lihat ujung panah)

3. Copy script html yang ada di atas, kemudian masukkan ke gadget html, di blog

Panduan menambah script ke gadget html bisa dilihat disini gadget html/javascript blogspot. Sukses buat anda..

Read More

Readmore Otomatis

Cara Membuat Readmore Otomatis. Postingan kali ini akan memberikan tutorial Cara Membuat Readmore atau Baca Selengkapnya pada postingan blog secara otomatis. Dengan adanya readmore otomatis, kita bisa menentukan berapa ketinggian dan lebar penggalan postingan dan image yang akan muncul pada halaman pertama blog kita sehingga terlihat rapi dan menarik. Trik ini mungkin telah banyak yang mengetahui dan ada juga yang belum mengetahuinya. Bagi anda yang belum mengetahui bagaimana cara membuat readmore otomatis, bisa mengikuti tutorial berikut ini. 

1. silakan masuk ke acount blogger anda kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template" atau lihat gambar di bawah ini :

 


 untuk lebih mudah tekan ctrl + F untuk mencari code </head>

cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode tersebut.

 

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

 

2. cari kode html berikut ini :
<data:post.body/> atau <p><data:post.body/></p>
ganti kode tersebut dengan kode di bawah 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'>&#187;&#187;&#160;&#160;READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Keterangan : tulisan yang berwarna merah adalah yang bisa anda ganti.
==> Summary noimg 430 = tinggi artikel terpenggal tanpa image

==> Summar img 430 = tinggi artikel terpenggal dengan image

==> Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll...

3. klik save template

Selanjutnya kita melakukan postingan dan lihat hasilnya, Readmore atau baca selengkapnya akan secara otomatis terpasang setelah anda publish postingannya.

 

Semoga berhasil dan sukses selalu...

 

Read More

Master Office 2007 Full Version (Trial)

Di blog ini saya coba tampilkan Ms Office 2007 Enterprise ya mungkin masih belum ada yang punya tapi sayang punya saya ini masih trial (no full version) karena office 2003 yang sudah ketinggalan jaman. Teman-teman bisa mendownload Office 2007 Trial dibawah artikel ini, untuk SN (Serial Number) masih saya cari hee.... heee... heeee... jangan kuatir kalau ada pasti saya lampirkan.

Download Artikel:

Part 1 Download Office 2007 Enterprise Trial
Part 2 Download Office 2007 Enterprise Trial
Part 3 Download Office 2007 Enterprise Trial

Selamat Mencoba teman..

Perhatian:

Link download diarahkan ke adf.ly tunggu ya kira-kira 5 detik dan klik tombol SKIP AD yang berada di pojok kanan atas.

Read More

Memberi Background Menu Teks di Bawah Header

Pada posting sebelumnya saya telah menulis Membuat Menu di bawah Header. Nah untuk mempercantik menu tersebut bisa dilakukan dengan memberi warna latar pada teks tersebut. Caranya adalah:

1. Masuklah ke halaman Dasbor blog anda lalu klik Rancangan.

2. Kemudian klik pada Edit HTML.

3. Untuk berjaga-jaga jika terjadi kesalahan sebaiknya backup dulu template anda dengan mengklik Download Template Lengkap.

4. Kemudian carilah kode: ]]>

5. Masukkan kode berikut tepat di atasnya.

a.tombol1{
   background:#993300;
   padding:3px;
   color:#ffffff;
}
a.tombol2{
   background:#993300;
   padding:3px:
   color:#ffffff:
}
a.tombol3{
   background:#993300;
   padding:3px;
   color:#ffffff;
}

Kode #993300; adalah warna latar belakang teksnya. Jika ingin warna yang lain gantilah kode warna tersebut. Agar mudah mencari kode warna bisa dilihat disini . 3px; adalah jarak (bis) antara kotak latar belakang. Bisa diganti angkanya menjadi berapa yang anda inginkan. Sedangkan #ffffff; adalah kode warna untuk bis tersebut.

6. Hasilnya akan menjadi seperti gambar di bawah ini. Jika penulisannya sudah tepat jangan lupa klik SIMPAN TEMPLATE.

padding:0;
{
a.tombol1{
   background:#993300;
   padding:3px;
   color:#ffffff;
}
a.tombol2{
   background:#993300;
   padding:3px:
   color:#ffffff:
}
a.tombol3{
   background:#993300;
   padding:3px;
   color:#ffffff;
}
]]></b:skin>
<style>

7. Sekarang masuklah ke Elemen Laman. Lalu klik Edit pada Gadget HTML/Javascript atau pada gadget html yang telah dibuat sebelumnya (seperti yang telah dilakukan pada Membuat Menu di bawah Header).

8. Kemudian sisipkan setiap baris dari kode ini sesuai dengan tempatnya masing-masing. Dalam contoh ini saya menggunakan 3 menu teks (Home,Template dan Software). Maka sisipkanlah alamat (URL) dari ketiga Url halaman menu tersebut.

class=”tombol1″(isi dengan URL Home)
class=”tombol2″(isi dengan URL Template)
class=”tombol3″(isi dengan URL Software)

9. Sehingga penulisannya menjadi seperti ini.

<a href=”http://www.NAMABLOG.com”>HOME</a>
<a href=”http://www.NAMABLOG.com/search/label/Template”>TEMPLATE</a>
<a href=”http://www.NAMABLOG.com/search/label/Software”>SOFTWARE</a>

10. Terakhir klik SIMPAN.

11. Sekarang lihatlah hasilnya. Jika penulisan kodenya benar,maka latar belakang menu teksnya sudah berwarna,seperti gambar di bawah ini.

Semoga berhasil apa salahnya dicoba... TEST 1 2 3..... Dicoba

Read More