Cara Pasang Buku Tamu Facebook di Blog

Cara Pasang Buku Tamu Facebook di Blogspot Banyak Penyedia Buku Tamu ( shoutbox ) yang sudah melegenda contoh saja Shoutmix ( http://www.shoutmix.com ) web milik Negara Jiran Malaysia, dan masih banyak penyedia Shoutbox lainnya.
Kini Kumpulancara.com Hadir mempersembahkan dan sekaligus membantu sobat blogger yang mau mengganti atau pasang baru Buku tamunya dengan Bukutamu milik Facebook.
Saya kira ini akan Nampak lebih Keren dan Unik dibanding yang lainnya, Siapa Penghuni dunia Gaib (Maya) yang tidak mengenalnya, heee yang tak kenal maka tak maya alias kebangetan.
Oke tanpa Basa basinya si Sampoerna Mari kita langsung Tancap
Seperti Biasa sama dengan tutorial lainnya Tosss Dulu
Login dengan Account masing-masing " Jangan pinjem Account tetangga "

Cara Pasang di Blogspot

Silahkan Masuk Ke Dasbor Lalu Klik Rancangan
sekarang Klik Tambah Gadget baru
Lalu Klik Tambah HTML/JavaScript
Silahkan Isi Judul Terserah SObat contoh " Buku Tamu"
Lalu isikan kode berikut didalamnya

<div style="text-align: center;">
<span style="color: blue; font-size: x-small;">Selamat Datang</span>
<span style="font-size: x-small;"><b style="color: red;">Jgn Lupa Comment</b></span><span style="color: blue; font-size: x-small;">
</span><span style="font-size: x-small;"><b style="color: blue;"></b></span>
</div>
<iframe src="http://www.facebook.com/plugins/livefeed.php?app_id=136575963025211&amp;width=290&amp;height=400&amp;xid=355411944445" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:290px; height:400px;" allowTransparency="true"></iframe><div style="color: #999999;">
<span style="font-size: xx-small;">Widget by: <a href="http://www.facebook.com/">Facebook</a> Develop by: <a href="http://www.kumpulancara.com/" target='new'>kumpulancara</a></span>
</div>

Note : Lebar dan Panjang sesuaikan dengan Keadaan Blog Masing-masing
Silahkan Simpan

Read More

Cara Bikin Beground Posting

Mohon maaf tas segala kekurangan sobat semua, pada hari kemaren saya bikin sebuah blog, yang saya pelajari dengan giat sekali, akan tetapi da yang tidak suka dengan keindahan blog saya tersebut, dan akhirnya blog itu saya hancurkan, dan kemudian saya bikin blog lagi yang saya beri judul Q ingin bisa, nah untuk itu kali ini saya akan postingkan cara bikin beground yang indah di postingan yang kita anggap penting, jika anda ingin tau silahkan anda simak langkah - langkahnya, semoga bermanfaat.

Cari dulu kode ]]></b:skin> dan taruhlah kode di bawah ini diatas kode ]]></b:skin> dan jika pengen cepat carinya silahkan sobat tekan Ctrl+F
blockquote {
margin: 10px 10px 10px 20px;
padding: 10px 15px 10px 15px;
line-height: 1.6em;
color: #000000;
background: #FBEFF5;
border: 3px solid #74DF00;
border-left: 3px solid #74DF00
}

Kemudian jika sudah silahkan Sobat simpan.
jika sobat pengen ganti warna background, silahhan ganti sendiri dengan selera sobat (monggo kerso) jika sobat belum tau kode kodenya silah kan klik disini
border: 3px solid #74DF00;
border-left: 3px solid #74DF00
untuk kode warna di atas ini usahakan sama

kemudian jangan lupa jika sobat mau posting tambahkan kode ini sebelum postingan yang sobat anggap penting,
contohnya seperti ini

<blockquote>
isi postingan yang sobat anggap penting
</blockquote>

Sudah selesai sobat, GIMANA...? cukup mudah bukan cara2nya,,,jika sobat ingin silahkan sobat mempraktekkannya,semoga cara ini bermanfaat buat anda

Read More

Membuat Tanda Tangan(Signature) Online

Saya pernah melihat sebuah blog yang di setiap akhir Postingannya terdapat tanda tangan [terlihat resmi],waktu itu saya kepikiran untuk membuat postingan cara membuat Tanda Tangan/Signature tersebut,tapi karna ada postingan lain yang mau di buat,jadinya cara membuat Signature Online ini belakangan aja,tapatnya pada kesempatan ini.Sudahlah kita langsung masuk aja ke topic,Tanda tangan atau Signaturebiasa kita tuliskan pada sebuah surat,Tentu tanda tangan setiap Orang berbeda,lalu bagaimana jika kita ingin menambahkan/membuat tanda tangan secara Online???
Setelah dicari-cari ternyata ada caranya lho,untuk membuatnya kita bisa mengunakan layanan darihttp://mylivesignature.com/ .Cara membuat tanda tangan di mylivesignature ini sangat mudah lho,berikut langkah-langkah untuk membuatnya.
1.Masuk pada situs tersebut dengan mengetikan http://mylivesignature.com/ pada address bar anda,jika sudah masuk,klik tab Start Now
2.Lalu pilih Create Signature
3.Lalu Pilih Using the signature creation wizard
4.Lalu masukan nama Anda pada kotak Name, Klik Next Step.
5.Pada bagian ini Anda dapat memilih bentuk(font) tanda tangan yang hendak digunakan, lalu klikNext Step.
6.Pada Bagian ini anda dapat menentukan ukuran(Size) tanda tangan yang anda buat,lalu klikNext Step.
7. Pada Bagian ini anda dapat menentukan warna(Colour) tanda tangan yang anda buat,lalu klikNext Step.
8. Pada Bagian ini anda dapat menentukan arah(Slope) tanda tangan yang anda buat,lalu klikNext Step.
9.Lalu akan tampil HTML Generating Code,Klik pada Want To Use this Signature.
10.Setelah tampil pilihan Generating signature code,anda klik yang HTML-nya atau pada linkGenerate HTML code.
11.Lalu Pada Generated HTML code pilih Generate a code for my handwritten signature.
12.Lalu Copy kode yang ada
13.Lalu masuk ke Dashboard klik Pengaturan >> Format.
14.Pada kotak Template Posting ,masukan kode dari mylivesignature
15.Klik tombol Simpan Setelan
16.Selesai

Read More

Cara membuat Search Box pada Blog

Pada kesempatan yang lalu kita telah bicara mengenai cara memasang search engine ke blog,jika belum sempat baca,baca dulu deh disini,namun pada kota search tersebut mengarah pada search engine,lalu bagaimana dengan blog kita,apa akan ditinggalinya. Untuk itulah saya membahas masalah ini.
Pada search box ini berbeda dengan search box yang dulu,kalau kita mengetikan kata kunci pada kotak tersebut,hasilnya kita akan menemukan data yang ada hanya pada blog kita saja,jadi pengunjung semakin lama berada diblog kita.

 Jika ingin membuatnya ikuti trik berikut ini..

1.Login ke Blogger dengan ID anda

2.Klik Menu Layout

3.Klik Tab Page Element

4.Klik Pada Add a Gadget

5.Klik tulisan HTML/Javascript

6.Pastekan Kode berikut kedalam kotak yang disediakan

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

Keterangan:
Ganti nama-blogmu dengan nama blog kamu.angka 40 menunjukkan panjang kotak (search box) semakin banyak angkanya maka semakin panjang textbox-nya
 7.Save,Lalu Lihat blog Anda
 Jika sudah selesai coba uji kotak Search Box anda dengan mengetikan kata kunci jika mengarah pada blog anda berarti tugas kita sudah berhasil.

Read More

Mengukur kecepatan blog diakses

Sobat blogger pasti menginginkan blog nya tampil sebagus,semenarik mungkin,pasang ini,pasang itu,sampai2 panjang nya udah seperti Menara Petronas(wadu tingi amat)? ngaak kok.tapi karma terlalu keasikan merias blog,Sobat blogger sampai-sampai melupakan sesuatu yang sangat penting yaitu kecepatan blog diakses dan masalah berat(Size),berapa lamanya waktu yang dibutuhkan untuk membuka Blog.




Perlu diperhatikan ,walaupun blog itu menarik atau bagus tapi jika masalah ini tidak diatasi maka akan membuat pengunjung Blog merasa jengkel karma kelamaan menunggu dan akhirnya malah menutup blog(wadu sayang amet),kamu tidak maukan jika blog mu demikian,lama,lama dan lama buaanget loadingnya.dan membuat blog mu jadi sepi pengunjung,hahaha jangan bersedih kita akan belajar sama2 untuk mengatasi hal itu.







Nha dibawah ini ada sebuah alat yang berfungsi untuk mengukur kecepatan Blog diakses atau mengukur seberapa cepat loadingnya..nha untuk menggunakannya kamu tinggal masukin aja alamat blog mu,atau alamat blog yang ingin kamu cek,lalu tekan tombol Check.kemudian hasilnya akan langsung keluar.hasil yang ditampilkan berupa Size,Load Time dan Average speed per KB,tapi yang jadi pusat perhatian adalah Size,karna Average dan Load Time dapat berubah sewaktu-waktu,jika Size menunjukan lebih dari 100KB,maka usahakanlah untuk mengurangi pernak-pernik yang tidak perlu,dengan Tool ini kamu juga bisa membandingkan blog mu dengan blog sobat blogger lainnya.




Masukan alamat Web/Blog yang ingin diuji(maksimal 10)

(contoh:http://blogkomputers.blogspot.com)

Read More

Membuat Page Navigation

Page Navigation adalah sebuah Widget yang digunakan pada Web ataupun Blog untuk memperlihatkan postingan atau artikel pada Webblog tersebut per halaman,contohnya seperti gambar dibawah ini:








Untuk lebih memperjelas pengetahuan anda mengenai Page Navigation ini silahkan menuju halaman depan[Homepage] blog ini,dibagian bawah postingan terakhir terdapat angka1,2,3,…,dst.itulah yang disebut Page Navigation.


Untuk membuatnya sangat mudah

1.Login ke blogger dengan ID anda

2.Lalu Klik Menu Templates

3.Klik Add Widget Element

4. Pilih Menu HTML/Java Script

5.Lalu Download Kode berikut dan Pastekan pada kotak HTML tersebut

<style>
.showpageArea a {
text-decoration:underline;
}


.showpageNum a {
text-decoration:none;
border: 1px solid #bbb;
margin:0 3px;
padding:3px;
}


.showpageNum a:hover {
border: 1px solid #bbb;
background-color:#bbb;
}
.showpagePoint {
color:#fff;
text-decoration:none;
border: 1px solid #fff;
background: #000;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #bbb;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333;
}


</style>






<script type="text/javascript">


function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';




var pageCount=5;
var displayPageNum=3;
var firstPageWord = 'Awal';
var endPageWord = 'Akhir';
var upPageWord ='Sebelumnya';
var downPageWord ='Selanjutnya';






var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';


for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}


postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){


itemCount++;
}


}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}


if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}


for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}


fFlag++;
}


if(p==(thisNum-1)){
html += '&nbsp;<span class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
}
}


if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){


if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}else{
html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}
}


html = '<div class="showpageArea"><span style="padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;border: 1px solid #333; background-" class="showpage">Page '+thisNum+' of '+(postNum-1)+': </span>'+html;


if(thisNum<(postNum-1)){
html += downPageHtml;
html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';
}


if(postNum==1) postNum++;
html += '</div>';


if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");


if(postNum <= 2){
html ='';
}


for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}


if(pageArea&&pageArea.length>0){
html ='';
}


if(blogPager){
blogPager.innerHTML = html;
}
}


}
</script>


<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>
<div style="text-align:right;font-size:10px;color:000000;margin-top:15px;display:none;"> <a href="http://blogkomputers.blogspot.com">Grab this Widget ~ Navigasi Halaman</a></div>

6.Save Widget tersebut

7.Scrool atau pindahkan Widget tersebut pada area dibawah posting[lihat gambar]

8.Save Template

9.Selesai

Hari ini cukup itu dulu tutorialnya udah capek jari ketik-ketik keyboard.

Read More