CARA MENGGANTI HEADER DAN LOGO BLOGGER

BLOGGERPOX.COM - Salah Satu Komposisi Blogger adalah Header, Header adalah kepala halaman website yang paling utama dilihat para pengunjung, sebaiknya manfaatkan header sebagai promosi paling efektif untuk blogger anda, jangan sia-siakan bagian header blogger, Tegaskan nama tampilan blog anda karena itu merupakan salah satu yang membuat blogger anda ramai pengunjung, usahakan header blogger anda mudah diingat para pengujung.

Tutorial kali ini adalah cara mengganti header blogger

1. Buat Header Blogger anda mengggunakan Software Desain Seperti Adobe Photoshop atau CorelDRAW.

2. Buat ukuran desain header dengan ukuran header yang sebenarnya.

Cara mengetaui ukuran header.

- Dashbord > Rancangan > Element > Klik Edit Pada Elemen Header, Maka Akan Tampil Seperti Gambar dibawah ini.

Catatan : Untuk Width (Lebar) Ukurannya 760* untuk Ukuran Height (Tinggi) anda bisa atur sesuai keinginan, karena sifatnya dinamic, otomatis mengikuti resize gambar yang anda buat.
3. Lakukan Proses Upload gambar header yang sudah anda buat.
- Klik Telusuri Apabila anda melakukan proses upload melalui explorer anda
- Pilih Selain Judul dan Keterangan untuk menempatkan Posisi Header anda di bagian layer paling depan
- Simpan, dan Proses Selesai

Catatan : Untuk mengganti header blogger dengan template yang tidak menyediakan elemen header anda cukup mengikuti langkah-langah berikut ini.

1. Klik Kanan Pada Header Blogger > Lihat Informasi Gambar, Maka akan tampil kotak dialog seperti dibawah ini. Lihat Ukuran Resolusi Gambar Contoh : 260*67, Klik Close

2. Kemudian Klik Kembali Header Blogger Klik Kanan > Salin Lokasi Gambar

3. Setelah Anda Salin Masuk Kedalam Rancangan > Edit HTML > Tekan CTRL+F > Pastekan Pada kolom Cari

4. Setelah Anda Temukan Kode Pada Edit HTML

5. Upload Image Anda Pada Posting Blogger, Setelah Terupload Klik Original Size > Masuk Ke Dalam Tab Compose menjadi Edit html pada Posting Blogger, temukan kode image yang anda upload.

Contoh https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0oseWSlAcx8NNhKjwqBmUWwcYBhbveCAR_LqsR_vMFngX46rWmiUAI8Cg_MyprjSfuS0jvS8BZnYIsuLHJqS-bcT_JgoeVTNsnnQF9HxkYl9Tzpgv1LNcd74JFspiHGEMv_TKfhjDnHUP/s1600/logobloggerpox.png
Copy Kode dan Ganti Kode yang ada pada Rancangan Edit HTML Sebelumnya.
6. Selamat Mecoba, Apabila ada Kesulitan Silahkan tinggalkan komentar.

CARA MENGHAPUS DAN MENYEMBUNYIKAN TANGGAL POSTING

BLOGGERPOX.COM - Tutorial Blogger Pox Kali ini adalah bagaimana menghapus atau menyembunyikan Tanggal pada Blogger.

Pertanyaannya kenapa harus dihapus atau disimpan ?

Tanggal atau Date Blogger memang salah satu peran penting dalam blogger, tapi ada beberapa para blogger yang non update atau web static tidak begitu perlu menampilkan tanggal posting.

Berikut adalah Langkah - Langkah Sederhana Cara Menghapus atau menyembunyikan Tanggal Posting 

CARA PERTAMA

1. Masuk Dasboard > Rancangan > Kemudian Klik Edit Pada Elemen Posting

2. Setelah Itu akan Tampil Pop Up Konfigurasi Blogger, Perhatikan Gambar dibawah ini

3. Anda perhatikan terdapat beberapa pilihan konfigurasi chek list yang tertera pada posting blogger, Non Aktifkan Kedua Check List Seperti Gambar diatas, Maka Secara Otomatis pada setiap posting anda tidak akan tampil tanggal posting.

CARA KEDUA MELALUI EDIT HTML

Untuk Cara yang kedua adalah bagaimana kita menyembunyikan Tanggal Posting dengan cara mengedit dan Menambahkan Script HTML

1. Tekan CTRL+F Untuk Memanggil Kotak Cari masukan kata kunci date-header {

2. Setelah anda menemukan Kode date-header {

Perhatikan dengan detail Tempat Pemambahan Kode visibility: hidden;

h2.date-header {
margin:.3em 0 0;
padding:0;
font-size:80%;
color:#777;
height: 0px;
visibility: hidden;
}

3. Maka Secara Otomatis Blogger anda tidak akan menampilkan tanggal posting, karena dengan memasukkan perintah Hidden (Menyembunyikan), untuk kembali menampilkan tanggal posting anda tinggal menghapus kembali visibility: hidden;

4. Selamat Mencoba 

CARA MEMASANG KOTAK PENCARIAN - SEARCHING PADA BLOGGER

BLOGGERPOX.COM - Cara memasang kotak pencarian atau kolom searching di blogger tidaklah susah hanya saja kita perlu beberapa script untuk memasangnya. Bloggerpox akhirnya berhasil memodifikasi beberapa kode script kolom pencarian yang praktis dan efektif.

Tapi yang perlu kita ketahui adalah apa sebenarnya fungsi kolom pencarian selain untuk memudahkan pengujung mencari artikel.

Beberapa fungsi lainnya adalah meningkatkan trafik rank kita pada alexa, karena secara metode program yang di buat google adalah setiap blogger yang berhasil di index dari kolom pencarian mendapat nilai lebih di banding dengan refering link dari blog lain.

Berikut langkah-langkah memasang kotak pencarian pada blogger

1. Masuk kedalam Dashboard Blogger Anda

2. Masuk kedalam Rancangan > Element Laman
3. Copy Kode/Script Pada Kolom di Bawah ini
4. Tambahkan Gadget  > HTML & Javascript > Pastekan Kode
5. Edit Value Pada Form Sesuai dengan Nama Domain anda
6. Dibawah ini merupakan demo kolom pencarian yang kita buat, Selamat Mencob

Google Bloggerpox.com

<form method="get" action="http://www.google.com/custom" target="google_window"> <table border="0" bgcolor="#ffffff"> <tr><td nowrap="nowrap" valign="top" align="left" height="32"><br /> <a href="http://www.google.com/"><br /> <img src="http://www.google.com/logos/Logo_25wht.gif" border="0" alt="Google"></img></a><br /> <br/><br /> <br /> <input type="hidden" name="domains" value="bloggerpox.com"></input><br /> <input type="text" name="q" size="25" maxlength="255" value=""></input><br /> </td></tr> <tr> <td nowrap="nowrap"><br /> <table> <tr> <td><br /> <input type="radio" name="sitesearch" value="" ></input><br /> <br /> <font size="-1" color="#000000">Web</font><br /> </td> <td><br /> <input type="radio" name="sitesearch" value="id-blogger.com"></input><br /> <font size="-1" color="#000000">bloggerpox.com</font><br /> </td> </tr> </table><br /> <input type="submit" name="sa" value="Search"></input><br /> <input type="hidden" name="client" value="pub-4926928126068726"></input><br /> <input type="hidden" name="forid" value="1"></input><br /> <br /> <input type="hidden" name="ie" value="ISO-8859-1"></input><br /> <input type="hidden" name="oe" value="ISO-8859-1"></input><br /> <input type="hidden" name="cof" value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:FFFFFF;LBGC:336699;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:1;"></input><br /> <input type="hidden" name="hl" value="en"></input><br /> <br /> </td></tr></table> </form>

CARA MEMASANG PAGE NUMBER PADA BLOGGER

BLOGGERPOX.COM - Tutorial kita kali ini adalah cara membuat page number pada blogger, page number merupakan perinta untuk berpindah halaman, page number sama halnya dengan tombol next pada blogger, sudah sering kita temui blog dengan menggunakan page number yang bermaksud memudahkan para pengunjung melihat beberpa artikel lama yang telah kita posting sebelumnya.

Berikut Langkah-langkah membuat Page Number pada Blogger
 

1. Masuk dahulu ke Dashboard blogspot Anda, selanjutnya pilih Rancangan (Layout) dan pilih Edit HTML, seperti biasa contreng option Expand Widget Templates, selanjutnya cari kode berikut: ]]>;
2. Setelah ketemu, di atas kode ]]> letakkan kode di bawah ini :                                              
   .showpageArea a {
   text-decoration:underline;
   }
   .showpageNum a {
   text-decoration:none;
   border: 1px solid #cccccc;
   margin:0 3px;
   padding:3px;
   }
   .showpageNum a:hover {
   border: 1px solid #cccccc;
   background-color:#cccccc;
   }
   .showpagePoint {
   color:#333;
   text-decoration:none;
   border: 1px solid #cccccc;
   background: #cccccc;
   margin:0 3px;
   padding:3px;
   }
   .showpageOf {
   text-decoration:none;
   padding:3px;
   margin: 0 3px 0 0;
   }
   .showpage a {
   text-decoration:none;
   border: 1px solid #cccccc;
   padding:3px;
   }
   .showpage a:hover {
   text-decoration:none;
   }
   .showpageNum a:link,.showpage a:link {
   text-decoration:none;
   color:#333333;
   }
   
   
3. Lalu cari lagi kode seperti ini: ;
4. Jika sudah ketemu, di atas kode letakkan script di bawah ini: 
   <b:if cond='data:blog.pageType != "item"'>
   <script type='text/javascript'>
   var pageCount=5;
   var displayPageNum=5;
   var upPageWord ='Previous';
   var downPageWord ='Next';
   </script>
   <script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
   </b:if>
5. Selanjutnya carilah kode berikut ini : 'data:label.url';
6. Hapus kode ini : 'data:label.url' dan gantilah dengan kode di bawah ini:
   'data:label.url + "?&max-results=5"'
7. Terakhir Simpan Templates, Selamat Mencoba

CARA MEMASANG TEKS AREA PADA BLOGGER

Membuat teks area memang sangat diperlukan untuk memasukan beberapa kalimat yang penting salah satunya untuk memasukkan kode html pada blog.

Berikut Langkah-langkah membuat teks area:

1. Copy paste kode pada kolom area

2. Klik Entri Baru pada blogger, pastikan anda sedang berada pada perintah edit HTML bukan compose

3. Setelah anda pastekan, atur kembali ukuran cols dan rows kolom area sesuai dengan kebutuhan

4. Setelah masukan tulisan anda diantara tanda tutup > isi <

5. Selamat Mencoba

<textarea cols="60" rows="5">TULISAN DALAM KOTAK</textarea>

FITUR-FITUR BLOGGER

Beberapa Fitur yang terdapat pada blogger saat ini :

Baru! Ubah Sesuaikan rancangan Anda

Perancang Template Blogger menawarkan berbagai template, yang memudahkan Anda membuat blog yang tampak profesional. Selain itu, Perancang Template Designer memungkinkan Anda mengubahsuaikan template. Pilih dari ratusan gambar latar, puluhan tata letak yang fleksibel, dan susun ulang widget melalui antarmuka seret dan lepas. Tambahkan gadget seperti tampilan slide, jajak pendapat pengguna, atau bahkan iklan AdSense. Mengubah fon dan warna juga mudah. Dan jika semua kendali itu belum cukup, Anda bahkan dapat mengedit CSS dan HTML blog.

Publikasikan suara Anda dengan mudah dan gratis

Anda hanya butuh beberapa langkah mudah untuk membuat blog di Blogger. Dalam hitungan menit, Anda sudah dapat mengepos entri, foto, video, dan masih banyak lagi ke blog Anda. Silakan mengepos entri sesuka Anda, gratis kok. Baca artikel ini di Bagaimana cara memulai atau tonton video Bagaimana cara membuat blog dengan Blogger.

Antarmuka yang mudah digunakan

Ikuti beberapa langkah dasar untuk mulai mengeposkan entri ke blog Anda. Antarmuka yang disediakan mudah digunakan untuk mengubah font, menebalkan atau memiringkan teks, menyesuaikan warna dan meratakan tepian teks, dan masih banyak lagi. Saat Anda menyusun entri baru, Blogger menyimpannya secara otomatis, tanpa menginterupsi pengetikan. Juga terdapat fitur pemeriksa ejaan yang mudah digunakan serta cara mudah untuk melabeli entri Anda. Selain itu, Blogger mencakup editor HTML yang memungkinkan Anda mengubah tampilan dan suasana entri Anda.

Situs web gratis Anda

Ketika Anda membuat blog, blog tersebut dapat di-host di Blog*Spot secara gratis. Pilih saja URL yang tersedia dan jadi deh. Jika Anda berubah pikiran dan ingin URL yang berbeda di kemudian hari, menggantinya juga mudah. Blogger juga melayani opsi domain ubahsuaian; misalnya saja domain-nya bernama example.com, blog Anda akan di-host di sana dan fitur-fitur hebat Blogger tetap ada.

Tambah foto dan video ke entri Anda

Anda dapat menambah foto ke posting blog Anda dengan mengklik ikon gambar di toolbar editor entri. Foto Anda kemudian disimpan di akun Album Web Picasa gratis Anda, di mana Anda dapat memesan cetakan foto tersebut dan mengatur foto ke dalam album-album yang sesuai. Menambah video ke entri cukup mudah; klik ikon film-strip di bilah alat editor entri untuk memulai. Video yang diunggah melalui Blogger di-host pada Google Video.

Fitur Lainnya

Baru! Dapatkan uang

Dengan Blogger, Anda bisa mendapatkan uang cukup dengan memposkan konten asli bermutu tinggi tentang topik favorit Anda. Blogger dilengkapi tab khusus Uangkan yang memungkinkan Anda memasang iklan AdSense dengan mudah di blog. Selain itu, melalui program Amazon Associates Blogger, Anda dapat menelusuri katalog produk Amazon dan menambahkan tautan ke produk yang Anda sarankan untuk menerima komisi bila pembaca membeli produk ini.

Kembangkan komunitas Anda

Biarkan pembaca mengikuti blog Anda dengan menambah gadget Pengikut untuk tata letak Anda. Dengan gadget ini, pembaca dapat mengklik tautan "Ikuti blog ini&" untuk menambah blog Anda ke Dasbor Blogger dan akun Pustaka Google. Mereka juga memiliki opsi untuk menambah gambar dan profil ke blog Anda untuk memberi tahu seluruh dunia bahwa mereka adalah seorang penggemar.

Masukan dari pembaca Anda

Mudah bagi pembaca untuk meninggalkan komentar di entri manapun pada blog Anda, memberikan umpan balik yang bermanfaat dan tepat pada waktunya. Mereka dapat meninggalkan komentar di sebelah kanan bawah entri, di jendela munculan, atau di laman terpisah. Anda juga dapat menggunakan Reaksi untuk membiarkan pembaca dengan cepat menyediakan umpan balik dengan hanya satu klik.

Pemberitahuan entri baru

Pembaca bebas menentukan apakah mereka akan berlangganan feed blog Anda, yang akan memberitahu mereka tiap kali Anda mempublikasikan entri baru. Anda juga bebas mengkustomisasi apa yang dibagi pada feed blog, dan mengatur blog Anda untuk mengemail entri baru ke alamat email tertentu ataupun mailing list secara otomatis.

Satu ID sederhana

Karena Anda dapat masuk log ke Blogger dengan Akun Google — yang juga memberikan pada Anda akses ke Gmail, iGoogle, orkut, dsb. — Anda cukup memiliki satu nama pengguna dan sandi untuk diingat. Alamat blog Anda juga dapat digunakan sebagai OpenID untuk memberi Anda identitas digital tunggal pada web. Karena blog Anda dapat menerima komentar dari pengguna OpenID selain anggota Blogger terdaftar, hal ini memudahkan pembaca blog Anda ketika mereka hendak meninggalkan masukan maupun berpartisipasi dalam percakapan.

Bahasa dunia

Blogger kini tersedia dalam 41 bahasa termasuk Inggris, Prancis, Italia, Jerman, Spanyol, Belanda, Portugis, China, Jepang, dan Korea. Penutur Arab, Ibrani, dan Persia dapat menggunakan Blogger dengan tampilan dan pemformatan Kanan-ke-Kiri. Dan transliterasi tersedia untuk lima bahasa Indic.

Fitur Canggih

Baru! Fitur Laman

Dengan fitur Laman Blogger, Anda dapat membuat laman baru yang terkait dari blog. Sebagai contoh, Anda dapat membuat laman “Tentang Blog Ini” atau “Hubungi Saya”, seperti halnya menulis blog baru, dan memberikan tautan ke laman itu sebagai tab di bagian atas blog atau di bilah samping.

Pengeposan saat di jalan

Blogger menyediakan berbagai cara untuk mengepos ke blog. Anda dapat mengepos dari ponselatau melalui alamat email rahasia lewat fitur Mail-to-Blogger . Atau gunakan Gadget Entri Bloggeruntuk mengedit.dan menerbitkan kiriman secara langsung dari laman beranda iGoogle kustom Anda. Dengan opsi ini, mudah untuk mengirimkan ke blog kapan pun Anda inginkan, dan dari mana pun Anda berada.

Blogging bersama

Dengan Blogger, mudah untuk membuat blog bersama, yang memungkinkan beberapa blogger untuk berkontribusi di satu blog. Anda memilih anggota tim mana yang memiliki wewenang administratif dan mana yang tugasnya hanya menulis. Anda juga dapat membuat blog pribadi dan membatasi siapa yang dapat melihatnya. Anda mengontrol blog tersebut sepenuhnya.

Aplikasi pihak ketiga

Anda dapat memilih di antara serangkaian aplikasi pihak ketiga yang dapat berintegrasi dengan Blogger yang memudahkan Anda untuk membuat blog. Jangan lupa kunjungi code.blogger.com jika Anda adalah seorang pengembang yang juga berkeinginan membuat aplikasi keren.

Masih banyak fitur lainnya...

Kami terus mengembangkan fitur baru untuk Blogger; periksa Blogger Buzz untuk mengetahui semua penambahan dan perubahan terkini. Jika Anda ingin mencoba beberapa fitur eksperimental kami, periksa Blogger dalam konsep. Dan jika Anda memerlukan informasi lebih lanjut tentang fitur Blogger apa pun, pastikan untuk mengunjungi situs Bantuan Blogger atau grup diskusi. Untuk melihat entri yang diposkan orang lain, periksa Blog Pilihan. Kami harap Anda menyukai hasil karya

CARA MENGGANTI FAVICON - ICON BLOGGER

Cara Mengganti Pavicon Blogger bukanlah hal yang sulit, tetapi banyak orang yang ternyata cuma ikut-ikutan cara mengganti pavicon Blogger dengan cara mengedit html dengan memasukan kode sebelum head 

Contoh

</head>
<link href='url gambar' rel='short cut icon'/>

ini merupakan metode lama hal ini anyalah pengelabuan kode image belaka, hal ini memang bisa dilakukan akan tetapi sudah banyak hal yang membuat metode lama ini sudah tidak berlaku lagi, karena banyak perubahan browser saat ini tidak dapat membaca kode html yang kita masukan.

Pada google chhrome atau safari contohnya, penggantian icon dengan metode ini ternyata tidak berlajan dengan baik dimana icon blogger tetap tampil, sedangkan icon yang kita buat hanya tampil pada beberapa browser saja.

Sekarang Bloggerpox memberikan metode yang benar tanpa mengedit html sedikitpun, karena cara ini merupakan fitur terbaru dari blogger.com

Berikut langkah-langkah menggati icon blogger :

1. Buka Blogger anda dengan menggunakan http://draft.blogger.com

2. Setelah Tampil Dashboard draft.blogger.com > Klik Dashboard 

 3. Klik Layout > Klik Edit Favicon > Upload Icon

* Catatan : Untuk Icon yang anda upload usahakan ukuran max 25*25px, untuk mengoptimalkan kecepatan reload icon.