Pink Bow Tie

Jumat, 24 Februari 2012

Cara Membuat Blogroll dengan Efek Marque dan Scroll

Diposting oleh GoMinDhi di 10.28 0 komentar
Cara Membuat Blogroll dengan Efek Marque dan Scroll - Memasang blogroll dengan efek marque ataupun blogroll dengan scroll biasanya karena alasan penghematan tempat, terutama jika sobat ingin blogroll ditampilkan pada sidebar bukan pada halaman sendiri seperti Link Sobat yang ada di blog ini. Cara membuat blogroll dengan efek marque dan scroll ini pun sangat mudah, saya akan jelaskan satu persatu biar sobat lebih jelas lagi dan bisa mempraktekkan cara membuatnya.

Cara Membuat Kotak Blogroll dengan Efek Marque :

1. Login ke dashboard blogger anda.
2. Pilih Rancangan > Elemen Halaman > Add gadget (HTML/JavaScript).
3. Copy script di bawah ini dan paste pada gadget.

<marquee align="center" direction="up" height="200" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="200">
 ::<a href="http://gomindhi.blogspot.com/">Share with Indi</a>::<p>
 ::<a href="http:// gomindhi.blogspot.com/"><blink>Tips Blogging</blink></a>::<p>
 ::<a href="http:// gomindhi.blogspot.com/"><i>Info Blogging</i></a>::<p> Link....<p>
Link....<p>
Dst....<p>
</marquee>


4. Hasilnya akan terlihat seperti ini :



::Share with Indi::
::Tips Blogging::

::Info Blogging::
Link....

Link....

Dst....



5. Edit linknya sesuai dengan link blogroll sobat kemudian Simpan (Save).

Cara Membuat Kotak Blogroll dengan Efek Scroll (Unorderlist) :

1. Login ke dashboard blogger anda.
2. Pilih Rancangan > Elemen Halaman > Add gadget (HTML/JavaScript).
3. Copy script di bawah ini dan paste pada gadget.

<div style=”border:1px solid #006600;overflow:auto;width:180px;height:100px;”>
<ul>
 <li><a href=”http:// gomindhi.blogspot.com/”>Share With Indi</a></li>
<li><a href=”http:// gomindhi.blogspot.com/”>Tips Blogging</a></li>
<li><a href=”http:// gomindhi.blogspot.com/”>Artikel Komputer</a></li>
 <li><a href=”http:// gomindhi.blogspot.com/”><blink>Share With Indi</blink></a></li>
<li><a href=”http:// gomindhi.blogspot.com/”><i>Tips Blogging<i></a></li>
<li><a href=”http:// gomindhi.blogspot.com/”><b>Artikel Komputer</a></li>
<li><a href=”http:// gomindhi.blogspot.com/”>Link Sobat</a></li>
</ul>


4. Hasilnya akan terlihat seperti ini :
5. Edit linknya sesuai dengan link blogroll sobat kemudian Simpan (Save).


Nah dari 2 kotak blogroll diatas tinggal pilih aja sobat mau pakai blogroll dengan marque atau blogroll dengan scroll (unorderlist). Menurut saya sih dua-duanya sama bagusnya jadi pasang aja 2 macam blogroll sekaligus biar tambah rame he he. Untuk lebar dan tinggi kotak blogroll silahkan disesuaikan dengan sidebar yang ada di blog sobat.

Cara Membuat Tabel di Postingan Blogger/Blogspot

Diposting oleh GoMinDhi di 10.17 0 komentar
Cara Membuat Tabel di Postingan Blogger/Blogspot - Membuat tabel dalam postingan blog kadang diperlukan dengan maksud untuk memperjelas materi tulisan/artikel atau untuk mempersingkat penjelasan. Pada panel posting blogger tidak tersedia fasilitas untuk membuat tabel sehingga kita perlu membuat tabel secara manual dengan menggunakan tag HTML tertentu. Dasar yang harus kita pahami dulu disini adalah bagaimana cara atau kode penulisan sebuah tabel didalam postingan. Pada tips blogging kali ini saya akan share bagaimana cara membuat tabel serta tag HTML kode penulisannya.

Perintah dasar tag HTML untuk membuat tabel :

Nah sekarang kita coba membuat tabel 1x3 ( 1 baris 3 kolom ), maka penulisannya seperti ini :

<table border="1">
<tr>
<td>Konten 1</td>
<td>Konten 2</td>
<td>Konten 3</td>
</tr>
</table>


Maka hasil tampilannya menjadi seperti ini :

Konten 1 Konten 2 Konten 3

Selanjutnya kita coba merubah kode dasar diatas tadi untuk mempercantik tampilan dengan perataan teks dan ukuran lebar tabel kita tentukan misalnya 450px, maka penulisannya menjadi seperti ini :

<table border="1" width="450">
<tr bgcolor="#F2F2F2">
<td align="center"><b>Konten 1</b></td><td align="center"><i>Konten 2</i></td><td align="center">Konten 3</td>
</tr>
</table>

Maka hasil tampilannya menjadi seperti ini :

Konten 1Konten 2Konten 3

Kemudian kita coba lagi membuat tabel yang lebih banyak misalnya 2x3 (2 baris 3 kolom ) dengan format penulisan seperti ini :

<table border="1" width="450">
<tr bgcolor="#F2F2F2">
<td align="center"><b>Konten 1</b></td><td align="center"><i>Konten 2</i></td><td align="center">Konten 3</td>
</tr>
<tr>
<td align="left">Tuliskan teks disini</td>
<td align="left">Masukkan script gambar dengan format seperti ini &lt;img border=&#039;0&#039; src=&#039; http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif&#039;/&gt;</td>
<td align="center"> Maka hasilnya akan seperti ini
<img border='0' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif'/></td>
</tr>
</table>

Maka hasil tampilannya menjadi seperti ini :

Konten 1Konten 2Konten 3
Tuliskan teks disini Masukkan script gambar dengan format seperti ini <img border='0' src=' http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif'/> Maka hasilnya akan seperti ini

Nah dari 2 contoh sederhana tadi silahkan sobat terapkan untuk membuat tabel dalam postingan anda dengan menggunakan perintah-perintah dasar pembuatan tabel serta kode tambahan yang diperlukan sehingga hasil akhir tabel yang dibuat jadi lebih bagus dan menarik. Materi posting ini tidak cukup jika dihafalkan saja namun akan lebih baik kalau kita langsung mencoba praktek membuatnya. Tentukan dulu jenis atau bentuk tabel yang ingin sobat buat, kemudian coba tuliskan scriptnya di notepad, buka panel posting blogger sobat kemudian paste kode script tabel yang dibuat tadi disana serta lihatlah previewnya. Saya yakin dengan cara seperti ini akan mempercepat pemahaman kita mengenai cara pembuatan tabel ini. Semoga tips ini bisa bermanfaat, happy nice blogging !

Cara Mengganti Background Blog Otomatis

Diposting oleh GoMinDhi di 09.48 0 komentar
Cara Mengganti Warna Background Blog Otomatis – Banyak cara untuk membuat variasi dan memperindah tampilan blog. Salah satunya adalah dengan menempatkan widget untuk mengganti warna background otomatis ini di sidebar blog anda, sehingga pengunjung dapat memilih warna background kesukaan mereka. Selain supaya kita juga ngga bosan dengan tampilan background yang itu-itu saja, dan pengunjung yang datang pun kita harapkan mendapatkan kenyamanan sehingga mereka betah berlama-lama membaca di blog kita. 

Cara Mengganti Background Blog :

1. Login ke dashboard blogger anda.
2. Pilih Rancangan > Elemen Laman > Add gadget (HTML/Javascript).
3. Copy script yang ada dibawah ini dan paste pada gadget.

<div class="widget-content">
<center><b>Pilih Warna Kesukaan Anda</b></center>
<br/>
<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>
<table border="1" width="100%" height="20">
<tbody><tr>
<td onclick="bgChange('#8B008B')" bgcolor="#8B008B">
</td>
<td onclick="bgChange('#9400D3')" bgcolor="#9400D3">
</td>
<td onclick="bgChange('#008080')" bgcolor="#008080">
</td>
<td onclick="bgChange('#808080')" bgcolor="#808080">
</td>
<td onclick="bgChange('#CD853F')" bgcolor="#CD853F">
</td>
<td onclick="bgChange('#2F4F4F')" bgcolor="#2F4F4F">
</td>
<td onclick="bgChange('#DC143C')" bgcolor="#DC143C">
</td>
<td onclick="bgChange('#4B0082')" bgcolor="#4B0082">
</td>
<td onclick="bgChange('#A52A2A')" bgcolor="#A52A2A">
</td>
</tr></tbody></table>
</div>

4. Silahkan sobat edit teks tulisan yang berwarna merah dan kode pilihan warna yang berwarna biru dengan warna-warna kesukaan anda. Untuk kode warna dapat dilihat disini.
5. Save / Simpan.

Mudah dan gampang bukan ? Pada widget pengganti warna background ini hanya ada 9 pilihan warna background, jika sobat ingin menambahkannya copy saja kode yang terakhir sehingga kolom warna akan bertambah. Kalau masih bingung, baca lagi postingan sebelumnya tentang cara membuat tabel dan kolom. Semoga tips Cara Mengganti Warna Background Blog ini bermanfaat untuk anda.

Cara Membuat Widget Daftar Menu Blog Otomatis

Diposting oleh GoMinDhi di 09.31 0 komentar
Cara Membuat Widget Daftar Menu Blog Otomatis - Daftar menu blog yang biasanya ditempatkan pada sidebar blog ini ada juga yang menyebutnya dengan table of content. Cara membuat table of content ini sedikit berbeda dengan daftar isi blog otomatis yang pernah saya posting sebelumnya. Pada widget daftar menu otomatis ini sudah dilengkapi fungsi scroll dan pengunjung blog anda dapat mempercepat pencarian artikel dengan menggunakan opsi pilihan label, title, tanggal posting serta dapat juga menampilkan seluruh isi blog jika kita memilih opsi “All label”. Pada script daftar menu blog yang mau saya share ini, mampu menampilkan sampai max 500 halaman posting. Jika blog anda sudah memiliki lebih dari 500 halaman posting, tinggal diganti saja angka 500 dengan angka 1000 beres !. Dan satu lagi kelebihannya : jika anda mengklik icon panah hitam yang ada didepan judul posting, maka akan memunculkan ringkasan artikel tersebut sepanjang 250 kata. Klik kembali icon panah tersebut untuk menyembunyikan ringkasan.


Cara Membuat Daftar Menu/Isi Di Sidebar Blog :
1. Login ke dashboard blogger anda.
2. Pilih Rancangan > Elemen Laman > Add gadget (HTML/JavaScript).
3. Copy script dibawah ini dan paste pada gadget.

<div style="background:#FFFFFF; no-repeat scroll 0 0; border:2px solid #FFFFFF; height:310px; overflow:auto; padding:10px; width:260px;">
<div id="cl_option">
Loading... </div>
<div id="cl_content_list">
</div>
<script type="text/javascript">
var jumlah_kata_dalam_ringkasan = 250;
</script>
<script src="http://raihanun.googlecode.com/files/DaftarMenuOtomatis.js">
</script>
<script src="http://gomindhi.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=onLoadFeed&amp;max-results=500">
</script></div>

4. Silahkan edit pada lebar (width) dan tinggi (height) pada script ini untuk menyesuaikan dengan lebar sidebar blog anda. Dan ganti juga nama blognya dengan nama blog anda.
5. Save / Simpan.

Cukup mudah bukan cara membuat widget daftar menu blog ini ? Mudah-mudahan postingan ini bisa menjawab keinginan sobat-sobat yang “mungkin” saja salah alamat datang ke blog ini. Karena dari data statistik widget histat counter yang saya pasang di blog ini, banyak juga pengunjung yang datang dengan kata kunci membuat daftar menu blog ternyata diarahkan ke artikel Cara Membuat Daftar Isi Sitemap Blog Otomatis. Ternyata mbah Google juga bisa salah ngasih alamat ya he he.

 

Indi Gomindhi Dialy Note | ....