Update Terbaru
Loading...
Home » » Cara Mengganti Tulisan Posting Baru, Home, Posting Lama dengan Gambar
Published On : Minggu, 16 September 2012
04.25.00 | Admin | No Comments

Cara Mengganti Tulisan Posting Baru, Home, Posting Lama dengan Gambar


 
Cara mengganti tulisan posting baru, home, posting lama dengan gambar. Itulah judul posting yang akan kita bahas kali ini. Maksud dari Tulisan Posting Lama, Home, Posting Baru adalah kayak fitur next post / previous post gitu, bisa di ganti dengan gambar. Letaknya Di bawah post sobat. Jika sobat ingin memasangnya ikuti langkah - langkah di bawah ini:
1. Login pada blog sobat
2. Rancangan
3. Edit HTML
4. Expand Template Widget
5. Untuk tulisan Postingan baru cari kode <data:newerPageTitle/> dan Ganti kode tersebut dengan kode 
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgidVr_GNl4vwWByMcrmVgj1Ntsuxkq-zikDhXGovYth-E8kKc5tGVtr8HMLYtP-eZ37-vMexakP1Xa_9rGtH7j0sHtXdpEtKGamfZeYGXALRa1ch8ZBxgPx-n7VPOzhjqZBs0llyva18I/s400/icon+new.bmp'/>
6. Untuk tulisan Postingan lama cari kode <data:olderPageTitle/> dan ganti kode tersebut dengan kode

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8dobp3nGT3YMDlv6pC_GU6yS7wvgYAsx90Ydr86peeRW1YPKs0K3tUSuKe9dDPYOtzbfFN4QgOldroFZqE2MRYQWaX5eD6gy6vmdJg26_ERj2OZj4k4W3v9zITkaZVyuegbseiVK2vV8/s400/icon+back.bmp'/>
7. Untuk tulisan Home cari kode <data:homeMsg/> dan ganti kode tersebut dengan kode
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBMWW7J2wKGmepOaUx2OyPiuDkv4dCCvg8sy5Z77QGTherdgARTk4UYqTgkQvux4dGHfWGNG64602sW8e4uYSqDu1VjNcaRt5fphGEMs9r6VJz-vinXEszt3E5El5ZIuhkqC_gbw3f6dk/s400/icon+home.jpg' title='Halaman Awal'/>
8. Simpan Template dan lihat hasilnya

Tulisan yang berwarna merah bisa sobat ganti dengan link gambar sobat sendiri. Oh iya, link gambar di atas saya temukan di icalcell.com

Sumber


Cara Mengganti Tulisan Posting Lama, Posting Baru, dan Beranda dengan Gambar Sendiri

Cara Mengganti Tulisan Posting Lama, Posting Baru, dan Beranda dengan Gambar Sendiri
Untuk mengganti tulisan tersebut, tentu sobat harus memiliki gambarnya dulu, kemudian gambar tersebut di-upload ke Image Hosting anda seperti Photobucket. Jika anda sudah, anda baru dapat mengganti tulisan tersebut dengan gambar. Tapi, kalo sobat males buat gambar terus harus ngupload juga jangan berkecil hati, karena dibawah nanti juga saya berikan link-link untuk contoh gambar-gambar yang dapat digunakan.

Langkah-langkah cara mengganti tulisan posting lama, beranda, dan posting baru dengan gambar : 

* Mengganti tulisan Beranda/Home

   1. Login ke akun blogger
   2. Rancangan
   3. Edit Template
   4. Beri tanda expand template widget
   5. Cari kode <data:homeMsg/> ganti dengan
<img src='URL gambar anda'/>

Contoh :
<img src='http://i1220.photobucket.com/albums/dd444/septia_mujizat/blog/ButtonHome02.png'/>

* Mengganti Tulisan Posting Lama

   1. Login ke blogger
   2. Rancangan
   3. Edit Html
   4. Beri tanda expand template widged
   5. Cari kode <data:olderPageTitle/> ganti dengan 
<img src='URL gambar anda'/>

Contoh :
<img src='http://i1220.photobucket.com/albums/dd444/septia_mujizat/blog/ButtonPageNext.png'/>

* Mengganti Tulisan Posting Baru

   1. Login Ke blogger
   2. Rancangan
   3. Edit Html
   4. Beri tanda expand template widget
   5. cari kode <data:newerPageTitle/> ganti dengan 

<img src='URL gambar anda'/>

Contoh :
<img src='http://i1220.photobucket.com/albums/dd444/septia_mujizat/blog/ButtonPageBack.png'/>
Jika semua sudah dilakukan, jangan lupa SIMPAN kode tersebut,dan lihat hasilnya...

Sumber


Mengganti "Older Posts" Dengan Angka

Secara umum, navigasi untuk pindah halaman di blogspot biasanya menggunakan link dengan teks "Older Posts (posting lama)" dan "Newer Posts (posting baru)". Beda dengan wordpress yang navigasinya bisa berbentuk angka sehingga bisa memudahkan untuk loncat beberapa halaman ke postingan yg lama maupun baru.
Nha trik kali ini akan menjelaskan bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)" menjadi angka seperti gambar di bawah ini


1. Langkah awal tentu saja harus menuju ke desain template anda kemudian ke "Edit HTML"
2. setelah itu cari kode ini ]]></b:skin> kalo sudah ketemu taruh script dibawah ini sebelum kode tersebut
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}


3. setelah itu cari kode ini </body> kemudian taruh script dibawah ini sebelum kode tersebut.
<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if> </b:if>
<!--Page Navigation Ends -->


Kalau sudah silahkan dilihat hasilnya.

Sumber

Menghilangkan/Merubah Tulisan Posting Lama dan Posting Baru

Pengaturan Tulisan Older Post dan Newer Post


Mengatur Tulisan Posting Lama Posting Baru.Artikel kali ini memang bukan barang baru lagi,memang sudah banyak blogger-blogger disana yang memposting tentang ’mengganti atau menghilangkan tulisan older post dan newer post’ atau jika dalam blogspot indonesia,tulisan ’posting lama dan posting baru’.

Tapi di Pelajaran Blog akan menjabarkannya lebih rinci.

Menghapus Tulisan Posting Lama dan Posting Baru


Bagi anda yang risih atau kurang begitu menyukai tulisan older dan newer post tersebut,anda bisa menghapus/menghilangkannya.Anda bisa ikuti langkah berikut:

  • Menghilangkan Tulisan Posting Lama/Older Post


Pergi ke Dashboard,lalu pilih Tata Letak kemudian pilih Edit HTML,selanjutnya contreng tulisan Expand Widget Templates,lalu cari kode di bawah ini:
<data:olderPageTitle/>
Agar lebih mudah mencarinya,tekan Ctrl+F pada keyboard anda,lalu ketikkan kode tersebut.Jika sudah ketemu,hapus kode tersebut,lalu Simpan Template.

  • Menghilangkan Tulisan Posting Baru/Newer Post


Pergi ke Dashboard,lalu pilih Tata Letak kemudian pilih Edit HTML,selanjutnya contreng tulisan Expand Widget Templates,lalu cari kode di bawah ini:
<data:newerPageTitle/>
Jika sudah ketemu,hapus kode tersebut,lalu Simpan Template.

Mengganti Tulisan Posting Lama Posting Baru



Jika anda hanya ingin merubahnya saja,misal tulisan Posting Lama/Older Post diganti menjadi tulisan Artikel terdahulu,artikel sebelumnya,dll,anda bisa ikuti langkah berikut:

  • Mengganti Tulisan Posting Baru/Newer Post


Pergi ke Dashboard,lalu pilih Tata Letak kemudian pilih Edit HTML,selanjutnya contreng tulisan Expand Widget Templates,lalu cari kode di bawah ini:
<data:newerPageTitle/>
Jika sudah ketemu,hapus kode tersebut,lalu ganti tulisan sesuai keinginan anda,lalu Simpan Template.

  • Mengganti Tulisan Posting Lama/Older Post


Pergi ke Dashboard,lalu pilih Tata Letak kemudian pilih Edit HTML,selanjutnya contreng tulisan Expand Widget Templates,lalu cari kode di bawah ini:
<data:olderPageTitle/>
Jika sudah ketemu,hapus kode tersebut,lalu ganti tulisan sesuai keinginan anda,lalu Simpan Template.

Mengganti Tulisan Posting Lama Posting Baru/Older Post,Newer Post dengan Image/Gambar


Jika anda tidak ingin menghapusnya ataupun mengganti tulisanya,anda bisa menggantinya dengan sebuah gambar.
Hasilnya seperti gambar di bawah ini:

ganti posting lama dan posting baru

(gbr di atas saya ambil dari Blog Kang Rohman)

Jika anda berminat,ikuti langkah berikut:

Sebelumnya,siapkan url gambar yang akan di tampilkan,disini saya ambil contoh dari Pelajaran Blog sendiri.
Misal:untuk Older Post/Posting Lama saya akan menggunakan gambar seperti di bawah ini:

posting lama


Dimana url alamat gambar tersebut adalah:
http://3.bp.blogspot.com/_n7xseT2-HDU/SaPTr4ueIZI/AAAAAAAAALs/lUpIGO5TQpg/s200/next.png
Untuk Newer Post/Posting Baru saya akan menggunakan gambar seperti di bawah ini:

posting baru


Dimana url alamat gambar tersebut adalah:
http://1.bp.blogspot.com/_n7xseT2-HDU/SaPTxYnm-QI/AAAAAAAAAL0/2jPoRDndZSk/s200/prev.png.
Nah selanjutnya ikuti langkah berikut:

  • Mengganti Tulisan Posting Lama/Older Post dengan Image/Gambar


Pergi ke Dashboard,lalu pilih Tata Letak kemudian pilih Edit HTML,selanjutnya contreng tulisan Expand Widget Templates,lalu cari kode di bawah ini:
<data:olderPageTitle/>
Jika sudah ketemu,hapus kode tersebut,lalu ganti kode tersebut dengan kode dibawah ini:
<img src="http://3.bp.blogspot.com/_n7xseT2-HDU/SaPTr4ueIZI/AAAAAAAAALs/lUpIGO5TQpg/s200/next.png" alt="Prev"/>
Lalu Simpan Template.

  • Mengganti Tulisan Posting Baru/Newer Post dengan Image/Gambar


Pergi ke Dashboard,lalu pilih Tata Letak kemudian pilih Edit HTML,selanjutnya contreng tulisan Expand Widget Templates,lalu cari kode di bawah ini:
<data:newerPageTitle/>
Jika sudah ketemu,hapus kode tersebut,lalu ganti kode tersebut dengan kode dibawah ini:
<img src="http://1.bp.blogspot.com/_n7xseT2-HDU/SaPTxYnm-QI/AAAAAAAAAL0/2jPoRDndZSk/s200/prev.png" alt="Next"/>
Lalu Simpan Template.

Pengaturan pada Home/Halaman Muka


Jika anda ingin mengganti atau merubah tulisan Home/Halaman Muka,ikuti langkah berikut:
Pergi ke Dashboard,lalu pilih Tata Letak kemudian pilih Edit HTML,selanjutnya contreng tulisan Expand Widget Templates,lalu cari kode di bawah ini:
<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>
Perhatikan kode <data:homeMsg/>yang bercetak tebal,ada 2 <data:homeMsg/> kode yang sama,tapi anda hapus kode <data:homeMsg/> yang berada dibagian atas,selanjutnya ganti sesuai dengan keinginan dan hapus jika anda ingin menghilangkannya.
Misal;saya akan menggantinya bukan dengan mengganti tulisan melainkan dengan gambar sbb:

Home


Dimana URL gambar diatas adalah:
http://3.bp.blogspot.com/_n7xseT2-HDU/SaPU_Bl5X7I/AAAAAAAAAL8/aRDZo_QBlDs/s200/home.gif
sebagaimana yang saya pakai pada blog ini.
Selanjutnya saya akan merubah kode diatas sehingga akan menjadi seperi ini:
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><img src="http://3.bp.blogspot.com/_n7xseT2-HDU/SaPU_Bl5X7I/AAAAAAAAAL8/aRDZo_QBlDs/s200/home.gif" alt="home"/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>
Lalu Simpan Template,Selesai.

 

Sumber


Share:

Related Post
Label:

0 komentar:

Posting Komentar

Referensi : DTE | MDF Blog | MKR Site
Copyright © 2013. Gembulz Blog's - All Rights Reserved
Template Created by Creating Website Modify by Gembulz Blog's
Powered by Blogger Top