Pertama-tama saya melihat di GudangMateri.com. Kok Dia Bisa Membuat Template Yang Mirip Seperti Google? saya Pun Penasaran. Tanpa pikir panjang Saya tanya kepada Adminnya GudangMateri Langsung. Dan Yang Menakjubkan template Ini Dia Yang Buat sendiri yaitu Achmad Zulfikar. Hebat sekali, Dan template ini Dibuat Oleh nya pada tanggal 30 Agustus 2010, Yang Dikatakannya bertepatan Dengan Hari Ultah GudangMateri yang Ke 8 Bulan . Nama template tersebut adalah Google CSE Template Dia Sangat Berbagi Kepada Saya dan Inilah cara nya.
Klik Demo Untuk COntoh Klik Download Untuk Mendownload
Adapun beberapa Readme.txt yang patut diperhatikan sebagai berikut :
Adapun beberapa Readme.txt yang patut diperhatikan sebagai berikut :
/* default theme its white background that " #ffffff " below , if you want to change the background just change the " #ffffff " value */
<variable name="keycolor" description="Main Color" type="color" default="#66bbdd" value="#ffffff">
/* code below its Favicon , if you want to know how to make favicon visit :
http://www.gudangmateri.com/2010/05/membuat-favicon-di-blogger.html (Indonesian Language) */
<link href="%27http://sites.google.com/site/gudangmateri/gudang-gambar/gudangmateri.ico%27" rel="'Shortcut" type="'image/x-icon'/">
/* code below that link for your blog , if you want , please let one of the link below stay at the place to support us */
<a href="http://www.blogger.com/%27http://m.gudangmateri.com%27" target="'_blank'" title="'Mobile">Mobile</a> | <a href="http://www.blogger.com/%27http://www.gudangmateri.com%27" target="'_blank'" title="'Halaman">WWW</a> | <a href="http://www.blogger.com/%27http://index.gudangmateri.com%27" target="'_blank'" title="'Index">Index</a> | <a href="http://www.blogger.com/%27http://news.gudangmateri.com%27" target="'_blank'" title="'Halaman">News</a> | <a href="http://www.blogger.com/%27http://kamus.gudangmateri.com%27" target="'_blank'" title="'Kamus">Kamus</a> | <a href="http://www.blogger.com/%27http://komik.gudangmateri.com%27" target="'_blank'" title="'Kumpulan">Komik</a> | <a href="http://www.blogger.com/%27http://travel.gudangmateri.com%27" target="'_blank'" title="'Gudang">Travel</a> | <a href="http://www.blogger.com/%27http://www.gudangbiografi.com%27" target="'_blank'" title="'Kumpulan">Biografi</a> | <a href="http://www.blogger.com/%27http://www.gudangpedia.com%27" target="'_blank'" title="'Kumpulan">Ensiklopedia</a> | <a href="http://www.blogger.com/%27http://www.gudangmateri.com/2010/05/advertise-di-gudang-materi.html%27" target="'_blank'" title="'Gudang">Advertise</a> | <a href="http://www.blogger.com/%27http://www.gudangmateri.com/2010/05/kontak-gudang-materi.html%27" target="'_blank'" title="'Kontak">Contact</a></variable>
Google CSE template
Tips Agar postingan yang tampil Hanya Judul
Teman teman Kali Ini Saya Ingin Berbagi Tips blogger Yang tidak terlalu bermanfaat :) .. namun Semoga Ada yang Menggunakan ... Pertama
Apakah Anda tahu Kolom-tutorial.blogspot.com? pasti tahu blog nya Kang rohman . bapak nya blogger ada yang Bilang :) ..
kan Di Blognya Kang Rohman lihat Aja deh postingan nya Cuman Judulnya . Saya ingin Share Cara Agar Blog Anda Yang tampil hanya Judulnya saja
1. Login Ke blogger
2. masuk ke rancangan>EDIT HTML ..
3. cari Kode ]]></b:skin> Agar Mempermudah Klik CTRL + F
4. Masukan Kode Yang ada DI bawah ini
<style type='text/css'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
.post-body, .post-footer, .jump-link,
.post-timestamp, .reaction-buttons,
.star-ratings, .post-backlinks,
.post-icons, .date-header{display:none;}
</b:if>
</b:if>
</style>
Taruh Kode Diatas Di bawah kode ]]></b:skin>
5. Save Template
lalu Liat Hasilnya . Semoga bermanfaat ..
membuat Recent Post Animasi
Postingan Kali Ini Saya Akan membahas tentang membuat Recent Post .. tapi Postingan Kali ini Buka Sembarang Recent post(hehe Kayak mau di Sulap aja) .. Sebelumnya Saya pernah menulis Postingan di Blog ini.tetapi kalau recent Post Yang kali ini Berbeda .. karena saya Akan Membuat Recent post Ini Menjadi Otomatis Naik ke Atas Bawah ..
Keren Kan ..!!! kalau Begitu Ada sih caranya.
Sebelum Itu saya Ingin promosi Dulu nih teman
apabila Teman-teman Ingin trafiknya bagus ngesubmit aja nih artikelnya di Forum Blogger Atau gak Diantara ini ada pengunjung Yang Suka Berita Sehari-hari . Liatnya di
Jagoan Berita. Maaf ya temen temen lama . soalnya Promosi Blog Baru :) Langsung Aja Di CEKIDOT..!!!
Berikut Langkah nya
1.Login ke Akun Blogger
2.Masuk ke Rancangan>>Add Gadget>>HTML Java script
3.Masukan Kode Yang ada Di bawah Ini
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/post.jpg) repeat-x;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
<script language='javascript'>
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://jagoanberita.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/recentpostthumbspy-min.js' type='text/javascript'></script>
</div>
4. cari Di Kode tersebut Yang ada bertulis http://jagoanberita.blogspot.com . itu Diganti dengan URL yang anda mau
5. save dan Liat hasilnya ..
Selamat Mencoba ^_^ .. Kalau Script Di atas Tidak bisa Berjalan .Silahkan Komentar dan Beri tahu .. Agar saya Perbaiki ..
Wasalam
cara Tuker link di homepage dengan Scroll
Postingan Kali Ini saya Ingin berbagi Cara Menaru Tukeran link Pada
HomePage di Blog Anda dengan Scroll .. Karena Perlu anda Ketahui
Apabila kita Bertukar link dengan Teman blogger . Baiknya kita pasang Blog teman di HomePage .. Karena Perbandingan HomePage dengan Subpage Berbeda jauh tukar linkNya .
Jadi saya Ingin Memberi Code Scriptnya ..
Mungkin Di antara teman-teman sudah ada yang punya .. Jadi postingan Ini gak terlalu bermanfaat
1. Login ke Akun Blogger Kalian
2. Masuk ke Rancangan
3. Add Gadget>>HTML Java Script>> Taruh Kode nya yang ada di bawah Ini
<div style="overflow:auto;background:#ffffff;width:280px;height:200px;padding:10px;border:1px solid #CCCCCC">
<ul>
<li><a href="URL Blog">Judul Blog</a></li>
<li><a href="URL Blog">Judul Blog</a></li>
<li><a href="URL Blog">Judul Blog</a></li>
<li><a href="URL Blog">Judul Blog</a></li>
<li><a href="URL Blog">Judul Blog</a></li>
<li><a href="URL Blog">Judul Blog</a></li>
<li><a href="URL Blog">Judul Blog</a></li>
<li><a href="URL Blog">Judul Blog</a></li>
<li><a href="URL Blog">Judul Blog</a></li>
<li><a href="URL Blog">Judul Blog</a></li>
<li><a href="URL Blog">Judul Blog</a></li>
<li><a href="URL Blog">Judul Blog</a></li>
<li><a href="URL Blog">Judul Blog</a></li>
<li><a href="URL Blog">Judul Blog</a></li>
<li><a href="URL Blog">Judul Blog</a></li>
<li><a href="URL Blog">Judul Blog</a></li>
<li><a href="URL Blog">Judul Blog</a></li>
<li><a href="URL Blog">Judul Blog</a></li>
<li><a href="URL Blog">Judul Blog</a></li>
<li><a href="URL Blog">Judul Blog</a></li>
</ul>
</div>
4. Ganti Yang Bertulis URL BLOG dengan URL yang di inginkan Contoh : http://www.akujagoan.com/ Dan Ganti Judul Blog dengan Judul yang Ingin Bertukar Link Contohnya AkuJagoan.com
5. Save dan liat Hasilnya
Semoga Postingan Ini Bermanfaat
Wasalam ..!!!
Membuat Top Artikel
Teman-teman saya ingin Bagi-bagi lagi nih cara ngebuat top artikel atau Popular page..
setelah membuat Recent Comment dan Recent post saya mw ngasih TOp Artikel
Gak Usah pake lama deh .. langsung aja Kita bahas ..
OKE...!!!!!!!!!!!!!!!!!!!
CEKIDOT....
2. Setelah masuk ke Rancangan>>tata letak>>Add Gadget>>HTML Java Script
3. Masukan Kode yang Ada Dibawah ini
<script type="text/javascript">function pipeCallback(obj) {document.write('<ul style="text-transform: capitalize;">');var i;for (i = 0; i < obj.count ; i++){var href = "'" + obj.value.items[i].link + "'";var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";document.write(item);}document.write('</ul>');}</script><script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=ff855e4f4d4a10fde1c2eb32074f99cd&url=http%3A%2F%2FYourBlogName.blogspot.com&num=10" type="text/javascript"></script>
Widget By:<a href='http://akujagoan.com'>Jagoan.com</a>
5. Ganti Yourblogname.blogspot.com Dengan URL anda ..
6. Simpan dan Selesai
Gampang kan ???
Semoga postingan ini bermanfaat
Wasalam ..!!!
