Pasang Iklan
Banner 125 x 125 Banner 125 x 125 Banner 125 x 125
Terima kasih telah datang ke blog kami. salahkan like blog kami dengan cara klik tombol like di atas. terima kasih untuk kehadiranya

Pengikut

Cara memasang google adsense search di blog

Fasilitas pencarian pada blog sangat penting, hal ini bertujuan untuk memudahkan pengunjung blog untuk mencari apa yang di butuhkan. dengan Google Adsense For Search ini akan sangat mempermudah searching di blog. apa kelebihanya ? kelebihan dari Google Adsense For Search ini adalah bisa mencari sampi ke blog - blog lain atau ke semua blog. Google Adsense For Search ini, tentunya juga bisa menambah penghasilan google adsense anda. Karena jika pengunjung melakukan pencarian dengan menggunakan layanan google adsense search dan kebetulan mengklik ads pada hasil pencarian maka earning anda akan bertambah layaknya adsense for content. nah posting kali ini, Cara Memasang Google Adsense For Search Di Blogspot. bagaimanasih caranya ? ayok, simak baik - baik.

- Silahkan Log in ke account google adsense anda
- Klik tab konfigurasi adsense
- pilih adsense untuk penelusuran
- Isi form apa saja yang di perlukan , seperti keyword atau kata kunci dan yang lainnya



- Klik lanjut
- Pilih bentuk Logo
- Pilih ukuran panjang kotak teks , secara default angaknya 31 karakter , tapi bisa anda ganti sesuai dengan keinginan anda




- Klik lanjut dan masukan url blog anda pada url area
- setting warna tampilan
- Lanjut



Ceklist tombol pada Penggunaan fitur AdSense untuk Pencarian ini diatur olehtarget persyaratan tambahan. Dengan mencentang kotak ini dan mengklik 'Kirim', Anda menyetujui persyaratan tersebut.

Klik tombol kirim dan dapatkan kode



Setelah anda mengklik tombol "kirimkan dan dapatkan kode" maka akan muncul new windows yang berisi kode pencarian yang bisa langsung anda pasang di blog anda.

Cara memasang kode adsense search pada blogspot :

- Log in ke account blogger anda
- pilih layout
- Klik tombol add a gadget
- Pilih HTML/JavaScript



- Maka akan muncul new windows , masukan kode adsense anda pada text area tersebut ,
- Save
- Google adsense for search sudah terpasang di blogspot anda

Cara memasang jam di blog

Jam. siapakah yang tidak tau jam.? deso memang. sebelum posting ini saya sudah posting Cara Membuat Daftar Isi Blog Di Blog.kali ini dan di postingan kali ini saya akan memberi tau Cara Memasang Jam Di Blogspot. caranya cukup mudah sobat. kalian tinggal ikutin caranya dan memperaktekanya. udah siap sobat ? langsung aja simak dan perhatikan.

Langkah - langkahnya :

1. Login Blogger
2. Pilih Tata Letak
3. Tambah Gadget
4. HTML / Javascript
5. Copy / Paste code berikut ini


<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="1001-black.swf";obj.TimeZone="Indonesia_Jakarta";obj.width=150;obj.height=150;obj.wmode="transparent";showClock(obj);</script>


6. Simpan dan lihat hasilnya

Cara memasang daftar isi blog di blog

Ketemu lagi nih hehehehe. kali ini Saya Lana sedang membahas Cara Membuat Daftar Isi Blog Otomati Di Blogspot. Tau ga sih apa yang namanya daftar isi blog ? ya benar, daftar isi blog itu adalah daftar - daftar postingan kalian yang udah kalian buat. nah, biasanyakan ngebuatnya itu Manual, nah dengan cara ini gk usah repot2 lagi. untuk yg kali ini Otomatis sob.. beda deh dr yang lainnya. ya udah yuk langsung kita bahas caranya.simak baik - baik.

Langkah - langkahnya :

1. Login Blogger
2. Pilih Tata Letak
3. Pilih HTML/Javascript
4. Copy / Paste Code Berikut ini :


<a href=http://url-blog-anda-.blogspot.com/search?max-results=200 target="_blank"><span style="font-weight:bold;">DAFTAR ISI BLOG</span>&raquo;</a>-_- M -_- H -_- B -_- T -_-



Merah : Warna merah ganti url blog kamu
Biru     : Warna biru ganti text yang akan muncul nanti
Hijau   : Warna hijau ganti dengan nama blog kamu

5. Simpan dan liat hasilnya

Cara membuat search engine di blog

Tentu kita semua sudah tahu apa itu Search Engine (hari gini gak tahu apa itu search engine? cape' deeh...). Search Engine adalah ... bla.. bla..bla.. dst.
Saat ini Search Engine tidak bisa dipisahkan dalam dunia internet. Dengan Search Engine kita bisa mencari tahu tentang suatu hal yang kita inginkan sesuai dengan keyword yang kita ketikkan dan juga bla.bla..bla..... udah ah penjelasannya, yang mau dibahas disini adalah Cara Membuat Search Engine Di Blogspot . Caranya sangat mudah, yaitu:


1. Login Blogger
2. Pilih menu Tata Letak
3. Tambah Gadget
4. Pilih HTML / Javascript
5. Copy / Paste code berikut ini


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

Ganti nama-blogmu dengan nama blog kamu. Aangka 30 menunjukkan panjang kotak (text box) semakin banyak angkanya maka semakin panjang textbox-nya


6. Simpan dan lihat hasilnya

Cara mengganti " older post " / " newer post " dengan angkadi blog

Hai semua.. kalian lihat tidak gambar di atas ini. gambar ini adalah gambar yang akan saya bahas dalam postingan kali ini yaitu Cara Mengganti " Older Post " Dengan Angka Di Blogspot. Secara umum, navigasi pindah halaman untuk di blogspot biasanya memakain teks yang berlink. Contohnya seperti ini " Older Posts " / " Postingan Lama " ada juga " Newer Posts " / " Postingan Baru ". nah dengan postingan ini akan merubah bacaan " Older Posts " / " Postingan Lama " dan juga " Newer Posts " / " Postingan Baru " seperti gambar yang di atas tadi. dari pada bikin penasaran langsung, lanjut yuk ke langkah - langkahnya..!!!

Langkah - langkahya :

1. Login Blogger
2. Pilih Template
3. Klik Edit Html 
4. Klik Lanjut
5. Setelah itu cari kode ini ]]></b:skin> kalo sudah ketemu taruh script dibawah ini sebelum kode tersebut
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}


6. setelah itu cari kode ini </body> kemudian taruh script dibawah ini sebelum kode tersebut.

<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if> </b:if>
<!--Page Navigation Ends -->


7. Simpan dan lihat hasilnya

Cara membuat auto read more

Read More atau biasa juga di sebut Baca Selengkapnya. dengan widget ini, blog anda aka kelihatan bagus, menarik dan tidak membuat pusing para pembaca blognya. dalam Read More ini, saya menyediakan Auto Read More . Di trik Read more yang auto ini, kita akan membuat link Read more yang jika kita meng-klik link tersebut, maka keseluruhan artikel akan terpampang dibawahnya secara auto. dari pada nunggu lama gininih cara membuatnya :

Auto Read More

Langkah - langkahnya :

1. Login ke Blogger
2. Pilih Template ==> Edit HTML
3. Kamu mau memback-up template kamu dulu nggak?, kalo iya klik kanan, select all, copy dan pastekan di notebook.
4. Beri tanda centang pada kotak yang bertuliskan Expand Template Widget
5. Copy / Paste kode berikut ini dan taruh tepat diatas kode </head>

<script src='http://kendhin.890m.com/Readmore.js'
type='text/javascript'/>


6. Kalau sudah cari kode di bawah ini
<div class='post-header-line-1'/>

7. Nha dibawahnya kan ada kode gini <div class='post-body entry-content'> Nah ganti kode tersebut menjadi seperti ini:

<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>

8. Terus dibawahnya kan kan ada kode gini <p><data:post.body/></p>
9. Tembahkan kode ini dibawahnya.
<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Selengkapnya...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Ringkasan...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>

10. jadi seluruh kodenya akan menjadi seperti ini :
<div class='post-header-line-1'/>
<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>

<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Selengkapnya...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Ringkasan...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>

11. Tulisan 'Selengkapnya' dan 'Ringkasan' bisa diganti dengan apa aja kata yang kamu suka.
12. Lalu simpan .
13. Pilih menu Post

14. Di bagian bawah ada kotak yang disampingnya ada tulisan "Post Template", dan isikan kode dibawah ini ke dalamnya lalu simpan setting.
<span id="fullpost">


</span>

15. Simpan dan lihat hasilnya.

Note : kalo memposting pilih yang "Edit Html", letakkan abstraksi posting yg akan ditampilkan di halaman muka di atas kode <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span id="fullpost"> dan </span>

Cara membuat widget blogger indonesia di blog

Dengan Memasang Widget/Gambar Blogger Indonesia ini, blog kita akan terasa lebih bagus, cantik dan lebih merdeka :) . Lihat saja tampilan blog saya, lihat di pojok kiri kanan bawah dan pojok kanan atas blog saya!. Itulah yang saya maksud dan yang akan saya bahas sekarang ini. Tidak rugi jika sobat memasang widget ini. Untuk menumbuhkan rasa cinta dan rasa Patriotisme kepada Bangsa Indonesia kita, Wajib sekali memasang widget ini. Agar terbukti bahwa blog atau website kita dari INDONESIA. Baik

1. Login Blogger
2. Tata letak
3. tambah gadget
4. edit html
5. html /  javascript
6. copas kode di bawah ini :

SUDUT KIRI ATAS 
 Kode Widget : <script language="JavaScript" src="http://iskaruji.googlecode.com/files/iskaruji_kiri_atas.txt" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("http://lh4.ggpht.com/_55xfixw5xxA/TSQeqQkaV7I/AAAAAAAAAO0/kFJ7ZrLVy3s/Widget%20Blogger%20Indonesia.png") </script>
SUDUT KANAN ATAS
Kode Widget : <script language="JavaScript" src="http://iskaruji.googlecode.com/files/iskaruji_kanan_atas.txt" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("http://lh6.ggpht.com/_55xfixw5xxA/TSRAD5V-CeI/AAAAAAAAAPc/czrjhswKpVo/Widget%20Kanan%20Blogger%20Indonesia.png") </script>
SUDUT KIRI BAWAH
Kode Widget : <script language="JavaScript" src="http://iskaruji.googlecode.com/files/iskaruji_kiri_bawah.txt" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("http://2.bp.blogspot.com/-Y1dKjqpXvgA/Tb92aJRlKoI/AAAAAAAABYs/PLNETiLrfRQ/s1600/Blogger+Indonesia+Kiri.png") </script>
 SUDUT KANAN BAWAH
Kode Widget : 

 <script language="JavaScript" src="http://iskaruji.googlecode.com/files/iskaruji_kanan_bawah.txt" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("http://2.bp.blogspot.com/-Y1dKjqpXvgA/Tb92aJRlKoI/AAAAAAAABYs/PLNETiLrfRQ/s1600/Blogger+Indonesia+Kiri.png") </script>
7. simpan dan lihat hasilnya

Cara membuat kalender di blog

Hi sobat, kali ini saya sempat lagi memposting sesuatu widget yang lumayan penting untuk blog. pengen tahu ? widgetnya adalah KALENDER. Untuk membuat sebuah kalender kita bisa memanfaatkan berbagai situs penyedia kalender gratisan. Situs seperti ini sangatlah banyak, tentunya mereka berlomba dengan menampilkan kalender-kalender yang menarik untuk di lihat. Agar tidak terlalu bingung mencarinya, saya berikan contoh satu saja yaitu http://www.free-blog-content.com. Silahkan coba sobat kunjungi situs tersebut ! kalender yang di sediakan sangat beragam. Silahkan klik kategori yang ada untuk memilih bentuk kalender yang sobat sukai, kemudian copy kode yang di berikan di bawah gambar kalender lalu paste pada notepad untuk nanti keperluan di simpan di blog.

Contoh Kalender :



Bagaimana tertarik ? sebenernya masih ada kalender yang stylenya beda. kalo tertarik untuk membuatnya ikuti cara di bawah ini ya sobat - sobat blogger.
1. Login Blogger Sobat
2. Klik Tata Letak
3. Pilih Edit HTML
4. Pilih HTML / Javascript
5. pastekan kode kalender yang diberikan kepada kalian tadi.
6. pastekanya di kolom html / javascript
7. simpan dan lihat hasilnya.

Cara membuat hanya judul posting yang terlihat di homepage

hola - hola..!! :D. lagi senang nih saya bisa membagi tutorial lagi kepada kalian. kali ini bertentangan tentang CARA MEMBUAT HANYA JUDUL POSTING YANG TERLIHAT DI HOMEPAGE. Dan yang tidak kalah pentingnya, dengan adanya hanya judul posting saja pada halaman homepage akan membuat blog anda loadingnya lebih cepat dari pada penampilan blog anda sebelum menggunakan tutorial ini. Pengunjung lebih menyukai artikel yang tidak terlihat padat dengan gambar dan sejenisnya, karena pengunjung yang membaca artikel anda cuma focus ke title postingan saja.

langkah - langkah :

1.  Login ke Blogger
2.  Pilih Rancangan
3.  Klik Edit HTML
4.  Cari kode ]]></b:skin> pakai ctrl + F biar cepat
5.  Lalu copy kode di bawah ini dan di bawah kode ]]></b:skin>

<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.post-body{display:none;}
</b:if>
</b:if>
</style>

6.   Selesai dan simpan Template

Oia, dengan kode seperti diatas tersebut masih menyisakan beberapa elemen seperti :
1. tanggal postingan
2. komentar dan yang lainnya
Apabila anda tidak suka dengan tanggal, komentar dan yang lain, anda cukup ganti kode diatas tersebut dengan kode di bawah ini sehingga yang tampak hanya judul postingan saja.

<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.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>
3. Simpan lagi donk. dan lihat hasilnya.

nah bagaimana teman"? bagus kan ? mau yang lain nya ? liat aja nanti sayaakan tambah lagi supaya banyak tutorialnya.

Cara membuat blogger star ratings di blog

Blogger Star Rating adalah salah satu fitur baru Blogger yg resmi diluncurkan pada pertengahan 2011 lalu. Dulu, uji coba serta akses pengaktifan & penggunaannya harus melalui draft.blogger.com. Tapi kini tidak lagi, aktivasi fitur star rating for blogger dapat dilakukan melalui dashboard blogger.com. Star rating memberikan kesempatan pada pengunjung blog untuk menilai konten/isi posting yg dibacanya. Bagi pemilik blog, star rating dapat memberikan gambaran guna mengevaluasi penyajian isi blog.

1. Buka edit HTML ( template > edit HTML), jangan lupa centang "Expand Widget Templates".

2. Jika ingin memasang star ratings di bawah judul posting, cari <div class='post-header-line-1'/> (gunakan Ctrl+F), letakkan kode berikut di bawahnya. Jika ingin memasang di bawah isi posting, cari <data:post.body/>, letakkan kode berikut di bawahnya:
<div class='star-ratings' style='float:right;'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='180'/>
</b:if></div>
Note:
-Apabila anda telah menggunakan share buttons (Facebook, Twitter, Google+) yg saya share pada posting terdahulu, letakkan kode di atas </b:if>.
- Apabila <div class='post-header-line-1'/> tidak ditemukan, cari <data:post.body/>, letakkan kode di atasnya.
  • Memasang Script star ratings:
1. Masih pada edit HTML, cari <b:include name='feedLinks'/>, letakkan script berikut di bawahnya:
<b:if cond='data:top.showStars'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load(&quot;annotations&quot;, &quot;1&quot;);
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
Note: Jika <b:include name='feedLinks'/> tidak ditemukan, cari <b:includable id='feedLinks'>.
2. Save template.

Sumber : http://buka-rahasia.blogspot.com/2012/01/cara-pasang-blogger-star-rating-widget.html

Cara membuat link menjadi berwarna - warni di blog

Hi sobat - sobat blogger. kali ini saya punya sebuah tutorial yang mudah dan bagus. caranya mudah banget. kalo gk percaya liat aja nanti 1 menit aja gk ada xD. kalo gk percaya silahkan deh liat aja turornya. good luck ya :D

1. pastikan sobat blogger sudah masuk ke Tata Letak.
2. Tambah Gadget, pilih HTML/javascript.
3. Copy script berikut ini lalu pastekan ke kotak HTML/javascript

<script src='http://hbhost.googlecode.com/files/rainbow-link.js'/>
4. Simpan dan lihat hasilnya.

haha gimana ? gk ada 1 menit kan ? karena saya gk bohong comment donk :D

Cara memasang like box fb di blog

Fans page facebook memang sangat dibutuhkan terutama untuk meningkatkan traffic karena dengan fans page bisa kita setting agar setiap post terakhir kita bisa masuk sebagai status. Tapi untuk meningkatkan traffic tersebut juga diperlukan fans yang banyak. Nah, salah satu cara untuk menambah fans adalah memasang like box di blog kita, sehingga akan mempermudah visitor untuk like halaman kita. Tapi, yang mau saya share kali ini adalah like box yang terbaru dan keren. Pokoknya beda yang lain. dan langsung saja simak dan liat semuanya.

Langkah - Langkah :

1. Login blogger
2. Masuk Tata Letak
3. Tambah Gadget
4. Pilih html/javascript
5. Masukkan kode di bawah ini

<center>
<iframe style="height:250px; width:85%; " scrolling="no" frameborder="0"href="

https://www.facebook.com/blogaul

"src="http://www.facebook.com/plugins/fan.php?id=
224324444283812

&width=292&height=250&connections=25&stream=false&header=false&logobar=false&css=https://sites.google.com/site/unwanted86/javascript/fblike.css" ></iframe></center><center><iframe src="http://www.facebook.com/plugins/like.php?href=

&send=false&layout=standard&width=292&show_faces=false&action=like&colorscheme=light&font&height=40" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:40px;" allowtransparency="true"></iframe></center>
 Keterangan : Untuk yang berwarna merah di ganti dengan url fan page facebook anda, dan untuk yang berwarna biru adalah ID fan page anda, cara mengambil ID fan page masuk di pengaturan fan page anda dan lihat url di belakang id akan ada nomer, itulah ID fan page anda.seperti contoh : https://www.facebook.com/pages/edit?id=224324444283812&sk=basic

6. Simpan


Sumber : blogaul

Related Posts Plugin for WordPress, Blogger...