Thursday, January 12, 2017

Scrip gadget Header Terhapus

Silahkan gan....
Dalam membuat blog ini memang saya mengalami berbagai macam kesulitan . Namun bisa saya atasi dengan searc google membaca berbagai macam artikel blog. Terima kasih komunitas blog…..Saya minta ma’af kalau ada isi blog ini mengutip sedikit isi blog agan-agan karena saya disini ingin berbagi pengalaman dalam membuat blog saya. Kali ini  blog saya menceritakan bagaimana  mengatasi header di tataletak  terhapus (sengaja/tak sengaja)

Sekarang  mari kita mulai gan…..(1.)Header terletak didalam tata letak, dimana lokasinya?.. . Aktifkan  blog-blog agan lihat menu disisi kiri  , klik tata letak dan lihat header..(2.)Yang saya lakukan adalah menginput logo,  setelah berhasil diinputkan ternyata tidak sinkron dengan tampilan, saya putuskan untuk menhapus karena gelet internetnya lambat terpencet salah, akibatnya menu header saya hilang. Berbagai blog saya telusuri ternyata belum berhasil. Tetapi ada satu blog yang persis sama mengalami dengan saya. Allhamdulillah berhasil.(3.) copas scrib berwarna biru  dan letakan  diantara </header> dan </header> dibawah ini :
</header>  
<div class='header-outer'>
    <div class='header-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left header-fauxborder-left'>
    <div class='fauxborder-right header-fauxborder-right'/>
    <div class='region-inner header-inner'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='GANTI DENGAN JUDUL KAMU DISINI (Header)' type='Header'>
<b:includable id='main'>

  <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
      <!--
      Show image as background to text. You can't really calculate the width
      reliably in JS because margins are not taken into account by any of
      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
      width if the user is using shrink to fit.
      This results in a margin-width's worth of pixels being cropped. If the
      user is not using shrink to fit then we expand the header.
      -->
      <b:if cond='data:mobile'>
          <div id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
              <h1 class='title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/>
              </h1>
            </div>
            <b:include name='description'/>
          </div>
        <b:else/>
          <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                        + &quot;background-position: &quot;                        + data:backgroundPositionStyleStr + &quot;; &quot;                        + data:widthStyleStr                        + &quot;min-height: &quot; + data:height                        + &quot;_height: &quot; + data:height                        + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
              <h1 class='title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/>
              </h1>
            </div>
            <b:include name='description'/>
          </div>
        </b:if>
    <b:else/>
      <!--Show the image only-->
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
        <!--Show the description-->
        <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
          <b:include name='description'/>
        </b:if>
      </div>
    </b:if>
  <b:else/>
    <!--No header image -->
    <div id='header-inner'>
      <div class='titlewrapper'>
        <h1 class='title'>
          <b:include name='title'/>
        </h1>
      </div>
      <b:include name='description'/>
    </div>
  </b:if>
</b:includable>
<b:includable id='title'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <data:title/>
  <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>
</b:includable>
<b:includable id='description'>
  <div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
  </div>
</b:includable>
</b:widget>
</b:section>
    </div>
    </div>
    <div class='header-cap-bottom cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>
</header>
(4.)caranya:  masuk ke blog agan-agan, klik templat , klik edit HTML cari </header>.(5.)Klik pratinjau apakah ada masalah dalam scrib kalau tidak simpan. Kembali ke tata letak lihat header sekarang sudah ada kembali. Lengkap seperti sebelumnya siap untuk di edit.(6.)sebelum kita menyisip scrib lakukan penyimpan scrib sebelum di edit untuk jaga-jaga ……Kalau terjadi kerusakan bisa upload kembali. Caranya : Masuk ke halaman blog agan-agan, lakukanya: klik templat klik cadangkan(download)/pulihkan Upload( terletak diposisi kanan atas).

No comments :

Post a Comment