Menganti Tulisan home-Older Post-Newer Post dengan gambar
Tutorial Blogspot 22.01
Link Download Dibawah ini
loging >> Dashboard >>Tata Letak (rancangan) kemudian pilih Edit HTML, selanjutnya centang tulisan Expand Widget Templates,lalu cari kode di bawah ini: ( cara mencari code, tekan Ctrl+f Copas atau tulis code yang ingin di cari pada kotak yang muncul >> tekan next )
<data:olderPageTitle/>
hapus kode tersebut, lalu ganti kode tersebut dengan kode dibawah ini:
<img src="URL image" alt="Prev"/>
ganti tulisan warna biru dengan Url image anda contoh : kita mengunakan gambar dibawah ini....
codenya jadi seperti ini:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibANrnMdEDdoDxvVo08-YCdpDu43LobyUjtP1_9tPFRvWfyFwHuu027HnplqjeR774LQSrv7Xkr_lG5cGlRzUeGCEtBYqi6qHf3QJVvVLyKUCwp6C1DQhdUP6cfKbgVUzsf84Fgw09MVtI/s1600/next.png" alt="Prev"/>
Mengganti Tulisan Posting Baru/Newer Post dengan Image/Gambar
loging >> Dashboard >>Tata Letak (rancangan) kemudian pilih Edit HTML, selanjutnya centang tulisan Expand Widget Templates, lalu cari kode di bawah ini: ( cara mencari code, tekan Ctrl+f Copas atau tulis code yang ingin di cari pada kotak yang muncul >> tekan next )
<data:newerPageTitle/>
hapus kode tersebut, lalu ganti kode tersebut dengan kode dibawah ini:
<img src="URL image" alt="Prev"/>
ganti tulisan warna biru dengan Url image anda contoh : kita mengunakan gambar dibawah ini....
codenya jadi seperti ini:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheW-_MMk_iPV-lPmtK0gOohnyRfE6CZBJp3ZUWCYd3SQopYNzICkGmxWyMU0VVN607zj_Gb5RiPNjcrPMZ42aDomNB1zJCDpdGQdY_KJzVHjmbxgw5UhRlOM_xYndR0cogpbmsNjvawPuj/s1600/Preview.png" alt="Prev"/>
Mengganti halaman muka/Home dengan gambar
loging >> Dashboard >>Tata Letak (rancangan) kemudian pilih Edit HTML, selanjutnya centang tulisan Expand Widget Templates,Lalu cari kode di bawah ini: ( cara mencari code, tekan Ctrl+f Copas atau tulis code
<data:homeMsg/> pada kotak yang muncul >> tekan next )
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>
Perhatikan kode <data:homeMsg/> ada 2 kode yang sama hapus kode <data:homeMsg/> yang berada dibagian atas, klau cuma satu langsung saja, selanjutnya ganti dengan code dibawah ini.
<img src="Url image" alt="Prev"/>
contoh: dengan gambar ini
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifTqB54xEkwPidGJQEkKCqHDM1BAfSG-I5_Ze-05M6p5neQI19eMhlsuofaOSPCBHICwTgMZ0uNZRaTvIguG2CqC_eXKPc8ujPh2lSezQDtsLkqVGDs2XB-jIw7wTSiKzNmHi7kIXfsBtw/s1600/home.png" alt="Prev"/>
Lalu Simpan Template,
Selesai.
Selesai.
Artikel Terkait:
Tutorial Blogspot
- Cara membuat Iklan adsense di samping artikel
- Cara membuat form kontak kami dengan php pada blogspot
- menciptakan blog profesional
- memasang banner pada widget blogspot
- Teknik Naikkan PageRank Sekaligus Datangkan Ribuan Backlink Ke Blog Anda
- Membuat Rating pada Setiap Postingan
- Cara Memasang Video Youtube
- menampilkan penggemar halaman facebook di blog
- memasang ruang/room chating pada blog
- MEMBUAT TEXT BERGERAK
- Cara Mendaftar Di Blogspot
- Instal Template Blogspot
- Memasang Google Search di Blog
- Cara Membuat Next Page di Blogger
- Pasang Alexa Rank di Blog
- Cara Membuat Related Post (Artikel Terkait)
- Cara Menampilkan Ikon Blog di Browser
