• Beranda

Belajar Blog

  • Blogger
    • Download Template
    • Panduan Blog
    • Trik Mudah SEO
    • Widget
  • Edukasi
    • Buku BSE
    • Info PPDB
    • Makalah
    • Pantun
    • Puisi
  • Game
    • Arcade
    • Batle
    • Racing
    • Sport
  • Cheat
  • TOOL
    • Compress CSS
    • Kode Warna
  • Error
Home » Seo » Cara Membuat Header Responsive FullScreen di Blog
Rabu, 13 November 2013

Cara Membuat Header Responsive FullScreen di Blog

kak sakti
Seo
Rabu, 13 November 2013
add comment
Cara Membuat Header Responsive FullScreen di Blog - Header ,..? apaan itu header , header dalam indonesia adalah kepala sedangkan jika kita terapkan dalam dunia website atau blogger , header ialah bgian paling atas suatu blog atau yang biasa disebut header ( kepala ) . kali ini kita akan membahas tentang bagaimana  Membuat Header Yang Responsive FullScreen di Blog . dengan demikian nanti header blog anda akan menjadi layar penuh dan bisa menyesesuaikan dengan layar .

Cara Membuat Header FullScreen Responsive di Blog
DEMONYA SEPERTI HEADER DI ATAS

Berikut Cara Membuat Header Responsive FullScreen di Blog

1. Pertama Masuk dulu ke blogger sobat
2. Pilih Menu => Edit HTML
3. Cari kode  ]]</b:skin> atau </style>
4. Setelah itu Letakkan CSS berikut tepat di atas ]]</b:skin>

/* Header */ #header-wrapper{width:100%;overflow:hidden;background: rgba(252, 252, 252, 0.74);padding:10px 0; border-bottom: 1px solid #eee;} #header-kiri{float:left;max-width:40%;overflow:hidden;} #header-kanan{float:right;max-width:60%;overflow:hidden;} #header-kanan img{max-width:100%;} .header .widget{padding:5px;} .description { margin: 0px; font-size:13px; } .title { font-size: 22px; margin: 0px; }.pembatas{max-width:960px;margin:0 auto;}

5. Langkah selanjutnya Letakkan HTML berikut tepat di bawah <body>

<header id='header-wrapper'> <div class='pembatas'> <b:section class='header' id='header-kiri' maxwidgets='1'><b:widget id='Header1' locked='true' title='(Header)' type='Header'></b:widget> <b:section class='header' id='header-kanan' maxwidgets='1'/> </div> </header>

*Keterangan : ubah angka 960px; dan sesuaikan dengan lebar template sobat ( outer-wrapper )

6. Done ( Taraaa akhirnya selesai deh , sekarang sobat sudah bisa Membuat Header Responsive FullScreen di Blog dengan baik dan perfect hehehehehh )

Nah itulah trick dan tips Cara Membuat Header Responsive FullScreen di Blog atau dengan kata lain membuat header kepala blogger menjadi layar penuh sesuai dengan layar . demikian artikel saya kali ini tentang Cara Membuat Header Responsive FullScreen di Blog semoga bermanfaat bagi anda .

Share this article :
Tweet
✚

Artikel Terkait:

  • Cara Membuat Title Pada Breadcrumbs
  • Trik Auto Heading H1 so that become Heading Article
  • Cara Memasang Video Responsive dan Valid HTML5
  • Membuat Auto Readmore dengan Post Snippet
  • BAGAS31.com, Tempatnya Download Software Gratis

Show Konversi KodeHide Konversi Kode Show EmoticonHide Emoticon Request Out Of Topic

:)
:(
=(
^_^
:D
=D
|o|
=)D
@@,
;)
:-bd
:-d
:P
:ngakak:
:lucu
:nangis
:prustasi
:rokok
:asem
:yes
:help:
(-.-,)
xV
:W
:gitar:
:call:
Posting Lebih Baru Posting Lama Beranda
Langganan: Posting Komentar (Atom)

Selamat Datang Di Belajar Blog Pemula




Tutorial Apapun Tentang Blog

  • Cara Pasang Widget Al-Qur'an pada Blog
  • Cara Buat Related Post atau Artikel Terkait
  • Cara Memasang Facebook Like Badge
  • Cara Membuat Auto Read More Pada Blog
  • Cara Membuat Recent Post Animasi
  • Download Game Flappy Bird Populer

Arsip Blog

  • ►  2014 (53)
    • ►  Mei (1)
    • ►  April (9)
    • ►  Maret (8)
    • ►  Februari (10)
    • ►  Januari (25)
  • ▼  2013 (97)
    • ►  Desember (40)
    • ▼  November (30)
      • Cara Memberi Password Pada Folder Komputer
      • Kata Kata Romantis Indah Untuk Pacar Dan Sahabat
      • Download Adobe Photoshop CS6 Full Version
      • Download MCAfee VIRUSSCAN ENTERPRISE 8.8 FULL+PATCH
      • Download Avast! Free Antivirus 9.0.2006 Final Upda...
      • Cara Merubah Tampilan Google Chrome Menjadi Windows 8
      • Cara Mengatasi IDM Fake Serial Number
      • Download Template Topmagz Blogger Template
      • Download Template Randu V3
      • Free Download Avira Terbaru 2014 14.0.1.719 Final
      • Cara Membuat dan Memasang Jam di Blog
      • Kumpulan Foto IQBAAL COBOY JUNIOR
      • Free Download IDM 6.17 Build 8 Final Full Version
      • Cara Mengganti Nama dan Password Pada Akun Twitter
      • Download Template SEO Mas Sugeng Responsive
      • Download Template SEO SJUTA Final Responsive
      • Cara Membuat Header Responsive FullScreen di Blog
      • Cara Upgrade OS Terbaru Blackberry Gemini 8520/8530
      • Cara Mengatasi HardBrick pada Android
      • Cara Membuat Widget Sticky di Sidebar Blog
      • Cheat Baseball Heroes Skill Hit
      • Download Template Super SEO dari kang Ismet
      • Cara Install Dan Download BBM di PC dan Komputer
      • Download Game PC PES 2014 Full Version Gratis
      • Download Al-Quran Digital dan terjemahan Untuk HP
      • Cara Membuat Gambar Responsive di Blog
      • Cara Membuat Template Blog Fast Loading
      • Lirik Lagu Selalu Cinta - Kotak
      • Puisi Cinta Karya Chairil Anwar
      • Download IDM Terbaru 6.18 Build 5 Update Full Version
    • ►  Oktober (27)

Article Populer

Belajar Blog Profeesional

Kecantikan & Kesehatan Official

Artikel Terbaru

BREAKING NEWS :
Loading...

Join with us

Temukan Saya Di Facebook

Mengenai Saya

kak sakti
Lihat profil lengkapku

Kategori

  • Android
  • Chatting
  • Download Game
  • Download Lagu
  • Download Template
  • Facebook
  • Google Adsense
  • jQuery
  • Kontes Seo
  • Opini
  • Panduan Blog
  • Password PS2
  • Penjasorkes
  • PPDB
  • Premium
  • Request
  • Sea games
  • sejarah
  • Seo
  • Sepak Bola
  • Software
  • Sport
  • Twitter
  • Widget

New Artikel

Membuat link Bro
saktikaromah@2018. Diberdayakan oleh Blogger.

Copyright © Belajar Blog - Template by saktikaromah | Powered by Blogger