Cara membuat Navigasi Halaman

type='html'>Untuk memudahkan pengunjung blog atau web dalam melakukan pencarian artikel, selain menggunakan fasilitas searh engine, bisa juga dengan tombol navigasi halaman. Tombol navigasi halaman ini sebenarnya kurang lebih sama dengan tombol next atau previous pada blog sobat, namun bedanya navigasi halaman bisa membuat pengunjung ingat tempat suatu artikel pada halaman ke berapa pada blog kita. Karena navigasi halaman menampilkan nomor per halaman blog kita, seperti contoh pada halaman bawah search engine di google, terlihat tombol navigasi halaman untuk memudahkan pengunjung dalam pencarian keyword yang di maksud.

Berikut langkah mudah dalam membuat navigasi halaman :

1. Login ke Blogger.
   
   
2. Klik Tata Letak --> Elemen Halaman.
   
   
3. Kemudian klik Tambah Gadget.
   
   
4. Pilih yang Edit HTML/Javascript.
   
   
5. Tambahkan kode berikut pada kotak kosong yang tersedia.
   
   
   
   
   
   
   
   
   
   
6. Drag and drop tepat dibawah kolom postingan.
   
   
7. Kemudian Save.

Untuk var pageCount=5; --> jumlah postingan dalam satu halaman, jadi sobat sesuaikan dengan jumlah postingan sobat dalam satu halaman. Jika sobat menampilkan 5 postingan setiap halaman, maka sobat gunakan var pagecount=5.
Sipp semoga bermanfaat ya !!

type='html'>Tutorial selanjutnya adalah membuat efek loading ketika memuat/membuat halaman blog. Efek ini cukup keren, karena sambil menunggu halaman blog semuanya terload, maka efek ini akan muncul. Sehingga pengunjung tidak menjadi bosan. Ya begitu lah..

Bagi yang belum mengetahui efek ini, silakan klik salah atu link yang ada di blog ini, maka eek itu pun akan muncul.

Bagaimana cara membuat efek tersebut?

• Masuk ke mode Template > Edit HTML. Cari kode ]]>
• Letakkan kode dibawah ini tepat di atas kode ]]>

/* LOADING  EFEK */
#page-loader{
position:fixed;
top:0;
left:0;
background-color:#000;
z-index:9999;
text-align:center;
width:100%;
height:100%;
padding-top:200px;
font-size:25px;
color:#fff;
display:none;
}
/* LOADING  EFEK */

Anda bisa merubah kode CSS ini, agar tampilannya lebih menarik lagi

• Kemudian cari kode
• Letakkan kode di bawah tepat di atas kode  

disini kamu letakkan sesuatu entah gambar atau tulisan atau apalah

Untuk kata-katanya bisa diganti, sesuai kebutuhan.

• Cari lagi kode
• Masukkan kode di bawah ini, tepat di atas kode  

PENTING!
Jika belum memasang JQuery di blog, pasang dulu yah. Caranya letakkan kode di bawah ini diatas kode

Cara Membuat Halaman Page Privasi Policy Otomatis

type='html'>Kedengarannya memang tidak asing,tapi bagi pemilik blog untuk membuat halaman page privasi policy dalam bahasa inggris tentu agak sedikit menemukan kesulitan, terutama yang kurang pandai untuk membuat kalimat atau artikel pada halaman page privasi policy dalam bahasa inggris. Di sini saya akan menjelaskan bagaimana cara membuat halaman page privasi policy yang tidak melanggar TOS dari google adsense dengan bantuan tools Privasi Policy Generator For Google Adsense

Seberapa pentingkah halaman page privasi policy itu?

Menurut saya halaman page privasi policy itu sangat penting bagi sebuah blog, sebab jika blog anda ada mengikuti program googe adsense, maka sudah sewajibnya halaman privasi policy itu harus ada untuk sebuah blog tersebut. Karena itu adalah salah satu syarat dari google adsense khususnya pada blog yang memasang iklan dari google adsense. Yang jadi persoalan kadang-kadang ada di antara kita yang masih belum mengerti bahkan sangat aawan sama sekali tentang bagaimana cara buat halaman page privasi policy itu pada sebuah blog.

Tapi tenang saja, bagi anda yang masih bingung dan belum mengerti bagimana caranya membuat halaman privasi polisi pada sebuah blog, karena ada sebuah tool yang sangat bagus dan dapat kita gunakan untuk membuat halaman page privasi policy secara otomatis dan gratis. Jadi kita tidak perlu di pusingkan dengan urusan bagaimana cara untuk membuat artikel yang harus kita buat pada postingan halaman page privasi policy.  Semuanya serba otomatis, dan tidak perlu harus download dan lain-lain sebagainya.

Berikut cara membuatnya :

1. Buka dulu  tools Privasi Policy Generator For Google Adsense  untuk masuk kesitusnya

2. Setelah terbuka halamannya di broswer anda, lalu masukkan alamat blog/situs dan alamat email anda pada kotak yang tersedia di GENERAL SITE INFORMATION,

3. Pada USE OF COKKIES, centang pada Yes, We use cookies

4. Pada ADVERTISER INFORMATION centang pada kotak google adsense, atau anda boleh juga menambahkan dengan mencentang yang lainnya sesuai dengan blog anda.

5. Kemudian Klik Create My Privasi Policy

6. Lalu lihat hasilnya, langsung anda copy paste halaman artikel tersebut ke halaman page Privasi policy Blog anda.

7. selesai.

Mudah kan buatnya, ok sekian, semoga bermanfaat.

Membuat Halaman Splash Screen Page di Blogspot

type='html'>Selamat malam sobat blogger, ane jadi inget sama template ane yang lama yang memakai halaman Splash Screen, tapi sekarang udah ganti template tapi sobat masi bisa kok lihat demonya >> Disini kalo sobat berminat langsung aja ke cara pembuatannya

• login blogger
• rancangan, edit html
• dan ikuti langkah langkah di bawah ini

Langkah #1 : Menutup Semua Header, Body, Footer, dan Widget pada Halaman Beranda
Yakni dengan menggunakan fungsi b:if-b:else yang diletakkan pada sebelum dan sesudah tag body.
1> Cari kode pada Edit HTML, lalu pastekan kode berikut diatasnya:

            Kode HTML Welcome Page Disini       

Disini anda membuat tag body lagi. Artinya ada dua tag body dalam template, yakni tag body khusus untuk welcome page dan tag body untuk halaman blog. Biarkan saja dahulu kata-kata yang ada didalam sana, kode tsb nanti akan kita ganti dengan kode HTML Welcome Page.
2> Cari kode lalu pastekan kode berikut dibawahnya:

   

Jika sudah tekan tombol 'Simpan Template', jika berhasil disimpan maka anda dapat mengecek blog anda menjadi halaman kosong dengan tulisan 'Kode HTML Welcome Page Disini'.


Langkah #2 : Menyiapkan kode HTML, CSS dan/atau JS untuk Halaman Khusus Welcome Page
Saya sudah siapkan halaman welcome page yang unik untuk dishare bersama. Anda dapat menggunakannya di blog anda dengan bebas. Langsung Saja:
1> KODE HTML
Cari dan Blok kata-kata 'Kode HTML Welcome Page Disini' dan ganti dengan kode berikut:

       

                   

   

               

   

               

   

               

   

               

   

   

   

   

   

   

   

MANA LINK MASUKNYA?

    Ayo coba cari linknya...
        FACEBOOOK |    TWITTER       

   

   

   

   

BUKAN DISINI :P

   
 Cyber-jm ingin berbagi   

   

   

   

   

MASIH SALAH LAGI :D

    Maaf anda belum beruntung, gosok terus masih banyak kesempatan hadiah milyaran rupiah!   

   

   

   

   

NAH INI DIA!

    Masuk Blog   

   

   

   

2> KODE CSS
Disini anda akan menggunakan kode b:if lagi untuk membuat style css khusus pada halaman welcome page saja. Cari kode dan pastekan kode berikut dibawahnya:

           

3> Kode JS
Jika welcome page anda terdapat efek khusus yang memerlukan kode javascript maka anda dapat meletakkannya sebelum kode . Pada welcome page kali ini tidak membutuhkan kode javascript.


LANGKAH #3 : FINISHING TOUCH
Pada langkah kali ini anda akan mengganti semua link yang menuju halaman beranda agar ketika visitor klik halaman beranda/home yang tampil malah welcome page terus. Disini anda akan memanfaatkan link http://namablog.blogspot.com/search/posts/default. Link tersebut menampilkan halaman beranda anda lengkap dengan widget yang ada, bukan welcome page.
Jadi untuk sentuhan terakhir ini anda harus mengganti semua link yang menuju ke http://namablog.blogspot.com/ menjadi http://namablog.blogspot.com/search/posts/default


Sekarang tekan tombol 'SIMPAN TEMPLATE'. Jika masih ada yang error perhatikan lagi pada struktur tag-tag yang ada seperti

dengan

.


Selamat! Kini blog anda lain daripada yang lain!
Semoga bermanfaat