Jumat, 29 Juni 2012

Logika Mengukur Tinggi Badan Anak

بِسْمِ اللّهِ الرَّحْمَنِ الرَّحِيْمِ
Assalamu'alaikum,
Oke gan, ketemu lagi sama aku "Rendy Wira Adi" (seorang pelajar yang cita-citanya jadi IT). Sekarang kita vakum dulu dari artikel-artikel berbau informasi teknologi masa kini. Aku kali ini akan membuat artikel Logika Mengukur Tinggi Badan. Oke, langsung saja tanpa banyak cincong. Aku kasih tau tipsnya. 


Untuk Laki-Laki :
Tinggi Badan Bapak + Tinggi Badan Ibu : 2 + 7 = ........

Untuk Perempuan :
Tinggi Badan Bapak + Tinggin Badan Ibu : 2 - 7 =........

Silahkan kamu coba dan lihat hasilnya.
Semoga artikel ini bermanfaat bagi kalian.
Wassalamu'alaikum

Rabu, 27 Juni 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.

Sabtu, 23 Juni 2012

Tukeran Link

بِسْمِ اللّهِ الرَّحْمَنِ الرَّحِيْمِ
Assalamu'alaikum,
Oke gan, ketemu lagi sama aku "Rendy Wira Adi" (seorang pelajar yang cita-citanya jadi IT). Kali ini aku mau nawarin tukeran link ni sama agan-agan. Apa agan ada yang berminat?
Apa sih gunanya tukeran link?

 
Tukeran link, menurut ane untuk mempererat tali silaturahmi para blogger satu dengan yang lainnya.
Berikut ini caranya.
  1. Login ke Blogger.com
  2. Klik Tata Letak/Design ==> Add Gadget ==> HTML/JavaScript
  3. Copy script dibawah ini
  4. Paste dan save

Jika Link agan mau berada di blog ane, silahkan taruh link ane diblog agan, jika sudah bisa agan berkomentar dibawah artikel ini.
Wassalamu'alaikum

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.

Jumat, 22 Juni 2012

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.

Rabu, 20 Juni 2012

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

Senin, 18 Juni 2012

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.

Minggu, 17 Juni 2012

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

Sabtu, 16 Juni 2012

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/AVvXsEh22EpsdL1XULCAZ9aWUZPyfPYsFjUrmEgyU4raxNa60AJ_28HfXYhWSYD-SF6Up3DAzRyqcao26ef_BKPwGRJcN26ef9IqP-zW7Gy9TpGGRpAZkLHIMY86QL373fBVOwagqYRBATqads8/s1600/back-to-top.gif'/></a>

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

Selasa, 12 Juni 2012

Membuat Recent Post Menggunakan Thumbnail

بِسْمِ اللّهِ الرَّحْمَنِ الرَّحِيْمِ
Assalamu'alaikum,
Oke gan, ketemu lagi sama aku "Rendy Wira Adi" (seorang pelajar yang cita-citanya jadi IT). Kali ini aku mau ngasih Artikel tentang Cara Membuat Recent Post Menggunakan Thumbnail. Langsung aja, tanpa banyak omong,karena aku takut mulut ini disolatipin sama agan-agan. hehe Langsung ke TKP =====>
  • Login ke Blogger.com
  • Di menu dasboard, klik "Design/Tata Letak ==> Tambah Gadget ==> HTML/JavaScript"
  • Copy script dibawah ini
    <script language="JavaScript">

    imgr = new Array();


    imgr[0] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image1.gif";

    imgr[1] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image2.gif";

    imgr[2] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image3.gif";

    imgr[3] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image4.gif";

    imgr[4] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image5.gif";
    showRandomImg = true;

    boxwidth = 230;

    cellspacing = 8;

    borderColor = "#ffffff";

    bgTD = "transparent";

    thumbwidth = 40;

    thumbheight = 40;

    fntsize = 12;

    acolor = "#666";

    aBold = true;

    icon = " ";

    text = "comments";

    showPostDate = false;

    summaryPost = 40;

    summaryFontsize = 10;

    summaryColor = "#666";

    icon2 = " ";

    numposts = 10;

    home_page = "http://rendywira.blogspot.com/";

    </script>

    <script src="https://sites.google.com/site/anasceria/recentposts_thumbnail.js" type="text/javascript"></script>
  • Paste di kolom HTML/JavaScript tadi
  • Simpan
  • Lihat Blog
Contoh Recent Post Thumbnail
 
 NB:
  • boxwidth = 230;
    Size, ganti sesuai keinginan
  • home_page="http://rendywira.blogspot.com/";
    ganti dengan URL blog agan.
Cukup Mudah Bukan?
Oke, Semoga artikel ini bermanfaat bagi kalian. Jangan lupa dishare, di follow, dan di comment ya :)
=>*Selamat Mencoba*<=

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.

Minggu, 10 Juni 2012

Cara Membuat Blog di Blogger

بِسْمِ اللّهِ الرَّحْمَنِ الرَّحِيْمِ

Assalamu'alaikum,

Oke gan, ketemu lagi sama aku "Rendy Wira Adi" (seorang pelajar yang cita-citanya jadi IT). Kali ini aku mau ngasih Artikel tentang Cara Mudah Membuat Blog di Blogger. Langsung aja, tanpa banyak
omong,karena aku takut mulut ini disolatipin sama agan-agan. hehe Langsung ke TKP =====>

Langkah pertama kalian harus mempunyai E-mail Google terlebih dahulu, jika kamu belum mempunyai akun Google, silahkan mendaftar disini.


  • Jika sudah mendaftar, kita masuk ke Blogger.com 
  • Klik "Memulai" yang berada di sebelah kanan atas.
  • Nanti Masuk ke gambar dibawah ini, dan isi dengan akun yang telah kita buat tadi, jika sudah terisi dengan benar, klik "Lanjutkan"

  • Kemudian, Ketiklah Untuk "Title" dan Ketik juga untuk "URL" kalian. Sudah di isi, klik "Lanjutkan"
  • Pilih template, sesuai keinginan.
  • Dan, Jeenng Jeenngg. Blog Anda Sudah Aktif.
  • Oke, Bikin postingan Pertama kamu, caranya
    Entri Baru => Ketik yang kalian inginkan => Publikasikan
  • Kamu sudah membuat Blog di Blogger.com
Oke, Semoga artikel ini bermanfaat bagi kalian. Jangan lupa dishare, di follow, dan di comment ya :)
=>*Selamat Mencoba*<=

Kamis, 07 Juni 2012

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 200x200 Harga Rp. 20.000/bulan (1 slot) diletakkan di sidebar kiri/kanan.
  • Iklan banner 468x60 Harga Rp. 15.000/bulan (1 slot) diletakkan di atas posting/header.
  • Iklan teks Harga Rp. 5.000/bulan (1 slot) diletakkan di sidebar kiri/kanan (Promo Rp.10.000/3 bulan).
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.

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.

Rabu, 06 Juni 2012

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.

Jumat, 01 Juni 2012

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 :)