blogatap.blogspot.com

Home » Archives for September 2012

Festival Ponorogo Sejuta Buku

Festival Ponorogo Sejuta Buku – Festival Ponorogo Sejuta Buku merupakan pameran buku di kota Ponorogo yang rutin diadakan setiap tahunnya. Festival Ponorogo Sejuta Buku pada tahun ini dimulai dari tanggal 28 September sampai dengan 4 Oktober 2012 bertempat di Gedung Apollo Ponorogo dan lebih dari 200 penerbit yang mengikuti acara tersebut.

Terdapat juga stand Gramedia Group yang menyediakan beberapa produk-produk terbaru mereka, mulai diskon 10% - 40% pada Festival Ponorogo Sejuta Buku kali ini.

Selain pameran buku, diadakan pula beberapa lomba dan parade musik yang diikuti oleh pelajar Ponorogo.

Selengkapnya...

Cara Membuat Gulungan di Sudut Blog

Mempercantik blog adalah kewajiban bagi setiap blogger, agar pengunjung betah berlama-lama di blog kita. Namun sebaliknya jika blog kita terlalu banyak widget atau aksesoris akan menambah loading blog menjadi lama, akibatnya pengunjung malas membaca atau sekedar melihat-lihat blog kita.

Mugkin Anda pernah melihat sebuah blog yang sudutnya menggulung jika kursor didekatkan? Nah, pada kesempatan ini kita akan membahas cara membuat gulungan di sudut blog. Berikut langkah-langkahnya:

Login akun blogger
Klik Template ---> Edit HTML ---> beri tanda centang pada kotak expand widget template.
Tambahkan kode dibawah ini tepat diatas ]]></b:skin>
#pageflip {
position: relative;
}
#pageflip img {
border: none;
width: 50px; height: 52px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 50px; height: 50px;
position: absolute;
right: 0; top: 0;
background: url(letakkan url gambar disini) no-repeat right top;
text-indent: -9999px;
}
Ganti kode yang berwarna merah dengan link kode gambar yang Anda inginkan.
Kemudian copy paste kode berikut tepat di bawah <b:skin><![CDATA[ atau <b:skin><![CDATA[/*
<script src='http://blogatap.googlecode.com/files/script_lipat_halaman_blogatap.txt' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$("#pageflip").hover(function() {
$("#pageflip img , .msg_block").stop()
.animate({width: '307px',height: '319px'}, 500);
} , function() {
$("#pageflip img").stop()
.animate({width: '50px',height: '52px'}, 220);
$(".msg_block").stop()
.animate({width: '50px',height: '50px'}, 200);
});
});
</script>
Selanjutnya terakhir tambahkan kode berikut dibawah kode <body>
<div id='pageflip'>
<a href='http://blogatap.blogspot.com/' target='_blank'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpDqQ_CekAB5XeoFJnAdCIxsiSuBAzOKTrhRwASqtqsDfpcjU1RscSPzuN0uyVUHgDVOcDP7ieoD78lw-ALb9asXRYQZMitbRuJpB6wqTUuPO9fIEQLxKGlFaygwY7m3-uCy6FQdEL0gVa/s1600/gambar_kelipat.png'/>
<span class='msg_block'/>
</a>
</div>
Ganti kode yang berwarna merah dengan alamat blog atau link yang Anda inginkan.
Simpan template

Nah, sekian postingan cara membuat gulungan di sudut blog, semoga bermanfaat bagi kita semua.

Selengkapnya...

Info Kontes Toyota SEO Award 2012

Info Kontes SEO kali ini datang dari Toyota Astra Motor, Toyota Astra Motor merupakan salah satu produsen kendaraan ternama di Indonesia. Materi kontes ini adalah mereview keunggulan TOYOTA FORTUNER VNTurbo. Kontes dimulai sejak tanggal 18 September 2012 s/d 21 Desember 2012. Pengumuman pemenang akan diumumkan tanggal 14 Januari 2013.

Hadiah

JUARA UMUM     Rp. 10.000.000

JUARA BEST ARTIKEL
Hadiah 1    Rp. 7.500.000
Hadiah 2      Rp. 5.000.000
Hadiah 3      Rp. 4.000.000

JUARA SEO
Hadiah 1      Rp. 7.500.000
Hadiah 2      Rp. 5.000.000
Hadiah 3      Rp. 4.000.000

Untuk 100 orang pendaftar pertama yang sesuai persyaratan akan mendapatkan hadiah hiburan berupa rekening IPAYMU senilai @Rp. 100.000 (Verified Account).
Info selengkapnya: http://www.toyota.astra.co.id/seoaward2012/

Selengkapnya...

Cara Memasang Tombol Share di Samping Blog

Cara Memasang Tombol Share di Samping Blog - Pada kesempatan ini kita akan membahas cara memasang tombol share di samping blog, setelah sebelumnya pernah kita bahas cara memasang tombol share facebook, twitter, dan G+ di blog.

Sedikit berbeda dengan postingan sebelumnya yaitu yang sebelumnya tombol share terletak diatas posting blog dan tutorial kali ini disamping blog.

Berikut langkah-langkah cara memasang tombol share di samping blog :

Login akun blogger
Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript
Copy-Paste kode di bawah ini pada HTML/JavaScript,
<style type="text/css">
*{margin:0;padding:0;}
* html #z33sHare{
position: absolute;
}
#z33sHare{
right:1%;width: 70px;background:transparant;border:0px solid #E7E7E7;-moz-border-radius:3px;-webkit-border-radius:3px;
position:fixed;
top: 20%;
}
#z33sHare div{
padding:6px 6px 6px 5px;
}
#stw{
margin-left:-2px;
}
#sfs{
margin-left:-5px;
}
</style>
<div id="z33sHare">
<div id="ssl-box">
<div id="stw">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>
<div><a title="Post to Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count"></a><script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
</div>
<div>
<script type="text/javascript">
(function() {
var s = document.createElement('SCRIPT'), s1 =
document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
<a class="DiggThisButton DiggMedium"></a>
</div>
</div>
<div><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><div style="clear:both;"></div></div>
Keterangan :
right : tampilannya berada disamping kanan blog, jika menginginkan di kiri ganti dengan left
Kemudian klik Simpan

Sekian postingan cara memasang tombol share di samping blog, semoga bermanfaat bagi kita semua.

Selengkapnya...

Cara Membuat Gambar di Sudut Blog

Pada kesempatan kali ini kita akan membahas cara membuat gambar di sudut blog, selain gambar kita juga bisa menggantinya dengan script iklan ataupun link URL yang lain. Untuk pemasangannya di blog juga cukup mudah.

Berikut ikuti langkah-langkah cara membuat gambar di sudut blog :

Login akun blogger.
Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript
Copy-Paste kode di bawah ini pada HTML/JavaScript,
<style type="text/css">
#blogatap {
position:fixed;_position:relative;bottom:0px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+
document.documentElement.clientWidth - offsetWidth); }
</style>

<div id='blogatap'>

Letakkan Kode Iklan atau Gambar Disini

</div>
Keterangan :
right : tampilan iklan berada di kanan blog, Jika menginginkan di kiri ganti dengan 'left'
bottom : tampilan iklan berada di bawah blog, jika menginginkan di atas ganti dengan 'top'
Kemudian Simpan dan lihat hasilnya.

Sekian postingan cara membuat gambar di sudut blog, semoga bermanfaat bagi kita semua.

Selengkapnya...

Cek Broken Link di Blog

Broken link adalah link yang mengalami kerusakan atau tidak valid. Broken link akan berdampak pada search engine seperti google. Selain itu, jika broken link jumlahnya sangat besar ini bisa menyebabkan blog kita diberi label spammer oleh search engine.

Banyak situs yang menyediakan fasilitas gratis untuk mengecek broken link di blog, beikut cara mengecek broken link di blog :

Pilih salah satu situs web cek broken link dibawah ini :
Brokenlinkcheck
iwebtool
W3C Validator
Kalau sudah masukkan URL blog Anda, klik 'check'.
Kemudian akan muncul daftar broken link.
Selanjutnya cari link tersebut pada blog lalu menghapusnya.

Sekian postingan cara mengecek broken link di blog, semoga bermanfaat bagi kita semua.

Selengkapnya...

Tips Penempatan Iklan AdSense di Blog

Penempatan unit iklan tambahan pada blog dapat memiliki dampak besar pada penghasilan Anda. Namun, terkadang kita merasa sulit untuk memutuskan letak unit iklan yang baik pada blog. Berikut tips penempatan iklan yang diuraikan pada pedoman webmaster Google, agar sobat blogger tidak salah dalam memasang unit iklan pada blog.

Langsung saja simak video dari Google AdSense di bawah ini untuk informasi lebih lanjut!
Sekian postingan dari blogatap, semoga tips penempatan iklan AdSense tadi bermanfaat bagi kita semua.

Selengkapnya...

Membuat Garis Bawah pada Sidebar dan Judul Posting

Membuat Garis Bawah pada Sidebar dan Judul Posting – Pada kesempatan kali ini kita akan sedikit membahas tentang cara membuat garis bawah pada sidebar dan judul posting.

Bagi sobat yang sudah lama dalam aktivitas blogging, mungkin trik atau cara seperti ini sudah tidak asing lagi di kepala. Tapi barangkali sobat blogger yang belum tau atau sedang mencari dan membutuhkan trik seperti ini berikut kita akan membahas langkah-langkahnya :

Login akun blogger Anda.
Pilih Template > Edit HTML > klik Expand Template Widget.
Untuk membuat garis pada judul artikel cari kode .post h3
Kemudian tambahkan kode yang berwarna merah seperi berikut.
.post h3 {

border-bottom:2px solid #A5BD51;
margin-bottom:7px;
---------------
}
Sedangkan untuk membuat garis pada sidebar cari kode .sidebar h2
Kemudian tambahkan kode yang berwarna merah seperi berikut.
.sidebar h2 {

border-bottom:4px solid #A5BD51;
font-color:#BB0000; background:#000000;
font-size:130%; text-align:left;
line-height: 2em;
}
Keterangan :
Jika anda mengiginkan garisnya putus-putus ganti kode solid dengan dotted.
Untuk warna garisnya kita bisa mengubah kode #A5BD51 dengan kode warna yang Anda inginkan.
Selanjutnya cek hasilnya, klik 'Pratinjau' kalau sudah berhasil klik 'Simpan template'.

Perlu diketahui juga kalau cara ini tidak semua bisa diterapkan pada template blog karena perbedaan kode script. Selamat mencoba dan semoga bermanfaat bagi kita semua.

Selengkapnya...

Cara Memasang Video Youtube di Postingan

Cara Memasang Video Youtube di Postingan – Mungkin untuk sebagian sobat blogger tidak akan kesulitan untuk memasang video youtube ke dalam postingan blog, tetapi beda keadaannya dengan sobat blogger yang masih baru dalam dunia blogging. Terkadang tidak sedikit sobat blogger yang masih bingung memasang video youtube ke dalam postingan blog.

Jika Anda masih bingung memasang video youtube ke dalam postingan. Berikut langkah-langkah cara memasang video youtube di postingan :

Kunjungi situs youtube.com
Pilih video yang Anda inginkan, klik 'Share' yang berada dibawah video.
Kemudian klik 'Embed', copy kode video dan paste pada postingan blog.

Selain itu, kita juga bisa menggunakan cara yang kedua yaitu tanpa mengunjungi youtube.com karena blogger menyediakan fasilitas untuk memasukkan video ke dalam postingan blog.

Login akun blogger Anda.
Kemudian buat 'Entri baru', pada menu bar pilih icon 'insert a video'.
Pada menu file, klik 'From YouTube'.
Masukkan Keywoard atau Judul video yang Anda inginkan, kemudian video akan muncul dibawahnya dan pilih sesuai keinginan.

Nah, mudah bukan cara memasang video youtube ke dalam posting. Sekian postingan cara memasang video youtube di postingan, semoga bermanfaat bagi sobat blogger semua.

Selengkapnya...

Trending