ULIL ALBAB

Tampilkan postingan dengan label MODIFIKASI BLOG. Tampilkan semua postingan

Kamis, 31 Maret 2011

Menambahkan google talk di Blog

Saya yakin Anda pasti tahu apa yang Google Talk, dengan Gtalk Anda dapat mengirim pesan instan, membuat panggilan suara, meninggalkan pesan voice mail, file transfer dan sebagainya, tetapi tentu saja harus dengan pengguna Google lainnya. Apakah Anda tahu, sekarang Anda dapat menambahkan Gtalk ke blog Anda? Belum tahu caranya? silahkan ikuti langkah-langkah berikut:

1. Login dengan ID blog anda

2. Masuk di dashboard, klik layout /rancangan .

3. klik page element/elemen laman.

4. klik tambah gadget, pilih tambah HTML/java script.

5. copy paste javascript berikutt, simpan, dan lihat hasilnya.

<iframe width="234" frameborder="0" src="http://talkgadget.google.com/talkgadget/client?fid=gtalk0&relay=http%3A%2F%2Fwww.google.com%2Fig%2Fifpc_relay" height="350">
</iframe><p style="margin:-8px 0"><br /><center>
<a style="text-decoration:none;font-size:70%;" href="http://rohman-freeblogtemplate.blogspot.com/2008/01/add-google-talk-to-blog.html">Add to your blog</a></center></p>

Selamat mencoba, semoga berhasil.

source

[+/-] Selengkapnya...

Rabu, 30 Maret 2011

Menampilkan Code Script/html Pada Tulisan di Blog

Jika kita ingin berbagi ilmu dengan orang lain terutama yang berupa script yang akan di tampilkan pada blog, tentunya kita tidak bisa langsung copy-paste script tersebut saat akan menulisakan script tersebut pada blog kita. Jika itu di lakukan tetunya tulisan tersebut tidak akan muncul pada blog, justru hasil dari script tersebut yang mungkin keluar. Untuk itu kita harus melakukan berbagai cara sebagai berikut.

1. Buka halaman ini terlebih dahulu. http://centricle.com

2. Halaman tersebut berguna untuk meng-encode sebuah script.

3. Copy dan paste script yang ingin di tampilkan pada blog kita di http://centricle.com, Lalu ketik encode

4. Setelah ter-encode, copy-paste hasil encode pada blog kita di bar edit HTML saat akan memposting tulisan.

5. Tambahkan code

<blockquote>

pada awal script. Dan

</blockquote>

pada akhir script untuk memberikan space yang berbeda pada script anda.

6. Terbitkan Entri. Dan liat hasilnya.

Atau masukkan script anda pada kotak di bawah :

Semoga bermanfaat.

[+/-] Selengkapnya...

Kotak Postingan Terpisah

Kolom postingan terpisah seperti ini juga terlihat lebih enak dipandang dan lebih memudahkan pengunjung blog dalam membedakan isi artikel yang kita tulis, daripada kolom postingan yang menyatu atau dalam 1 kotak saja.

Untuk pemasangan kolom yang seperti ini, anda hanya memerlukan sedikit tambahan kode HTML saja yang nantinya akan disisipkan ke blog anda.

Berikut langkah - langkahnya :

Silahkan login dahulu ke Blogger dengan ID anda tentunya.
Klik Tata Letak.
Klik tab Edit HTML.
Setelah itu cari kode yang seperti ini

.post {

Kemudian tambahkan kode berikut ini tepat setelah kode tersebut

Padding:15px; /* Jarak text post dengan garis pinggir */

Border-top: 2px solid #000000; /* warna garis pinggir atas */

Border-bottom: 2px solid #000000; /* warna garis pinggir bawah */

Border-left: 2px solid #000000; /* warna garis pinggir kiri */

Border-right: 2px solid #000000; /* warna garis pinggir kanan */

Margin-bottom: 30px; /* jarak antara post yang satu dengan yang lainnya */

Save Template.

Sekarang coba lihat hasilnya, jika anda benar meletakkan kode HTML nya, Insya Allah pasti akan berhasil dan sama seperti punya saya. Tapi masih dalam bentuk kotak kaku alias lancip pada ujung - ujungnya.

Semoga Berhasil :)

[+/-] Selengkapnya...

Minggu, 30 Januari 2011

Mengganti Wordpress Ke Blogger

Caranya tidak panjang, anda hanya membutuhkan waktu kurang lebih 15 menit saja, blog anda yang tadinya berbasis wordpress, dalam waktu singkat bisa berubah jadi blogspot.

Berikut langkah – langkahnya :

Silahkan login ke Wordpress.
Masuk ke Dashboard.
Kemudian pilih Perkakas (Tools).
Pilih Export dan klik Download Export File.
Masuk ke http://wordpress2blogger.appspot.com/ dan Browse file yang tadi anda export lalu klik Convert.
Sekarang masuk ke Blogger dengan ID anda, buat blog baru atau jika sudah ada gunakan saja yang ada.
Pilih ke Pengaturan.
Lalu pilih Import Blog.
Pada jendela Import ini silahkan pilih file yang sudah di convert tadi (blogger-export.xml).
Jika sudah, jangan lupa checklist tanda yang ada dibawahnya, kemudian klik Import Blog.

Selamat Mencoba ..

[+/-] Selengkapnya...

Selasa, 30 November 2010

Cara Membuat Spoiler

Lama juga saya tidak membuat postingan di blog ini, gatal juga rasanya tangan pengen mencet – mencet keyboard. Tutorial kali ini, saya akan membahas tentang membuat spoiler pada blog.

Spoiler sendiri fungsinya adalah untuk memperkecil postingan, kode script atau tulisan agar tidak makan tempat. Sebenarnya anda juga bisa menggunakan menu dengan fungsi scroll atau bisa juga dengan menggunakan text area untuk menghemat tempat dalam penulisan kode script atau gambar.

Spoiler ini bisa anda letakkan di postingan, mungkin anda gunakan untuk meletakkan kode script yang panjang. Atau bisa juga meletakkan di sidebar, header atau footer blog.

Contoh Spoiler:

Untuk membuat spoiler, silahkan sobat copy kode script nya dibawah ini :

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Spoiler</b>: <input value="Open" style="margin: 0px; padding: 0px; width: 55px; font-size: 11px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

Letakkan kode script, HTML dan teks anda disini

<br>
</div>
</div>
</div>

Keterangan :

Untuk tulisan Open dan Close bisa anda ganti sesuai keinginan.
Width : 55px untuk lebar spoiler.
Font-size: 11px untuk besar tulisan pada kotak spoiler.
Tulisan Spoiler adalah judul, silahkan ganti sesuai keinginan anda.

Selamat mencoba :)

[+/-] Selengkapnya...