Hey guys . This is my original Blog . Thank you for visiting my Blog . I really appreciate it . Do follow my Blog if you have a blog too . Just press the button FOLLOW above . Thanks .

Monday, 17 December 2012

Tutorial - Buat 'READ MORE' Pada Blog

Assalammualaikum ..
Haa , korangg mesti nakk nampakk kemas blog korangg kann ?
Apee kate , try tuto nii ..
Step dia panjang sikit . So , korangg kene bace betul-betul .

Mempunyai fungsi 'read more' adalah antara perkara yang perlu diaplikasikan pada sesebuah blog . Ini kerana rata-rata pemilik blog akan menaip entri yang boleh dikategorikan sebagai 'panjang' . Dengan mempunyai fungsi read more, keseluruhan entri dapat diringkaskan supaya ianya lebih memudahkan.

Cara Buat Read More pada blog


Step-step dia :

1. Login, daripada dashboard klik layout > edit html.


Cara Buat Read More pada blog



2. Pastikan  backup template dahulu dengan klik 'Download Full Template' kemudian klik pada 'expand widget templates' .

3. Pada keyboard korangg , tekan ctrl + F untuk menghidupkan fungsi 'find' kemudian taip
<data:post.body/>

Cara Buat Read More pada blog


4. Letakkan kod ini di atas <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>


5. Kemudian letakkan kod ini di bawah <data:post.body/>
<b:if cond='data:blog.pageType != "item"'><br />
<a expr:href='data:post.url'>Read more...</a>
</b:if>
</b:if>

**Pastikan kod korangg jadi macam ni .

Cara Buat Read More pada blog


6. Selepas selesai letak code , barulah Save Template .

7. Kemudian , daripada paparan dashboard , klik pada Setting >> Formatting kemudian scroll ke bawah sehingga jumpa Post Template .

8. Copy code berikut ke dalam Post Template
<span class="fullpost">
</span>


9. Save Setting tu .

10. Pergi kat paparan untuk post entri , dalam ruangan post entri klik pada 'edit html' dan akan anda jumpa code tadi . Kandungan yang ingin diletakkan dalam ruanagn read more perlu terletak antara <span class="fullpost"> dan </span>



11. Apabila siap menaip, klik publish..

**Panjang kann ? Senang cite , nak seribu daya , tak nak seribu dalih . Apee susahnye , ikot step jehh .. Insyaallah , jadi punyee  ^^

No comments:

Post a Comment