Zikbo Blog

Home » Archives for Oktober 2011

Memasang Fitur Chat Di Blog

Posted by Zedh 2 comments

Cbox merupakan fasilitas buku tamu yang bisa kita pasang di blog kita. fungsinya yaitu sebagai media penampung jejak coretan- coretan sapa maupun saran yang biasanya dipasang di bagian sidebar sebuah blog. Cbox sangat membantu dalam proses blogwalking, karena dengan fasilitas ini kita dapat mengetahui link pengunjung blog kita yang mengisi buku tamu kita [jika mereka mencamtumkan url websitenya], sehingga kita bisa saling berkunjung kembali / kunjungan balik. kalau pada postingan sebelumnya kita telah membahas cara memasang shoutbox di blog. Cbox memiliki fungsi yang sama seperti halnya Shoutbox. Akan tetapi perbedaan mendasarnya mungkin pada tampilannya dan juga untuk memperoleh Cbox ini kita harus Register / Daftar terlebih dahulu.Cara Daftar CBOX disini. Tetapi semua mudah dan cepat dan FREE alias gratis 100%. Selain itu Cbox juga dapat di kustomisasi dengan memberikan beberapa smile tambahan.

Pasang Cbox di blog blogspot:

Login ke akun cbox sobat, kalau belum DAFTAR DISINI
Klik Publish
Lalu Copy kode-kode yang telah tersedia
Lalu Login ke akun blogger sobat
Pada halaman Dashboard, Pilih Tata Letak
Klik Add Gadget - HMTL/Javascript
Lalu pastekan kode cbox tadi
langkah berikutnya adalah mungkin penyesuaian lebar dan tinggicbox agar sesuai dengan tempatnya.
Kalau sudah,klik Simpan

Cara Pasang Back Top di Blog

Posted by Zedh 0 comments

Pemasangan back to top pada blog adalah bagi memudahkan pengunjung kembali semula keatas setelah menggunakan scroll untuk membaca artikel sampai kebawah.Jika menggunakan nya adalah lebih cepat dari menggunakan scroll.Kadang kadang back to top ada pada blog tapi kita dah biasa guna scroll tak nampak pun button tu..terlupa..termasuk lah saya.

Cara membuatnya:
Masuk ke design dan pilih page elements
Klik pada add gadget-pilih HTM/Javascript

Masukkan kode dibawah ini:

style type="text/css">.backtotop a:hover {background:none;}</style><div class="backtotop"><a style="display:scroll;position:fixed;bottom:5px;right:5px;" class="backtotop" href="#" rel="nofollow" title="Back to Top"><img style="border:0;" src="http://img179.imageshack.us/img179/1849/backtotop.png"/></a></div>

*Kode ini hendaklah diletakkan dibahagian bawah sekali pada page element supaya tidak terlindung
kemudian klik save...selamat mencoba

Cara Mengembalikan Navbar di Blogspot

Posted by Zedh 0 comments

Dari beberapa informasi, blogger kembali mempertegas larangan menghapus tampilan navbar (lihat post : MENGHILANGKAN NAVBAR BLOGGER ) sehingga akibat dari itu ada beberapa blog yang dihapus oleh blogger.

Jika blog anda termasuk kedalam blog yang tidak menampilkan navbar, kemungkinan akan berakibat sama : bloga anda akan dihapus dari daftar blog pada blogspot.

Untuk menghindari hal itu, disarankan agar navbar blog anda dikembalikan seperti pada awal anda membuat blog.

contoh tampilan navbar :

Cara mengembalikannya cukup mudah, anda hanya perlu menghapus kode yang telah ditambahkan ketika anda ingin menghilangkan navbar.

LANGKAH-LANGKAH YANG HARUS ANDA LAKUKAN :

1. Login ke Blogger.

2. Klik Rancangan kemudian pilih Edit HTML.

3. Cari Kode di Bawah ini

#navbar-iframe {

height:0px;

visibility:hidden;

display:none

}

atau jika tidak ditemukan karea template beda, coba cari kode ini :

#navbar-iframe {

display: none !important;

}

4. Jika sudah ketemu, hapus kode tersebut.

5. Klik Simpan template, kemudian lihat hasilnya.

Sumber : epg-studio

Membuat Auto Read More dengan Button

Posted by Zedh 0 comments

Agan Pernah Melihat Read More di Homepage ane kan...?? Nah, Jika Biasanya Auto Readmore adalah Dengan Tulisan Seperti ini :  Read More - Post Title  maka sekarang kita akan Membuatnya dalam Bentuk Button ala Adjiebrotot. So, Mari Kita Mulai Langkah-Langkah Membuat Auto Read More dengan Button.

1. Login >> Rancangan >> Edit HTML >> Expand Template Widget
2. Cari Kode </head> letakkan kode berikut di atas kode </head>

<script type='text/javascript'>
    var thumbnail_mode = "float" ;
    summary_noimg = 250;
    summary_img = 250;
    img_thumb_height = 120;
    img_thumb_width = 120;
    </script>

    <script type='text/javascript'>
    //<![CDATA[
    /******************************************
    Auto-readmore Script with Action Button

    (C)2010 by Adjiebrotot

    visit http://www.adjiebrotot.co.cc
    ********************************************/
    function removeHtmlTag(strx,chop){
    if(strx.indexOf("<")!=-1)
    {
    var s = strx.split("<");
    for(var i=0;i<s.length;i++){
    if(s[i].indexOf(">")!=-1){
    s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
    }
    }
    strx = s.join("");
    }
    chop = (chop < strx.length-1) ? chop : strx.length-2;
    while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
    strx = strx.substring(0,chop-1);
    return strx+'...';
    }

    function createSummaryAndThumb(pID){
    var div = document.getElementById(pID);
    var imgtag = "";
    var img = div.getElementsByTagName("img");
    var summ = summary_noimg;
    if(img.length>=1) {
    imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
    summ = summary_img;
    }

    var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
    div.innerHTML = summary;
    }
    //]]>
    </script>

3. Lalu cari kode <data:post.body/> ganti kode<data:post.body/> dengan kode di bawah ini :

<b:if cond='data:blog.pageType != "item"'>

    <div expr:id='"summary" + data:post.id'><data:post.body/></div>

    <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>

    <span class='rmlink' style='float:right'><a expr:href='data:post.url'><img alt='http://www.iconspedia.com/uploads/12789365491822702177.png' src='http://www.iconspedia.com/uploads/12789365491822702177.png'/></a></span>

    </b:if>

    <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

Selamat Mencoba...!!! Jangan Lupa Tinggalkan Jejak di Bawah ya gan..!!! utamakan Blogger Comment daripada Facebook Comment

Sumber : http://www.adjiebrotot.co.cc/2010/11/membuat-auto-read-more-dengan-button.html

Cara Membuat Buku Tamu Termbunyi

Posted by Zedh 0 comments

Kalau sobat ga tau lagi mau taruh buku tamu di mana, buat aja buku tamu yang tersembunyi. dan kalau diklik akan langsung terlihat.
Contohnya kamu bisa lihat di blog INI (sekalian promosiin he he), dan klik tab yang berwarna hijau tersebut. Dan buku tamu itu akan bergerak keluar, sehingga yang tadinya tidak kelihatan akan jadi terlihat.

Nah ga perlu panjang lebar lagi mari kita lihat cara membuatnya:

caranya :

Masuk ke account Blogger kamu, pilih "Layout" kemudian "Page Elements",
Klik "Add a Gadget" (yang mana aja oke), kemudian pilih "HTML/JavaScript",
Copy-paste kode di bawah ini:

Ni codenya:

4. Pada kode di atas, Tulisan yang berwarna merah di atas ganti dengan kode buku tamu yang kamu dapatkan dari situsnya,dan tulisan yg bewrna merah yg bacaanya alamat url buku tamu

bisa kalian dapatkan juga di sini url gambarnya

height: 130px

width: 35px

background URL: http://i25.tinypic.com/jl5dsg.png

border: 3px solid #003399

background url : http://i642.photobucket.com/albums/uu147/remoxp/Chatbox.png

background url : http://i634.photobucket.com/albums/uu66/oktri_2009/o0c2d.png

5. Kamu juga bisa atur posisinya. Ubah aja nilai atribut top-nya. Kalau mau lebih ke atas dikit, ubah jadi 30px atau

6. Selamat mencoba!

Terima Kasih Atas Kunjungan Anda..!

Cara Membuat Tombol Home, BackToTop, BackToDown, Realod

Posted by Zedh 0 comments

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgABPrqggVB20MNZhLDhm67NoBvctMD8vh20GZAejB34l0X8bCkKNxpV48X1hOSiD0u7voDwe96Sq06tUMXX4KJTRBCwJ45ndU0pZb2z0mdc5j9XWNQj_jxdVvAaELaQGHdIf56oDzcI2s/s400/untitled.bmp

Dah lama yah saya gak posting tutorial blog kali ini saya akan memposting tentang cara Cara Membuat Tombol Home, BackToTop, BackToDown, Reload ,Tahukah sahabat bahwasanya ada Icon untuk mempermudah dalam navigasi, Saya akan menjelaskan cara membuat tombol Home, Back to top, Back to down, Refresh..

Inilah Penjelasannya
1. Tombol Home gunanya untuk Kembali ke HomePage.
2. Tombol Back To Top gunanya untuk kembali ke atas.
3. Tombol Back To Down gunanya untuk kembali ke bawah.
4. Tombol Refresh gunanya untuk membuk ulang halaman.
Caranya mudah saya jelaskan tahapannya :

#mangetsu {<br />position:fixed;_position:absolute;bottom:0px; right:0px;<br />clip:inherit;<br />_top:expression(document.documentElement.scrollTop+<br />document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }<br />#mangetsu a<br />{<br />filter:alpha(opacity=65);<br />-moz-opacity:0.65;<br />opacity:0.65;<br />border:0;<br />}<br />#mangetsu img<br />{<br />border:0;<br />}<br />#mangetsu a:hover<br />{<br />filter:alpha(opacity=100);<br />-moz-opacity:1;<br />opacity:1;<br />}

Kalau sudah, copy code berikut :

Kalau sudah di copy, paste code di atas tepat dibawah code :

<body>

Lalu Simpan, dan lihat hasilnya.

Jika sahabat ragu-ragu untuk menambahkan widget ini sahabat dapat mengklik tombol Pratinjau untuk mengecek apakah editan saya berhasail atau tidak.

Mudah-mudahan tips ini bermanfaat,wassalam
Sumber : http://magazineforum.blogspot.com/

Cara Membuat Daftar isi Blog

Posted by Zedh 0 comments

tips kali ini saya berbagi cara membuat Dafatar isi Blog.
contoh :

Berikut Langkah - langkahnya :

* Sign in

* klik Layout atau Tata Letak

* Klik Edit HTML

*
Agar dalam pengeditan tidak terjadi apa - apa dalam blog temen - temen, silahkan klik link bertuliskan download Template Lengkap. ini di fugnsikan jika script yang dihasilkan tidak sesui dengan kehendak maka bisa dikemblikan seperti semula.

* Berilah centang pada Expand Widget Template (agar code widget muncul)

* Setelah itu cari kode seperti dibawah ini :

<b:include data='post' name='post'/>

* Delete / hapus kode diatas, lalu ganti dengan kode dibawah ini :

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;">
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

* Klik tombol Simpan Template.

* Selesai. Langkah pertama sudah selesai.

Setelah langkah di atas selesai,

* Klik Gedget.

* Klik tulisan Tambah Gedget.

* lalu pilih HTML/JavaScript.

* Copy paste kode berikut :

<a href="http:// NamaBlogAnda .blogspot.com/search?max-results= 200 ">Daftar isi»</a>

* Ganti NamaBlogAnda nama blog anda sendiri.

* Jika angka 200, adalah jumlah posting yang ingin di munculkan.

* Klik tombol Simpan Perubahan .

* Selesai.

Keterangan :

Jika temen - temen bisa, Temen - temen bisa memodifikasi bentuk dari daftar isi ini, apakah mau di kasih backround gambar, bentuk huruf yang berbeda atau apa saja dengan mengubah kode CSS.Code di bawah ini adalah code pertama(1) paling atas.

Selamat mencoba Cara Membuat Daftar isi Blog, semoga berhasil.

Cara Menambah Emoticon di CBox

Posted by Zedh 0 comments

Ha Ha Ha Setelah Sebelomnya mengunjungi blog si anggasona (manusia yang suka maen kesini) akhirnya aku dapet sebuah ide baru, yaitu Cara Menambah Emoticon di Cbox caranya cukup mudah.. cukup beberapa klik tak sesulit Membuat Komentar Facebook caranya begini.. langsung saja ke TKP...

Langkah 1. Carilah Situs yang menyediakan Emoticon Gallery
Pertama kalian cari situs yang menyediakan emoticon, yang bisa kalian pilih. contohnya untuk emoticon kaskus bisa di lihat disini http://www.kaskus.us/misc.php?do=getsmilies&editorid=vB_Editor_001

Langkah 2. Login Ke Cbox
Lalu Login Ke Cbox anda dan Modifikasi Emoticon dengan cara Klik Options lalu Smile

Langkah 3. Delete Semua Emoticon Default
Delete semua emoticon yang sudah ada, sampai pada gambarnya bertanda X

Langkah 4. Ganti Code
Kemudian ganti kode (Code) dengan beberapa kode yang biasa digunakan, contoh bisa lihat di bawah ini:

:), :D, =)), sobat, blogwalking/jalan-jalan, berkunjung, baca-baca, award, ok, :P, cool
Selanjutnya bisa teman-teman modifikasi sendiri, jika lupa kodenya bisa teman-teman lihat Yahoo Messenger Smile Icons. Untuk lebih jelasnya bisa lihat pict di bawah ini (klik gambar untuk memperbesar),

Save dehhh.... Selesai....

Membuat Back To Top Dengan Smoothscroll jQuery

Posted by Zedh 0 comments

hehehe kemarin saya juga dah posting tentang cara pasang back top di blog dan sekarang saya posting cara Membuat Back To Top Dengan Smoothscroll jQuery .

Back To Top merupakan sebuah aplikasi tambahan (widget/plugin) untuk ditempatkan di dalam sebuah blog dan sepertinya saat ini memang sudah tidak asing lagi di telinga kita dan mungkin saja kita sendiri sudah sering menjumpai widget Back To Top ini.

yang ini akan sedikit berbeda back top yang ini ketika sobat klik maka dia akan perlahan-lahan naik ke atas dengan smooth (lembut dan santai).

Fungsi:

Memudahkan kita khususnya para pengunjung blog untuk kembali ke halaman atas, jadi kita tidak perlu men-scroll secara manual menggunakan mouse untuk kembali keatas, cukup dengan mengklik tulisan "Back To Top".

Buat teman-teman yang ingin membuatnya silahkan ikuti langkah-langkah di bawah ini:

copy script di bawah ini

2. paste kan

<head>

3. sealesai ^__^

Mudah Bukan !
sealamat mencoba dan selamat bereksperimen!!!

Pasang Widget Histats di Blog

Posted by Zedh 0 comments

Setelah kita tahu dan paham tentang cara- cara / langkah- langkah pendaftaran di histats yang baru, sekarang kita akan sedikit membahas cara pemasangan widget histats di blog kita. Dari pada berlama- lama mari kita meluncur langsung ke langkah- langkahnya:

Masuk ke alamat http://www.histats.com/ dan login dengan e-mail dan password yang kita daftarkan sebelumnya
Klik Add Website
Isi form- form yang tersedia
site url : isi dengan url blog / website sobat.. dengan format www.namablog.blogspot.com [misalnya www.didikandweta.blogspot.com atau www.didikweta.com (website)]
title : isi dengan judul blog
description : deskripsi blog
Page views start value: jumlah page views awal
visitor start value: jumlah visitor awal
time zone : aturlah format wakunya
type : tipe blog / websote
category: termasuk jenis apa/ kategori apa blog/ wesbsite sobat
caphtcha : isi kode capchta yang muncul
Klik Continoue
klik icon seperti gambar di bawah ini:
klik Counter code
klik Add new counter
Selanjutnya;
1. pilih kategori style widget histats yang tersedia
2. pilih dan klik salah satu style/ model widget histats yang teman- teman minati
3. Pilih dan atur informasi yang tampil
4. klik simpan

klik gambar untuk melihat ukuran sebenarnya
klik id counter yang telah kita buat tadi maka otomatis di bawahnya akan muncul kode script pemasangannya [Copy kode-kodenya]
Login ke blogger - pada halaman dashboard klik Tata Letak
klik Add Gadget - HTML/Javascript
Paste kode tadi
Simpan dan lihat hasilnya
Sumber : Didikweta

Cara Membuat Widget Blog Indonesia

Posted by Zedh 0 comments

Nah setelah saya keliling Kota Google, saya menemukan cara Mempromosikan Blog...

Nah Langsung aja !!!

Be Proud. Wear the badge.

Show the world that your blog is an Indonesian blog.
Pick the badge of your choice.

Caranya :

1. login ke Blog agan

2. Rancangan

3. Add a Gedget

4. Copy-paste Code Yg di bawah ini

5. save.

Thank you! Please copy the script below and paste it into your blog:

Cara Memblokir Klik Kanan

Posted by Zedh 0 comments

Fungsi bagi disable right click adalah bagi melindungi artikel atau imej dari dicopy.Mesej akan keluar jika right click cuba digunakan.Walaupun ada right click tapi masih boleh dicopy juga kerana ada cara lain yang boleh digunakan. Jadi untuk imej yang dimasukkan eloklah diletak watermark supaya tidak disalah gunakan.

Cara membuatnya:

Masuk kedesign--pilih pagelements
Add a gadget--pilih HTML/javascript
masukkan kod dibawah ini:

var message="Letak mesej disini";

///////////////////////////////////

function clickIE4(){if (event.button==2){alert(message);return false;}}

function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}}

if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}

else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}

document.oncontextmenu=new Function("alert(message);return false")

</script>

Gantikan letak mesej disini dengan mesej yang ingin ditampilkan
Kemudian save.

Zikbo Blog

Memasang Fitur Chat Di Blog

Cara Pasang Back Top di Blog

Cara Mengembalikan Navbar di Blogspot

Membuat Auto Read More dengan Button

Cara Membuat Buku Tamu Termbunyi

Cara Membuat Tombol Home, BackToTop, BackToDown, Realod

Cara Membuat Daftar isi Blog

Cara Menambah Emoticon di CBox

Membuat Back To Top Dengan Smoothscroll jQuery

Pasang Widget Histats di Blog

Cara Membuat Widget Blog Indonesia

Cara Memblokir Klik Kanan

Arsip Blog

Category

Visitor

Link Sahabat

Follower Blog

Tukaran link gan : )