\

Cara Menambah Page Elemen Pada Blog

\ \ 13 comments
Pada kesempatan kali ini saya akan berbagi tentang tutorial menambah page elemen. Pasti sobat Blogger semua sudah mengenal dengan yang namanya "Page Elemen" ini. Karena di bagian "Page Elemen" inilah kita biasanya menambahkan gadget-gadget pada blog. Tapi ada kalanya kita memerlukan lagi tempat untuk pasang gadget, mungkin karena sudah penuh atau apalah. Nah untuk itu kita bisa menambahkan "Page Elemen" ini. Untuk tutorialnya silahkan disimak di bawah ini:


1. Login ke Blogger dengan akun sobat sendiri pastinya.
2. Pilih Tab Rancangan.
3. Pilih Tab Edit HTML.

Elemen Baru di Header Blog ( bagian blog teratas)

 1. Cari kode 
<b:section class='header' id='header'
 
2. Ganti kode di atas dengan kode ini
<b:section class='header' id='header'  showaddelement='yes'> 
 
Elemen Baru di Main-Wrapper ( di atas halaman posting)
1.Cari kode
<b:section class='main' id='main'
 
2. Ganti kode di atas dengan kode ini
<b:section class='main' id='main' showaddelement='yes'>
 
Elemen Baru di Footer ( bagian terbawah) 
 
1. Cari kode
<b:section class='footer' id='footer'
 
2. Tetapi jika memang template sobat belum ada footernya tambahkan kode ini
<b:section class='footer' id='footer'>
 
Setelah dari langkah di atas langkah terakhir adalah Simpan Template.
 
Sekian tutorial dari saya semoga berguna buat sobat semua. Apabila ada kurangnya mohon di maafkan.
Wassalam. 
 
 









Labels:















Artikel Sejenis
loading..




13
comments:
      









  1. Wieda Wardoyo18 Nov 2011, 08.53.00
    kl cara hapus page element gmn , ,aku ad 2 blog post ,, yg satu pgn ta delete
    BalasHapus
  2. dapscom18 Nov 2011, 12.41.00
    tutorial yang sangat bermanfaat, thanks gan
    BalasHapus
  3. Unknown19 Nov 2011, 16.50.00
    @makadamian: mungkin yan dimaksud sobat itu artikel posting ya, caranya gampang kok sob tinggal masuk Posting ==> Edit Entri ==> trus klik hapus pada post yang ingin sobat hapus.
    @dapscom: sama sama sob...
    BalasHapus
  4. Unknown30 Jan 2012, 10.48.00
    gan, blog saya kan blog saya blom ada footernya, coz bukan template dr blogger. kalo mo nambahin di naruh kodenya di bagian mana? thx before
    BalasHapus
  5. tinta dunia14 Apr 2012, 16.46.00
    sangat membantu sekali (^_^)

    mampir ya gan http://tinta-dunia.blogspot.com
    BalasHapus
  6. sekedar wawasan29 Apr 2012, 14.29.00
    mantap banget sob tutorialnya jelas,,
    BalasHapus
  7. Unknown26 Jun 2012, 08.46.00
    gan, cara ngedit/ngilangin link paling atas pada blog, punya ente home, link exchange, toc, about me, guetbook dll itu caranyaa gimana?
    please bantu 'newbie'
    BalasHapus
    Balasan
    1. Unknown26 Jun 2012, 16.36.00
      Maksudnya link paling atas itu, pada navigasi ya sob?
      Kalo di template sobat tinggal cari kode ini 
      <div class='menu-secondary-container'>
      ntar di bwahnya ada link HOME dan sebagainya tinggal hapus aja kode yang ada tulisan HOME dan sebagainya.
      Hapus
  8. cara mudah mempercepat kinerja windows 730 Jun 2012, 00.01.00
    Thanks infonya...
    BalasHapus
  9. cara mudah mempercepat kinerja windows 730 Jun 2012, 00.07.00
    Thanks infonya...
    BalasHapus
  10. Unknown4 Des 2012, 03.33.00
    bgus bnget
    BalasHapus
  11. Unknown3 Apr 2013, 14.19.00
    gan pencerarahan donk ane newbie,,,,sebelah beranda sejajarkalo ditambah kolom2 yang ada postingannya gimana gan,,,? misal 
    beranda forum jual beli ,
    thankyu
    jangan lupa mampir di http://dwizen.blogspot.com/
    BalasHapus
    Balasan
    1. Unknown4 Apr 2013, 02.02.00
      cari kode yg mirip ini di template blog sobat
      <li class='selected'><a href='http://dwizen.blogspot.com/'>Beranda</a></li>
      terus tambahin aja di bawahnya, misal
      <li><a href='http://dwizen.blogspot.com/#'>Forum</a></li>
      tambahin aja sesuai keinginan, pastiin URL nya udah bener
      Hapus













Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="code">Kode Anda</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">Kode Panjang Anda</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL Gambar</i>
Untuk menyisipkan judul, gunakan tag <b rel="quote">Kata-kata Anda</b>