Menambahkan Elemen Baru di Bawah Header

Pertama-tama, sebelum kita mempelajari lebih jauh tentang menambahkan elemen baru di bawah header, kita harus tahu dulu apa sih header itu? Header adalah informasi awal atau data yang berguna untuk kategorisasi atau transmisi tujuan utama sebuah blog. Header merupakan unsur yang paling penting dalam sebuah template karena setiap pengunjung yang datang ke blog Anda pertama kali yang dilihat adalah headernya. Contohnya bisa sobat lihat pada gambar berikut ini ...

Untuk membuat kolom baru tidaklah sesulit yang anda bayangkan, anda hanya cukup menambahkan sedikit kode css serta HTML kedalam kode template anda. Mau tahu caranya? silahkan ikuti langkah berikut :

1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Klik tab Edit HTML.
4. Klik Tulisan Download Template Lengkap (baca: Cara Backup Templates) untuk berjaga-jaga.
5. Copy kode berikut, lalu paste di atas kode ]]></b:skin>
   
   %23under_header%7B%0Amargin%3A10px%200%3B%0Apadding%3A1%25%3B%0Awidth%3A98%25%3B%0A%7D
   
6. Cari kode yang mirip dengan kode di bawah ini :
   
   <div id='header-wrapper'> 
   <b:section class='header' id='header' maxwidget="1" showaddelement="no">
   <b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
   </b:section>
       </div>
7. Copy kode berikut lalu paste persis di bawah kode tadi :
   
   %23under_header%7B%0Amargin%3A10px%200%3B%0Apadding%3A1%25%3B%0Awidth%3A98%25%3B%0A%7D
   
8. Klik tombol Simpan Template. Tunggu beberapa saat sampai template anda tersimpan.
9. Klik tab Elemen Halaman. dan struktur layout anda akan menjadi seperti ini.
   
   
10. Sekarang sobat sudah mempunyai elemen yang langsung persis di bawah header, silahkan tambahkan elemen yang  inginkan.
11. Selesai.

Kode-kode di atas Saya encrypt. Walaupun sedikit membingungkan dan aneh di mata sobat tetapi tetap berhasil jika dicoba. Silahkan dicoba ...

Modifikasi Followers

Sudah hampir sebulan saya tidak update blog ini, di samping kesibukkan saya di luar saya juga cukup kelelahan mengurus blog-blog saya yang lain. Muncul lagi dengan tutorial blog yang ringan, tapi mungkin bermanfaat, kita coba memodifikasi followers blogger.

 

Biasanya followers dipasang langsung pada widget yang sudah tersedia di blogger, tapi kali ini kita akan memasangnya di widget HTML/Javascript. Abaikan tutorial ini jika sobat menggunakan template minima atau template bawaan blogger.

 

Jika sobat menggunakan custom template, maka untuk mengedit link, warna text dan border akan mengalami kesulitan. Untuk itu kita coba menambahkan border dan mengedit sedikit warna pada followers, link color, text color, background color dan border color. untuk memulainya, silahkan sobat login ke blogger.

• Masuk ke Rancangan
• Klik Elemen Laman
• Pilih Tambah Gadget
• Klik yang HTML/JavaScript
• Kemudian masukkan kode followers dibawah ini :

  <script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript"></script>

  <!-- Define the div tag where the gadget will be inserted. -->
  <div id="div-eknxr14kfzlq" style="width:280px;border:1px solid #cccccc;"></div>
  <!-- Render the gadget into a div. -->
  <script type="text/javascript">
  var skin = {};
  skin['BORDER_COLOR'] = '#dedede';
  skin['ENDCAP_BG_COLOR'] = '#f0f0f0';
  skin['ENDCAP_TEXT_COLOR'] = '#444';
  skin['ENDCAP_LINK_COLOR'] = '#444';
  skin['ALTERNATE_BG_COLOR'] = '#fff';
  skin['CONTENT_BG_COLOR'] = '#f9f9f9';
  skin['CONTENT_LINK_COLOR'] = '#444';
  skin['CONTENT_TEXT_COLOR'] = '#444';
  skin['CONTENT_SECONDARY_LINK_COLOR'] = '#444';
  skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#444';
  skin['CONTENT_HEADLINE_COLOR'] = '#444';
  skin['NUMBER_ROWS'] = '3';
  google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
  google.friendconnect.container.renderMembersGadget(
  { id: 'div-eknxr14kfzlq',
     site: '06215030860304111239' },
    skin);
  </script>

• Ganti kode yang berwarna merah dan ungu dengan kode id blog sobat
• Simpan.

 

Keterangan :

1. untuk kode yang saya tebalkan bisa sobat ganti sesuai dengan warna dan lebar widget blog sobat.
2. Kode yang berwarna biru sesuaikan dengan lebar widget template sobat.
3. Untuk mencari kode yang berwarna merah dan ungu, jika sebelumnya sobat sudah memasang widget followers, maka sobat bisa klik kanan pada halaman blog kemudian klik �view page source� lalu klik CTRL+F dan ketik saja followers. Dari situ sobat dapat melihat kode id dan site dari blog sobat.

Verde Arriba Blogger Template

Template ini sebenarnya sudah saya publikasikan di www.mybloggerthemes.com semiggu yang lalu, tapi baru sempat saya tulis disini. Verde Arriba saya ambil dari bahasa galician yang artinya hijau atas, karena memang template ini sengaja saya pasang widget dengan background hijau dibagian atas. Widget tersebut berisi link navigasi, search form, slider menu dan widget bebas berukuran 420 x 290 yang bisa diisi dengan html/javascript atau cocok untuk popular post seperti demonya.

 

Untuk yang lain, tidak banyak perbedaan dengan template-template sebelumnya. Seperti kolom di bagian footer yang berisi 3 kolom, hanya sedikit perubahan pada bagian warna dan tulisan. Untuk navigasi di bagian atas bisa sobat isi langsung di Elemen Laman �> Top Menu. Slider menu bisa di edit dengan membaca petunjuk yang saya sertakan di link downloadnya. Semoga bermanfaat dan bisa menjadi alternatif pilihan untuk blog sobat.

 

• Live Demo
• Download Theme

Backlink Gratis Dari Social Monkee

Beberapa hari yang lalu, saya mendapat bocoran dari senior saya kang Rohman dari blognya kolom-tutorial yang menulis tentang free backlink tool. Saya hanya meneruskan postingan ini buat sobat setia pengunjung blog tutorial. Mungkin ada beberapa yang sudah tau akan hal ini, namun tak ada salahnya saya berbagi sedikit tips untuk mendapatkan backlink gratis dengan cara yang sangat mudah. Apa sih Social Monkee itu? Social Monkee adalah sebuah layanan Free Backlink Tool.

Social Monkee adalah sebuah situs yang memberikan layanan submit artikel secara otomatis ke banyak situs Social Bookmark (dofollow). Social Monkee terbagi menjadi 2 account, free account dan premium account. Untuk Free account, kita hanya diperbolehkan mensubmit link dari artikel/post blog kita 1 kali dalam sehari, dan langsung tersebar ke 25 situs Social Bookmark. Sedangkan untuk Premium account, sobat diperbolehkan mensubmit sebanyak 3 kali dalam sehari dan setiap artikel/post yang kita submit akan di teruskan oleh Social Monkee ke 100 situs Social Bookmark lainnya. Dengan kata lain, jika kita mensubmit sebanyak 3 kali, maka kita akan mendapat backlink gratis sebanyak 300 setiap harinya.

Tapi sayangnya harga yang ditawarkan untuk menjadi Premium account adalah $47 sekali seumur hidup, cukup mahal ya tapi jangan khawatir Social Monkee memberikan kita ganti dari harga tersebut yaitu dengan mencari referral sebanyak 12 orang, maka kita bisa menjadi Premium account. Pilihan ke-2 tentu lebih ringan, ketimbang harus membayar sebesar $47.

Silahkan langsung saja kunjungi situs Social Monkee, daftar saja mumpung gratis. Semoga berhasil dan submit artikel blog sobat secara berkala agar bisa dapat backlink yang banyak. Karena backlink erat sekali hubungannya dengan PageRank, cari backlink sebanyak-banyaknya untuk menaikkan PageRank blog. PageRank blog tinggi, bisnis lancar.

Monago Blogger Template

Kembali lagi dengan blogger template, kali ini saya beri nama Monago Blogger Template. Asal usul nama ini saya ambil secara acak saja, untuk arti jelas tidak ada sama sekali. Monago Blogger Template memiliki 1 kolom sidebar di sebelah kanan, 3 kolom di bagian footer, 2 page navigasi (menu di bagian atas template), banner di sebelah kanan header dengan ukuran 468 x 60.

 

Sementara untuk related posts atau artikel terkait sengaja tidak saya pasang di template ini karena selera pengguna yang berbeda-beda, ada yang suka dan ada pula yang tidak suka sehingga kerepotan untuk menghapus widget tersebut. Untuk yang lain-lain tidak banyak yang istimewa, hanya warna putih dibagian utama template, hitam sebagai background body. Dan widget popular posts yang sudah saya modifikasi sehingga bentuknya yang lebih baik ketimbang widget popular posts yang tidak di modifikasi, bisa dilihat di demo template.

 

• Live Demo
• Download Theme