NB: jika kalian saat mendownload,menemui link sperti ini langsung aja klik skip add, seperti gambar di atas ini, maka kalian akan di arahkan ke link download. By; Camo-Coder

Kamis, 05 April 2012

0 Cara Mengganti Posting Lama,Baru Dan Beranda Dengan Gambar

Panduan Blogspot kali ini kita akan membahas tentang cara mengganti posting lama,baru dan beranda dengan gambar.Coba sobat lihat tampilan bawah blog saya,di situ ada ada sebuah gambar,yang bila sobat klik gambar rumah,sobat akan dibawa ke halaman beranda blog saya,dan bila sobat klik tanda panah ke kiri,sobat akan dibawa ke halaman postingan saya sebelumnya dan bila sobat klik tanda panah ke kanan,maka sobat akan dibawa ke halaman terbaru setelah postingan saya ini.Apakah sobat sekalian tertarik untuk membuatnya di blog sobat?.



Jika sobat tertarik untuk mengganti posting lama,baru dan beranda menjadi gambar silahkan sobat ikuti beberapa langkah berikut,sobat hanya membutuhkan beberapa menit saja untuk membuatnya.

1.Login ke akun blogger sobat
2.Klik menu TEMPLATE
3.Klik EDIT HTML
4.Centang Expand Template Widget
5.Kemudian cari kode beranda yaitu  <data:homeMsg/> 
jika sudah ketemu,hapus kode tersebut dan ganti dengan kode
<img src='http://i1210.photobucket.com/albums/cc417/kusanagiblog/beranda.png'/>

6.Kemudian cari kode posting lama yaitu <data:olderPageTitle/>
jika sudah ketemu,hapus dan gantii dengan kode
<img src='http://i1210.photobucket.com/albums/cc417/kusanagiblog/ButtonPageBack.png'/>

7.Setelah itu kita cari kode posting baru yaitu <data:newerPageTitle/>
jika sudah ketemu,hapus kode tersebut dan ganti dengan kode
  <img src='http://i1210.photobucket.com/albums/cc417/kusanagiblog/ButtonPageNext.png'/>

8.Terakhir klik Save Template
9.Selesai

Bagi sobat yang menggunakan tampilan antarmuka blogger yang lama,silahkan ikuti langkah berikut
1.Login ke akun blogger sobat
2.Klik Menu RANCANGAN
3.Klik EDIT HTML

4.Centang Expand Template Widget
5.Kemudian cari kode beranda yaitu  <data:homeMsg/> 
jika sudah ketemu,hapus kode tersebut dan ganti dengan kode
<img src='http://i1210.photobucket.com/albums/cc417/kusanagiblog/beranda.png'/>

6.Kemudian cari kode posting lama yaitu <data:olderPageTitle/>
jika sudah ketemu,hapus dan gantii dengan kode
<img src='http://i1210.photobucket.com/albums/cc417/kusanagiblog/ButtonPageBack.png'/>


7.Setelah itu kita cari kode posting baru yaitu <data:newerPageTitle/>
jika sudah ketemu,hapus kode tersebut dan ganti dengan kode
  <img src='http://i1210.photobucket.com/albums/cc417/kusanagiblog/ButtonPageNext.png'/>

8.Terakhir klik SIMPAN TEMPLATE
9.Selesai
Coba sobat lihat hasilnya,sobat juga bisa mengganti gambar tersebut dengan gambar yang sobat sukai dengan mengganti kode diatas dengan kode <img src='alamat gambar yang sobat inginkan'/>
Semoga postingan saya tentang cara mengganti posting lama,baru dan beranda dengan gambar bisa bermanfaat untuk sobat sekalian.Sampai jumpa di Panduan Blogspot berikutnya.

0 Cara Membuat Efek Gelembung Di Blog

Pada Panduan Blogspot kali ini,kita akan membahas tentang cara membuat efek gelembung di blog.Mungkin beberapa sobat blogger sekalian pernah mengunjungi sebuah blog yang pada halaman blog tersebut terdapat gelembung-gelembung yang bertaburan menghiasi halaman blog tersebut.cara membuat efek gelembung berjatuhan di blog tidaklah sulit,sobat hanya membutuhkan beberapa menit saja untuk memasang efek gelembung tersebut di blog sobat.


Tanpa pangjang lebar lagi,langsung saja kita mulai pasang efek gelembung di blog.Ikuti beberapa langkah berikut
1.Login ke akun blogger sobat
2.Klik menu TEMPLATE
3.Klik EDIT HTML
4.Kemudian cari kode <body>
5.Jika sudah ketemu,masukan kode di bawah ini tepat di bawah kode <body>

<script src="http://andreykusanagi.googlecode.com/files/buble.js"></script>
6.Klik Simpan Template
7.Selesai

Bagi sobat yang menggunakan tampilan antarmuka blogger yang lama, silahkan ikuti beberapa langkah berikut
1.Login ke akun blogger sobat
2.Klik menu RANCANGAN
3.Klik menu Edit HTML
4.Kemudian cari kode <body>
5.Jika sudah ketemu,masukan kode di bawah ini tepat di bawah kode <body>

<script src="http://andreykusanagi.googlecode.com/files/buble.js"></script>

6.Klik Simpan Template
7.Selesai

Coba sobat lihat hasilnya,semoga postingan saya kali ini tentang cara membuat efek gelembung di blog  bisa bermanfaat.Sampai jumpa di Panduan Blogspot berikutnya.

0 Mengedit Tag Heading Agar Lebih SEO

Pada Panduan Blogspot kali ini kita akan membahas tentang salah satu cara membuat template blog lebih seo yaitu dengan mengedit tag heading blog agar lebih seo.Menurut beberapa master seo,struktur tag heading h1 (buat judul blog) sangat disukai oleh mesin pencari google.Sedangkan kebanyakan judul blog di template kita menggunakan h2 atau h3.Maka dari itu,agar blog kita lebih seo friendly,maka kita harus merubah judul tag heading h2 atau h3 menjadi h1.Ayo langsung saja kita mulai.


 Silahkan sobat sekalian ikuti langkah-langkah berikut untuk mengedit tag heading blog agar lebih seo.
1.Login ke akun blogger sobat
2.Klik menu TEMPLATE atau RANCANGAN(untuk antarmuka blogger yang lama)
3.Klik EDIT HTML
4.Beri tanda centang pada Expand template Widget

5.Cari kode berikut  <h3 class='post-title entry-title'>
 jika tidak ada cari kode   <h2 class='post-title entry-title'>
(setiap template berbeda-beda,ada yang h3 atau h2)

6.Jika sudah ketemu,ganti kode h3 atau h2 menjadi h1
maka akan jadi seperti ini  <h1 class='post-title entry-title'>
dan jangan lupa sobat ganti juga penutupnya ,misalkan </h3> atau  </h2> menjadi  </h1>
berikut contoh kode yang saya terapkan di blog saya ini

<b:if cond='data:post.title'>
            <h1 class='post-title entry-title'>
              <b:if cond='data:post.link'>
                <a expr:href='data:post.link'><data:post.title/></a>
              <b:else/>
                <b:if cond='data:post.url'>
                  <b:if cond='data:blog.url != data:post.url'>
                    <a expr:href='data:post.url'><data:post.title/></a>
                  <b:else/>
                    <data:post.title/>
                  </b:if>
                <b:else/>
                  <data:post.title/>
                </b:if>
              </b:if>
            </h1>
          </b:if>

7.Jika sudah sobat ubah kode h3 atau h2 menjadi h1,,,
masukan kode di bawah ini di atas kode ]]></b:skin>

h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }

8.Jika sudah semua dilakukan,Klik SIMPAN TEMPLATE
9.Selesai

Semoga postingan saya tentang cara mengedit tag heading blog agar lebih seo bisa bermanfaat untu sobat sekalian.Sampai jumpa di Panduan Blogspot berikutnya.

0 Cara Membuat Recent Post Dengan Thumbnail Bergerak

Panduan Blogspot kali ini kita akan membahas tentang cara membuat recent post-artikel terbaru di blog.Dengan kita memasang recent post atau postingan terbaru di sidebar blog,maka para pengunjung akan lebih mudah mengetahui postingan terbaru sobat.Recent post yang akan kita buat ini adalah recents post thumbnail yang bergerak,jadi selain para pengunjung blog kita mudah dalam mengetahui postingan terbaru kita,blog kita pun akan terlihat cantik.Cara memasangnya pun tidak terlalu sulit,sobat sekalian hanya membutuhkan beberapa menit saja untuk memasang recent post thumbnail bergerak di blog.Gimana? apa sobat mau memasangnya di blog sobat?



Coba sobat lihat pada sidebar blog saya ini,di sidebar blog saya ini,saya memasang recent post dengan thumbnail yang bergerak.
Bagi sobat sekalian yang ingin memasang recent post thumbnail bergerak silahkan ikuti beberapa langkah berikut
1.Login ke akun blogger sobat
2.Klik menu TATA LETAK (bagi sobat yang menggunakan antarmuka blogger yang lama,klik RANCANGAN)
3.Klik Tambah Gadget
4.Klik HTML/Javascript
5.Masukan kode berikut

<center><style type="text/css">
#rp_plus_img{height:300px;overflow:hidden;border:solid 0px #fff;padding:6px 10px 24px 5px;background-color:transparent;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:1px; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:60px;padding:5px;list-style:none;}
#rp_plus_img a{color:#F68629;}
#rp_plus_img .news-title{display:block;font-size:14px;font-weight:bold !important;color:#F68629;text-align:justify;}
#rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#000000;text-align:justify;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #F68629;width:95px;height:55px;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
</script>
<script src="http://theplick.googlecode.com/files/newsticker-plick.js" type="text/javascript">
</script>
<script type="text/javascript">
var speed = 1000;
var pause = 2500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img"><script>
var numposts = 20;
var numchars = 0;
</script> <script src="http://www.andreykusanagi.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script> </ul>
</center>

Perhatikan : Ganti tulisan yang saya beri tanda kuning,dengan alamat blog sobat

6.Klik SIMPAN
7.Selesai

Coba sobat Lihat hasilnya.Semoga postingan saya kali ini tentang cara membuat recent post dengan thumbnail bergerak di blog bisa bermanfaat untuk sobat sekalian.Sampai jumpa di Panduan Blogspot berikutnya.

0 Cara Mematikan Fungsi Klik Kanan Di Blog


Cara Mematikan Fungsi Klik Kanan Di Blog


panduan blogspot,tutorial blogspot
 Panduan Blogspot kali ini,kita akan membahas tentang cara mematikan fungsi klik kanan pada mouse agar blog kita terlindungi dari tukang COPAS(Copy Paste).Mungkin dari beberapa sahabat blogger sekalian banyak yang kesal karena hasil karya yang sobat sekalian tuangkan di dalam blog,sering sekali di copy paste oleh orang-orang yang tidak bertanggung jawab.Karena semakin maraknya tukang COPAS,maka sobat sekalian tidak ada salahnya menggunakan script disable klik kanan agar setiap postingan sobat tidak bisa di copy paste oleh orang-orang yang tidak bertanggung jawab.


Bagi sobat yang ingin mematikan fungsi klik kanan pada blog silahkan ikuti beberapa langkah berikut :
1.Login ke akun blogger sobat
2.Klik Menu Tata Letak/RANCANGAN
3.Klik Tambah Gadget
4.Klik/Pilih HTML/Javascript
5.Masukan kode berikut

<SCRIPT language=JavaScript>
<!-- http://www.andreykusanagi.com -->
 var message = "Ups Dilarang Copas";
 function rtclickcheck(keyp){ if (navigator.appName == "Netscape" && keyp.which == 3){  alert(message); return false; }
 if (navigator.appVersion.indexOf("MSIE") != -1 && event.button == 2) {  alert(message);  return false; } }
 document.onmousedown = rtclickcheck;
</SCRIPT>



Ket : Var message = "Ups Dilarang Copas"
kat Ups Dilarang Copas,bisa sobat ganti dengan kata-kata yang sobat inginkan

6.Klik Simpan Template
7.Selesai

Coba sobat masuk ke halaman blog sobat lalu sobat klik kanan.Semoga postingan saya tentang cara mematikan fungsi klik kanan pada mouse dapat bermanfaat.Sampai Jumpa di Panduan Blogspot berikutnya.

0 Cara Merubah Tampilan Cursor di Blog

Panduan Blogspot kali ini kita akan membahas tentang cara merubah tampilan cursor pada blog.Mungkin dari beberapa sobat blogger sekalian ada yang belum mengetahui tentang cara mengganti tampilan kursor di blog.Untuk mempercantik tampilan blog kita,tidak ada salahnya sobat mengganti tampilan cursor/mouse di blog sobat.Caranya cukup mudah,sobat hanya membutuhkan beberapa menit saja untuk merubah tampilan cursor pada blog sobat.Tanpa panjang lebar lagi ayo langsung saja kita mulai.


Kali ini kita akan mengganti tampilan cursor blog kita menjadi sebuah kunai yang biasa digunakan para shinobi.
Silahkan sobat ikuti beberapa langkah berikut ini :
1.Login ke akun blogger sobat
2.Klik menu Tata Letak/Rancangan
3.Klik Tambah Gadget
4.Klik/pilih HTML/Javascript
5.Masukan kode css berikut ini

<style type="text/css">
HTML,BODY{cursor: url("http://i1210.photobucket.com/albums/cc417/kusanagiblog/spe114.gif"), auto;}
</style>

6.Klik Simpan Template
7.Selesai.

Coba sobat lihat hasilnya.Semoga postingan saya kali ini tentang cara merubah tampilan cursor di blog dapat bermanfaat.Sampai jumpa di panduan blogspot berikutnya.Sampai jumpa.

0 Cara Mendaftarkan Blog Ke Feedburner

Panduan Blogspot kali ini kita akan membahas tentang cara mendaftarkan blog ke feedburner.Feedburner merupakan suatu situs yang menyediakan layanan dalam hal feed.Feedburner sekarang telah diakuisisi oleh google sehingga kita dapat mengalihkan feed blog kita ke feedburner.Untuk sobat yang ingin blognya menjadi cepat terkenal dan banyak pengunjungnya,saya sarankan sobat untuk bergabung di situs feedburner.Layanan feed ini gratis tanpa biaya apapun.


Untuk mendaftar di feedburner silahkan sobat ikuti langkah-langkah berikut
1.Silahkan kunjungi http://www.feedburner.com
2.Klik Tulisan Register pada halaman atas situs
3.Isi seluruh form yang ada
-Username ~> Isi dengan username yang sobat inginkan.Contoh = kusanagi
-Password ~> Isi dengan password yang sobat inginkan.Contoh = kusanagi123
-Password(again) ~> Isi kembali password yang tadi
-Email Address ~> Isi dengan email yang sobat miliki
-Secret Question ~> Isi dengan pertanyaan rahasia yang hanya sobat yang tahu jawabannya.
Contoh : Siapa pacar pertamamu?
-Scret Answer ~> Isi dengan jawaban yang sesuai dengan pertanyaan di atas.Contoh : Novya
-Klik Tombol Sigin

4.Jika pendaftaran sobat berhasil,maka akan muncul ucapan selamat datang (welcome) dari feedburner
5.Isi kotak di bawah tulisan Burn a feed right this instant dengan alamat blog sobat. Contoh : http://andrey-komei.blogspot.com
6.Beri tanda pada radio buuton yang tersedia, terserah mau pilih yang mana, kemudian klik tombol Next.
7.Ubah Feed Title dengan Feed Address jika mau di ubah, kalo sudah tinggal klik tombol Aktive Feed
8.Ada ucapan Conrats, klik saja langsung tombol Next
9.Beri tanda centang pada kotak di samping tulisan Clickthroughs serta I want more ! have FeedBurner stats PRO also track (karena sekarang layanan yang PRO pun sudah gratis karena sudah di akuisisi oleh google)
10.Klik tombol Next
11.Klik tab Optimize
12.Silahkan setting yang anda inginkan, tapi yang paling penting adalah anda harus mengaftifkan fitur SmartFeed, karena fitur ini berfungsi agar supaya fungsi dari feed kita kompatibel atau klop dengan berbagai feed reader yang ada
13.silahkan klik SmartFeed lalu klik tombol Active
14.Klik tab Publicize, silahkan pilih fitur yang anda inginkan, tapi yang sering di gunakan adalah fitur feedCount coba klik FeedCount
15.Pilih bentuk style dari feedcount, yang biasa atau yang animasi, beri tanda pada radio button di sampingnya
16.Klik tombol Active
17.Copy kode HTML yang di berikan pada text area, paste pada notepad untuk nanti di pasang di blog anda
18.Klik Chicklet Chooser untuk memilih berbagai banner atau chicklet.
19.Beri tanda pada radio button yang terletak di samping chicklet masing-masing, kemudian copy kode HTML yang di berikan yang ada pada text area, kemudian paste pada notepad. catatan : setiap sobat memberi tanda pada radio button masing-masing chicklet, maka secara otomatis kode HTML yang ada di bagian bawahpun akan berubah, jadi kesimpulannya beri tanda radio button lalu copy kode HTML nya beri tanda lagi lalu copy kodenya lagi
20.Klik Pingshot, beri tanda pada kotak di samping Ping-O-matic serta Newsgator, klik menu dropdown yang ada, lalu pilih yang sobat inginkan, klik tombol Add, klik lagi menu dropdownnya bila ingin di tambahkan lagi, klik Add kembali
21.Klik tombol Active
22.Klik Headline Animator untuk mendapatkan banner animasi
23.Klik menu dropdown di bawah tulisan Theme, pilih yang sesuai keinginan (yang paling banyak di minati adalah type classic
24.Klik tombol Active
25.Klik menu dropdown di samping tulisan Add to, pilih Blogger blog
26.Klik tombol Next
27.Setelah muncul window baru, klik tombol Add to Blogger
28.silahkan Sign in dulu di blogger
29.Pilih blog yang mau di pasang banner animasi nya, lalu klik tombol Menambah Widget maka secara otomatis banner animasi akan di tambahkan.
30.Silahkan sign out dari situs tersebut
31.Selesai

Untuk fitur-fitur lainnya, silahkan sobat coba-coba saja sendiri karena jika di terangkan semuanya, saya tidak kuat ngetiknya.Jadi sobat coba aja sendiri ya..Untuk pemasangan kode-kode HTMl yang tadi di copy pada notepad, saya anggap anda sudah bisa melakukannya, karena sudah sering kita bahas.Tinggal sobat paste kan aja di tambah gadget~>html/javascript

Terakhir, Seperti yang saya katakan diatas tadi bahwa sekarang feedburner sudah di akuisisi sama google, maka untuk feed blogger bisa di alihkan ke feedburner. Caranya seperti ini :
1.Login di blogger
2.Klik menu Pengaturan
3.Klik Feed Situs
4.Di sebelah tulisan Ijinkan Feed Blog, pilih yang Penuh
5.Simpan alamat feed dari feedburner pada kotak di samping tulisan posting URL Pengubahan Arah Feed. contoh alamat feed dari feed burner : http://feeds.feedburner.com/Andrey-Komei
6.Apabila anda mempunyai account google adsense, anda bisa menyimpan kode iklan google adsense anda pada kotak di samping tulisan Feed Item Footer
7.Klik tombol Simpan Pengaturan
8.Selesai.

Bagi sobat yang menggunakan tampilan antarmuka blogger yang baru.
-Klik Setelan
-Klik menu lainnya
-Pada menu bolehkan umpan situs,Pilih Penuh.
-Pada form Posting URL Pengubahan Arah Feed ?,kilik tambah,dan masukan alamat feedburner sobat
-Klik Simpan Setelan

Semoga postingan saya tentang Cara mendaftar di feedburner bisa bermanfaat.Sampai jumpa di Panduan Blogspot berikutnya.

0 Membuat Pop UP Facebook Like Dan Twitter Di Blog

Panduan Blogspot kali ini kita akan membahas tentang cara membuat pop up facebook like dan twitter di blogspot.Pada panduan sebelumnya saya pernah menulis tentang cara memasang like box facebook di blog,tapi kali ini kita akan memasang tombol like box facebook dan follow twitter di blog.Dengan memasang widget ini di blog kita,kita dapat menarik para pengunjung di jejaring sosial.Dengan begitu trafik blog kita bisa meningkat.Tanpa panjang lebar,langsung saja kita mulai memasang tombol pop up like box facebook dan follow twitter di blogspot.



Silahkan sobat ikuti beberapa langkah berikut
1.Login ke akun blogger
2.Klik menu Tata Letak/Rancangan
3.Klik Tambah Gadget
4.Klik/pilih HTML/Javascript
5.Masukan kode di bawah ini
 <script src="http://andreykusanagi.googlecode.com/files/pop-up.js" type="text/javascript"></script>
<div id="fbslidebox" style="position: fixed; width: 310px; overflow: hidden; bottom: 5px; right: 5px; background: url(&quot;http://www.scri8e.com/white.gif&quot;) repeat scroll 0% 0% transparent;-moz-border-radius: 15px 15px 15px 15px; border: 3px solid rgb(255, 51, 0); display: block;"><div style="width: 295px; padding: 10px; margin: 0pt auto; overflow: hidden;"><a id="fbcloseslidebox" style="float: right; color: rgb(153, 153, 153); padding: 0pt 2px; border: 1px solid rgb(204, 204, 204); text-decoration: none; font-size: 9px; font-family: Verdana,Geneva,sans-serif;" href="#">Keluar</a><strong style="color: rgb(0, 0, 0);">Jangan Lupa Klik Like Dan Follow ya!</strong><br/>
<a href="https://twitter.com/Nama Twitter Sobat" title="alibloggers" class="twitter-follow-button" data-button="grey" data-text-color="#000000" data-link-color="#ffffff">Follow @Nama Twitter Sobat</a><script src="//platform.twitter.com/widgets.js" type="text/javascript"></script>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fid-id.facebook.com%2Fpages%2FAndreyKusanagiCom%2F239190232795087amp;width=292&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=true&amp;height=212&amp;appId=128536653899046" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:212px;" allowtransparency="true"></iframe></div></div>

Keterangan : Ganti tulisan yang bercetak tebal sesuai dengan keinginan sobat

6.Klik Simpan
7.Selesai

Semoga postingan saya tentang Cara Membuat Tombol Pop Up like Box Facebook Dan Follow Twitter Di Blog dapat bermanfaat.Sampai jumpa di Panduan Blogspot berikutnya.

0 Tampilan Antarmuka Blogger

Panduan Blogspot kali ini kita akan membahas tentang cara merubah tampilan antarmuka blogger yang baru ke antarmuka blogger yang lama.Pada Panduan Blogspot sebelumnya kita telah membahas tentang tampilan antarmuka blogger yang diperbarui.Tetapi bagi sebahagian blogger lebih menyukai tampilan blogger yang lama,katanya sich lebih mudah dimengerti.Kemarin pada postingan saya tentang tampilan antarmuka blogger yang diperbarui,salah satu sahabat kita yang bernama eva.annisa menanyakan tentang Bagaimana cara mengembalikan tampilan antarmuka blogger baru ke tampilan antarmuka blogger yang lama?.Mau tahu caranya?,ikuti beberapa langkah berikut


cara mengembalikan tampilan antarmuka blogger baru ke tampilan antarmuka blogger yang lama
1.Login ke akun blogger sobat
2.Lihat di opsi blogger pada pojok kanan halaman dashbord
3.Klik Opsi tersebut,lalu klik antarmuka blogger lawas.
lihat gambar di bawah ini

4.Selesai,,,,
akhirnya sobat kembali ke tampilan antarmuka blogger yang lama

Tetapi jika sobat kemudian hari ingin kembali menggunakan tampilan blogger yang baru,sobat tinggal klik aja Antarmuka blogger yang diperbarui pada atas dasbor sobat.Lihat gambar di bawah ini

Semoga postingan saya kali ini bisa bermanfaat.Sampai jumpa di Panduan Blogspot berikutnya.Jangan lupa kasih komentar ya,,,hehehe,,,,

0 Membuat Efek Hujan Salju Di Blog

 Panduan Blogspot kali ini kita akan membahas tentang Cara Membuat Efek Hujan Salju Di Blog.Bagi sobat blogger sekalian yang suka dengan pernak-pernik blog,panduan blogspot ini harus sobat coba.Tenang saja,loading blog sobat tidak akan terlalu berat.Tetapi efek hujan salju di blog yang saya bagikan ini bukanlah hujan salju yang deras,tetapi hanya gerimis salju.
Habisnya kalau kita pasang hujan salju yang deras di blog nanti blog kita akan tertimbun salju,maka dari itu kita akan pasang efek hujan salju yang gerimis aja ya (hehehe,,,).

Bagi sobat blogger sekalian yang ingin memasang efek hujan salju di blog,silahkan ikuti beberapa langkah berikut.
1.Login ke akun blogger sobat
2.Klik menu Tata Letak/Rancangan
3.Klik Tambah Gadget
4.Klik HTML/Javascript
5.Masukan Kode berikut di dalamnya

<script src="http://andreykusanagi.googlecode.com/files/hujansalju.js"></script>

6.Klik Simpan
7.Selesai

Mudah kan membuat efek salju di blog.Semoga postingan saya tentang cara membuat efek hujan salju di blog dapat bermanfaat.Sampai jumpa di panduan blogspot berikutnya.

0 Cara Membuat Artikel Terkait Dengan Thumbnail

Panduan Blogspot kali ini kita akan membahas tentang bagaimana cara membuat artikel terkait dengan thumbnail.Yang dimaksud dengan artikel terkait dengan thumbnail adalah artikel terkait yang menampilkan teks dan juga gambar.Mungkin sobat sekalian pernah jalan-jalan ke blog orang lain dan menemukan artikel terkait blog tersebut menampilkan teks dan juga gambar,nah itu dia yang dimaksud dengan artikel terkait dengan thumbnail.Cara membuatnya tidaklah terlalu sulit,sobat hanya membutuhkan beberapa menit saja untuk membuatnya.Mau tahu caranya?.Ayo langsung saja kita mulai.


Ikuti beberapa langkah berikut :
1.Login ke akun blogger sobat
2.Klik menu Template/Rancangan
3.Klik Edit HTML
4.Centang kotak Expand Template Widget
5.Cari kode </head>
biar lebih cepat mencarinya,gunakan Ctrl+F
6.Maukan kede di bawah ini tepat di atas kode </head>


 <!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, Times New Roman , Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpnQx4G90l0udocHktusunAt7uyuW2bc8o0BqzX7uC7K5Jz2KBsN1SuMM0XMAWdIdCTfS7RfJRqTuEM1EEIwW7xsbMBat4zVl4HV5RomHZI905egI5E_QktSgkFpo7Cn0Wrxu-J96ay3I/s400/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="Artikel Terkait";
</script>
<script src='http://andreykusanagi.googlecode.com/files/related-posts-thumbnail.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

7.Cari Kode <div class='post-footer-line post-footer-line-1'> atau <p class='post-footer-line post-footer-line-1'>
8,Jika sudah ketemu,masukan kode di bawah ini tepat di atas kode <div class='post-footer-line post-footer-line-1'> atau <p class='post-footer-line post-footer-line-1'>

 <!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://www.andreykusanagi.com'><img style="border: 0" alt="Cara membuat Artikel terkait dengan Thumbnail" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->

9.Klik Simpan Template

Keterangan :
-Sobat dapat mengubah jumlah artikel yang ingin ditampilkan
dengan mengubah kode var maxresults=5;
-Untuk mengubah judul widget kodenya var relatedpoststitle
-Untuk mengubah warna dari splitter line kodenya var splittercolor

 Coba sobat lihat hasilnya.Semoga postingan saya tentang Cara Membuat Artikel Terkait Dengan Thumbnail bisa bermanfaat.Sampai Jumpa di Panduan Blogspot berikutnya.

1 Cara Membuat Anchor Teks Di Blog

 Panduan Blogspot kali ini kita akan membahas tentang Cara Membuat Anchor Teks Di Blog.Anchor teks atau biasa disebut internal link anchor biasa di kenal dengan link dalam satu halaman web untuk menandakan keyword khusus di dalam halaman tersebut.Saya juga berpendapat bahwa link anchor teks adalah link jangkar yang berupa hyperlink dalam halaman web yang berfungsi khusus agar semua hyperlink dapat dinilai relevan yang sesuai anchor teksnya.Inti nya dengan memasang internal anchor link di setiap postingan sobat,dapat menaikkan peringkat posisi postingan blog sobat di SERP Google dan juga dapat menaikkan peringkat blog sobat di google pagerank.


Selain bisa digunakan di dalam postingan blog,link internal anchor teks juga bisa digunakan di dalam komentar blog.Jadi jika sobat berkomentar di blog orang lain tinggalkan anchor teks di dalam komentar sobat tersebut agar dapat menuju langsung ke halaman yang sobat berikan.

Langsung saja kita mulai Cara Membuat Anchor Teks Di Blog.Silahkan sobat lihat contoh anchor teks berikut

 <a href="http://alamatblogsobat" title="Keyword"><b>Keyword</b></a>

Keterangan :
Ganti tulisan alamatblogsobat dengan alamat postingan atau blog sobat
Ganti Tulisan keyword dengan keyword postingan atau blog sobat.

Contoh

 <a href="http://www.andreykusanagi.com/" title="Cara Membuat Anchor Teks Di Blog"><b>Cara Membuat Anchor Teks Di Blog</b></a>

 Maka akan menjadi seperti

Cara Membuat Anchor Teks Di Blog

Semoga postingan saya kali ini tentang Cara Membuat Anchor Teks Di Blog< bisa bermanfaat.Sampai Jumpa di Panduan Blogspot berikutnya.

0 Cara Membuat Daftar Isi Otomatis Versi 2

 Panduan Blogspot kali ini kita akan membaha tentang Cara Membuat Daftar Isi Versi 2.Pada postingan saya sebelumnya,kita telah membahas tentang Cara Membuat Daftar Isi Otomatis Di Blog.Dalam Panduan Blogspot kali ini,kita akan memasang daftar isi otomatis tersebut di halaman blog.Coba sobat Lihat Daftar Isi Blog saya di Daftar Isi Blog AKC.Bagaimana menurut sobat tampilan daftar isi di blog saya ini?.Apakah sobat sekalian tertarik untuk membuat daftar isi blog seperti daftar isi blog saya?.Jika sobat sekalian tertarik,silahkan ikuti beberapa langkah berikut ini


Cara Membuat Daftar Isi Otomatis Di Blog Versi 2:
1.Login ke Akun Blogger Sobat
2.Klik Menu Laman
3.Klik Buat Laman
4.Klik Laman Kosong
5.Karena yang akan kita masukan di form isi posting adalah kode java script,maka Pada Form Posting,silahkan sobat klik menu HTML.Lihat Gambar di bawah

 6.Kemudian,,,,masukan kode di bawah ini di form isi posting,Jangan lupa pada Form Judul isi dengan judul DAFTAR ISI.

<script type="text/javascript">
//<![CDATA[
var postTitle=new Array();var postUrl=new Array();var postMp3=new Array();var postDate=new Array();var postYear=new Array();var postMonth=new Array();var postYearMonth=new Array();var postYearMonth2=new Array();var postTanggal=new Array();var postLabels=new Array();var postBaru=new Array();var sortBy="titleasc";var tocLoaded=false;var numChars=250;var postFilter="";var numberfeed=0;var month2=["January","February","March","April","May","June","July","August","September","October","November","December"];function loadtoc(a){function b(){if("entry" in a.feed){var d=a.feed.entry.length;numberfeed=d;ii=0;for(var h=0;h<d;h++){var m=a.feed.entry[h];var e=m.title.$t;var l=m.published.$t.substring(0,10);var p=m.published.$t.substring(5,7);var g=m.published.$t.substring(8,10);var n=month2[parseInt(p,10)-1]+" "+m.published.$t.substring(0,4);var c="/"+m.published.$t.substring(0,4)+"_"+p+"_01_archive.html";var j;for(var f=0;f<m.link.length;f++){if(m.link[f].rel=="alternate"){j=m.link[f].href;break}}var o="";for(var f=0;f<m.link.length;f++){if(m.link[f].rel=="enclosure"){o=m.link[f].href;break}}postTitle.push(e);postDate.push(l);postUrl.push(j);postYearMonth.push(n);postYearMonth2.push(c);postTanggal.push(g)}}}b();displayToc2()}function displayToc2(){var a=0;var b=0;while(b<postTitle.length){temp1=postYearMonth[b];document.write("<p/>");document.write('<a href="'+postYearMonth2[b]+'"><b>Sitemap Of '+temp1+"</b></a><ul>");firsti=a;do{document.write("
<li>");document.write('<a href="'+postUrl[a]+'">'+postTitle[a]+" on Andrey Kusanagi</a>");document.write("</li>
");a=a+1}while(postYearMonth[a]==temp1);b=a;document.write("</ul>
");if(b>postTitle.length){break}}};//]]>
</script>
<script src="http://www.andreykusanagi.com/feeds/posts/default?max-results=500&amp;alt=json-in-script&amp;callback=loadtoc">
</script>

Keterangan :
Ganti tulisan yang bercetak tebal dengan alamat blog sobat.

7.KlikPublikasikan
8.Selesai

Bagi sobat blogger yang menggunakan tampilan antarmuka blogger yang lama,silahkan ikuti lankah berikut
1.Login ke akun blogger sobat
2.Klik Munu Edit Entri
3.Klik Edit Laman
4.Klik Laman Baru
5.Karena yang akan kita masukan di form isi posting adalah kode java script,maka Pada Form Posting,silahkan sobat klik menu HTML.Lihat Gambar diatas
6.Maukan Kode Di atas di dalam form isi posting.Jangan lupa pada Form Judul isi dengan judul DAFTAR ISI.
7.Klik Terbitkan

Cobat sobat sekalian lihat hasilnya.Mudah-mudahan blog sobat semakin keren dan ramai pengunjungnya.Semoga postingan saya ini tentang Cara Membuat Daftar Isi Versi 2 bisa bermanfaat.Sampai jumpa di Panduan Blogspot berikutnya.

0 Membuat Efek Zoom Pada Gambar Di Blog

 Panduan Blogspot kali ini kita akan membahas tentang Cara Membuat Efek Zoom Pada Gambar Di Blog.Mungkin dari beberapa sobat blogger sekalian belum mengetahui tentang Cara Membuat Efek Zoom Pada Gambar Di Blog dan ingin menerapkannya di blog sobat,membuat efek zoom pada gambar tang berada di dalam postingan blog kitasangat berguna,karena tampilan blog kita akan semakin menarik serta para pengunjung blog kita pun senang berada di blog kita.
Cara membuatnya pun tidaklah terlalu susah,sobat hanya membutuhkan beberapa menit saja untuk membuat efek zoom pada gambar di postingan blog sobat.Mau tahu caranya?.Silahkan Ikuti beberapa langkah berikut

Cara Membuat Efek Zoom Pada Gambar Di Blog
1.Login ke akun blogger sobat
2.Klik Menu Template/Rancangan
3.Klik Edit HTML
4.Centang kotak Expand Template Widget
5.Cari kode ]]></b:skin>  (agar lebih mudah mencarinya klik Ctrl+F)
6.Masukan kode berikut tepat di atas kode ]]></b:skin>

.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-webkit-transform: scale(1.3); }

7.Klik Simpan Template

Coba sobat lihat hasilnya.Semoga postingan saya kali ini tentang Cara Membuat Efek Zoom Pada Gambar Di Blog dapat bermanfaat.Sampai jumpa di Panduan Blogspot berikutnya.

0 Membuat Buku Tamu Gratis Di Blog

Panduan Blogspot kali ini kita akan membahas tentang Cara Membuat Buku Tamu Gratis Di Blog.Pada postingan saya sebelumnya kita sudah pernah membahas tentang Cara Membuat Buku Tamu Di Blog,tetapi karena shoutmix sekarang sudah tidak gratis lagi,maka kali ini kita akan membuat buku tamu di blog di situs yang menyediakan chat box secara gratis.Mau tahu dimana tempat membuat buku tamu yang gratis?.Silahkan sobat baca postingan saya ini sampai selesai.hehehe,,,,


Okey lah,tanpa panjang lebar lagi langsung saja kita mulai  Cara Membuat Buku Tamu Gratis Di Blog.Silahkan sobat ikuti beberapa langkah berikut.

1.Silahkan sobat kunjungi situs http://www.cbox.ws
2.Klik menu Sign Up pada menu yang berada di atas halaman tersebut
3.Isi form yang disediakan (jangan lupa centang tulisan I have read and agree to the cboc Terms and Condition Of Service)
4.Jika sudah terdaftar,silahkan sobat login dengan akun yang sobat buat tadi.
5.Klik menu Publish yang berada di atas halaman.
6.Copy semua kode HTML yang telah di sediakan

Okey,pembuatan buku tamu nya sudah selesai.Sekarang kita tinggal memasangnya di blog.Silahkan sobat ikuti beberapa langkah berikut

1.Login ke akun blogger sobat
2.Klik Menu Tata Letak/Rancangan
3.Klik Tambah Gadget (sebaiknya taruh saja di sidebar)
4.Klik HTML/Javascript
5.Pastekan kode HTML CBOX sobat tadi.
 6.Klik SIMPAN
7.Selesai

  Coba sobat lihat hasilnya.Jika sobat ingin memasang buku tamu sobat melayang di sisi kanan blog,silahkan baca postingan saya di Cara Memasang Buku Tamu Melayang Di Sisi Kanan Blog.Semoga postingan saya ini bisa bermanfaat untuk sobat semua.Sampai jumpa di Panduan Blogspot berikutnya.

0 Cara Mendaftarkan Blog Ke Directory DMOZ

Cara Mendaftarkan Blog Ke Directory DMOZ.org.
Panduan Blogspot  kali ini kita akan membahas tentang cara mendaftarkan blog ke situs direktory dmoz.org.Directory dmoz.org merupakan situs directory terbesar sebagai panutan para mesin pencari.Agar website atau blog kita cepat terindex oleh semua mesin pencari terutama si mbah google,maka blog kita harus didaftarkan ke situs directory dmoz.Karena mbah google memanfaatkan situs directory dmoz ini untuk mereview blog-blog atau website-website untuk di crawl,dan memberi patokan google untuk memberi peringkat suatu blog atau website.


Berikut ini adalah langkah-langkah Cara mendaftarkan Blog ke Directory Dmoz .
1.Buka situs http://www.dmoz.org
2.Jika isi content blog kamu berbahasa indonesia silahkan pilih/klik World.
3.Kemudian Klik Bahasa Indonesia.
4.Kemudian Pilih/klik kategori dan sub-sub kategori yang sesuai dengan isi blog sobat.
5.Jika sobat sudah memilih kategori dan sub-sub kategori blog sobat.silahkan sobat klik menu Menyarankan URL/Suggest Url/Bæta vié slòd.

6.Selanjutnya masukan data-data blog sobat
-Site URL = Isi dengan alamat blog sobat
-What Type Of Link In This = Pilih Reguler
-Title Of Site = Isi dengan judul blog sobat
-Site Description = isi dengan deskripsi blog sobat menggunakan huruf kecil semua sebanyak 25-30 kata.
-User Veryfication = Isi dengan kode Chaptca

7.Klik Submit
8.Selesai

Selanjutnya kita tinggal menunggu pihak dmoz untuk mereview blog/website kita selama 2 minggu.Diterima atau tidaknya blog kita,tidak ada pemberitahuan.Jadi untuk mengetahuinya,silahkan sobat kunjungi situs directory dmoz.org.Semoga blog sobat bisa terdaftar di situs directory dmoz dan mendapatkan pengunjung yang banyak setiap harinya.Semoga postingan saya tentang Cara Mendaftarkan Blog Ke Dmoz dapat bermanfaat untuk sobat sekalian.Sampai jumpa di Panduan Blogspot berikutnya.

0 Cara Mendaftar Dan Submit Blog Ke Digg

Cara Mendaftarkan-Submit Blog Ke Digg.com
Panduan Blogspot  kali ini kita akan membahas tentang cara mendaftarkan blog ke digg.com.Digg.com merupakan salah satu situs social bookmark yang terpopuler di dunia.Dengan mendaftarkan blog ke digg.com,maka kita dapat mensubmit postingan blog kita,dengan begitu kita dapat meningkatkan trafik blog kita.
Cara mendaftarkan blog kita ke social bookmark digg.com tidakllah sulit.Agar mendaftarkan blog kita lebih mudah,sebaiknya kita mendaftarkan blog kita dengan akun facebook kita.Untuk lebih jelasnya,silahkan sobat baca panduan berikut :

Cara Mendaftarkan Dan Submit Blog Ke Digg.com
1.Silahkan sobat kunjungi situs digg di http://www.digg.com
2.Klik Join DIGG pada menu yang berada di atas situs
3.Kemudian Klik Join Through Facebook
4.Setelah itu sobat akan di bawa ke akun facebook sobat.Jika sobat belum login ke akun facebook,silahkan sobat login terlebih dahulu ke akun facebook sobat.
5.Jika sobat sudah login ke akun facebook sobat,silahkan klik Login Menggunakan Akun Facebook.
6.Kemudian digg akan meminta untuk diperbolehkan mengakses data kita.Pada pilihan tersebut,klik Izinkan.
7.Cek email facebook sobat dan klik URL verifikasi yang dikirim oleh pihak Digg.com untuk mengaktifkan akun sobat
8.Selesai,

Sekarang sobat dapat mensubmit postingan sobat ke social bookmark digg.com.Untuk submit postingan blog kita ke digg.com,silahkan sobat baca panduan berikut

1.Login ke akun digg.com dengan menggunkan akun facebook sobat
2.Klik Submit Link yang berada di menu atas halaman situs.
3.Masukan URL postingan sobatpada form yang disediakan
4.Klik kategori yang sesuai dengan postingan blog sobat
5.Klik Post Story
6.Selesai

Coba sobat lihat hasilnya,semoga dengan mensubmit setiap postingan blog kita ke social bookmark digg.com dapat menaikkan trafik blog kita.Jika dalam penjelasan di atas ada yang sobat kurang mengerti,silahkan tulis di kolom komentar.Semoga postingan saya tentang Cara mendaftar Dan Submit Blog Ke Digg dapat bermanfaat.Sampai jumpa di Panduan Blogspot selanjutnya.

0 Cara Membuat Postingan Di Menu Laman Blog

Cara Membuat Postingan Di Menu Laman Blog.
Panduan Blogspot kali ini kita akan membahas tentang Cara Membuat Postingan Di Menu Laman Blog.Pada postingan saya tentang Cara Membuat Menu Tab Di Blogspot ,salah satu sahabat kita bertanya tentang cara membuat postingan di menu laman blog.Maka dari itu,ayo sekarang kita bahas caranya.Cara membuat postingan di menu laman blog sama seperti kita membuat postingan di blog.
Sebenarnya ada cara yang lebih praktis untuk menampilkan semua postingan kita di menu laman blog,tetapi sekarang kita bahas dulu dasar membuat postingan di menu laman blog terlebih dahulu.Bagi sobat yang belum mengetahui tentang cara membuat postingan di menu laman blog,silahkan perhatikan panduan berikut ini.

Cara Membuat Postingan Di Menu Laman Blog.
1.Login ke akun blogger sobat
2.Klik menu laman
3.Pilih menu laman yang kita ingin buat postingannya,klik Edit pada menu lamannya.contoh
4.Kemudian kita akan dibawa ke halaman postingnya,silahkan sobat tulis postingan sobat di form postingnya,jika sobat ingin memasasukan link di postingan tersebut,silahkan klik menu link yang berada di menu tab form posting
5.Jika sudah selesai,klik Publikasikan
6.Selesai.

Coba sobat lihat hasilnya.semoga postingan saya tentang Cara Membuat Postingan di Menu Laman Blog dapat bermanfaat.Sampai jumpa di Panduan Blogspot berikutnya.Sampai jumpa.

0 Cara Mengetahui Apakah Blog Sudah Terindex Google

Cara Mengetahui Apakah Blog Sudah Terindex Google
Dalam Panduan Blogspot kali ini kita akan membahas tentang Cara Mengetahui Apakah Blog Sudah Terindex Google.Setelah kita mendaftarkan blog ke mesin pencari google,google membutuhkan waktu untuk mengindex blog dan juga postingan blog kita.
Agar blog sobat ingin cepat terindex oleh google,silahkan sobat baca postingan saya tentang Cara Submit Blog Ke Digg  dan Cara Mendaftarkan Blog Ke Directory DMOZ.Dengan mendaftarkan blog sobat ke beberapa directory tersebut akan mempercepat google untuk mengindex blog sobat.Okey kita balik ke topik awal kita,Cara Mengetahui Apakah Blog Kita Sudah Terindex Atau belum.Untuk mengetahuinya silahkan sobat baca penjelasan berikut ini.

Cara Mengetahui Apakah Blog Sudah Terindex Google

-Silahkan sobat buka situs http://www.google.co.id
-Kemudian Masukan alamat blog sobat di kotak penelusuran dengan menambahkan site: di depan alamat blog sobat.Contoh site:http://www.andreykusanagi.com atau site:alamatblogsobat.blogspot.com
-Kemudian Klik Penelusuran Google
-Jika blog sobat sudah terindex google,maka yang akan muncul di halaman penelusuran google adalah blog dan postingan blog sobat.
-Selesai

Jika blog sobat sudah muncul di halaman penelusuran google,maka blog sobat sudah terindex google.Yang harus sobat lakukan sekarang adalah mengoptimalkan seo untuk blog sobat.Semoga postingan saya tentang cara Cara Mengetahui Apakah Blog Sudah Terindex Google,semoga bermanfaat.Sampai jumpa di Panduan Blogspot berikutnya.

0 Cara Membuat Menu Tab Sesuai Label

Cara Membuat Menu Tab/Laman Blog Sesuai Label
Dalam Panduan Blogspot kali ini kita akan membahas tentang Cara membuat menu tab/laman blog sesuai label.Salah satu sahabat blog AKC bertanya tentang bagaimana cara membuat menu tab seperti menu Software Gratis di blog AKC ini.Dengan membuat menu tab-laman blog sesuai dengan label postingan blog kita,dapat mengirit waktu kita karena kita tidak perlu lagi membuat postingan di dalam menu tab blog kita.
Karena dengan membuat menu tab sesuai dengan label postingan,maka setiap postingan kita yang mempunyai label akan secara otomatis muncul di menu tab tersebut.

Contohnya bisa sobat lihat dengan cara mengklik menu tab Software Gratis yang berada di atas blog saya ini.Pada halaman tersebut postingan yang tampil hanyalah postingan blog saya yang berlabel Download Software Gratis.Cara membuatnya juga tidaklah terlalu sulit,sobat hanya membutuhkan beberapa menit saja untuk membuatnya.Dan pastikan setiap postingan blog sobat mempunyai label.Ayo langsung saja kita praktekan

Cara Membuat Menu Tab/Laman Blog Sesuai Label

1.Login ke akun Blogger Sobat
2.Klik Menu Laman
3.Kemudian klik Laman Baru Lalu klik Alamat Web
4.Setelah itu masukan judul menu sobat pada form yang di atas dan masukan url label blog sobat pada form Alamat Web (URL).Contoh Url label http://alamatblogsobat.blogspot.com//search/label/Label Postingan Sobat.
Contoh :http://www.andreykusanagi.com//search/label/Download Software Gratis
Alamat tersebut adalah alamat postingan saya yang berlabel Download Software Gratis.

5.Klik SIMPAN
6.Selesai

Coba sobat Lihat hasilnya,jika ada pertanyaan silahkan sobat tulis saja di kotak komentar.Semoga postingan saya tentang Cara Membuat Menu Tab/Laman Blog Sesuai Label dapat bermanfaat.Sampai Jumpa di Panduan Blogspot berikutnya.

0 Ping Blog Untuk Meningkatkan SEO Blog

Ping Blog Untuk Meningkatkan Index Dan Trafik Blog.
 Panduan Blogspot kali ini kita akan membahas tentang Cara Meningkatkan Index Dan Trafik Blog Dengan Menggunakan Ping Blog.Ping dapat diartikan sebagai suatu tindakan mengirim pesan ke suartu server untuk menginformasikan bahwa kita telah melakukan update blog ataupun website.
Ping menginformasikan kepada Search Engine dan juga situs directory bahwa blog kita telah update dan otomatis Search Engine dan situs Directory akan segera merubah  data blog kita yang telah diperbarui di server mereka.Jangan khawatir,untuk melakukan ping kita dapat menggunakan layanan ping yang gratis dan juga bagus.

Berikut beberapa layanan ping yang sering saya gunakan

1.Ping-o-Matic (http://www.pingomatic.com)
2.Pingoat (http://www.pingoat.com)
3.Ping Feedburner (http://feedburner.google.com/fb/a/ping)

Cara Melakukan Ping Blog
-Pada Blog Name : Isi dengan judul blog sobat
-Pada Blog Home Page : Isi dengan alamat blog sobat
-Pada RSS URL : isi dengan rss feed blog sobat,bila sobat penggunaka blogspot alamat feed blog sobat http://alamatblogsobat.blogspot.com/feeds/posts/default
jika sobat sudah mendaftarkan feeds sobat di feedburner sobat bisa juga menggunakan alamat feedburner sobat.

Tips Melakukan Ping :
1.Lakukan ping apabila sobat telah mengupdate blog
2.Lakukan ping apabila sobat telah membuat postingan baru
3.Jangan lakukan ping terlalu sering,karena akan dianggap spam

Manfaat Ping :
1.Agar update blog sobat selalu diketahui para pengunjung
2.Agar Postingan terbaru sobat cepat terindex search engine dan directory
3.Blog sobat akan lebih SEO
4.Meningkatkan trafik blog

Semoga postingan singkat saya kali ini tentang Ping Blog Untuk Meningkatkan Index Dan Trafik Blog.dapat dapat bermanfaat.Sampai jumpa di Panduan Blogspot berikutnya.

0 Cara Submit Feed Blog Ke RSS Directory

Cara Submit Feed Blog Ke RSS Directory-
Panduan Blogspot  kali ini kita akan membahas tentang bagaimana cara meningkatkan pelanggan blog dengan Submit feed Blog Ke RSS directory Gratis.Dengan Submit Feed blog kita ke RSS Feed Directory dapat meningkatkan trafik dan pengunjung dari blog kita.Karena pembaca akan langsung mendapatkan notifikasi melalui email atau dari feed direktory di mana mereka berlangganan.Jadi sobat juga harus mendaftarkan feed blog sobat untuk meningkatkan pelanggan blog sobat.



Berikut ini adalah 30 Feed Directory Yang terkenal sekarang ini. Sebelum mendaftarkan,persiapkan terlebih dahulu data-data seperti: 
1. URL Feed Blog, biasanya untuk blogger/blogspot diakhiri dengan /feeds/posts/default (atom), contoh: http://alamatblogsobat.blogspot.com/feeds/posts/default, atau bisa juga digunakan url feed yang telah diconvert ke feedburner (contoh: http://feeds.feedburner.com/AndreyKusanagiCom), 
2. Nama Blog
3.Deskripsi Blog (jika diperlukan/disyaratkan)
4. Tag (jika diperlukan)
5. Url Blog (jika diperlukan/disyaratkan)
6. Alamat email ((jika diperlukan/disyaratkan, untuk konfirmasi pendaftaran)
7. Nama akun (jika diperlukan/disyaratkan)
Untuk memudahkan sobat mendaftarkan Feed blog sobat,silahkan sobat cari link yang menuju form pendaftaran yang biasanya tulisannya "Submit Feed","Suggest Feed",?Add Feed","Submit Blog",Add Blog".Sebagian besar rss feed directory di bawah ini membutuhkan .Berikut Rss Fees Directory Gratis

  1. Plazoo.com
  2. blogbal.com
  3. RSSmicro.com
  4. RSSMountain.com
  5. www.feedage.com
  6. www.feedcat.net
  7. www.feedlisting.com
  8. findrss.net
  9. www.rssmotron.com
  10. ReadABlog.com
  11. GoldenFeed.com
  12. BlogDigger.com
  13. WeBlogAlot.com
  14. chordata.info
  15. BlogPulse.com
  16. IceRocket.com
  17. RSS-Network.com
  18. feeds2read.net
  19. www.feedplex.com
  20. www.syndic8.com
  21. www.wingee.com
  22. www.yodpod.com
  23. www.newsisfree.com
  24. www.newzalert.com
  25. www.rssbuffet.com
  26. www.rsstop10.com
  27. www.redtram.com
  28. www.oobdoo.com
  29. www.topix.net
  30. www.5z5.com

Semoga postingan saya tentangCara Submit Feed Blog Ke RSS Directory dapat membantu sobat sekalian.Sampai Jumpa di Panduan Blogspot berikutnya.

0 Cara Buat Daftar Isi Blog

Daftar isi (daftar halaman) dari situs web atau blog, akan sangat membantu pengunjung blog dalam mencari iformasi pada blog yang sedang dikunjungi, daftar isi ini akan menampilkan seluruh artikel yang telah diposting biasanya akan diurutkan dari yang termuda atau yang terakhir kali di publish sampai artikel yang pertama kali dipublish.
Sebenarnya sudah banyak artikel tentang cara buat daftar isi blog yang diposting oleh para blogger dengan beragam cara dan trik, tetapi tidak ada salahnya jika saya posting juga di blog ini, tujuannya adalah jika ada pengunjung yang mapir di blog ini dan kebetulan ingin mengetahui cara buat daftar isi blog maka pengunjung bisa melihat caranya di sini, jika dirasa cocok silahkan diambil.
Ada dua design daftar isi blog yang saya posting di blog ini :
  1. Design daftar isi dengan mengelompokan artikel berdasarkan Tanggal Posting dan diurut mulai dari artikel yang paling terakhir di publish sampai dengan arttikel yang paling pertama di publish (yang paling muda) contohnya bisa ada lihat di sini
  2. Design daftar isi yang menampilkan Judul Artikel beserta Label dan Tanggal Posting dan diurut berdasarkan artikel yang terakhir di publish sampai dengan artikel yang pertama di publish.  Pengunjung blog bisa menyortir artikel yang ingin di baca berdasarkan Tanggal Publish atau berdasarkan Label sehingga lebih flexibel jika sebuah blog sudah memiliki artikel yang banyak.  
Cara buat daftar isi design pertama.
  • Silahkan anda copy kode di bawah ini :
    <script src="https://sites.google.com/site/rulsze08/folder/sitemap.js?attredirects=0&amp;d=1"></script><script src="http://namaurlbloganda.blogspot.com/feeds/posts/default?max-results=500&amp;alt=json-in-script&amp;callback=loadtoc"></script>
  • Ganti kode yang berwana merah dengan URL (alamat blog) anda
  • Login ke blogger dengan ID anda
  • Dari Dashboard klik Entri Baru, lalu buat laman baru, klik Edit Laman >> LAMAN BARU
  • Pada judul ketik DAFTAR ISI lalu paste kode diatas ke kolom editor dalam mode Edit HTML jangan menggunakan mode Compose kemudian klik PUBLIH PAGE atau TAYANGKAN LAMAN
  • Silahkan atur posisi penempatan daftar isi sesuaikan dengan tampilan blog anda.

Cara buat daftar isi design kedua.
  • Silahkan copy kode di bawah ini :
    <div id="cl_option"> Loading... </div> <div id="cl_content_list"></div> <script type="text/javascript"> var jumlah_kata_dalam_ringkasan = 200; </script> <script src="https://sites.google.com/site/multipaste1/DaftarIsi.js?attredirects=0&amp;d=1?attredirects=0&amp;d=1?attredirects=0&amp;d=1?attredirects=0&amp;d=1"></script> <script src="http://namaurlbloganda.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=onLoadFeed&amp;max-results=500"> </script>
  • Ganti kode yang berwana merah dengan URL (alamat blog) anda 
  • Selanjutnya silahkan lakukan seperti cara buat daftar isi design pertama.
Silahkan dicoba gan....! Tetapi jika Anda ingin membuat daftar isi dengan tampilan yang lebih 'OK' menurut saya, seperti yang bisa anda lihat di blog ini anda bisa membaca artikel di blog ini tentang Cara Buat Daftar Isi Blog Dengan Tampilan yang Elegan

0 Membuat Gadget Footer Pada Layout Blog

Artikel cara Membuat Gadget Footer Pada Layout Blog seperti ini, sudah banyak dipublish oleh para blogger, tulisan ini saya posting lagi untuk menjawab pertanyaan pengunjung blog yang menanyakan bagaimana cara menambahkan gadget footer pada blog.
Sebenarnya tutorial cara membuat gadget footer pada blog tidak ada yang baku, hal ini dikarenakan beragamnya template yang digunakan oleh para blogger, kalau ditanyakan apakah untuk membuat gadget footer ini harus mengedit kode HTML template, saya bisa jawab 'ya' bisa juga 'tidak' karena tergantung template yang digunakan.  Jika menggunakan template bawaan blogger.com tentu tidak perlu untuk mengedit kode HTML template, tetapi jika Anda menggunakan 'template eksternal' yang di download dari situs penyedia template blogger, tentu harus mengedit kode HTML template untuk membuat gadget footer ini.
Supaya tidak terlalu berpanjang lebar, berikut ini cara membuat gadget footer pada blog
Untuk template bawaan blogger.com :
  • Login ke blogger dengan ID Anda
  • Jika sudah berhasil login klik link Nama Blog Anda >> Template >> Customize
  • Selanjutnya klik menu Layout di sebelah kiri halaman dan silahkan pilih type gadget footer pada bagian Footer layout disesuaikan saja dengan kebutuhan Anda.
  • Klik button Apply to blog tunggu beberapa saat sampai proses selesai lalu klik link << Back to blogger untuk kembali ke halaman dashboard Anda
Untuk template external :
  • Login ke blogger dengan ID Anda
  • Jika sudah berhasil login klik link Nama Blog Anda >> Template ~ sebelum melakukan perubahan atau update kode HTML template sebaiknya backup terlebih dahulu template Anda, lihat artikel Cara Backup dan Restore Template Blogger
  • Selanjutnya klik Template >> Edit HTML >> Proceed
  • Jangan lupa beri tanda mark(check/centang) pada kotak Expand Template Widget kemudian cari kode ]]></b:skin>
  • Copy kode di bawah ini dan paste tepat diatas kode ]]></b:skin>
    #footer-column-divide { clear:both; } .footer-column { padding: 10px; }
  • Selanjutnya cari kode <div id='footer-wrapper'> atau kode <div class='footer-outer'> kemungkinan akan berbeda untuk setiap template mengingat beragamnya template yang digunakan oleh para blogger, lalu pilih salah satu kode di bawah ini (sesuai kebutuhan), copy kode ini dan paste atau tempatkan di bawahnya (catatan : jika anda tidak menemukannya pusatkan saja perhatian pada kata footer)
    Script untuk menambahkan 2 kolom Add a Gadget :
    <div id='footer-column-divide'> <div id='footer1' style='width: 50%; float:left; margin:0; text-align:left;'> <b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/> </div> <div id='footer2' style='width: 50%; float: left; margin:0; text-align: left;'> <b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/> </div> <div style='clear:both;'/> </div>
    Script untuk menambahkan 3 kolom Add a Gadget :
    <div id='footer-column-divide'> <div id='footer1' style='width: 33%; float:left; margin:0; text-align:left;'> <b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/> </div> <div id='footer2' style='width: 33%; float: left; margin:0; text-align: left;'> <b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/> </div> <div id='footer3' style='width: 33%; float: right; margin:0; text-align: left;'> <b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/> </div> <div style='clear:both;'/> </div>
    Script untuk menambahkan 4 kolom Add a Gadget :
    <div id='footer-column-divide'> <div id='footer1' style='width: 25%; float:left; margin:0; text-align:left;'> <b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/> </div> <div id='footer2' style='width: 25%; float: left; margin:0; text-align: left;'> <b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/> </div> <div id='footer3' style='width: 25%; float: right; margin:0; text-align: left;'> <b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/> </div> <div id='footer4' style='width: 25%; float: right; margin:0; text-align: left;'> <b:section class='footer-column' id='col4' preferred='yes' style='float:right;'/> </div> <div style='clear:both;'/> </div>
  • Untuk menyimpan perubahan klik button Save template
Periksa layout template anda seperti gambar di bawah ini, jika berhasil ucapkan Alhamdulillah... Sekarang Anda sudah dapat menambahkan gadget pada bagian footer blog Anda dan untuk menambahkannya lihat artikel Cara Menambahkan Gadget di Blog

0 Cara Buat Tombol Tukar Link Otomatis

Multi Paste - Bertukar link antar sesama blogger, biasanya dilakukan dengan cara barter script, seperti yang sudah saya posting sebelumnya di blog ini.  Lihat artikel Cara Buat Gadget Untuk Bertukar Banner, anda juga dapat menyediakan tombol otomatis untuk bertukar link, jika tombol di klik, maka pengunjung akan dituntun untuk menambahkan link blog kita ke dalam blog mereka.
Berikut ini adalah langkah-langkah Cara Buat Tombol Tukar Link Otomatis di blog
  • Login ke blogger dengan ID anda
  • Pilih type Gadget HTLM/Javasript, tidak perlu masukkan judul gadget pada kotak Title lalu copy kode di bawah ini dan paste pada kotak Content selanjutnya klik button Save untuk menyimpannya.
    <center> <form action="http://beta.blogger.com/add-widget" method="POST"> <input value="FAVORIT" name="widget.title" type="hidden"/><textarea style="display:none;" name="widget.content"> <a href="http://multipaste.blogspot.com/" target="_blank" /> <img src="https://lh4.googleusercontent.com/-L7MYjT8LKtI/TxPMoftjxrI/AAAAAAAAAV0/61nwKdbbIdM/s128/Banner%252520MP.gif" border="0" alt="MULTI PASTE | Menabur Ketulusan Menuai Kebahagiaan"></a> </textarea><input value="http://buzz.blogger.com" name="infoUrl" type="hidden"/> <input value="http://www.blogger.com/img/icon_logo32.gif" name="logoUrl" type="hidden"/> <input value="LINK KE BLOG INI" name="go" type="submit"/></form> </a> </center>
  • Jangan lupa untuk menganti tulisan yang berwarna merah dengan URL blog anda, kode link image dan keterangan yang ingin anda tampilkan, lihat catatan pada bagian bawah artikel ini.
  • Atur penempatan Gadget, sesuaikan dengan tampilan blog anda dan periksa blog anda sekarang, lihat hasilnya, maka akan muncul tombol LINK KE BLOG INI, jika berhasil ucapkan Alhamudilillah...






Note :

Tulisan berwarna merah pada script di atas yang perlu anda ganti
  1. http://multipaste.blogspot.com/ = URL blog ini ganti dengan URL blog anda
  2. https://lh4.googleusercontent.com/-L7MYjT8LKtI/TxPMoftjxrI/AAAAAAAAAV0/61nwKdbbIdM/s128/Banner%252520MP.gif = ini adalah link banner, ganti dengan link banner anda.
  3. MULTI PASTE | Menabur Ketulusan Menuai Kebahagiaan = keterangan yang ditampilkan saat pointer mause pengunjung di arahkan ke banner anda, ganti dengan keterangan yang ingin anda tampilkan.
You might also like:

0 Cara Buat Navigasi Breadcrumb

Pada artikel kali ini saya coba posting  Cara Pasang Widget Artikel Terkait di Blog, sekedar sharing walaupun sudah banyak para blogger mempublikasikan tentang ini, namun tidak ada salahnya jika saya posting juga di sini, karena semakin hari jumlah blogger di seluruh dunia terus bertambah, otomatis setiap hari blogger pemula terus bermunculan, mungkin saja ada yang sedang mencari panduan bagaimana Cara Pasang Widget Artikel Terkait di Blog maka artikel ini bisa dijadikan referensi.

Keuntungan yang di dapat dari memasang Widget Artikel Terkait ini adalah secara signifikan dapat meningkatkan Pageviews blog kita, karena pengunjung dimudahkan dalam hal navigasi untuk mencari artikel yang terkait dengan artikel yang sedang di baca sehingga akan berdampak pada perampingan rangking alexa blog kita, jika blog Anda belum ter-rangking di Alexa Web, baca juga artikel Cara Pasang Kode Meta Tag dan Widget Alexa Rank Pada Blog.

Sekarang kita langsung saja ke 'TKP' bagaimana Cara Pasang Widget Artikel Terkait di Blog :
  • Login ke blogger dengan ID Anda
  • Jika halaman Dashboard anda belum menerapkan tampilan antarmuka blogger yang telah diperbaharui silahkan klik link Try the updated Blogger interface atau Coba antarmuka Blogger yang diperbarui yang terdapat pada halaman sebelah kanan bagian atas tepat diatas menu pilih bahasa
  • Klik Template >> Edit HTML >> Proceed/Lanjutkan
  • Jangan lupa beri tanda mark(check/centang) pada kotak Expand Template Widget
  • Cari kode </head> tempatkan kode di bawah ini tepat di atas kode </head>
    <style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://sites.google.com/site/multipaste1/rss.png") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='https://sites.google.com/site/multipaste1/Related_posts.js?attredirects=0=1' type='text/javascript'/>
  • Selanjutnya cari kode <data:post.body/> atau <div class='post-body'> (jika anda menemukan kode ini lebih dari satu dalam kode HTML template anda gunakan saja kode yang pertama ditemukan) kemudian copy kode di bawah ini dan paste di bawahnya.
    <b:if cond='data:blog.pageType == "item"'> <div id="related-posts"> <font face='Arial' size='3'><b>Artikel Terkait :</b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script> </div></b:if>
  • Angka 5 yang berwarna merah adalah jumlah artikel yang akan ditampilkan dalam Widget Artikel Terkait ini, Anda dapat merubahnya sesuai keinginan.
  • Untuk menyimpan perubahan klik tombol Simpan template >> Tutup jendela kode HTML
  • Periksa hasilnya... jika berhasil ucapkan Alhamdulillah....
Related Posts Plugin for WordPress, Blogger...