IMMarZA Blog

Showing posts with label Web Tutorial. Show all posts

Assalamualaikum dan salam sejahtera kepada pembaca NighBerkz Site. Hari ini saya ingin berkongsi bagaiman nak wat Facebook Like Button di blog anda seperti di bawah. Mudah ianya memerlukan Copy And Paste..

Contoh Facebook Like Button

Cara-cara untuk melakukannya :

1. Login ID Blogger anda
2. Click pada Design

3. setelah itu Click pada edit HTML

4. Setelah itu, sebagai keselamatan (Tersilap edit pada HTML membuatkan blog anda sedikit tergangu) Sila lakukan Backup terlebih dahulu.

5. Selepas itu, check pada Expend Template

6. Kemudian cari kod dibawah ( Tips : ctrl + F untuk memudahkan pencarian )


<div class='post-footer'>

7. Selepas itu Copy kod dibawah ini dan Pastekan dibawah kod tersebut :


<script>var flike = {
url : "<data:post.url/>",
buttonType : "standard",
width : "450",
height : "100"
}</script><script
src="http://orkut-share.googlecode.com/svn/trunk/flike.js">
</script>

8. Selepas itu, sebelum anda menekan butang SAVE, terlebih dahulu anda PREVIEW dahulu. Dah jadi barulah anda Save dengan selamat.

9. Selesai Sudah....

Salam kepada semua Bloger. Kali nie lak saya nak berkongsi pula macam mana nak wat "Read More" kat bloger korang. Ini adalah untuk mengurangkan lagi panjaaaaaaaaaaang post korang tu.hekheke. berguna jugak "Read More" nie. Tak pew, Dalam blog nie, saya akan cube menyalesaikan Masalah ini.hehehe.

Tapi sebelum itu baik korang wat Backup Pamplate dulu. takut ape-ape hal jadik kat pamplate korang nanti. Tapi jangan takut, yang penting buat secara teratur dan perlahan-lahan. Time nie la nak jinak-jinak dengan Coding HTML.hkehekhe.

Jadi didalam "Tutorial" nie leh ikut langkah-langkah nie.....

#Langkah 1

1. Login Bloger anda dan Klick pada Layout
2. Setelah itu Klick pada Edit HTML
3. Selepas itu tandakan pada Expand Widget Templates.

4. Setelah itu, cari data seperti dibawah dengan menggunakan Ctrl+F

5. Gantikan Data tersebut(Seperti di atas) dengan data dibawah ini.

p/s: Pastikan anda "Preview" dahulu sebelum "Save Template".

6. Klik Save Template
7. Selesai Langkah 1.

#Langkah 2

1. Pergi ke Settings
2. Klik pada Formatting
3. Pergi ke bahagian bawah sekali pada Post Template dan letakkan Coding dibawah ini pada "Field Teks".

4. Setelah itu Klik pada Save Setting
5. Langkah 2 Selesai.

#Langkah 3

1. Sekarang pada ruangan Posting anda lihat pada

dan anda akan kelihatan satu Coding HTML seperti di bawah

2. Contoh penggunaan coding html diatas dengan post anda:

3. dan ia akan kelihatan seperti di bawah:

"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet. Read more... "

4. Kemudian Publish Post anda.
5. Selesai....

Baiklah rasanya cukup penjelasan ini oleh itu, selamat mencuba....

Subscribe to: Posts ( Atom )

Navigation

Backup Your Blog Right Now!

Facebook Like Button

Cara Meningkatkan Trafik Blog [Part1]

Cara Untuk Hilangkan Navbar Blog

Cara Membuat "Read More"

Log-in Blogspot Form

Cara-Cara Menukar Blogger Favicon

Instagram