Cara mengganti credit footer "powered by blogger" Cara mengganti credit footer "powered by blogger" - Blog Manado - Tutorial Web Design

Cara mengganti credit footer "powered by blogger"

Cara mengganti credit footer "powered by blogger"
Share

Pengeditan credit footer ini bisa digunakan pada template bawaan oleh blogger (watermark), bila sobat mengikuti langkah-langkah dibawah ini :

Cara mengganti credit footer "powered by blogger"


1. Untuk langkah awal sobat blogsmanado pasti udah pada tahu yah, langsung menuju ke Edit HTML lanjutkan dan mencentang kotak widget expand dilanjutkan untuk mencari <!-- outside of the include in order to lock Attribution widget -->
2. jika sudah ambil nafas lanjutkan ke nomor 3
3. Kurang lebih script keseluruhan html tersebut seperti dibawah ini
<!-- outside of the include in order to lock Attribution widget -->
      <b:section class='foot' id='footer-3' showaddelement='no'>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'>
<b:includable id='main'>
    <b:if cond='data:feedbackSurveyLink'>
      <div class='mobile-survey-link' style='text-align: center;'>
        <data:feedbackSurveyLink/>
      </div>
    </b:if>

    <div class='widget-content' style='text-align: center;'>
      <b:if cond='data:attribution != &quot;&quot;'>
       <data:attribution/>
      </b:if>
    </div>

    <b:include name='quickedit'/>
  </b:includable>
</b:widget>
</b:section>
4. yang harus sobat lakukan adalah mengganti script yang saya beri warna merah dengan script dibawah ini


<div class='credit-wrapper'>
<div class='credit'>
<div style='float:left;text-align:left;'>

 &#169; <span style='font-size:12px;'><data:blog.title/></span> | Powered by <a href='http://www.blogger.com'>Blogger</a>
</div>
<div style='float:right;text-align:right;'>
Design by <a href='http://URL-design-template.blogspot.com/'>Blog-Anda</a>
 </div>
</div>
</div>


5. ganti pada tanda yang saya beri warna hijau dengan URL blog sobat
7. ganti pada tanda yang saya beri warna biru dengan Nama blog sobat
8. kemudian masukan CSS dibawah ini sebelum kode ]]></b:skin>

.credit-wrapper{background:#000;width:990px;border-top:1px solid #ccc;margin:0 auto;padding:0 auto}
.credit{width:955px;line-height:1.6em;text-align:center;font-family:Arial;font-size:11px;color:#fff;overflow:hidden;clear:both;margin:0 auto;padding:10px 0 10px 10px}
.credit a:link,.credit a:visited{color:#fff;text-decoration:none}
.credit a:hover{color:#fff;text-decoration:none}


9. Untuk CSS saya yakin sobat udah pada mahir semua untuk pengeditannya.
10.Review
11.Save N enjoyed

Note :

  1. Kode credit footer ini bisa digunakan pada setiap template blog
  2. Bila sobat mengganti credit footer template hasil karya sobat lain harap diikutsertakan linknya dengan cara
  3. Design (si pembuat template) dan Redesign (yang menggunakan pembuat template) Atau apalah
  4. Ingat, menghargai Hasil karya orang lain sama halnya menghargai diri sendiri

Terkait dengan ini


Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA DI SINI...</i> atau <i rel="pre">KODE ANDA YANG TELAH DI PARSE...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Convert kode terlebih dahulu bila komentar anda mengandung kode HTML/JScript pada tombol di bawah ini
Parse HTML
:) :( =( :waaa: :s ^_^ :D =D ^:D @@, ;) :-bd :-d :yaya: :'( T_T :\ :p B) :Q :Ozz 7:( \o/ \m/ **p &amp;lt;3 0:) ^o^ :-a 7:O *fck* xV x@ X@ ~x( &amp;lt;:) &amp;lt;=) (-.-,) *=p =p* ''J :W :bye: :imhere: :cendol: :rolled: *bang* :drummer: :guitarist: :vocalist:

0 Response

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel