Cara Cepat Membuat Search Engine di Blogger

Mesin Pencari atau nama kerennya adalah Search Engine adalah kotak dialog yang memungkinkan kita dapat memasukan sebuah kata yang kemudian akan mesin tersebut mencari semua data yang berhubungan / terkait dengan kata yang telah kita msukan .Apa Gunanya? Akan lebih mempermudah pengunjung menemukan artikel yang ingin dicari .Berbeda dengan search engine yang disediakan oleh blogger yang tidak melakukan pencarian kata pada blog kita melainkan mesin pencari google. Tapi setelah mencari di berbagai forum akhirnya saya telah menemukan cara agar dapat melakukan pencarian kata  pada blog, mengenai referensinya yaitu google yang memiliki berbagai pengetahuan. Langsung aja gan yang ingin membuat kotak penelusuran/Search engine pada blogger ? Ikuti langkah berikut .

• Pertama Log-in pada Blogger 
• Masuk pada Dasboard Blogger
• Kemudian pilih Tata Letak

• Setelah itu untuk menambahkan search engine pilih "Tambahkan Gagdet"

• Setelah mucul jendela pemilihan Gadget pilih "Java script"

• Setelah itu masukan kode script pada kolom yang tersedia dibawah( judulnya sebaiknya jangan diisi)

<form action="/search" class="right" id="searchthis" method="get"><input class="input-text" id="searchBox" name="q" onblur="if(this.value==&quot;&quot;)this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value=&quot;&quot;;" type="text" value="Apa yang Anda Cari ?" vinput="" /><input class="searchbutton" id="submit-button" type="submit" value="Cari" /></form>

• Huruf warna merah dapat anda ganti sesuai keinginan , misalkan : right,left,center, kode tersebut adalah posisi yang ditentukan untuk kotak penelusuran/search engine pada blog anda
• Anda juga dapat mengubah huruf yang berwarna hijau dengan kata lain, yaitu kata yang berada dalam kotak search engine
•   Warna Biru adalah judul yang akan tampil pada  samping search engine, bisa anda ubah dengan kata yang inginkan.

Sekian artikel saya ini mengenai Cara membuat Search Engine pada Blog, semoga dapat bermanfaat bagi anda yang membacanya maaf bila ada kekurangan...Selamat Mencoba dan Berhasil

Continue reading Cara Cepat Membuat Search Engine di Blogger

Cara Cepat Membuat Auto Readmore pada Blog

Auto Read More adalah Membuat Otomatis Readmore pada blog .Auto Readmore digunakan untuk menghemat tempat post pada beranda kita. dengan Auto Read More anda tidak perlu repot-repot memberi jumpbreak pada setiap postingan anda pada blogger, selain itu juga postingan pada beranda akan tertata rapi karena tidak akan menggangu posting statis milik kita.pokoknya lebih efisien deh jika meggunakan AUTO READMORE ini..ingin mencobanya ????silahkan baca artikel dibawah ini..

Langkah :

• Pertama masuk dulu ke akun blogger agan, 
• Kemudian masuk ke Dashboard Blogger--Template--Edit HTML(JANGAN LUPA mencentang Expand Widget Template)
• Apabila anda sudah mengisi script Auto Read More maka anda harus menghapusnya terlebih dahulu. Gunakan Tutorial Auto Read More yang anda pakai sebelumnya, untuk mengetahui script mana yang harus anda hapus
• Cari tag </head> dan copy--kan script dibawah ini tepat dibawah tag </head>(Gunakan Ctrl+F dan F3 untuk mempermudah pencarian)

<script type='text/javascript'>
var thumbnail_mode = &quot;yes&quot;; //yes-dengan gambar,no-tanpa gambar
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 150;
img_thumb_width = 150;
</script>
<script type='text/javascript'>
//<![CDATA[
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(thumbnail_mode == "yes") {
    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>

Keterangan :Script berwarna biru adalah jumlah dan ukuran tampilan.
 summary_noimg = Jumlah karakter tanpa gambar
 summary_img = Jumlah karakter dengan gambar
 img_thumb_height = Tinggi gambar {dalam pixel}
 img_thumb_width =Lebar gambar { dalam pixel }

Anda bisa mengubahnya sesuai keinginan anda..............!!!!!!

• Kemudian cari tag <data:post.body/>  dan ganti tag tersebut dengan script di bawah ini.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<a class='more' expr:href='data:post.url'>Read More >></a>
</b:if>
</b:if>

Nah untuk saat ini cuma artikel ini yang bisa saya bagikan kepada agan semua, bila ada kekurangan mohon maaaf, kesempurnaan hanya milik ALLOH SWT.....Semoga bermanfaat !!!

Continue reading Cara Cepat Membuat Auto Readmore pada Blog

Cara Membuat Power Saving Mode pada Blog

Cara Membuat Power Saving Mode pada Blog - Pada kesempatan kali ini saya ingin berbagi informasi mengenai cara membuat Power Saving Mode pada Blog, sesuai dengan istilahnya SAVING MODE yang artinya Penyimpanan daya PC/laptop akan dilakukan  pada jangka waktu tertentu saat jendela Blog yang anda kunjungi tidak terbuka. .Bila anda ingin mencoba untuk menggunakan POWER SAVING MODE .Silahkan ikuti langkah berikut ini.... 

• Log-in Blogger 
• Kemudian masuk pada dasbor blogger anda
• Lalu pilih Template Kemudian pilih Edit HTML

• Kemudian cari tag </head> akan lebih mudah menggunakan Find ( Ctrl+F )
•  Lalu Copy--kan script dibawah ini tepat diatas </head>
• Save Template

<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js?time=20' type='text/javascript'/>

NB : 

Anda bisa Ganti angka warna hijau pada script. Angka tersebut adalah waktu yang ditentukan untuk mengaktifkan Power Saving Mode pada blog anda , 20 = 20 detik anda bisa mengubah waktu sesuai keinginan anda...

  

Sekian postingan saya mengenai Cara Membuat Power Saving Mode pada blog,Semoga Bermanfaat

Continue reading Cara Membuat Power Saving Mode pada Blog

Cara Mudah Mengganti Tampilan / Template Blog di Blogspot

Blogger adalah salah satu situs penyedia pembuatan blog gratis yang cukup populer dan sebagian besar  individu menggunakan situs ini untuk membuat blog secara gratis, karena dinilai lebih mudah dan efisien.Bila anda pengguna blogger pasti kebanyakan dari anda ingin mengganti tampilan/template dari blog anda, karena template yang disediakan bisa dibilang masih sederhana bila dibandingkan dengan kita mencari template dari situs lain.Ingin tahu cara untuk mengganti tampilan/template blog anda dengan cara yang mudah dipahami. Silahkan baca artikel dibawah ini.

Langkah pertama download template yang ingin anda gunakan untuk blog

Sebelum mendownload template untuk lebih baiknya anda lihat demo terlebih dahulu 

Bila kita melihat demo kita akan melihat tampilan keseluruhan dari template blog

Lalu jika selesai memilih, kemudian download template

Setelah download selesai, buka tempat download kemudian extract, ubah format file menjadi .xml

Setelah itu masuk blogger dan pilih template kemudian pilih "cadangkan/pulihkan"

Klik "browse" ,lalu cari file templat

 

Pillih file yang berekstensi .xml lalu pilih open

Setelah memilih file, klik "Unggah" dan tunggu beberapa saat hingga selesai

Bila berhasil mengunggah, template blog anda akan berubah

Kemudian hapus menu yang dirasa tidak perlu pada bagian Tata Letak.

Mudah bukan cara untuk mengganti template blogger,
Selamat mencoba...!!

Continue reading Cara Mudah Mengganti Tampilan / Template Blog di Blogspot

Cara Membuat Satu Link dengan 2 Halaman Tujuan

Hai sobat kali ini saya mau share mengenai Cara agar 1 link yang kita taruh pada Blog atau Web bisa Membuka 2 Halaman  Tujuan secara bersamaan. Gunanya apa ? agar kita dapat memberikan infomasi yang memiliki dua sumber yang bisa dibuka hanya dengan 1 klik atau bisa juga untuk mengarahkan pengunjung blog kita pada 2 situs sekaligus dengan satu klik. Nah buat sobat yang ingin mencobanya berikut caranya :

Caranya sangat mudah silahkan copy script kode dibawah ini dan edit kata yang berwarna merah dengan link tujuan yang sobat inginkan, dan yang yang berwarna biru ganti dengan kata yang ingin dimunculkan pada web.

<a onclick="window.open('http://caridollaryok.blogspot.com')"href="http://komputerkuno.blogspot.com" target="new">Klik Disini</a>

Jika sobat ingin mengetahui secara langsung hasilnya silahkan Klik Disini

Nah mungkin itu sedikit trik dari saya mengenai Cara Membuat Satu Link dengan 2 Tujuan Situs, silahkan dicoba !! ^_^

Continue reading Cara Membuat Satu Link dengan 2 Halaman Tujuan

Cara Memasang Tombol Share Keren Melayang di Sisi Kiri Blog

Setelah sebelumnya saya share mengenai Cara Memasang Tombol Like FaceBook, Tweet Twitter dan Share G+ Dibawah Postingan Blog, kali ini saya mau share mengenai cara memasang tombol share melayang di kiri blog, dengan menaruh tombol share ini secara tidak langsung kita juga mempermudah pengunjung blog kita untuk membagikan artikel kita ke social media seperti facebook, twitter dan google plus. Dengan begitu pengunjung blog kita pun menjadi bertambah. Nah buat sobat yang ingin memasang tombol share keren di blog seperti dibawah ini, berikut caranya : 

 

1. Silahkan Login ke Blogger 

2. Pilih menu Tata Letak lalu klik Add Widget 

3. Kemudian pilih Html/Java Script Pada kolom konten silahkan isikan script berikut ini

 <!-- Floating social media buttons by www.howbler.com --><style>#floatingbuttons{background:#41A317;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #A1D423), color-stop(1, #80A81C));background:-moz-linear-gradient(top, #41A317, #41A317);border:1px solid #739619;float:left;padding:0 0 3px 0;position:fixed;bottom:15%;left:0;z-index:10;border-radius:0 5px 5px 0;box-shadow:2px 2px 5px rgba(0,0,0,0.3);} #floatingbuttons .floatbutton{float:left;clear:both;margin:5px 4px 0 4px;} .addbuttons{clear:both;text-align:center;padding-top:5px;} .addbuttons a span.getfloat, .addbuttons a span.sharebuttons{color:#fff;background:none;font-family:arial, sans-serif;display:block;font-size:9px;font-weight:bold;text-decoration:none;line-height:11px;} .addbuttons a:hover span{color:#fff;background:none;text-decoration:underline;}</style><div id='floatingbuttons' title="Share this post!"><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><script type="text/javascript"> (function() { var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0]; s.type = 'text/javascript'; s.async = true; s.src = 'http://widgets.digg.com/buttons.js'; s1.parentNode.insertBefore(s, s1); })(); </script><!-- Medium Button --><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script><div class='floatbutton' id='facebook'><fb:like layout="box_count" show_faces="false" font=""></fb:like></div><div class='floatbutton' id='google+1'><g:plusone size="tall"></g:plusone></div><div class='floatbutton' id='twitter'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a></div><!-- end Floating social media buttons by www.howbler.com --></div> 

4. Klik simpan dan Lihat hasilnya !! 

Itulah sedikit tips cara memasang tombol share keren di blog. Silahkan dicoba dan Semoga dapat bermanfaat

Continue reading Cara Memasang Tombol Share Keren Melayang di Sisi Kiri Blog

Daftar Social Bookmarking Dofollow Terbaik 2015 dengan Pagerank Tinggi

Social bookmarking adalah tempat dimana kita bisa membangun backlink yang berkualitas dengan mudah, namun untuk mendapatkan backlink tersebut kita musti memilih web social bookmarking  yang termasuk  Dofollow, Mengapa ? karena kalau web tersebut  termasuk Dofollow bisa mengarahkan backlink ke blog/web kita. 

Selain itu jika menaruh sebuah link pada web social bookmarking Dofollow yang memiliki pagerank tinggi juga dapat membantu pagerank di blog/web kita menjadi bertambah, namun hal tersebut tidak akan terjadi secara spontan, semuanya memerlukan waktu dan kesabaran untuk mendapatkan hasil yang kita inginkan. Nah untuk sobat yang ingin menaruh artikelnya pada social bookmarking Dofollow+Pagerank tinggi, silahkan gunakan situs berikut ini :

No.	Alamat Situs	Pagerank
1	http://technorati.com	8
2	http://mixx.com	8
3	http://weheartgossip.com	8
4	http://delicious.com	8
5	http://connotea.org	8
6	http://stumbleupon.com	8
7	http://reddit.com	8
8	http://citeulike.org	8
9	http://slashdot.org	8
10	http://digg.com	8
11	http://diigo.com	7
12	http://mister-wong.com	7
13	http://squidoo.com	7
14	http://metafilter.com	7
15	http://designfloat.com	7
16	http://fark.com	7
17	http://newsvine.com	7
18	http://bibsonomy.org	7
19	http://folkd.com	6
20	http://current.com	6
21	http://svejo.net	6
22	http://icio.de	6
23	http://sphinn.com	6

Nah mungkin itu situs social bookmarking dofollow di internasional terbaik 2013 yang bisa digunakan untuk membangun backlink dan menambah pagerank blog/web. Happy bookmarking !!

Continue reading Daftar Social Bookmarking Dofollow Terbaik 2015 dengan Pagerank Tinggi