Blog

Blog 

Blog singkatan dari “WEB LOG” yaitu bentuk aplikasi web yang menyerupai tulisan-tulisan (yang dimuat sebagai posting) pada sebuah halaman web umum.

KEMUDAHAN BLOG :

1.Toolbar Google memiliki fitur “blog This”

2.Blogger mendukung layanan periklanan milik google yaitu adsense.

3.Blogger menawarkan fitur pengubahan template yang mengijinkan para pengguna untuk mengubah desain template pada blogger terutama memodifikasi halaman blog dengan pemrograman kode CSS shg pengguna bisa merancang sendiri tampilan blogny misal dengan menambahkan sejumlah menu dan kolom.

 Akun yang harus dibuat :

1.Email

2.Youtube

3.Photobuckets

4.4shared

Kode Search Engine

Kode Search Engine 

<form action="http://xxxxxxxxxxxx.blogspot.com/search" method="get"> <input class="textinput" name="q" size="25" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

Dropdown Menu

Dropdown Menu

Dropdown menu bisa menghemat space/ruang di blog kita, karena dengan ukuran yang kecil seperti itu bisa menyimpan link dan text yang banyak. Itu bisa diisi dengan arsip, blogroll dll.

Caranya:

Login ke blogger, trus masuk ke menu "Tata Letak" trus pilih Add Gadget --> HTML/JavaScript. Kemudian masukkan script berikut ini di kotak "Content"

<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Arsip Blog</option>
<option value="Links 1">Text 1</option>
<option value="Links 2">Text 2</option>
</select>

Text yang berwarna merah adalah link. ganti text2 tersebut dengan link2 anda.
Text yang berwarna biru adalah tulisan yang ditampilkan. Itu juga harus anda ganti.

Contohnya seperti ini :

<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Arsip Blog</option>
<option value="http://trik-tips.blogspot.com/2008/01/membuat-menu-horizontal.html"> Cara Membuat Menu Horizontal </option>
<option value="http://trik-tips.blogspot.com/2007/12/cara-membuat-search-engine.html"> Cara Membuat Search Engine </option>
</select>

untuk menambahkan menu lagi, tambahkan kode seperti ini :

<option value="Links 2">Text 2</option>

sebelum kode </select>

Link dalam dropdown menu di atas jika di klik akan membuka link di halaman yang sama. Ini cocok untuk Arsip dan link-link yang masih berhubungan dengan blog tsb.

Ada satu tipe lagi yang jika diklik linknya maka akan membuka window baru tanpa menutup blog kamu. Yang ini cocok untu Blogroll atau Friend link.
Cara mambuatnya seperti diatas tapi ganti kode berikut

<select onChange="document.location.href=this.options[this.selectedIndex].value;">

ganti dengan kode ini :

<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">

Komentar Terbaru dengan gambar profil

Komentar Terbaru dg gambar profil

  <div style="overflow:auto;width:300px;">
<style type="text/css">
ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
.w2b_recent_comments li{background:#00ffff !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
.w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: none;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 10,
showAvatar = true,
avatarSize = 40,
roundAvatar = true,
characters = 150,
defaultAvatar = "",
hideCredits = true;

//]]>
</script>
<script type="text/javascript" src="http://tipstrikblogging.googlecode.com/files/RecentComment-W-Gravatar.js"></script>
<script type="text/javascript" src="http://ikepolsa2.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=10"></script></div>

Buku Tamu

Buku Tamu 

Cbox sangat membantu kita dalam aktivitas blogwalking.Para blogger bisa saling mengunjungi, dengan cara meninggalkan jejak link url blog.Untuk Lebih Jelasnya silakan anda daftar dulu pada Cbox: ini alamake t url : http://www.cbox.ws/getone.php.

• Isi form-form dengan data Anda
• Cbox name (nama id yang mau dipakai)
• Password (password untuk login)
• Confirm Password (ulangi password untuk login)
• Email Address ( email anda)
• Website (URL website / Blog anda)
• Language (Bahasa tampilan Cbox)
• Style (Tema yang akan dipasang anda pilih sesuaikan)
• Centang kotak jika data anda sudah benar
• klik Create my Cbox

Dan jika sukses alamat konfirmasi ke e-mail anda,   

• Masuk ke email lalu klik link untuk aktivasi.
• kembali ke akun cbox
• Klik Publish
• Setelah login anda akan mendapatkan kode yang harus anda pasang lanjutkan dengan memasang kode tersebut pada blog anda. (di sidebar ataupun dimana yang anda inginkan)
• Selesai

Auto Hide untuk Buku Tamu

Buku tamu merupakan tempat untuk menaruh pesan singkat di blog anda ketika sedang ada yang berkunjung.  
Maksud dari judul Auto Hide bukan lah buku tamu yang tidak bisa dilihat oleh pengujung, tetapi buku tamu ini akan berada di sebelah artikel blog yang akan terbuka jika ada yang klik gambar buku tamu tersebut.
Langkah ini merupakan salah satu langkah dalam menghemat tempat di blog kita.Buku tamu juga dapat menaikan trafic blog. Sebelum anda membuat buku tamu di blog anda, anda harus memiliki kode buku tamu, anda bisa mendapatkannya di Shoutbox, Cbox, atau Shoutmix. Setelah anda memiliki kode buku tamu tersebut, lanjut ke langkah berikut:

1. Login di blogger dengan ID anda
2. Klik menu Tata letak
3. Klik Tambah Gadget
5. Pilih HTML/Javascript
6.Lalu Copy kode berikut dan Pastekan Pada kotak HTML

 

 <style type="text/css">
    #gb{
    position:fixed;
    top:50px;
    z-index:+1000;
    }
    * html #gb{position:relative;}

    .gbtab{
    height:100px;
    width:30px;
    float:left;
    cursor:pointer;
    background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr7JAOCyVj5HhkNAkPVgCH8H1ZNvvAoAULKpHIknytd1MiGxnIr83gZxAzau30ksjZfzkcRwtB6xYTRC3XcFwvTWa41jPYGS9uvrhVTQfjUP8nL7rwOK_Nt0buoUqfgf0BMe6J3e0tYksT/') no-repeat;
    }
    .gbcontent{
    float:left;
    border:2px solid #A5BD51;
    background:#F5F5F5;
    padding:10px;
    }
    </style>

    <script type="text/javascript">
    function showHideGB(){
    var gb = document.getElementById("gb");
    var w = gb.offsetWidth;
    gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
    gb.opened = !gb.opened;
    }
    function moveGB(x0, xf){
    var gb = document.getElementById("gb");
    var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
    var dir = xf>x0 ? 1 : -1;
    var x = x0 + dx * dir;
    gb.style.right = x.toString() + "px";
    if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
    }
    </script>

    <div id="gb">

    <div class="gbtab" onclick="showHideGB()"> </div>

    <div class="gbcontent">

    < Letakkan disini kode Shoutbox / buku tamu Anda>

    </div>

    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.right = (30-gb.offsetWidth).toString() + "px";
    </script></div>

Ganti tulisan < Letakkan disini kode Shoutbox Anda> dengan kode script buku tamu anda.

7.Klik simpan.

Jika langkah tersebut sudah anda lakukan, anda dapat melihat hasilnya pada blog anda masing-masing

MP3 Player

MP3 Player

Sembari bloging akan lebih asyik dengan mendengar suara musik. caranya  :
1. Masuk ke http://scmplayer.net 
2. Klik Choose Skin -> pilih warna skin yang anda sukai

3  Klik Add More Song lalu klik Edit Playlist lalu Buka Youtube/4shared untuk mencari lagu yang akan ditambah ke playlist, Copi   link Lagu lalu paste pd kolom SONG URL yg kosong.
6. Jika Lagu sudah selsesai ditambahkan Klik Next
7  Klik Configure setting akan pengaturan seperti gambar di bawah ini :
 

8.Pada Placement of Player Bar = Top ----------> posisi player Mp3 di bagian atas area blog
                                                 = Bottom ------->posisi player Mp3 di bagian bawah area blog

9. Done
10. Muncul kode HTML nya, Copi kode tersebut untuk di pasang pada blog anda