Home  ·  About  ·  Disclaimer  ·  Contact  ·  Sitemap

Bungkusan dari Honda PGM-FI SEO Competition

Bungkusan dari Honda PGM-FI SEO Competition – Pada kesempatan yang berbahagia ini kami tidak akan share info atau tips dan trik seputar blogging, tapi ingin sedikit mendongeng kepada sobat blogger semua.

Kemarin pagi seorang pak pos datang ke rumah mengantar sebuah bungkusan. Setelah saya terima ternyata bungkusan tersebut berisi sebuah kaos dari Honda PGM-FI SEO Competition. Padahal saat mengikuti Honda PGM-FI SEO Competition kemarin yang saya harapkan adalah hadiah utama yaitu motor dan uang tunai tapi yang datang kemarin hanya kaosnya hahaha.

Meskipun begitu saya tetap merasa senang dan berterimakasih kepada Honda PGM-FI SEO Competition karena sudah memberikan merchandise berupa kaos keren, semoga dengan diberikannya kaos ini dapat menjadi motivasi agar terus semangat dalam mewarnai dan mencoret-coret blog ini.
Selengkapnya...

Cara Membuat Kotak Permalink Tag di Blog

Permalink merupakan URL yang menuju halaman tertentu. Banyak yang mengatakan permalink adalah bagian dari optimasi SEO, karena mempertegas keyword pada halaman tertentu.

Selain itu, terkadang permalink tag juga digunakan sebagai pesan untuk mengingatkan pengunjung. Misalnya, pesan bagi pengunjung untuk menuliskan sumber jika ingin menyebarkan informasi pada sebuah postingan.


Kotak permalink biasanya terletak di bagian bawah dari postingan, kalau Anda ingin memasang kotak permalink tag pada blog berikut langkah-langkah pembuatannya :
  1. Login akun blogger Anda 
  2. Pilih Template > Edit HTML > centang Expand Template Widget 
  3. Cari kode ]]></b:skin> 
  4. Copy kode dibawah ini dan paste tepat diatas kode ]]></b:skin>
    .permalink-blogatap
    {border: 2px dashed #424242;
    padding: 5px;
    background: #fbfbef;-moz-border-radius:5px;}

    .permalink-blogatap a
    {background:none;}
    img.float-right {margin: 5px 0px 0 10px;}
    img.float-left {margin: 5px 10px 0 0px;} 
  5. Selanjutnya cari kode <data:post.body/> atau <p><data:post.body/></p> Jika menemukan 2 kode yang sama, pilih kode yang kedua, letakkan kode berikut dibawah kode tersebut.
    <div class='permalink-blogatap' style='padding:5px 5px 5px 5px; overflow: auto; width: auto; height: auto; text-align: justify;'>
    <small>Anda sedang membaca artikel tentang <strong><u><data:blog.pageName/></u></strong> dan anda bisa menemukan artikel <data:blog.pageName/> ini dengan url <strong><a expr:href='data:post.url'><data:post.url/></a></strong>. Anda boleh menyebarluaskan atau mengcopy artikel <strong><data:blog.pageName/></strong> ini jika memang bermanfaat bagi anda, namun jangan lupa untuk mencantumkan link sumbernya.</small></div> 
  6. Silahkan atur dan sesuaikan dengan warna background Anda. 
  7. Klik Simpan template
Selamat mencoba dan semoga bermanfaat bagi sobat blogger semua.
Selengkapnya...

Google Doodle Edisi Olimpiade

Hari ini sobat blogger sudah lihat Google Doodle? Google Doodle adalah logo-logo Google yang dimodifikasi sedemikian rupa yang ditampilkan pada saat ada peringatan atau event tertentu pada setiap negara yang support Google (Wikipedia).

Tiap hari dari hari Jum’at kemarin, Google Doodle selalu berhubungan sama Olimpiade yang diadakan di LONDON. Olimpiade sudah berlangsung sejak 25 Juli 2012 yang diawali dengan enam pertandingan sepak bola, tapi pembukaan resminya baru kemarin 27 Juli 2012.

Nah, sekarang ini Google Doodle edisi lompat indah karena cabang ini katanya bakal dimulai pada hari ini.
Selengkapnya...

Aria Baron Gitaris Handal Indonesia

Aria Baron merupakan gitaris handal di Indonesia, awalnya baron adalah salah satu pendiri grup band GIGI, tapi pada September 1995 baron keluar dari grup band tersebut (Wikipedia) dan mendirikan grup band baru yang bernama Baron Soulmates.

Pada Oktober 2010 kemarin admin yang bertemu pada event sensasi hits yang menghadirkan bintang tamu baron soulmates (maaf baru update sekarang). Ternyata dibalik mukanya yang Rock ‘N Roll, baron adalah seorang yang ramah pada fans-fansnya.

Selain Baron Soulmates, bintang tamu yang hadir saat itu adalah Reffa Band, T2, dan Zivilia.
Selengkapnya...

Cara Membuat Contact Me di Blog

Contact Me (Contact Form) menjadi sangat penting karena berguna untuk mempermudah pengunjung memberikan pertanyaan atau kritik dan saran yang bersifat privacy kepada admin blog.

Selain itu, contact me juga berfungsi untuk menghindari spam yang dikirim melalui alamat e-mail. Langsung saja berikut cara membuat contact me pada blog :
  1. Lakukan pendaftaran salah satu situs penyedia contact form dibawah ini
    mycontactform.com
    emailmeform.com
    123contactform.com 
  2. Jangan lupa pilih yang gratis “SIGN UP FOR FREE”. 
  3. Ikuti langkah-langkah untuk membuat contact form tersebut, kemudian anda bisa menentukan tampilan form, tulisan, panjang, warna, dll. 
  4. Kalau sudah selesai copy kode yang diberikan contact form, pilih kode HTML/JavaScript. 
  5. Agar tampilan lebih menarik pasang di entry/postingan dan kita buatkan menu dengan nama “Contact Me” 
  6. Masukkan kode contact form tadi ke postingan pada halaman HTML.
  7. Kemudian untuk melihat hasilnya, klik “Compose” 
  8. Terakhir klik “Publish”
Sekian sedikit tips cara membuat contact me pada blog, semoga bermanfaat bagi sobat blogger semua.
Selengkapnya...

Cara Membuat Save page as PDF pada Blog

Pernahkah sobat blogger melihat situs web / blog pada atas atau bawah postingan terdapat tombol “Save page as PDF”. Bagaimana cara membuatnya? Pada postingan kali ini blogatap akan membahas cara membuat Save page as PDF pada blog.

Fungsi dari Save page as PDF yaitu untuk memudahkan pengunjung untuk menyimpan postingan ke dalam file PDF.

Kalau Anda ingin memasang tombol “Save page as PDF” pada postingan blog, berikut langkah-langkah pembuatannya :
  1. Kunjungi dan daftarkan blog Anda ke web2.pdfonline.com 
  2. Setelah berhasil mendaftar, login dengan username dan password yang Anda daftarkan tadi. 
  3. Atur bentuk halaman dan tepi atas, bawah, kanan, kiri. 
  4. Klik “Generate the Javascript” untuk mendapatkan kode scriptnya, selanjutnya copy kode tersebut. 
  5. Langkah selanjutnya adalah memasang kode pada setiap posting blog, login akun blogger Anda. 
  6. Pilih Template > Edit HTML > klik Expand Template Widget 
  7. Cari kode <data:post.body/> 
  8. Jika menginginkan tombol “Save page as PDF” berada diatas postingan letakkan diatas <data:post.body/>, jika menginginkan dibawah postingan letakkan tepat dibawah <data:post.body/> 
  9. Klik Simpan
Selamat mencoba dan semoga bermanfaat bagi sobat blogger semua.
Selengkapnya...

Sitelinks dari Google

Pada kesempatan kali ini kita akan membahas sedikit tentang Sitelinks Google. Sitelinks merupakan kumpulan beberapa daftar link yang ditampilkan di mesin pencari seperti Google. Untuk mengetahui sitelinks kita lakukan pencarian blog kita di Google dengan mengetikkan keyword blog atau nama domain dari blog misalnya “blogatap” maka akan muncul gambar seperti dibawah ini.


Menurut beberapa sumber menyebutkan umur blog juga berpengaruh dalam mendapatkan sitelinks serta kualitas konten yang dianggap penting oleh search engine Google. Sitelinks akan membawa blog kita pada posisi teratas pada mesin pencari Google dengan beberapa keyword tertentu dari blog.

Untuk mendapatkan sitelinks dari Google tentunya kita harus mendaftar ke search engine Google terlebih dahulu. Setelah terdaftar usahakan untuk rajin mengupdate blog dan meningkatkan kualitas posting serta yang tidak kalah pentingnya adalah meningkatkan jumlah pengunjung blog.

Sekian postingan Sitelinks dari Google, semoga bermanfaat bagi kita semua.
Selengkapnya...

Cara Memasang Widget Histats di Blog

Sebelumnya sudah kita postingkan cara mendaftarkan blog ke histats, tentunya Anda sudah sedikit mengerti tentang histats sehingga kita tidak perlu menjelaskan kembali. Mungkin kalau Anda belum mendaftar di histats, kami sarankan untuk mendaftarkan blog ke histats terlebih dahulu.

Setelah kita mendaftarkan blog ke histats, langkah selanjutnya adalah memasang widget histats di blog. Berikut akan sedikit kita jelaskan langkah-langkanya :
  1. Login ke situs histats.com 
  2. Pada halaman utama klik nama website yang sudah anda daftarkan. 
  3. Klik “Counter CODE”. 
  4. Klik “add new counter”. 
  5. Pilih desain histats yang akan ditampilkan. 
  6. Centang tulisan yang ingin Anda tampilkan, klik “Save”. 
  7. Anda akan kembali ke halaman counter code, klik ID counter code yang dibuat tadi. 
  8. Setelah itu akan muncul kode dibawahnya, kemudian copy paste pada HTML/JavaScript.
Sekian postingan dari blogatap, selamat mencoba dan semoga bermanfaat.
Selengkapnya...

Cara Membuat Headline News di Blog

Jika sobat blogger pernah melihat tayangan berita di televisi, biasanya di bagian bawah layar televisi Anda muncul berita terbaru (headline news) atau informasi yang lain.

Pada kesempatan ini blogatap akan berbagi tips cara membuat headline news pada blog seperti yang kita lihat pada tanyangan berita di televesi, yang terletak di bagian atas atau bawah blog.

Penasaran cara membuat headline news di blog, 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
    <script type="text/javascript">
    var hn_url_blog = "http://blogatap.blogspot.com";
    var hn_jumlah_post = 7;
    var hn_warna_latar = "#EEEEEE";
    var hn_warna_garis = "#000000";
    var hn_posisi = "bottom";
    var hn_tampilkan_judul = true;
    var hn_backlink = true;
    </script>
    <script src="http://blogatap.googlecode.com/files/headline-news.txt">
    </script>
    Keterangan :
    http://blogatap.blogspot.com : Ganti alamat URL blog Anda
    7 : Jumlah judul posting yang akan ditampilkan
    #EEEEEE : Warna background headline news
    #000000 : Warna bingkai atau border blog
    Bottom : Posisi headline news, jika diatas ganti “top”
    True : Menampilkan tulisan “Headline news of NAMABLOG”, jika tidak ingin ditampilkan “false” 
  4. Kemudian klik Simpan
Demikian postingan dari blogatap, semoga bermanfaat bagi kita semua.
Selengkapnya...

Membuat Iklan Berdampingan di Posting (Bagian II)

Pada posting sebelumnya sudah kita bahas cara membuat iklan berdampingan di posting, tetapi pada kesempatan ini kita akan mengulas kembali dengan cara yang sedikit berbeda. Pada tips sebelumnya kita harus memasukkan beberapa kode pada template blog, sehingga mungkin dari beberapa sobat menganggap sedikit ribet.

Bagi sobat yang ingin cara yang lebih mudah lagi, perhatikan cara membuat iklan berdampingan di posting berikut :
  1. Login akun blogger 
  2. Kemudian klik ‘Entri baru’ untuk membuat postingan baru 
  3. Jika Anda menginginkan iklan berdampingan dengan posting sebalah kiri, gunakan kode berikut :
    <div style="float:left;">
    Letakkan Kode Iklan Disini
    </div> 
  4. Jika Anda menginginkan iklan berdampingan dengan posting sebalah kiri, gunakan kode berikut :
    <div style="float:right;">
    Letakkan Kode Iklan Disini
    </div> 
  5. Jika Anda menginginkan iklan berdampingan dengan posting sebalah kanan-kiri, gunakan kode berikut :
    <div style="float:left;">
    Letakkan Kode Iklan Disini
    </div>

    <div style="float:right;">
    Letakkan Kode Iklan Disini
    </div> 
  6. Sisipkan kode iklan yang anda pilih pada postingan yang Anda inginkan.
Selamat mencoba dan semoga bermanfaat bagi sobat blogger semua.
Selengkapnya...

Cara Menerbitkan Posting Otomatis di Blog

Seringkali kita mengalami fase kemalasan dalam meng-update posting blog (termasuk admin blogatap). Selain kualitas posting yang bagus, update secara rutin dan terjadwal merupakan kewajiban seorang blogger yang baik agar mendatangkan traffic pengunjung.

Namun, bagi sobat (admin blogatap) yang malas ataupun sibuk dengan kegiatan dan aktivitas diluar bisa menggunakan fasilitas yang diberikan oleh blogger yaitu dengan membuat jadwal posting otomatis untuk mempublikasikan pada tanggal dan waktu tertentu.

Penasaran cara membuat posting otomatis di blog, berikut langsung ke langkah-langkahnya :
  1. Login akun blogger. 
  2. Kemudian klik "Entri baru". 
  3. Lihat disebalah kanan posting, terdapat pengaturan untuk "Post setting / Setelan Entri", klik "Schedule / Jadwal". 
  4. Centang "Set date and time / Setel tanggal dan waktu". 
  5. Kemudian atur waktu dan tanggal yang diinginkan, kemudian klik "Selesai" (postingan akan terbit sesuai waktu dan tanggal yang telah ditentukan). 
  6. Setelah selesai menulis posting, klik "Publikasikan".
Sekian postingan dari blogatap, semoga bermanfaat bagi kita semua.
Selengkapnya...

Cara Membuat Label Berputar di Blog

Desain dan widget blog terkadang mempengaruhi traffic pengunjung, semakin menarik desain blog biasanya pengunjung akan betah berlama – lama bahkan mengunjungi lagi blog kita. Kita boleh memasang banyak widget tapi juga harus memperhatikan kerapian dan loading blog itu sendiri.

Kali ini blogatap akan mengulas kembali cara membuat label atau category berputar di blog, agar label terkesan menarik dan menggoda untuk pengunjung klik.

Langsung saja berikut langkah – langkah pembuatannya :
  1. Login akun blogger 
  2. Pilih Template > Edit HTML > klik Expand Template Widget 
  3. Cari kode <b:section class='sidebar' id='sidebar' preferred='yes'> atau <b:section-contents id='sidebar-right-1'> 
  4. Copy kode dibawah ini dan paste tepat dibawah kode tadi.
    <b:widget id='Label99' locked='false' title='Labels' type='Label'> <b:includable id='main'> <b:if cond='data:title'> <h2><data:title/></h2> </b:if> <div class='widget-content'> <script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/> <div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div> <script type='text/javascript'> var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "300", "200", "7", "#ffffff"); // uncomment next line to enable transparency //so.addParam("wmode", "transparent"); so.addVariable("tcolor", "0x333333"); so.addVariable("mode", "tags"); so.addVariable("distr", "true"); so.addVariable("tspeed", "100"); so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>"); so.addParam("allowScriptAccess", "always"); so.write("flashcontent"); </script> <b:include name='quickedit'/> </div> </b:includable> </b:widget>
    Keterangan :
    300” : lebar widget, ubah sesuai blog Anda
    200” : tinggi widget, ubah sesuai blog Anda 
  5. Kemudian klik Save template
    Nb: Kalau widget belum muncul pada blog, silahkan tambahkan gadget/widget 'Label'.
Sebenarnya trik atau tips cara membuat label berputar atau bahkan postingan yang lain sudah banyak dibahas oleh master blogger senior, tapi disini blogatap menyajikan kembali dan semoga bermanfaat bagi sobat blogger semua.
Selengkapnya...

Cara Membuat Tanda Tangan di Blog

Bagi sobat blogger yang ahli dalam software design graphic saya rasa tidak ada masalah dalam membuat tanda tangan di blog, tapi beda keadaanya dengan sobat pemula dalam dunia design graphic (termasuk blogatap).

Akan tetapi banyak cara selain menggunakan software design graphic yaitu menggunakan layanan online mylivesignature.com, berikut langsung saja kita ke tutorial pembuatannya :
  1. Kunjungi situs mylivesignature.com 
  2. Klik ‘Proceed’ untuk membuat tanda tangan tanpa harus daftar, tapi jika ingin daftar klik ‘Register’ 
  3. Setelah klik ‘Proceed’, Anda akan diberikan beberapa pilihan klik ‘Using the signature creation wizard’ 
  4. Kemudian masukkan nama atau nama sebagai tanda tangan, klik ‘Next Step’ 
  5. Pilih font dan ukuran, kemudian masing – masing klik ‘Next Step’ 
  6. Pilih warna background sesuai dengan keinginan (saya sarankan menggunakan transparan, centang ‘transparent’) 
  7. Kemudian mengatur kemiringan pilih sesuai keinginan, klik ‘Next Step’ 
  8. Tanda tangan berhasil dibuat.
    Keterangan :
    Simpan ID jika dibutuhkan kembali.
    Copy Image Location : untuk mengambil URL gambarnya dan memasang di blog.
    Klik Save Image As : untuk mendownload gambar / tanda tangannya.
Setelah selesai membuat tanda tangan, langkah selanjutnya adalah memasang tanda tangan di blog, selamat mencoba.
Selengkapnya...

Cara Mendaftar Blog ke Histats

Histats merupakan layanan gratis yang bisa kita gunakan untuk mengetahui statistic dan analisa traffic dari blog. Histats biasanya juga diperlukan oleh pemasang iklan untuk mengetahui statistic blog karena keakuratannya.

Sebelum kita Memasang Widget Histats di Blog sebaiknya kita mendaftar dahulu, berikut Cara Mendaftar Blog ke Histats :
  1. Masuk ke situs histats.com 
  2. Pilih menu tab Register, kemudian isikan data lengkap Anda. 
  3. Jangan lupa centang, lalu isi captcha klik Register. 
  4. Jika pendaftaran berhasil, lakukan aktivasi melalui alamat e-mail yang Anda daftarkan tadi. 
  5. Langkah selanjutnya kita daftarkan blog, klik Add a website. 
  6. Masukkan link URL blog dan data lain dari blog Anda. 
  7. Kita bisa mengisikan kunjung pertama blog (boleh dikosongkan). 
  8. Kemudian terakhir isi captcha klik Continue.
Pendaftaran histats telah berhasil, kemudian kita tinggal memasang histats pada blog untuk mengetahui statistic kunjungan setia saat.
Selengkapnya...

Cara Memasang Status Twitter di Blog

Sobat blogger pernah melihat status twitter pada blog? Memang tak jarang sobat blogger yang menggunakan / memasang widget yang satu ini. Biasanya ini digunakan agar pengunjung dapat mengetahui status twitter kamu / official akun blog kamu dan sukarela mem-follownya.

Daripada kita lama ngomongnya, langsung saja ke cara memasang status twitter di blog :
  1. Kunjungi situs twitter.com/goodies/widgets 
  2. Pilih My Website ---> Profile Widget
  3. Kemudian akan muncul halaman seperti dibawah ini : 
  4. Pada username silahkan diisi dengan ID twitter Anda, dan ubah ukuran warna dan tampilan sesuai keinginan. 
  5. Klik Test settings untuk melihat hasilnya. 
  6. Kemudian klik Finish & Grab Code 
  7. Copy kode yang diberikan dan Paste pada HTML/JavaScript, pasang dan sesuaikan pada blog Anda.
Selamat mencoba dan semoga postingan ini bermanfaat bagi sobat blogger semua.
Selengkapnya...

Cara Memasang Widget Berlangganan Artikel

Cara Memasang Widget Berlangganan Artikel. Banyak cara dan widget yang bisa kita gunakan untuk membuat artikel berlangganan, salah satunya adalah menggunakan feedburner.

Fungsi dari artikel berlangganan ini tak lain untuk memfasilitasi pengunjung jika tertarik berlangganan artikel, sehingga pengunjung dapat update artikel terbaru dari blog dan kita mempunyai pengunjung tetap.

Jika sobat blogger tertarik, berikut langkah-langkah pembuatannya :
  1. Login akun blogger 
  2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript 
  3. Copy-Paste kode di bawah ini pada HTML/JavaScript,
    <style> .form {border:1px solid #ccc; background:#fff; padding:3px; width:340px; height:178px} .rss {background:url("https://lh6.googleusercontent.com/-mstEja_NzCg/T21GQuoGxgI/AAAAAAAAByA/ApyfawPuJfE/s128/Newspaper_Feed_128x128.png") no-repeat top right} .button {background:#069; color:#fff; font-size:11px; font-family:Arial,Tahoma, Verdana; margin-left:5px; border:1px solid #234b69; padding:3px 5px 3px 5px; font-weight:bold} </style> <div class="form"> <div class="rss"> <div style="font-weight:bold; color:#333333; font-size:15px; padding:10px 5px 5px 10px;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR8L0vJxK_4t400L88vSVu2xRxnTCy7AyJV91ttCbGwsFPoUiHilSrGejxp-QUgg66vCk0IQIYDdMMXQWpB3ZSv2jJ7an-qigd-zrY93jqsq1eBCGf_CjqwCGzCxGR5TedmpgrqwMrx3_P/s800/005.png" /></a> <a href="http://feeds.feedburner.com/blogatap">Dapatkan Artikel Terbaru Via RSS</a></div> <div style="font-weight:bold; padding:10px 10px;">Artikel Terbaru Via Email</div> <div style="font-color: black; padding-left:10px">Dapatkan kiriman artikel terbaru dari blog ini langsung ke email Anda.!!!</div> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogatap', 'popupwindow', 'scrollbars=yes, width=550, height=520');return true"> <div style="padding-left:10px; padding-bottom:10px; padding-top:10px"><input type="text" style="width:160px; height:18px" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Ketik email anda disini...&quot;;}" onfocus="if (this.value == &quot;Ketik email anda disini...&quot;) {this.value = &quot;&quot;}" type="text" value="Ketik email anda disini..." /> <input type="hidden" value="blogatap" name="uri" /> <input type="hidden" name="loc" value="en_US" /> <input class="button" type="submit" value="Subcribe" /> </div> </form> <div style="padding-left:10px"><a href="http://feeds.feedburner.com/blogatap" target="_blank"> <img src="http://feeds.feedburner.com/~fc/blogatap?bg=99CCFF&amp;fg=336633&amp;anim=1&amp;label=listeners" width="80" height="26" style="border:0" alt=""/></a> </div></div></div>
    Keterangan:
    http://feeds.feedburner.com/blogatap : ganti dengan URL feed blog Anda
    blogatap : ganti dengan nama akun feed blog Anda 
  4. Kemudian klik Simpan dan lihat hasilnya
Semoga bermanfaat bagi sobat semua.
Selengkapnya...

Cara Memasang Alexa di Blog

Review http://blogatap.blogspot.com/ on alexa.com
Bagaimana cara memasang Alexa di blog? Mungkin hal ini sangat mudah bagi sobat yang sudah senior dalam dunia blogger, tapi beda keadaanya dengan sobat yang masih pemula.

Kegunaan dari Alexa itu sendiri adalah tak lain untuk mengetahui perkembangan traffic blog kita. Tidak usah berlama – lama, langsung saja kita ke langkah-langkah memasang Alexa di blog :
  1. Masuk Alexa.com 
  2. Kemudian pilih tab ‘Products’. 
  3. Klik ‘Claim Your Site’. 
  4. Masukkan URL blog kita, dan klik ‘Claim your site’. 
  5. Kalau anda belum punya akun Alexa, sebaiknya daftar dahulu untuk login, atau bisa menggunakan akun Facebook yang ada di kanan form login. 
  6. Kemudian pilih free sign up. 
  7. Setelah itu masuk halaman verifikasi, copy meta key-nya di template blog. Letakkan diantara <head> dan </head>, bisa Anda lihat gambarnya dibawah ini, kemudian save template. 
  8. Kemudian masuk lagi ke halaman Alexa dan klik Verify my ID. 
  9. Kalau sudah berhasil, pilih tab ‘Products’ lagi dan pilih ‘Alexa Site Widgets’. 
  10. Masukkan URL blog, klik Build Widget. 
  11. Ada beberapa pilihan widget yang bisa anda gunakan dan copy kodenya. 
  12. Kemudian masuk ke Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript, Paste kode pada kolomnya, dan Save.
Selamat mencoba dan semoga berhasil.
Selengkapnya...

Cara Menonaktifkan Klik Kanan

Anda takut artikel / posting pada blog di copy paste? Salah satu mengatasi artikel kita agar tidak di copy paste adalah menonaktifkan klik kanan pada blog. Namun, sebenarnya cara ini tidak perlu dilakukan karena biasanya akan mengganggu pengunjung blog, tapi terkadang fenomena copy paste seringkali membuat kita jengkel, menurut blogatap lebih baik memberi kebebasan pengunjung untuk meng-copy dan menyertakan sumbernya atau ditulis dengan sudut pandang yang berbeda.

Jika sobat blogger masih juga tidak rela di copy paste, bisa juga menggunakan cara selain menonaktifkan klik kanan yaitu dengan copyscape atau DMCA.com

Kalau sobat blogger ingin mencoba menonaktifkan klik kanan, langsung saja berikut kita ke langkah-langkahnya :
  1. Login akun blogger Anda 
  2. Pilih Template > Edit HTML > klik Expand Template Widget 
  3. Cari kode ]]></b:skin> 
  4. Copy kode dibawah ini dan Paste tepat dibawah kode ]]></b:skin>
    <script type='text/javascript'>
    //<![CDATA[
    var message="";
    function clickIE() {if (document.all) {(message);return false;}}
    function clickNS(e) {if (document.layers||
    (document.getElementById&&!document.all)) {
    if (e.which==2||e.which==3) {(message);return false;}}}
    if (document.layers)
    {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
    else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
    document.oncontextmenu=new Function("return false")
    //]]>
    </script>
  5. Kemudian Simpan template
Selamat mencoba dan semoga bermanfaat.
Selengkapnya...

Cara Membuat Banner Animasi di Blog

Terkadang banner animasi lebih menarik dibandingkan dengan banner yang hanya diam. Bagi sobat blogger yang menguasai berbagai software design graphic saya rasa tidak jadi masalah dalam hal ini, tapi berbeda dengan pemula seperti blogatap.

Namun jangan khawatir, kita masih bisa membuat animasi banner menggunakan beberapa layanan online, seperti : picasion.com, loogix.com, gickr.com, dll.

Berikut akan kita berikan contoh pembuatan banner menggunakan picasion.com
  1. Sebelumnya kita harus membuat 2 atau lebih banner dulu
  2. Silahkan kunjungi website picasion.com 
  3. Klik Browser untuk memasukkan file banner 
  4. Pilih ukuran banner pada Size dan kecepatan animasi pada Speed 
  5. Kalau sudah klik Create animation dan lihat hasilnya 
  6. Kita dapat menyimpan banner dan mengambil link bannernya.
Sekian postingan dari blogatap, semoga bermanfaat bagi kita semua.
Selengkapnya...

Jadwal Hari Jadi Ke-516 Kabupaten Ponorogo

Untuk memeriahkan Hari Jadi Ke-516 Kabupaten Ponorogo dan Festival Reyog Mini Ke-X Tahun 2012. Beberapa agenda kegiatan telah disiapkan oleh Pemkab Ponorogo untuk menghibur masyarakat.

Tujuan dari kegiatan ini tak lain adalah mengenalkan seni budaya pada generasi muda, sekaligus pelestarian budaya dan pengembangannya.

Selain itu juga akan digelar Festival Reyog Mini Ke-X, yang akan dibuka oleh Bupati Ponorogo dan dimeriahkan group Band Ibukota.

Berikut jadwal Hari Jadi Ke-516 Kabupaten Ponorogo, bisa di download DISINI.
Selengkapnya...

Cara Menampilkan Judul Posting Saja Pada Label

Tampilan label/category yang mempunyai posting banyak, apabila diklik terkadang membuat tampilan loading lama dan terlalu banyak posting yang ditampilkan (jika posting sobat sudah banyak). Kali ini blogatap akan sedikit memberi tips agar tampilan blog jadi lebih rapi dan simple dengan menampilkan judul posting saja pada halaman label ketika diklik.

Berikut langkah-langkahnya jika sobat blogger penasaran ingin mencoba :
  1. Login blogger Anda 
  2. Pilih Template > Edit HTML > klik Expand Template Widget 
  3. Cari kode <b:include data='post' name='post'> (gunakan Ctrl + F untuk memudahkan pencarian) 
  4. Ganti kode <b:include data='post' name='post'> dengan kode dibawah ini :
    <b:if cond='data:blog.homepageUrl != data:blog.url'>
    <b:if cond='data:blog.pageType != "item"'>
    <a expr:href='data:post.url'>
    <data:post.title/></a><br/><br/>
    <b:else/>
    <b:include data='post' name='post'/>
    </b:if>
    <b:else/>
    <b:include data='post' name='post'/>
    </b:if> 
  5. Simpan Template
Mudah bukan, silahkan cek dulu hasilnya dengan mengeklik salah satu label blog.
Selengkapnya...

Cara Memasang Tombol Share Facebook, Twitter, dan G+ di Blog

Pernahkan Anda menjumpai artikel web/blog terdapat tombol share facebook, twtter diatasnya (termasuk punya saya). Widget atau tombol share berguna untuk membagikan sebuah halaman situs ke profil jejaring sosial. Kalau kalian tertarik dengan tombol share, langsung saja kita pelajari cara memasang tombol share dalam setiap postingan blog.

Berikut langkah-langkahnya:
  1. Buka blogger. 
  2. Masuk ke menu Design ---> Edit HTML 
  3. Beri centang pada 'Expand widget templates' 
  4. Cari kode <data:post.body/>, kalau anda menemukan dua kode <data:post.body/> maka pilih yang pertama 
  5. Letakkan salah satu kode tombol facebook share berikut ini dibawah kode <data:post.body/> jika anda ingin memasang tombol share dibawah postingan atau letakkan diatas <data:post.body/> jika anda ingin memasang diatas postingan.
    <b:if cond='data:blog.pageType == "item"'>
    <div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:5px 0px 5px 0px;width:100%;float:left;height:20px;'>
    <div style='float:left;padding-left:0px;font:normal 12px Georgia;'>
    Share on :
    </div>
    <div style='float:left;padding-left:10px;'>
    <a name='fb_share' type='button_count'/>
    <script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share'
    type='text/javascript'>
    </script></div>
    <div style='float:left;padding-left:10px;'>
    <a class='twitter-share-button' data-count='horizontal'
    data-via='User Name'
    href='http://twitter.com/share'>Tweet</a><script
    src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
    </div>
    <div style='float:left;padding-left:10px;'>
    <!-- Place this tag where you want the +1 button to render -->
    <g:plusone size="medium"></g:plusone>
    <!-- Place this render call where appropriate -->
    <script type="text/javascript">
    (function() {
    var po = document.createElement('script'); po.type =
    'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(po, s);
    })();
    </script>
    </div>
    </div>
    </b:if>
  6. Jika sudah simpan template anda dan lihat hasilnya.
Cukup mudah bukan, selamat mencoba.
Selengkapnya...

Cara Membuat Gambar Berputar di Posting

Pernahkan sobat menjumpai gambar posting berputar ketika disorot oleh kursor. Ini digunakan agar tampilan blog sedikit lebih menarik. Kalau sobat blogger tertarik dan penasaran gimana cara membuatnya? Silahkan ikuti langkah – langkah cara membuatnya berikut ini :
  1. Login blogger Anda 
  2. Pilih Template > Edit HTML > klik Expand Template Widget 
  3. Cari kode ]]></b:skin> (seperti biasa gunakan Ctrl + F) 
  4. Copy kode dibawah ini dan Paste tepat diatas kode ]]></b:skin>
    .blogatap img{-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
    .blogatap img:hover{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}
  5. Kemudian Klik Simpan
Kemudian penulisan kode gambar entri atau posting seperti berikut (penulisan di HTML bukan Compose)

<div class="blogatap"><img src="http://link-gambar-anda.jpg" /></div>

Tapi kalau ingin mengatur ukuran gambar, kita bisa menambahkan kode height dan weight, dan nantinya akan menjadi seperti ini :

<div class="blogatap"><img src="http://link-gambar-anda.jpg" height="ukuran-tinggi" width="ukuran-lebar" /></a></div>

Selamat mencoba dan semoga bermanfaat.
Selengkapnya...

Liga Futsal Kampus 2012

Setelah melewati beberapa pertandingan dan babak penyisihan, akhirnya team futsal putra Liga Futsal Kampus 2012 dimenangkan oleh team dari Fakultas Ekonomi Manajemen setelah melawan team dari Fakultas Teknik Informatika dengan kedudukan 1 : 0 di partai Final. Ini merupakan kali pertama team dari Fakultas Ekonomi Manajemen menjuarai event bergengsi yang diadakan setiap tahunnya oleh UKM - BOLA UNMUH Ponorogo.

Sebelum partai final team futsal putra, secara bersamaan juga diselenggarakan pertandingan final team futsal putri antara Fakultas Ilmu Pendidikan dan Fakultas Keperawatan.

Team futsal dari Fakultas Ilmu Pendidikan lebih diunggulkan karena beberapa kali menjuarai lomba futsal kampus. Namun, pada kompetisi ini Fakultas Ilmu Pendidikan tidak mampu mengalahkan permainan dari team futsal putri Fakultas Keperawatan dan pertandingan final team futsal putri akhirnya dimenangkan oleh team dari Fakultas Keperawatan dengan skor fantastik 4 : 0
Selengkapnya...

Cara Membuat Kotak Script di Posting

Sobat blogger pasti pernah melihat sebuah kotak script pada postingan, ini seringkali digunakan untuk membedakan antara script dan tulisan artikel pada postingan agar terlihat rapi. Kalau sobat blogger masih bingung silahkan lihat gambar dibawah ini :

Bagaimana cara membuat kotak script di posting, berikut langsung saja kita masuk ke langkah - langkah pembuatannya :
  1. Login akun blogger 
  2. Anda Pilih Template > Edit HTML > klik Expand Template Widget 
  3. Cari kode ]]></b:skin> 
  4. Copy kode dibawah ini dan Paste tepat diatas kode ]]></b:skin>
    /* http://blogatap.blogspot.com/
    ----------------------------------------------- */
    .alert {margin: 10px 10px 10px 10px;
    padding: 10px 15px 10px 15px;
    line-height: 1.6em;color: #000000;
    background: #e0ffff;
    border: 1px solid #000000;
    border-left: 15px solid #000000}
    Keterangan : Silahkan ubah tulisan warna hijau sesuai template blog 
  5. Kemudian Simpan Template 
  6. Selanjutnya sebelum kita menulis script pada posting, tambahkan kode berikut :
    <p class="alert">
    Tulis Script Disini
    </p>
Selamat mencoba dan Semoga bermanfaat.
Selengkapnya...
 
Copyright © . blogatap.blogspot.com · Powered by Blogger
Support Infoblog_ID