Cara Memasang Banner Iklan di Atas Blog

Cara Pasang Banner Iklan Melayang Di Atas , Floating (melayang) adalah salah satu cara pengoptimalan tampilan index pada suatu halaman blog agar tidak memakan banyak tempat pada blog
dan juga untuk pengoptimalan iklan untuk kepuasan Advertiser

Dari tampilan Floating memberi sedikit kesan rapi sangat tidak nyaman ketika memasang banner ber jejer kebawah lebih dari 2 atau 3 banner

Untuk yang ingin memasang silahkan di bawah ini scriptnya
1. login ke blogger
2. Tata letak
3. Tambah widget
4. Masukan script di bawah ini :

<script type='text/javascript'>
    $(document).ready(function() {
    $('img#closed').click(function(){
    $('#btm_banner').hide(90);
    });
    });
    </script>
    <style type='text/css'>
    div#btm_banner {
    top: 0;
    position: fixed;
    width: 100%;
    opacity: 0.9;
    left: 0;
    }
    div#btm_banner img{
    border:0;
    cursor:pointer;
    }
    </style>
    <div style='height: 0px;'></div>
    <div align='center' id='btm_banner' style='height: 110px; z-index: 9999;'>
    <div style='text-align: right; width: 750px; height: 8px;'>
  
 <img id='closed'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbpnyPLyZSp-K5iOb5DppC-B2NBmgv42oLxnDHclcl1ku5BYBA8oL2yVDFFiNR09-9KjYxbhPPw49tUmAbf6wvcCwpXTQN7h5OgUH-aKlPrQSQb7UnOJf1LdMR0pxdNonFib005minjbJc/s1600/1350799346_Close.png'/></div>
    <div style='clear: both;'></div>
    <p>
    <center>
    <a href='http://soeryana.blogspot.com' rel='nofollow' target='_blank' title='Pasang Iklan'><img src=        'http://2.bp.blogspot.com/-cL7R2bq7X1o/UQ8HRqQMOpI/AAAAAAAAFEE/2nixnVCl3m4/s1600/banner728x90.gif' width='728' height='90'/></a>
    </center>
    </p>
    </div>

5. Simpan widget.

*) Jika ada seseorang atau member yang memesan banner tersebut ganti link alamat yang berwarna Merah.dan link gambar yang berwarna Biru.

Sekian tutorial cara memasang banner iklan melayang. Semoga tutorial ini bermanfaat ..... ^_^

Cara membuat kotak text keren

Kotak Text Keren - Kali ini saya akan Berbagi bentuk kotak text keren. Dibawah ini ada berbagai macam bentuk-bentuk kotak text yang mungkin akan kalian pakai didalam postingan atau lainnya. Sedikit saya berikan kodenya berikut gambarnya.

Kotak text 1 :

Kode kotak text 1
<div align="center"><table width="250" border="1"><tr> <th colspan="100%" scope="col">ARTIKEL LAINNYA</th> </tr><tr><td><div style="font-family: arial; font-size: 12px; overflow: scroll; width: 350px; height: 150px;"><div style="text-align: center; width: 100%; padding: 0 px; overflow: hidden;">taruhlah tulisa anda disini</div></div></td></tr></table></div>

Kotak text 2 :

<div style="overflow:auto;width:400px;height:200px;padding:10px;border:1px solid #333">ISI SCROLL BAR DI SINI</div>

Kotak text 3 :

<span style="font-style: italic;"><span style="font-style: italic;"><div style="height: 150px; width: 400px; font: 16px/26px Georgia,Garamond,Serif; overflow: scroll;">Masukan Tulisan atau gambar di sini</div>

Sampai disini dulu ,.. selamat mencoba dan semoga bermanfaat untuk kalian semua .. ^_^

Free Download Musik Pearl Jam

Kumpulan Musik Pearl Jam ... Free download musik pearl jam mp3 ini belum semuanya gan , nanti update lagi karna saya belum sempet kumpulin semua albumnya. Yang mau Dengerin neh lagunya , langsung aja download disini :

1. Yellow led better
2. Why Go
3. Weird A
4. Tribute Band
5. Thumbing My Way
6. The-fixer
7. Save You
8. Release
9. Pearl Jam and Blind Melon- California (acoustic)
10. Paralyzed
11. Parachutes
12. Once
13. Oceans
14. Musetake_a_bow
15. Love Reign Oer Me
16. Let Me Sleep (Christmas Time)
17. Leaving-Here
18. LastKiss
19. Just Breathe
20. I've Got A Feeling
21. In The Moonlight (rough mix_ Bina
22. Immortality
23. If You Want Blood (You Got It)
24. Goat
25. Given To Fly
26. Girl
27. Garden
28. Even Flow
29. Deep
30. Daughter
31. Daddy Could Swear I Declare
32. Can't help Falling in Love
33. Brother (rough mix w_ different v
34. Back of Mind Jam
35. Baba O'riley
36. Alone
37. Alive


Selamat mendengarkan ! Semoga musik ini " Bermanfaat untuk menghilangkan kejenuhan ... hehehhe ^_^

Cara Memasang Terjama'ahan Bahasa Di Blog

Luasnya jangkauan dunia internet hingga menyeluruh dunia bisa memungkinkan pengunjung dari negara lain menemukan blog kita dan membaca artikel yang mereka cari tetapi bagi mereka yang tidak mempunyai bahasa yang sama akan sulit untuk memahami artikel kita.

Untuk mengatasi hal tersebut yang kita perlukan hanyalah widget translate atau alat penterjemah bahasa pada setiap website atau blog.

Alat penterjemah google atau Google translate adalah solusi yang paling tepat untuk mengatasi terjemahan bahasa dari bahasa kita ke bahasa lainnya. Dengan menggunakan widget Google translate anda tidak perlu lagi pusing dengan persoalan bahasa, silahkan anda berkreasi dalam blog/web anda dengan bahasa anda sendiri dan biarkan google translate menterjemahkan ke dalam bahasa lain. Widget Google Translate bisa anda dapatkan di http://translate.google.com.

Atau jika anda ingin langsung memilikinya langsung ikuti langkah dibawah ini :

Berikut cara memasang widget google translate di blogger

1. Silahkan login ke blogger dengan ID anda
2. Klik Tata Letak
3. Klik tab Elemen Halaman
4. Klik Tambah Gadget
5. Klik  HTML/Javascript
6. Copy paste kode google translate di bawah ini ke dalam kolom yang tersedia

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js"></script>

1. Klik tombol Simpan
2. Selesai
dan anda dapat melihat hasilnya seperti dibawah ini :

Gadgets 

powered by 

Google

Atau anda juga bisa memasang widget translate terbaru dari google dengan kode :

<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'id'
}, 'google_translate_element');
}
</script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Lihatlah hasil perbedaannya.

Powered by  Translate

Smoga tutorial ini bermanfaat  ^_^ ...

Cara copy paste Artikel Yang tidak bisa di block

Bagi seorang pelajar atau mahasiswa saat ini, ketergantungan terhadap internet sudah menjadi hal yang mutlak. sering kita jumpai para siswa yang rela menghabiskan waktu di warnet seharian hanya untuk menyelesaikan tugas dari sekolah atau kampus. Copy-paste bukanlah sesuatu hal yang dilarang di dunia online, tetapi harus menjunjung tinggi etika misalnya saja mencantumkan nama penulis atau sumber artikel/tulisan yang dicopy agar sang penulis atau pemilik artikel tetap merasa dihargai akan karyanya.
Berikut ini solusi Cara copy paste tulisan yang dikunci dengan sedikit trik yang sangatlah mudah. silahkan mengikuti langkah-langkahnya sebagai berikut :

1. Pada keyboard anda, tekan ALT + T + O  dan anda akan tampil window kecil seperti di bawah ini :

2. Lepaskan semua centangnya lalu klik OK dan coba refresh situs/blog yang ingin anda copy artikelnya tadi.

3. Setelah anda refresh blog tersebut, silakan anda coba mendrag/block kembali artikel tersebut.

4. Copilah sesuai ke butuhan yang di inginkan

5. Silahkan lakukan copy-paste dengan tidak mengesampingkan etika dan norma-norma dunia maya.

6. Jangan lupa untuk mengembalikan setting (centang kembali) settingan di atas setelah anda mengcopy artikelnya.

semoga tutorial ini bermanfa'at  ^_^

Cara Membuat Sitemap atau Daftar Isi Keren

fungsi utama dari sitemap atau yang sering disebut daftar isi iyalah konten/posting yang telah dibuat kemudian dirangkum menjadi kumpulan-kumpulan posting yang sudah dibuat, kegunaan lain dari sitemap ini adalah merupkan konsep seo yang harus diterapkan kepada blog sebagai salah astu penunjang kemudahan visitor dalam bernavigasi pada blog, dan juga sitemap mempermudah google crawl dalam mengindeks halaman posting lebih cepat.

Langsung Tutorialnya :

• login keblogger
• pilih laman atau page(bukan post)
• pilih mode html
• paste kode dibawah ini

<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js">
</script>
<script src="http://nama blog sobat.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript">
</script>

• kemudian publikasikan
• ket. warna merah ganti dengan nama blog sobat

Smoga tutorial ini bermanfaat ,... ^_^

Cara Menghilangkan Langganan Entri Atom dan Subscribe Komentar

Setiap template blog, memiliki Elemen Langgan : Entri (Atom) atau Subscribe Poskan Komentar ( Atom ). Elemen ini memang bukan merupakan masalah bagi pengguna blog, tetapi membuat halaman posting kita menjadi berantakan dan memperbesar ruang.

Untuk mengefektifkan penataan ruang dan tampilan halaman pada artikel kita dapat menghilangkan langganan entri atom ini. Sesuai dengan namanya Langgan: Entri (Atom) adalah fasilitas untuk berlangganan artikel/posting, sedangkan Subscribe to: Poskan Komentar (Atom) adalah fasilitas berlangganan bagi pengunjung yang ingin mengetahui komentar-komentar atas posting/artikel dari blog yang bersangkutan. Biasanya tampilan komentar pada blogger disematkan hingga beberapa komentar saja agar dapat menghemat ruang.

Fitur dari tools Langgan dan Subscribe ini sebenarnya telah ada di fasilitas berlangganan yang merupakan product resmi Google yaitu feedburner.com. Maka dari itu, agar tampilan design pada halaman kita menjadi rapih dan teratur kita dapat menghilangkan beberapa fitur elemen yang tidak diperlukan.

Cara Menghapus Langgan : Entri (atom) :

1. Login ke Blogspot => Pilih Rancangan/Template => pilih Edit HTML, kasih centang pada kotak Expand Template Widget dan gunakan tombol Find (CTRL+F) untuk memudahkan pencarian kode.

2. Cari kode di bawah ini:

<b:include data='feedLinks' name='feedLinksBody'/>

3. Hapus kode tersebut lalu Save Template.

Cara Menghilangkan Subscribe to: Poskan Komentar (Atom):

1. Login ke Blogger => Pilih Rancangan/Template => pilih Edit HTML, kasih centang pada kotak Expand Template Widget dan gunakan tombol Find (CTRL+F) untuk memudahkan pencarian kode.

2. Cari kode di bawah ini:

<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>

3. Hapus semua kode tersebut. Lalu Save Template anda.
Dengan melakukan langkah diatas, elemen Atom tersebut tidak lagi terlihat di halaman Posting artikel anda.

Sekian postingan  "Cara menghilangkan langganan entri atom dan subscribe komentar"
Semoga bermanfaat .. ^_^