Tampilkan postingan dengan label Tutorial Blogspot. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Blogspot. Tampilkan semua postingan

, | by Diposting oleh Belajar ngeBLOG Agar Tidak GOBLOK

0

Cara Membuat Daftar Isi Blogger Gaya Sitemap

Cara Membuat Daftar Isi Blogger Gaya Sitemap ini sangatlah mudah, yang harus kita lakukan hanyalah membuat sebuah postingan baru dengan judul sesuai keinginan kita dan memasukkan script dibawah ini pada mode "HTML" (jangan pada mode compose), ganti kode yang berwarna merah dengan URL blog kita kemudian klik "Publish Post".


<script style="text/javascript" src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js"></script>
<script src="http://www.copas-goblok.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>


Tips: Agar postingan tidak muncul di home page blog kita, gunakan fitur scheduled (postingan terjadwal) pada post options blogger. Masukkan tanggal posting ke tanggal yang lebih tua untuk menenggelamkan postingan contohnya 01/01/08.

, , | by Diposting oleh Belajar ngeBLOG Agar Tidak GOBLOK

0

Cara Pasang Iklan di Tengah dan Bawah Posting Blogger

Tutorial Cara Pasang Iklan di Tengah dan Bawah Posting Blogger kali ini saya kutip dari blog sebelahyg link nya ada di bagian akhir postingan ini.
Tutorial ini khusus untuk teman-teman yang ingin memasang iklan google adsense di bawah posting artikel blogger. Dalam tutorial ini saya menggunakan template blogger standard yaitu Template Awesome, desain template blogger merupakan salah satu fitur teranyar dari blogger.

Dalam tutorial ini saya menggunakan bahasa inggris, jadi silahkan Anda terapkan sendiri untuk versi blogger dalam bahasa Indonesia.  :)

Cara ini juga bisa Anda pergunakan untuk menambahkan kode iklan PPC lainnya seperti kliksaya.com, kumpulblogger dan lain-lain.

Okey, lanjut aja lihat cara menambahkan kode adsense ketengah posting blogger berikut:

1. Login ke akun blogger
2. Dari Dashboard, pilih Design pada blog yang ingin Anda tambahkan kode adsensenya, jika hanya punya satu blog bisa langsung klik Design.
3. Setelah menu Design muncul, klik Edit HTML, jangan lupa centang/klik Expand Widget Templates.
4. Sebelum melanjutkan, siapkan dulu kode google adsense atau script iklan ppc lainnya.
5. Lalu cari (tekan CTRL+F) kode berikut: <p><data:post.body/></p>, biasanya Anda akan menemukan 2 tag <p><data:post.body/></p> ini, fokuslah pada tag yang kedua.
6. Sebelum mem-paste-kan kode adsense ke script blogger Anda harus mengubah sedikit script adsense tersebut, tujuannya agar kode adsense tidak dianggap salah/error oleh blogger, misalnya: parse error atau iklan adsense tidak tampil secara optimal. Sebagai contoh, kode adsense akan terlihat seperti ini:

<p><script type="text/javascript"><!--
google_ad_client = "pub-030814490767xxxx";
google_ad_host = "pub-1556223355139109";
/* 336x280, dibuat 10/05/30 */
google_ad_slot = "1117347509";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script><p>

   6. Jika kode tersebut langsung di copy/paste kedalam script blogger maka akan muncul pesan error dari blogger atau iklan adsense tersebut tidak akan ditampilkan. Untuk mengantisipasi hal tersebut Anda harus mengganti setiap tanda < dengan & lt; (tanpa spasi), tanda > dengan & gt; dan tag " dengan & quot;.

      Setelah kode adsense diatas diganti, maka akan terlihat seperti dibawah ini:

      & lt;p& gt;& lt;script type=& quot;text/javascript& quot;& gt;& lt;!--
      google_ad_client = & quot;pub-0308144907671494& quot;;
      google_ad_host = & quot;pub-1556223355139109& quot;;
      /* 336x280, dibuat 10/05/30 */
      google_ad_slot = & quot;1117347509& quot;;
      google_ad_width = 336;
      google_ad_height = 280;
      //--& gt;
      & lt;/script& gt;
      & lt;script type="text/javascript& quot;
      src="http://pagead2.googlesyndication.com/pagead/show_ads.js& quot;& gt;
      & lt;/script& gt;& lt;p& gt;

      NB: Semua tanda & dan lt; gt; quot; digabungkan atau tanpa spasi.

      Jadi, susunannya pada script blogger akan terlihat seperti berikut:

      <div class='cover'>
      <div class='cahayaentry'>

      <!-- Kode Adsense Anda Disini -->

      <p><data:post.body/></p>

      <!-- Kode Adsense Anda Disini -->

      <div style='clear:both;'/>
      </div>

   7. Setelah itu copy kode adsense yang sudah dimodifikasi ke script blogger Anda.
   8. Hasilnya iklan adsense akan ditampilkan dibawah judul posting blogger dan diakhir artikel Anda.

Okey, semoga tutorial memasang iklan google adsense dibawah dan diakhir posting blogger ini bisa bermanfaat kepada teman-teman blogger.

Selamat mencoba dan jika menemukan kesulitan bisa menanyakannya kembali disini.

http://lbsfighter.blogspot.com/2010/06/cara-pasang-iklan-adsense-di-bawah.html

, , | by Diposting oleh Belajar ngeBLOG Agar Tidak GOBLOK

0

Trick Cepat Dapetin Backlink, Traffic, Visitor dari Luar Negeri

Udah tahu kan dengan microblogging, kayak twitter. Nah di tips kali ini juga menerapkan Metode seperti Twitter dengan  mendaftarkan akun ke identi.ca yang mempunyai PR 7. Di Tips kali ini usahakan Blog yang akan di daftarkan adalah Blog yang berbahsa Inggris karna Target Fisitor dalam Tips kali ini adalah dari luar negeri gak mungkinkan kalau Blog yang kita daftar kan ternyata berbahasa Indonesia tentunya hal ini akan mempengaruhi Fisitor fisitor Bule tersebut untuk berkunjung ke Blog kita. Ok langsung aja yahhh.... >>

| by Diposting oleh Belajar ngeBLOG Agar Tidak GOBLOK

0

Cara Ganti Template Blogspot

Cara Ganti Tempalte Blogspot Itu sangat mudah, ikuti langkah-langkah berikut:
  1. Pertama harus log in dulu ke blogger.com
  2. Pilih tab Rancangan atau Layout apabila blog anda berbahasa Inggris, terus pilih Edit HTML
  3. Jangan lupa untuk membackup/mendownload dulu template bawaan anda dengan mengklik Download Template Lengkap
  4. Setelah itu, klik Telusuri dan cari dimana tempat anda menyimpan Template anda.
  5. Langkah terakhir, klik Simpan Template
Gimana??? Sangat mudah bukan Cara Ganti Template Blogspot???  Selamat mencoba dan semoga berhasil. O ya, apabila template baru anda tidak memiliki widget yang sudah anda masukkan ke dalam template blog lama anda, nanati ada peringatan apakah anda akan mempertahan/tetap menggunakan widget tersebut atau tidak, kalau anda ingin tetap menggunakan widget tersebut, maka anda pilih pertahankan widget, dan kalau anda tidak ingin menggunakannya lagi tinggal pilih tidak. Okeh, itu dulu tutorial Cara Ganti Template Blogspot seri pertama.

| by Diposting oleh Belajar ngeBLOG Agar Tidak GOBLOK

0

Cara Membuat Tombol Spoiler Pada Blog (2)



Cara Membuat Tombol Spoiler Pada Blog. Tombol SPOILER berfungsi untuk menghemat ruang pada blog anda, atau dengan kata lain, dengan memfungsikan tombol spoiler ini maka tampilan yang belum saatnya diperlukan untuk dibuka akan tersimpan (tertutup). Ketika tombol ini di klik, akan muncul apa yang tersimpan tadi di bawahnya.
Cukup jelas bukan, fungsi atau gambaran dari tombol ini. Oke, langsung saja kita coba membuatnya.
Dalam postingan atau artikel yang anda buat, bila memang diperlukan tombol spoiler ini maka anda cukup menambahkan kode di bawah ini :

<div align="justify" style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Closed'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="margin: 0px; padding: 5px; width: auto;" type="button" value="Show" /></div>
<div class="alt2">
<div style="display: none;">
<div style="border: medium none; padding: 10px; text-align: justify;">

ISI KONTEN ANDA DISINI

</div>
</div>
</div>
</div>


Copy kode hasil tombol spoiler tersebut pada area HTML anda dalam postingan.
Untuk 'Show' dan 'Close' --> bisa anda ganti sesuai kebutuhan arahan teks anda.
Untuk 'Isi Konten Anda' --> ganti sesuai apa yang akan anda tampilkan (bisa teks maupun gambar).

Sekian dulu tutorial  Cara Membuat Tombol Spoiler Pada Blog,  selamat mencoba dan semoga berhasil.

| by Diposting oleh Belajar ngeBLOG Agar Tidak GOBLOK

0

Google

Halaman Google :

| by Diposting oleh Belajar ngeBLOG Agar Tidak GOBLOK

0

Cara Membuat Spoiler Pada Blogspot Bagian 1

Cara Membuat Spoiler Pada Blogspot. Pertama masuk ke panel Edit Html, pada menu Layout, jangan lupa aktifkan Expand Widget Templates, kemudian cari tag < /head >.

Kemudian masukkan script berikut ini di atas tag < /head >, klik Preview (jika Preview blog kita muncul berarti script kita sudah benar, sebaliknya jika tidak muncul alias error, silakan cek kembali apakah ada script yang terlewatkan). Simpan templates jika sudah benar.

<style type='text/css'>
.spoilerhide {display:none}
.spoilershow {display:inline}
</style>
<script type='text/Javascript'>
function spoiler (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=='spoilershow') { whichpost.className='spoilerhide'; } else { whichpost.className='spoilershow'; }
} </script>

Langkah berikutnya adalah memasang script lain pada tulisan yang kita buat dan ingin kita pasangi Spoiler. Untuk pemasangan script ini kita tentukan dulu bagian mana dari tulisan yang ingin kita sembunyikan terlebih dahulu, setelah itu kita masuk ke mode Edit HTML. Selanjutnya kita masukkan script berikut ini. Bagian yang akan kita sembunyikan berada di tengah script yang kita pasang ini (Bagian yang disembunyikan). Link title sendiri kita isi dengan nama link shortcut.

<a href="javascript:spoiler('Spoiler')" title="click to expand">Click here to view more</a>
<div class="spoilerhide" id="Spoiler">
Bagian yang disembunyikan
</div>
Itu saja tutorial Cara Membuat Spoiler Pada Blogspot untuk kali ini.
Selamat mencoba dan semoga berhasil. ;)

Untuk melihat contoh yang ada pada blog ini silahkan klik disini
http://ariawijaya.com/2009/12/07/menyembunyikan-dan-menampilkan-sebagian-konten-tulisan-spoiler-dalam-blogspot/?#comment-23591

, , , | by Diposting oleh Belajar ngeBLOG Agar Tidak GOBLOK

0

Cara Cepat Agar Domain Dapat Diindeks Oleh Google

Ilmu Cara Cepat Agar Domain Dapat Diindeks Oleh Google saya dapat http://www.ilhamsk.com, yang katanya terbukti dalam waktu 2 jam-an domain ternak barunya lebih cepat diindeks dari sebelumnya. To the point aja yah, berikut ini langkah-langkahnya (jangan dibolak-balik 14 Cara Cepat Agar Domain Dapat Diindeks Oleh Google ) :
1. Buat file robots.txt (harus ini dulu). Didalamnya diisi dengan kode berikut ini : >>

, , | by Diposting oleh Belajar ngeBLOG Agar Tidak GOBLOK

0

Cara Bikin Footer 3 Kolom

Cara Membuat Footer 3 Kolom itu sangat mudah bin gampang, sobat pasti sering kan kehabisan tempat pada saat memasang widget di blog. Mau dipasang di sidebar penuh, di header penuh, di footer juga penuh. Trus gimana dong????

Gampang Sob… Pecah aja footer blog Sobat menjadi tiga bagian. Jika kita lihat, Template default Blogger cuma memiliki footer satu kolom aja. Kalau kita jadikan 3 kolom kan lumayan tuh, space di blog kita jadi makin banyak. Kalau masih bingung, Sobat bisa lihat di blog kumpulan tutorial ngeblog. Coba Sobat scroll ke bagian paling bawah halaman, terlihat footernya ada 3 kolom. Bagaimana?? Tertarik untuk membuat footer menjadi 3 kolom. Ya udah deh, silakan Sobat simak tutorial singkat berikut ini.>>>
Select a text on the page and get translation from Google Translate!

Download translator for Free

adfly