Home  ·  About  ·  Disclaimer  ·  Contact  ·  Sitemap

Home » Archives for June 2012

Cara Membuat Link Bergoyang

Mungkin sobat blogger ingin membuat tampilan link lebih menarik, beberapa cara dapat dilakukan untuk mengubah tampilan link text pada blog, tujuannya tidak lain adalah agar pengunjung tertarik sehingga meng-klik link tersebut.

Pasti Anda pernah menjumpai blog yang link textnya bergoyang ketika disorot oleh kursor. Bagaimana cara membuatnya? Berikut langkah – langkahnya :
  1. Login Akun blogger 
  2. Pilih Template > Edit HTML > klik Expand Template Widget 
  3. Cari kode </head> (seperti biasa gunakan Ctrl + F) 
  4. Copy kode dibawah ini dan Paste tepat diatas kode </head>

    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
    <script type='text/javascript'>
    $(document).ready(function() {
    $(&#39;a&#39;).hover(function() { //mouse in
    $(this).animate({ marginLeft: &#39;12px&#39; }, 400);
    }, function() { //mouse out
    $(this).animate({ marginLeft: 0 }, 400);
    });
    });</script>

  5. Kemudian Simpan Template dan lihat perubahannya
Sekian postingan dari blogatap, selamat mencoba dan semoga bermanfaat bagi kita semua.
Selengkapnya...
Label:

Membuat Tombol Back to Top (Bagian II)

Tombol back to top sangat berguna sekali jika homepage blog kita banyak sekali konten atau artikel yang ditampilkan, ini dapat mempermudah pengunjung untuk kembali ke bagian atas blog ketika mereka berada di bagian terbawah dari blog, sehingga tidak menggunakan fungsi scroll lagi.

Berikut langkah-langkah cara sederhana membuat tombol back to top di blog:
  1. Login blogger 
  2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript 
  3. Copy-Paste kode di bawah ini pada HTML/JavaScript,

    <a title="Back to Top" href="#" style="position: fixed; bottom: 5px; right: 5px;">
    <img src="URL gambar button"></a> 

  4. Kemudian klik Simpan
Keterangan:
Right : posisi tombol back to top
URL gambar button : ganti dengan URL gambar yang kita inginkan

Selamat mencoba dan semoga bermanfaat buat kita semua.
Selengkapnya...
Label:

Dampak Mengganti - Ganti Template Blog

Template adalah komponen penting dan berharga dalam sebuah blog, Pilih template yang baik dan menarik, jika design blog/template berantakan, terlalu banyak script dan loadingnya berat, pengunjung pasti tidak akan betah berlama-lama di blog kita.

Jika kita mau membeli baju, usahakan memilih baju itu yang cocok seperti: warna, gambar, kain yang digunakan dan sesuai dengan warna kulit. Begitu juga dengan template, pilih template yang enteng, ringan, dan rapi namun tetap elegan.

Satu hal lagi yang perlu diperhatikan, blog jangan kita ibaratkan dengan badan kita yang setiap hari berganti-ganti baju, karena tidak baik untuk kesehatan blog itu sendiri.

Banyak dampak yang akan didapat kalau kita berganti-ganti template, salah satunya adalah tidak ramah lingkungan maksudnya jika kita berganti-ganti template, pengunjung akan mengalami kebingungan dengan blog kita.

Selain itu, akan berdampak pada search engine, dengan mengganti template blog, susunan dan kode-kodenya berubah, sehingga search engine mengalami kebingungan ketika meng-index kembali blog kita dan menyebabkan traffik blog kita menurun.

Banyak dampak mengganti-ganti template blog, dan sementara masih itu saja yang bisa ditulis dan ketahui blogatap. Posting kali ini juga untuk menjawab pertanyaan yang masuk di kontak blogatap, terimakasih dan semoga bermanfaat bagi kita semua.
Selengkapnya...
Label:

Membuat Iklan Berdampingan di Posting (Bagian I)

Kalau sobat blogger ingin iklan adsensenya terlihat berdampingan di posting blog, cara membuatnya cukup mudah. Sobat blogger tinggal memasukkan beberapa kode pada template blog.

Berikut cara membuat iklan berdampingan di posting, seperti gambar diatas:
  1. Login Akun blogger 
  2. Pilih Template > Edit HTML > klik Expand Template Widget 
  3. Jangan lupa download dulu template Anda, jika terjadi kesalahan bisa langsung di back up 
  4. Cari kode ]]></b:skin> (seperti biasa gunakan Ctrl + F) 
  5. Copy kode dibawah ini dan Paste tepat diatas kode ]]></b:skin>

    #iklankontent {
    height: 250px;
    }
    #iklankiri {
    float: left;
    }
    #iklankanan {
    float: right;
    }
     
  6. Kemudian cari <data:post.body/>, kalau Anda menginginkan iklan diatas posting, letakkan kode iklan di bawah ini tepat diatas kode <data:post.body/>, jika dibawah posting letakkan tepat dibawah <data:post.body/>

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='iklankontent'>
    <div id='iklankiri'>
    Kode Iklan Kiri
    </div>
    <div id='iklankanan'>
    Kode Iklan Kanan
    </div>
    </div>
    </b:if>

    Keterangan:
    250 : tinggi iklan yang akan ditampilkan
    Kode iklan kiri dan kode iklan kanan : kode iklan yang akan ditampilkan 
  7. Simpan Template
Selengkapnya...
Label:

Clas Music Acoustic 2012

Dalam 2 tahun terakhir CAMP ORGANIZER kian eksis, ini dibuktikan dengan banyaknya event yang telah diselenggarakan. Belum lama ini CAMP bekerjasama dengan CLAS MILD meyelenggarakan acara yang bertajuk CLAS MUSIC ACOUSTIC.

CLAS MUSIC ACOUSTIC diadakan ditengah kota tepatnya di taman kota Ponorogo. Acara ini cukup berkesan, karena menampilkan beberapa band lokal indie Ponorogo dan home band UKM – MUSIC CAMP sendiri serta penampilan khusus dari salah satu musisi jalanan dari kota reyog yang mampu menghipnotis pengunjung.

CLAS MUSIC ACOUSTIC mendapatkan sambutan yang cukup baik dari beberapa musisi dan pengunjung, "diharapkan acara seperti ini rutin diselenggarakan setiap tahunnya, atau bahkan tiap bulan" dikutip dari salah satu band lokal yang ikut meramaikan acara CLAS MUSIC ACOUSTIC.
Selengkapnya...
Label:

Cara Membuat Menu Buka - Tutup

Kalau sobat blogger pernah mengunjungi kaskus pasti tidak asing dengan menu ataupun gambar yang bisa di buka – tutup. Bagaimana cara memasang menu yang bisa di buka – tutup tersebut di blog?

Caranya cukup mudah dan saya yakin sobat blogger tidak akan mengalami kesulitan, untuk lebih jelasnya langsung saja ikuti tutorial dibawah ini:
  1. Login ke akun blogger Anda 
  2. Masuk ke menu Tata Letak -> Tambah Gadget -> HTML/JavaScript 
  3. Copy-Paste kode di bawah ini pada HTML/JavaScript

    <div style="margin-bottom: 2px;"><span style="color: rgb(102, 102, 204);"> </span>
    <div style="margin-top: 5px; text-align: left;"><input onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;TUTUP&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;BUKA&#39;; }" value="BUKA" style="margin-top: 5px; width: 60px; font-size: 10px;" type="button" /> </div>
    <div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">
    Letakkan link/script/gambar disini
     </div></div></div>

  4. Kemudian Simpan
Berikut hasil kerja keras yang akan sobat blogger dapat:

Enter your email address:

Delivered by FeedBurner

Selengkapnya...
Label:

Membuat Tombol Back to Top (Bagian I)

Kalian pernah melihat bagian pojok bawah blog terdapat tombol panah keatas, itu yang dinamakan tombol back to top. Tombol ini apabila kita klik maka akan kembali pada bagian atas dari blog.

Tidak usah berlama-lama, berikut langsung saja kita mulai membuat tombol back to top di blog:
  1. Login blogger 
  2. Pilih Template > Edit HTML > klik Expand Template Widget 
  3. Cari kode </body> (seperti biasa gunakan Ctrl + F) 
  4. Copy kode dibawah ini dan Paste tepat diatas kode  </body>

    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

  5. Kemudian copy lagi kode dibawah ini dan Paste tepat dibawah kode diatas

    <script src='http://bloggerpeer.googlecode.com/files/backtotop.js' type='text/javascript'/>
    <a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_WTe5HIVdVaX3wREKZLtD4B_V3LXvvElNDjjTQjBC0i6Z0O1bGzz3q0tQAGNNF3Z5-8ahY5hIXqDeNPo7tOfFwM7IIwCRPe9hJy80VQYfMPgHRJqKCCfByjhpbECdVwEcRKD8pXZyMAo/s1600/back-to-top.gif'/></a>

  6. Kalau sudah semua, terakhir Simpan Template dan rasakan perubahannya.
Sumber: bloggerpeer
Selengkapnya...
Label:

Cara Mengubah Template Blog Agar Seo Friendly

Dari beberapa pencarian dan berbagai sumber yang didapat oleh blogatap, banyak cara atau tips yang bisa dilakukan untuk membuat template blog menjadi seo friendly. Namun kali ini blogatap akan mencoba menulis salah satu dari sekian banyak tips yang bisa dilakukan agar blog seo friendly (kalau tipsnya kurang & sobat sudah mencoba tips ini mungkin tidak perlu meneruskan membacanya).

Ok…langsung saja berikut beberapa cara mengubah template blog agar seo friendly. Login ke akun blogger, klik link Template kemudian Edit HTML, jangan lupa centang Expand Template Widget untuk bisa mengedit template secara keseluruhan, tapi demi keamanan backup dulu template blog anda, caranya klik link Template kemudian Cadangkan/Pulihkan, terus Unduh template lengkap.

Kalau sudah balik lagi ke cara mengubah template blog agar seo friendly. Cari kode <title><data:blog.pageTitle/></title> ubah kode tersebut dengan kode dibawah ini:

<b:if cond='data:blog.pageType == "item"'>
 <title><data:blog.pageName/> | <data:blog.title/></title>
 <b:else/>
 <title><data:blog.pageTitle/> | keyword | keyword | keyword </title>
 </b:if>

Keterangan:
Ganti tulisan keyword dengan kata kunci blog kamu.

Selanjutnya copy kode dibawah ini dan kemudian paste dibawah kode <b:include data=’blog’ name=’all-head-content’/>

<meta content=’DESCRIPTION BLOG KAMU DISINI’ name=’description’/><meta content=’KEYWORDS BLOG KAMU DISINI’ name=’keywords’/><meta content=’NAMA AUTHOR KAMU DISINI’ name=’author’/>

Keterangan:
Ganti tulisan yang berwarna hijau sesuai dengan blog kamu

Nah, seperti itu adanya tips dari blogatap, semoga bermanfaat bagi sobat blogger semua, selamat mencoba.
Selengkapnya...
Label:

Pasang Iklan Paling Murah

Kini blogatap memulai usaha baru yaitu menyediakan space iklan bagi sobat blogger atau Advertiser untuk memasang iklannya di tempat-tempat strategis dari blogatap. Sekilas tentang blog: blogatap adalah sebuah blog yang berisi informasi tentang Tips-Trik Blog, SEO, AdSense, Event, Kontes Blog dan Internet.


Statistik Blog:

Statistik blog ini bisa Anda lihat disini!.

Berikut Paket Iklan yang bisa Anda pilih:
  • Iklan banner 728x90 Harga Rp. -/bulan (1 slot) diletakkan di bawah header.
  • Iklan banner 300x250 Harga Rp. -/bulan (1 slot) diletakkan di bawah posting.
  • Iklan banner 468x60 Harga Rp. -/bulan (1 slot) diletakkan di atas posting/header.
Cara pemasangan iklan yaitu dengan mengisi data berikut:
  • Link gambar iklan banner 
  • Judul Title untuk iklan banner/text 
  • Keterangan untuk iklan banner/text 
  • Kirim ke tonikustiawan@gmail.com atau 085735171756 (sms only).
Materi iklan tidak boleh mengandung unsur yang berlawanan dengan hukum yang berlaku.
Materi iklan sepenuhnya adalah tanggung jawab pemasang iklan, blogatap tidak akan bertanggung jawab terhadap kritikan atau tuntutan atas materi iklan.

Pembayaran dapat dilakukan transfer uang ke rekening Bank BRI atau dengan transfer Pulsa. Jika Anda berminat silahkan hubungi kami melalui Contact Me atau Telp. 085735171756 (sms only).
Iklan akan terpasang setelah proses pembayaran Selesai.
Selengkapnya...
Label:

Musik Special Milad UNMUH Ponorogo

MUSIK SPECIAL MILAD UNMUH PONOROGO – Untuk promosi penerimaan mahasiswa baru dan perayaan milad, UNMUH PONOROGO mengadakan event musik selama 2 hari mulai dari tanggal 18 – 19 Mei 2012.

Pada hari pertama, diisi dengan Entrepreneur Idol, event ini diselenggarakan untuk menghibur pengunjung bazaar yang diadakan kelas entrepreneur UNMUH. Kemudian pada hari kedua event diadakan di hal. DOME UNMUH PONOROGO, acara ditutup dengan penampilan khusus RHU BAND dari Jogja, sekaligus menutup acara MILAD UNMUH PONOROGO.
Selengkapnya...
Label:

Meghilangkan Tulisan Label diatas atau bawah Posting

Sebagian sobat blogger mungkin ada yang tidak menyukai tulisan label yang biasanya berada diatas atau bawah posting. Apabila sobat blogger salah satunya, berikut blogatap akan berbagi tips menghilangkan label diatas atau bawah posting.

Pertama yang harus kita lakukan adalah berdo’a :) kemudian 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:

<span class='post-labels'>
<b:if cond='data:post.labels'><data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'>,
</b:if></b:loop></b:if>
</span>

Hapus Kode diatas kemudian Simpan Template dan lihat perubahannya.
Selengkapnya...
Label: ,

Memasang Random Post di Blog

Bagaimana cara membuat Random Post?sebelum kita mulai, ada baiknya blogatap jelaskan dulu apa itu Random Post?mungkin ada dari sobat blogger yang belum tahu. Random Post adalah postingan yang ditampilkan secara acak, biasanya random post ini dipasang di sidebar blog.

Oke, langsung saja buat sobat blogger yang ingin memasang Random Post di blog, ikuti langkah-langkah berikut:
  1. Seperti biasa kita login akun Blogger terlebih dahulu 
  2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript 
  3. Copy-Paste kode di bawah ini pada HTML/JavaScript

    <script type="text/javascript">
    var randarray = new Array();var l=0;var flag;
    var numofpost=5;function randomposts(json){
    var total = parseInt(json.feed.openSearch$totalResults.$t,10);
    for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
    if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
    for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
    for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
    document.write(item);}}
    }document.write('</ul>');}
    </script>
    <script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>

    Keterangan:
    numofpost=5 : Jumlah posting yang akan ditampilkan 
  4. Klik Simpan
Demikian cara membuat Random Post, semoga postingan ini bermanfaat bagi sobat blogger semua, khususnya bagi pemula (seperti blogatap) kalau yang sudah senior dalam dunia blogger saya rasa udah mahir semua :)
Selengkapnya...
Label:

Indeks

Selengkapnya...

Cara Mengukur Berat Blog

Pernahkan Anda memikirkan berat dan loading blog Anda?kebanyakan dari kita lupa memperhatikan hal tersebut, padahal berat dan loading blog harus sangat diperhatikan oleh seorang blogger.

Kenapa demikian?karena menurut pengalaman saya, makin berat kecepatan loading blog, para pengunjung blog kita akan lebih malas membaca ataupun sekedar melihat-lihat blog kita, ini akan berakibat menurunnya jumlah pengunjung blog Anda. Untuk menghindari hal tersebut anda perlu mengoreksi blog Anda (bukan blog teman haha), hapus accsesoris yang tidak berguna, ukuran normal dari blog itu sendiri adalah jangan sampai diatas 100 KB.

Berikut anda bisa mengecek blog Anda dengan tools dibawah ini:

Masukkan URL: maksimal 10 url dipisahkan dengan baris baru / enter.

(contoh: http://blogatap.blogspot.com/)



Selengkapnya...
Label:
Subscribe to: Posts (Atom)
 
Copyright © . blogatap.blogspot.com · Powered by Blogger
Support Infoblog_ID