Mengganti Link Read More Dengan Gambar

Sebelumnya saya telah jelaskan pada postingan terdahulu bagaimana membuat read more atau baca selengkapnya pada blogger. Jika anda ingin membacanya kembali silakan klik link ini Cara Membuat Read More Blogger, karena pada postingan tersebut ada keterkaitan dengan postingan yang akan saya sajikan kali ini. Baiklah, jika kita lihat biasanya di penghujung pemotongan artikel suatu blog dapat anda temukan link yang bertuliskan read more atau baca selengkapnya. Sebagai contoh coba anda lihat link read more pada blog saya yang ini. Pada blog tersebut ada link yang bertuliskan baca selengkapnya, tapi di sampingnya juga terdapat sebuah gambar icon read more. Saya akan jelaskan saja cara mengganti tulisan link read more dengan gambar dan untuk selanjutnya terserah anda, apakah tulisan read more benar-benar mau diganti atau hanya ditambahkan gambar icon di samping tulisan tersebut. 

Berikut penjelasan singkat untuk mengganti link read more dengan gambar atau icon pada blogger:

1. Seperti biasa Log in terlebih dahulu ke account blogger anda, kemudian pilih menu Design > Edit HTML, jangan lupa untuk centang Expand Widget Templates dan temukan kode yang ditandai di bawah ini:

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>Read More...</a>
</b:if>

2. Bagaimana? Sudah dapat? Ganti tulisan Read More... dengan kode ini:

<img border="0" src="http://urlgambarreadmorebloggeranda.com"/ >

Atau ganti tulisan yang ditandai berwarna merah di atas dengan url gambar read more anda. Anda juga dapat gunakan gambar yang telah saya sediakan berikut, silakan dipilih salah satu:

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFhvTskA2hup-zaQPlX1ikYB2z1S91p8TGiOp8oM9TssU-nIOt2U9amqeAMxMOv35312VES1XJV3KGRu6go24-aUScpefSSCaiGmU82rSmJ7WUEKCFzAHsVL2_48dJxYwQsZmAK-W3U0s/s1600/readmore.gif"/ >
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOi-t6S9m0sff03PRxC2MKoKu-5bIRuD5bM_dUTpD5alKMsG8Y87AvVHj3JtraIymt3RFek1bFLFRxIoPXpY9oFWhZf-T_4fMU6tlCTVfTHRQzKUi9VBP9l3-8vE1R5pDIMsNoIozHpI8/s1600/more+button.gif"/ >
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipIFVfqXDIkh9zx2WUR9Z1F3fRhXbDjQighk8DxjmHtUnBW8mbMVaBvrpbh_R_B9kQ9BKGIOCKgwKPMvbR6ZsYOUGzPTagsqpe5ldeEfcPumpwgO6A2vBH9z3DofLf5RVqXEMjX36ATSg/s1600/readmore.png"/ >
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiEgK8OT01HLqPUHPgbBMfKvtREAQLePNj4TxZ4WR17EwXhe9WscbLNGAEtPs9YkzymsyA8S7rnKpz7daMBOJH_h0fwWdsh8A4byQaFyfDQMjk2MFoazn96_7OkHaoOpUEs4PTojRxWfU/s1600/read+more+arrow.png"/ >

3. Langkah akhir tinggal klik Save Template dan lihat hasilnya.

Membuat Signature Dibawah Posting Blog

Coba anda lihat di bawah kiri postingan ini, ada signature pemiliknya bukan? Signature ini memang tidak saya letakkan secara permanen di setiap postingan blog, hanya terdapat di postingan ini. Tetapi jika anda menginginkan gambar signature tersebut tampil di setiap halaman blog, untuk itulah postingan ini saya buat untuk membahas bagaimana cara membuat signature tersebut. Tujuan membuat signature di bawah posting blog ini tidak hanya untuk menunjukkan identitas nama pemiliknya saja, tetapi agar postingan blog anda lebih memiliki karakter seperti signature pada buku-buku yang pernah anda baca pasti juga mencantumkan signature penulisnya. 

Baiklah, langkah selanjutnya anda harus memiliki gambar signaturenya terlebih dahulu yang bisa anda dapatkan di situs resminya mylivesignature.  

Setelah anda buat gambar signature pada situs tersebut silakan upload gambarnya di image file hosting favourite seperti picasa, photobucket, imageshack, etc.  Kemudian ambil URL gambarnya lalu ikuti langkah berikut:
1. Seperti biasa login ke account blogger, kemudian pilih menu Design > Edit HTML, jangan lupa untuk centang Expand Widget Templates dan carilah kode berikut:

<div class='post-footer-line post-footer-line-1'>

Kalo belum ketemu yang ini juga boleh:

<p class='post-footer-line post-footer-line-1'>

Kalo masih belum ketemu juga coba cari yang ini:

<data:post.body/>

2. Tambahkan kode ini tepat di salah satu kode yang telah disebutkan di atas tadi:

<b:if cond='data:blog.pageType == "item"'>
<img src='http://urlgambarsignatureanda.com' style='border:0px;'/>
</b:if>

Ganti URL berwarna merah tersebut dengan URL gambar signature yang telah diupload tadi.
3. Klik Save Settings dan lihat hasilnya. Selamat berkreasi dengan gambar signature blog anda.

Cara Memenggal Artikel Blogger

Secara default, artikel atau postingan blogger ditampilkan secara keseluruhan di halaman homepage. Hal ini dapat mengganggu kenyamanan pembaca apabila artikel yang ditampilkan cukup panjang. Apalagi jika kita menampilkan jumlah postingan yang cukup banyak sekaligus di halaman homepage blog. Untuk mengatasinya kita dapat memotongnya, atau mempersingkatnya, atau lebih akrab dalam dunia blog dikatakan membuat read more blogger. Selain itu dengan membuat read more pada blogger ini akan membuat pembaca semakin penasaran karena belum selesai mereka membaca postingan anda tapi malah dipotong. Baiklah, simak saja langsung penjelasannya.

Caranya ikuti langkah berikut: 
1. Seperti biasa login ke account blogger, kemudian pilih menu Design > Edit HTML, jangan lupa untuk centang Expand Widget Templates dan carilah kode berwarna merah berikut: 

<data:post.body/>

Biasanya kode tersebut dapat anda temukan tepat di bawah kode:

<div class='post-body entry-content'>

2. Setelah dapat, ganti hanya kode berwarna merah di atas sehingga menjadi seperti ini:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Read More...</a>
</b:if>

Berikut screenshotnya jika anda masih bingung:

Untuk tulisan Read More... dapat anda ubahsesuaikan sendiri, misalnya menjadi Baca Selengkapnya.

5. Save Template hasil pengeditan.

6. Langkah selanjutnya setelah mengedit HTML, kemudian pilih menu Setting lalu pilih Formatting.

7. Masukkan kode berikut pada kotak Post Template:

<span class="fullpost">

</span>

8. Klik Save Settings.

Terakhir adalah hal penting agar fungsi read more blogger dapat berjalan dengan baik yaitu pada saat anda akan mulai menulis artikel, letakkan paragraf yang akan tampil dengan menyisipkan kode <span class="fullpost"> pada paragraf yang akan dipotong dan kode </span> di akhir paragraf tersebut yang akan dipotong. Simpan hasil pengeditan dan lihat hasilnya. Sekarang artikel blog anda sudah dipenggal.

Back Up dan Import Artikel

Bagi para blogger yang telah memiliki banyak artikel pada blognya atau yang masih punya sedikit artikel seperti saya, apa salahnya dan memang sebaiknya kita melakukan backup untuk berjaga-jaga saja dari kehilangan atau mungkin username dan passwordnya dicuri orang lain. Dengan demikian kita bisa langsung memublikasikan artikel-artikel tersebut di blog kita yang baru. Caranya sebagai berikut:

1. Click Setting pada dashboard atau tab setting bila berada pada tab yang lain.

2. Kemudian pada tab basic, click export blog.

3. Click Download blog.

4. Click save file, lalu click OK.

5. Click save.

Dan apabila sobat menginginkan file tersebut dipublikasikan kembali di blog lain atau yang baru karena memang lupa username dan password atau ada yang mencuri bisa terjadi kapan saja. Jika hal tersebut terjadi, sobat ga akan bisa lagi menggunakan blog sobat tersebut. Itulah pentingnya membackup artikel dari blog. Jika sobat sudah melakukannya, buat saja blog baru, lalu import artikel dari blog sebelumnya dengan cara sebagai berikut:

1. Click import blog pada tab basic.

2. Click browse.

3. Dan pilih file XML dari blog sobat yang diexport, lalu click open.

4. Ketik saja karakter yang muncul di gambar dan beri centang "automatically publish all imported posts". Jika sudah click "import blog".

5. Blog baru telah terisi dengan artikel blog lama.

Berbagai Cara Memublikasikan Blog

Memublikasikan postingan blog tidak harus log in ke account blogger dengan online. Salah satu cara yang bisa dicoba adalah dengan menggunakan sebuah software namanya “Windows Live Writer” yang dilakukan dengan offline. Software itu cukup menarik bagi saya untuk memublikasikan blog. Hanya dengan sekali log in dan kapanpun sobat mau menulis artikel bisa langsung menulis dan memublikasikannya. Selain postingan yang berupa teks, software ini juga bisa langsung memasukkan gambar dan video. Silakan saja download aplikasinya di sini or click here. Ohya, sebelum menginstall Window Live Writer, sobat terlebih dahulu install Windows Update Agent. Silakan click di sini untuk mendownload software tersebut.

Adapula cara lain untuk memublikasikan postingan para  sobat blogger yaitu dengan menggunakan browser flock. Browser ini memiliki fasilitas cukup sempurna karena selain membuka situs, bisa juga mengupload photo, video, bahkan menulis dan memublikasikan artikel ke blogger sobat. Gimana, menarik bukan? Ok, sebelumnya buka situs resminya di sini dan juga download filenya langsung di sini. Jika sobat tertarik pula dengan browser Mozilla firefox versi flock bisa juga didapatkan pada home page situs tersebut. Kelebihan browser ini pula kita bisa gunakan social plug in seperti facebook pada sidebar browser ini.

Cara lain yang ane ketahui untuk memublikasikan postingan blog bisa juga sobat mengunjungi sebuah situs free web word processor for your blog di sini. Silakan sobat sign in dan pilihlah tipe blog sobat miliki.

Selanjutnya silakan ikuti instruksi yang tertera pada browser sobat. Silakan pilih cara mana yang paling menyenangkan menurut sobat untuk memublikasikan postingan blog sobat. Selamat mencoba ya.