Iseng Bloger: tips trik

Siang sobat Teknologi Informasi, kembali lagi kami ingin membagi pada sobat semua tentang tips trik mempercantik blog . Dalam pembahasan kali ini Teknologi Informasi menjelaskan tentang widget translator. Widget translator adalah sebuah widget yang digunakan untuk menterjemahkan isi dalam blog kedalam bahasa yang dipilih. Widget ini terhubung dengan applikasi Google Translate sehingga dijamin keakuratannya. Sudah yuk basa basi nya sekarang langsung saja memulai hehehe…

- Login ke Blogger dengan akun sobat.

- Di halaman Dasbor, sobat pilih Rancangan

-Kemudian klik “tambah gadget” setelah muncul pilihan sobat sekalian pilih Html / Java Script

- Muncul halaman pengisian untuk Html / Java Script tadi maka sobat sekalian sekarang tinggal mengcopy script dibawah ini kedalam halaman tersebut.

<style>

.google_translate img {

filter:alpha(opacity=100);

-moz-opacity: 1.0;

opacity: 1.0;

border:0;

}

.google_translate:hover img {

filter:alpha(opacity=30);

-moz-opacity: 0.30;

opacity: 0.30;

border:0;

}

.google_translatextra:hover img {

filter:alpha(opacity=0.30);

-moz-opacity: 0.30;

opacity: 0.30;

border:0;

}

</style>

<div>

</div> <div style=”font-size:10px;margin:8px 0px 3px 0px”>

</div>

</td>

</tr></tbody></table></center>

-Setelah itu klik Simpan.

Nah agar widget translator ini terlihat cantik dan serasi pada blog sobat, sobat sekalian tinggal meletakkan sesuai dengan keinginan masing masing seperti contoh pada blog Teknologi Informasi ini yang terletak dikanan atas.

[Read More...]

Hallooo sobat Teknologi Informasi, kali ini kami akan menshare tutorial tips dan trik pada blog dengan membuat scroll pada widget arsip blog agar lebih hemat dalam penempatannya dan tampilan pun akan terlihat rapih. Menggunakan tampilan herarki pada arsip blog yang mempunyai kelebihan bisa menampilkan jumlah tulisan perbulan dan judul akan sedikit membuat blog terlihat kurang rapi. Oleh karena itu disini kita akan membuatnya menjadi bentuk scroll. Jika sobat sudah menambahkan widget arsip blog dengan model herarki ini, langsung saja lakukan langkah selanjutnya.

Cara Membuat Scroll Pada Blog Archive (Arsip Blog)

- Login ke Blogger.

- Di halaman Dasbor, kita pilih Rancangan.

- Kemudian pilih Edit HTML

- Beri tanda centang pada Expand Template Widget

-download dulu template sobat untuk mengantisipasi bila terjadi eror dan kacau nantinya

-Kemudian cari kode berikut ini :

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>

-Setelah ketemu sobat letakkan kode <div style='overflow:auto; width:ancho; height:200px;'> tepat dibawah <div class='widget-content'>

-Setelah selesai sobat letakkan kembali kode </div>

-Kode lengkapnya adalah seperti ini

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>

- Kode warna biru dan hijau adalah kode yang ditambahkan kedalam script tersebut, 200 adalah tingginya, dan kita bisa ubah seseuai selera sobat.

-Simpan jika sudah selesai.

Sekian dari kami semoga bermanfaat bagi sobat sekalian, jangan pernah lelah untuk terus berkarya dan berkreatifitas. Sampai jumpa... hehehee ^ - ^

sumber dari sobat : Fathan Rohman

[Read More...]

ISENG BLOGER

Menambahkan Widget Translator pada Blog

Menampilkan Arsip Blog dengan Scroll

Pencarian

Arsip Blog

Categories

Recent Comments

Popular Posts