Cara Membuat Index atau Daftar Isi

Daftar isi atau index sangat penting sekali di dalam sebuah blog, karena dengan adanya daftar isi pemilik ataupun pengunjung blog bisa mengetahui isi dari keseluruhan blog tersebut, dan memudahkan pengunjung untuk mencari informasi yang mereka butuhkan (selain menggunakan search engine pada blog).

Ketika anda mengupdate posting, daftar isi ini akan secara otomatis menampilkan isi keseluruhan dari blog. Perhatikan kode dibawah ini:

<div align="" style="border: 1px solid #ccc; height: 600px; overflow: scroll; padding: 5px; width: 400px; width: auto;"> <script src="http://blogatap.googlecode.com/files/index.js"> </script><script src="http://NAMA BLOG ANDA.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
</div>

Keterangan:
height: 600px; ukuran tinggi yang akan ditampilkan
width: 400px; ukuran lebar yang akan ditampilkan (ubah sesuai dengan blog anda)
NAMA BLOG ANDA : ganti sesuai nama blog anda

Kode diatas bisa langsung dimasukkan di Gadget HTML atau sidebar, tapi kalau blogatap lebih suka di pasang di entry/postingan dan kita buatkan menu dengan nama Index atau Daftar Isi. Berikut contoh tampilannya:

Sekian dulu postingan kali ini tentang cara membuat index atau daftar isi, semoga bermanfaat buat sobat blogger semua.

Selengkapnya...

Cara Membuat Readmore

Cara membuat Readmore – Untuk membuat tampilan blog lebih rapi dan elegant, sebaiknya sobat blogger memasang Readmore pada setiap postingan di blog kita. Bagaimana cara membuatnya?caranya cukup sederhana, berikut blogatap akan memberikan langkah-langkah cara membuat readmore:

1. Login akun Blogger 
2. Buka halaman template ---> edit html ---> centang expand template widget 
3. Cari kode </head> gunakan Ctrl + F untuk mempermudah pencarian 
4. Paste kode berikut tepat diatas </head>
   
   <script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script>


5. Selanjutnya cari kode <data:post.body/>  atau <p><data:post.body/></p> Jika menemukan 2 kode yang sama, pilih kode yang pertama. 
6. Jika sudah ketemu ganti kode tersebut dengan kode dibawah ini:
   
   <b:if cond='data:blog.pageType != &quot;item&quot;'>
   <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>
   <span class='rmlink' style='float:right;padding-top:20px;'>
   <a expr:href='data:post.url'>READ MORE</a></span>
   </b:if>
   <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>


7. Klik Simpan Template

Keterangan: summary_noimg = 430; Jumlah karakter yang akan ditampilkan jika tidak menggunakan gambar

summary_img = 340; Jumlah karakter yang akan ditampilkan jika menggunakan gambar

img_thumb_height = 100; Ukuran tinggi gambar yang akan ditampilkan

img_thumb_width = 120; Ukuran lebar yang akan ditampilkan

Selengkapnya...

Alertpay Berganti Menjadi Payza

Alertpay berganti wajah menjadi Payza – Setelah sekian lama tidak mengunjungi Alertpay, saya sempat bingung ketika mau masuk akun Alertpay saya, karena tampilan Alertpay tidak seperti biasanya.

Ternyata Alertpay sekarang berubah wujud menjadi Payza, kurang tau juga sih sebab kenapa Alertpay berganti menjadi Payza soalnya saya juga bukan owner dari akun tersebut haha. Tapi mugkin Alertpay ingin meningkatkan keamanan dan layanannya. Sobat blogger tidak perlu khawatir dengan perubahan ini karena kita tidak perlu registrasi ulang, semua data termasuk username, password, maupun saldo anda tidak akan berubah dan berkurang sedikitpun.

Demikian informasi yang bisa diberikan dari blogatap, semoga bermanfaat dan selamat menikmati perubahan wujud dari Alertpay.

Selengkapnya...

Cara Membuat Next Page di Blog

Pada artikel kali ini blogatap akan berbagi informasi tentang Cara Membuat Next Page di Blog. Kegunaan Next Page salah satunya adalah untuk memudahkan pengunjung blog melihat layar selanjutnya dan menghemat tampilan blog agar loading blog tidak berat.

Bagaimana cara membuatnya? langsung saja simak langkah-langkahnya sebagai berikut:

Masuk blogger ---> template ---> edit html ---> centang expand template widget cari kode ]]></b:skin>, untuk mempercepat pencarian tekan Ctrl + F masukkan kode ]]></b:skin> kemudian letakkan script di bawah ini tepat di atas kode ]]></b:skin>

.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;}

Selanjutnya cari kode </body> kemudian letakkan script di bawah ini tepat di atas kode </body>

<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord=&#39;Previous&#39;;
var downPageWord=&#39;Next&#39;;
</script>
<script src='http://blogatap.googlecode.com/files/blogger-page-nav-v2.txt' type='text/javascript'/>

Kemudian Save Template dan lihat perubahannya. Berikut contoh tampilan dari Next Page:

Semoga postingan ini bermanfaat bagi sobat blogger semua :)

Selengkapnya...

Cara Membuat Tulisan Copyright di Blog

Tulisan copyright sering kita temui di bagian bawah/footer dari sebuah blog atau website. Fungsi dari copyright itu sendiri salah satunya adalah untuk memberikan informasi dari blog tersebut, seperti: pemilik blog, pembuat template, dan informasi yang lain.

Bagaimana memasang tulisan copyright pada blog kita?berikut blogatap akan berbagi informasi cara membuat tulisan copyright di blog. Langsung saja kita mulai langkah-langkahnya:

1. Login akun Blogger ---> Klik Template ---> Edit HTML ---> beri tanda centang pada kotak expand widget template. Setelah itu cari kode ]]></b:skin> tambahkan kode dibawah ini tepat diatas  ]]></b:skin>
   
   
   /* copyright part1 */
   .copyright{
   text-align: center;
   padding-top:5px;
   padding-bottom:5px;
   font:normal 80% Verdana,Trebuchet,Arial,Sans-serif;}
   /* copyright part1 end */
   
   
   Keterangan:
   Bila anda menginginkan tulisan berada disamping, ganti center (tengah) dengan right (kanan) atau left (kiri)
2. Kemudian copy paste kode berikut tepat di atas </body>
   
   
   <div class='copyright'>Copyright © 2011-2012 di sini kata-kata terserah anda</div>
   
   Misalnya kalau punya saya seperti ini:
   
   
   

   
   

   <!-- copyright Part2 -->
   <div class='copyright'>Copyright &#169; 2011-2012 <a href='http://blogatap.blogspot.com/'>blogatap.blogspot.com</a> | powered by: <a href='http://www.blogger.com/'>Blogger</a><br/><br/></div>
   <!-- copyright Part2 end -->


3. Simpan Template

Semoga postingan ini bermanfaat bagi sobat blogger semua, habis baca-baca tidak ada salahnya kalau sobat blogger like postingan atau fans page blog kita yang berantakan ini :)

Selengkapnya...

Membuat Tombol Follow dan Dashboard di Blog

Tombol dashboard sebenarnya sudah terpasang pada navbar blog dan berfungsi untuk login halaman blogger, sedangkan tombol follow biasanya diletakkan di widget blog tapi kali ini kita akan memasang pada bagian kanan atas blog. Bagaimana cara memasang kedua tombol tersebut agar terlihat lebih menarik?

Langsung saja berikut langkah-langkahnya:

1. Login akun blogger 
2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript 
3. Copy-Paste kode di bawah ini pada HTML/JavaScript,
   
   
   <div style="position: fixed; top: 5px; right: 90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=25086555954420056783" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://3.bp.blogspot.com/-feYAFwQF-GM/TtOSBVXcMmI/AAAAAAAAHvk/GH1PZPVvU7c/follow.png" border="0" /></a><div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-N61PPu_1haE/TtOSBZgZikI/AAAAAAAAHvc/vIEC_dYpIVo/dashboard.png" /></a></div>


4. Ganti blogID diatas dengan blogID sobat, untuk mendapatkan blogID sobat berikut caranya:
   
   
   
   
   Jika sobat blogger menginginkan posisi lain, silahkan ganti tulisan top:5px; right:2px 
5. Klik Simpan

Demikian tips dari blogatap, semoga sedikit tulisan jelek ini bermanfaat bagi sobat blogger semua.

Selengkapnya...

Cek Posisi Blog di SERP Google

Pada urutan berapa blog kita di search engine google?seberapa eksis blog kita dimata search engine google?mungkin pertanyaan seperti ini sering sekali muncul di pikiran sobat blogger semua, apalagi yang saat ini sedang mengikuti kontes SEO.

Bagaimana cara mengetahui posisi blog kita di google?langsung saja kita masuk ke langkah-langkahnya:

1. Masuk ke pagerank checker klik DISINI 





2. Pilih Select a Google (jika blog kita berbahasa Indonesia pilih www.google.co.id) 
3. Masukkan keyword yang ingin diketahui posisinya di Google, contoh: Cara Mendapat Keuntungan dari Internet 
4. Masukkan alamat blog, contoh: http://blogatap.blogspot.com 
5. Kemudian klik SERP dan tunggu hasilnya?

Syukur deh blogatap tumben banget masuk urutan 5 besar haha, sekian dulu ya postingan dari blogatap semoga bermanfaat bagi sobat semua. Eh, jangan lupa di like kalau habis baca posting ini :)

Selengkapnya...

Menciptakan 1.000.000 netpreneur baru, Gratis Facebook Store di LakuBGT.com

Apa itu netpreneur?mungkin sobat blogatap masih ada yang masih bingung apa itu netpreneur. Netpreneur atau singkatan dari Internet entrepreneur merupakan istilah untuk orang-orang yang menjalankan bisnisnya secara online melalui internet.

Saat ini potensi netpreneur sangat besar karena dengan semakin canggihnya teknologi komunikasi yang mendukung akses internet dan murah harganya, diprediksikan kedepan seluruh proses bisnis akan terjadi di dunia maya. Melalui internet, salah satunya anda dapat dengan mudah membuat website gratis di facebook. Keuntungan dari website gratis di facebook adalah kita dapat mempromosikan barang dan jasa 24 jam tanpa batasan wilayah, ini merupakan peluang bisnis yang bagus untuk kita sebagai pelaku usaha.

Kini sudah banyak orang-orang yang mencoba lahan bisnis yang satu ini. Di Indonesia sendiri telah hadir LakuBGT.com yang mampu men-support dan mem-fasilitasi, dengan “Menciptakan 1.000.000 netpreneur baru, Gratis Facebook Store di LakuBGT.com”. Agar segala yang dibutuhkan untuk membuat, mengelola, mempromosikan barang dengan mudah dan membooster penjualan bisnis Anda dengan cara tercepat dan termurah.

Siap menjalankan bisnis online??tentu jawabanya siap!!dengan Gratis Facebook Store di LakuBGT.com kita akan lebih hemat dibanding membuka toko atau memulai bisnis baru anda.

Sekian dulu ya postingan dari blogatap, semoga posting ini bermanfaat bagi sobat semua yang mau memulai usaha baru :)

Selengkapnya...

Akun AdSense Selain Google AdSense

Pernahkan akun google adsense anda di matikan/di banned oleh google?ini seperti yang saya alami, rasanya sakit hati banget kalau blog kita sampai di banned oleh google. Alasannya cukup sederhana, blog yang saya daftarkan di google adsense harus sudah punya domain sendiri alias .com, emang saya juga salah sih?soalnya saya masih pakek .blogspot (gratisan) hahaha.

Tapi jangan khawatir, rejeki datangnya dari Tuhan bukan dari Google, masih banyak publisher selain google adsense, berikut adsense yang bisa kalian gunakan untuk mendapatkan pundi-pundi dollar selain google adsense:

1. adhitz.com 
2. chitika.com 
3. infolinks.com

Kalau dari dalam negeri, sebagai berikut:

1. adsensecamp.com 
2. kliksaya.com 
3. kumpulblogger.com

Itu beberapa pilihan yang bisa saya bagi untuk sobat, jangan terus-menerus sakit hati karena ditolak sama google, masih banyak adsense yang sexy dan cantik yang mau terima sobat blogger semua :) tetap semangat dan pantang menyerah, segala sesuatu harus dicoba dulu (kata orang-orang pinter). udah sekian dulu postingan dari saya, semoga bermanfaat bagi sobat semua.

Selengkapnya...

Cara Menampilkan Posting Berdasarkan Kategori Tertentu

Bagaimana cara menampilkan posting hanya kategori/label tertentu saja di sidebar blog?mungkin sebagian dari sobat blogger sudah tau mengenai hal ini. Tapi tidak masalah, kami akan mencoba berbagi kepada sobat blogger yang belum tau cara menampilkan posting berdasarkan kategori/label tertentu di sidebar blog, dan semoga tips-trik ini bermanfaat.

Tidak usah lama-lama, langsung saja kita masuk ke langkah-langkahnya:

1. Seperti biasa login blogger.com 
2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript 
3. Copy-Paste kode di bawah,
   
   
   <div style="border: 1px solid rgb(000, 000, 000); height: 100px; overflow: auto; padding: 10px; width: 90%;">
   <script style="text/javascript">
   var numposts = 9;
   var standardstyling = true;
   </script>
   <script type='text/javascript'>function showrecentposts(json) {
   for (var i = 0; i < numposts; i++) {
   var entry = json.feed.entry[i];
   var posttitle = entry.title.$t;
   var posturl;
   if (i == json.feed.entry.length) break;
   for (var k = 0; k < entry.link.length; k++) {
   if (entry.link[k].rel == 'alternate') {
   posturl = entry.link[k].href;
   break;
   }}
   posttitle = posttitle.link(posturl);
   if (standardstyling) document.write('<li>');
   document.write(posttitle);}
   if (standardstyling) document.write('</li>');}</script>
   <ul><script src="http://blogatap.blogspot.com/feeds/posts/default/-/nama label?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=500"></script> </ul>
   </div>


4. Kemudian Simpan

Keterangan:
http://blogatap.blogspot.com: ganti dengan nama alamat blog anda
nama label: ganti nama label/kategori yang mau kita tampilkan
9: Jumlah posting yang akan ditampilkan di sidebar
500: Jumlah posting yang ter-index

Selengkapnya...

Cara Membuat Sitemap Blog

Agar semua konten dari blog kita dapat terindex oleh google maka kita perlu mendaftarkan seluruh konten dari blog lewat sitemap, sitemap dibuat menggunakan kode tertentu dan posting dibatasi hingga 1500. Kode tersebut adalah sebagai berikut:

Sitemap Blogger Artikel Posting 0-500. Kodenya: atom.xml?redirect=false&start-index=1&max-results=500
Sitemap Blogger Artikel Posting 501-1000. Kodenya: atom.xml?redirect=false&start-index=501&max-results=1000
Sitemap Blogger Artikel Posting 1001-1500. Kodenya: atom.xml?redirect=false&start-index=1001&max-results=1500

Cara membuatnya yaitu dengan menambahkan kode tersebut dibelakang alamat URL blog.
Contoh: http://blogatap.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500

Untuk memasangnya di Google Webmaster Tools adalah sebagai berikut:

1. Masuk ke Google Webmaster tool. 
2. Kalo belum punya akun, silakan daftar DISINI 
3. Klik link blog/situs anda. 
4. Klik Sitemaps (kanan bawah) ---> klik Add/Test Sitemap
   
   
   


5. Masukkan kode berikut di kotak:
   atom.xml?redirect=false&start-index=1&max-results=500
   (apabila artikel di blog lebih dari 500 posting, tambah satu sitemap lagi, seperti penjelasan diatas) 
6. Klik tombol Submit Sitemap

Sekian posting dari blogatap-tips belajar ngeblog, semoga bermanfaat bagi sobat blogger semua.

Selengkapnya...

Mendaftarkan Blog ke Google Webmaster Tools

Google Webmaster Tools merupakan layanan gratis milik perusahaan search engine Google. Dengan bantuan Google Webmaster Tools maka blog kita akan lebih mudah ter index oleh google search engine.

Untuk dapat menggunakan layanan Google Webmaster Tools anda harus mendaftar terlebih dahulu menggunakan akun Gmail. Berikut cara mendaftar dan melakukan verifikasi blog di Google Webmaster Tools:

1. Masuk ke alamat web Google Webmaster Tools 
2. Klik Add Site (masukkan situs blog anda) ---&gt; klik Continue 
3. Kemudian masuk halaman verifikasi “Verify Ownership”, klik Alternate methods, kemudian kasih tanda centang pada "Add a meta tag to your site's home page" 
4. Copy kode yang bentuknya seperti
   <meta name="google-site-verification" content="………………" />
5. Kemudian tempatkan kode tersebut pada source code html blog anda tepat di bawah kode  <head>
6. Kembali ke Google Webmaster Tools dan klik Verify

Selengkapnya...

Tips Meningkatkan Jumlah Pengunjung Blog

Hampir dipastikan jumlah traffic atau pengunjung yang tinggi adalah idaman semua blogger (termasuk saya), dengan pengunjung yang tinggi secara otomatis kita mempunyai semangat dan mempunyai rasa bangga akan blog kita.

Memang tidak mudah untuk meningkatkan traffc pengunjung, semuanya butuh keuletan dan kesabaran. Banyak cara atau tips yang bisa dilakukan, tergantung mana yang paling efektif. Nah, langsung saja saya akan memberikan beberapa tips dari banyak tips untuk pertanyaan sobat blogger yang masuk di e-mail saya, agar blog sobat tidak sepi pengunjung seperti punya saya ini :)

Adapun beberapa tips meningkatkan traffic pengunjung yang bisa dilakukan adalah:

1. Daftarkan blog ke Search Engine: Google, Yahoo, Bing, dan sebagainya.
2. Buat posting atau artikel blog yang menarik, jangan hanya sekedar copy-paste. Kalau kita pengen menulis artikel yang sama, usahakan menggunakan gaya bahasa dan sudut pandang yang berbeda. 
3. Perbanyak artikel di blog, semakin banyak artikel maka kemungkinan besar akan banyak di cari oleh penjelajah dunia maya. 
4. Menulis artikel yang bermanfaat yang sekiranya artikel tersebut akan terus dicari, tidak peduli sampai kapanpun. Kita bisa menulis artikel tentang tips tutorial desain photoshop/coreldraw, tips komputer, tips-tips blogger, kecantikan, dan lain sebagainya. 
5. Buatlah design blog yang baik dan menarik, jika design blog berantakan, terlalu banyak script dan loadingnya berat, pengunjung pasti tidak akan betah berlama-lama di blog kita, jangan terlalu sering berganti-ganti theme. Gunakan theme atau template yang baik yang enteng, ringan, dan rapi namun tetap elegan. 
6. Blogwalking ke blog-blog sahabat. Lakukanlah persahabatan kepada sesama blogger, mulai dari bertukar link, saling berkomentar, dan sebagainya. 
7. Share artikel kita ke situs-situs jejaring sosial, agar setiap artikel yang dibuat bisa cepat diketahui orang-orang yang lalu lintas di situs-situs jejaring sosial tersebut. 
8. Untuk dapat bersaing dalam search engine atau mesin pencari, kita harus belajar yang namanya SEO. Saat ini saya sendiri juga lagi proses belajar yang namanya SEO :)

Semoga artikel yang saya posting kali ini bermanfaat bagi saya dan sobat blogger semua.

Selengkapnya...

Mendaftarkan Blog di Webmaster Tools

Webmaster Tools merupakan fasilitas gratis yang disediakan oleh search engine seperti Google, Yahoo, dan Bing. Untuk meningkatkan SEO, SERP, dan jumlah traffik/pengunjung adalah dengan mendaftarkan Blog/Website kita ke Webmaster Tools sehingga blog lebih mudah dikenali oleh search engine.

Berikut Webmaster Tools yang menduduki peringkat 3 besar yang bisa sobat blogger gunakan.

1. Google Webmaster Tools, daftar disini google.com/webmasters/tools/ 
2. Bing Webmaster, daftar disini  bing.com/toolbox/webmaster
3. Yahoo Webmaster, daftar disini siteexplorer.search.yahoo.com/

Di Webmaster Tools, data yang kita peroleh tidak segera muncul, butuh beberapa hari setelah pendaftaran, baru segala informasi tentang blog kita akan tampil.

Selengkapnya...

Cara Menghilangkan Navbar di Blog

NavBar atau Navigation Bar adalah kotak kecil memanjang kesamping, terletak berada di bagian paling atas dari blog fungsinya untuk Sign In Blogger dan bisa juga melaporkan blog yang kontennya melanggar TOS blogger.

Untuk menghilangkan NavBar blogger, Login ke akun blogger, klik link Template kemudian Edit HTML, jangan lupa centang Expand Template Widget untuk bisa mengedit template secara keseluruhan, setelah itu cari kode:

]]></b:skin>

Untuk mempercepat pencarian gunakan Ctrl + F kemudian masukkan kode ]]></b:skin>. Masukkan kode berikut tepat diatas kode ]]></b:skin>

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

Kemudian Simpan Template.
Atau bisa juga meletakkan kode berikut tepat dibawah kode <body>

<style type='text/css'>
#navbar-iframe {display:none;}
</style>

Selengkapnya...