Followers
Wednesday, August 17, 2011
Tutorial 36 : Membuat [ Reply ] pada kotak komen + gambar
9:16 AM | Ditulis Daripade
limz |
Edit Post
Lamanya I rasa tak update..ala baru 3 hari..lama latu kan..
Ok ..sebenarnya berokband buat hal..lembat je sikit bayar terus dia stopkan servis dia..cis tak guna betula..kalau kualiti sentiasa tip top tak pe la kan.. :)
Tutorial ini sebenarnya atas permintan my reader..
Tutorial ini untuk memudahkan owner blog untuk reply komen2 reader..contoh macam ini :
Sekarang I nak ajar dua cara, satu yang ada tulisan ( Reply ) dan yang kedua ada icon/gambar yang ada sampul surat pink macam I punya tu..nak test? jom jom...
Ikuti cara-cara ini dengan penuh kasih sayang :
1. Sign in blogspot > Design > Edit HTML > Tick Expand Widget Templete..
2. Sila cari code di bawah dengan menekan Ctrl F untuk tidak pening mencari..
5. [Reply] itu boleh ditukar dengan ayat u all..Save dan tengok hasilnya..menjadi tak ?
Cara itu kalau u all nak yang ada tulisan, tapi kalau nak ada gambar macam I punya sampul surat itu..sila replace [Reply]dengan code ini
Dah memcuba kena la komen..penat tau buat tutorial ni..:)
Ok ..sebenarnya berokband buat hal..lembat je sikit bayar terus dia stopkan servis dia..cis tak guna betula..kalau kualiti sentiasa tip top tak pe la kan.. :)
Tutorial ini sebenarnya atas permintan my reader..
Tutorial ini untuk memudahkan owner blog untuk reply komen2 reader..contoh macam ini :
Ikuti cara-cara ini dengan penuh kasih sayang :
1. Sign in blogspot > Design > Edit HTML > Tick Expand Widget Templete..
2. Sila cari code di bawah dengan menekan Ctrl F untuk tidak pening mencari..
<b:include data='comment' name='commentDeleteIcon'/>3. Dah jumpa? Ok step seterusnya. Sila copy code di bawah dan paste di bawah code yang dicari tadi
<span class='comment-reply'><a expr:href='"https://www.blogger.com/comment.g?blogID=BLOG ID&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450"); return false;'>[Reply]</a></span>4. Sila replace BLOG ID dengan blog Id anda..macam mana nak cari blog id..jom tengok di bawah :
Kalau nak mudah cari. bila u all click kat bahagian posting, dia akan keluar nombor macam di atas..ambil nombor itu je..#click gambar untuk besarkan gambar di atas. |
5. [Reply] itu boleh ditukar dengan ayat u all..Save dan tengok hasilnya..menjadi tak ?
Cara itu kalau u all nak yang ada tulisan, tapi kalau nak ada gambar macam I punya sampul surat itu..sila replace [Reply]dengan code ini
<img alt='Reply To This Comment' src='URL GAMBAR ANDA'/>Replacekan Url gambar anda dengan url anda..kalau ambil kat photobucket ambil derect link sahaja ye..dan Save la..
Dah memcuba kena la komen..penat tau buat tutorial ni..:)
Labels:
Tutorial
Subscribe to:
Post Comments (Atom)
Awak Orang Yang Ke
♥Myself♥
Labels
Tutorial
(96)
Read This
Blog Archive
-
▼
2011
(144)
-
▼
August
(97)
- Tutorial 95 : Ambil Url Link Gambar (Photobucket)
- Tutorial 94 : Jquery Tab Menu.
- Tutorial 93 : Cute Profile.
- Tutorial 92 : Icon Comel di tepi Komen.
- Tutorial 91 : Pasang Top commentator.
- Tutorial 90 : Tukar Blog Archive Kepada Calendar.
- Tutorial 89 : Gambar di Footer Blog.
- Tutorial 88 : Delete / Buang Subscribe Atom.
- Tutorial 87 : Buang Underline di bawah Link.
- Tutorial 86 : Animated Link di Hover
- Tutorial 85 : Fieldset Box
- Tutorial 84 : Meningkatkan SEO Blog.
- Tutorial 83 : Simbol Comel-comel
- Tutorial 82 : Fireworks / Bunga Api di Blog
- Tutorial 81 : Snow Ball Effect
- Tutorial 80 : Ucapan "Good Bye" kepada Reader.
- Tutorial 79 : Pasang Button Twitter di Entry.
- Tutorial 78 : Drop-Down Tab Menu
- Tutorial 77 : Text Berkelip-Kelip
- Tutorial 76 : Ucapan Sebelum Komen.
- Tidak Perlu Tahu .
- Tutorial 75 : New Tab Menu Semasa Click Link.
- Tutorial 74 : Delete Navigation Bar
- Tutorial 73 : Follow Guna Gambar.
- Tutorial 72 : Entry/Posting Berpassword
- Tutorial 71 : Double Dashed bila diHover
- Tutorial 70 : Membuat Read More
- Tutorial 69 : Letak Iklan Nuffnang Terapung
- Tutorial 68 : Letak Iklan Nuffnang dalam Post Entry.
- Tutorial 67 : Letak Iklan Nuffnang Atas Header.
- Tutorial 66 : Cara Pasang Button Share Facebook.
- Tutorial 65 : Cara untuk Link kan Tab Menu
- Tutorial 64 : Scroll Box untuk Blog List
- Tutorial 63 : Button Follower dan Dashboard
- Tutorial 62 : Cari Blog ID
- Tutorial 61 : Marquee Codes
- Tutorial 60 : Scroll Box untuk Blog Archive
- Tutorial 59 : Cara Ubah Warna Highlight
- Tutorial 58 : Link Within
- Tutorial 57 : Membuat Double Underline
- Tutorial 56 : Shadow di Tajuk Entry dan Sidebar
- Tutotial 55 : Gambar Membulat Ketika Disentuh
- Tutorial 54 : Link Membesar Semasa Disentuh.
- Tutorial 53 : Bubbles Cursors
- Tutorial 52 : Cara untuk Print Screen
- Tutorial 51 : Membuat Search Engine pada Blog
- Tutorial 50 : Membuat Bloglist di Blog
- Tutorial 49 : Burung Twitter Terbang Melayang
- Tutorial 48 : Cursor Bergerak dengan Perkataan
- Tutorial 47 : Cursor Comel-comel
- Tutorial 46 : Sparkling Cursor
- Tutorial 45 : Automatic Recent Post dan Previous P...
- Tutorial 44 : Membuat Floating Button
- Tutorial 43 : Membuat Wish List
- Tutorial 42 : Membuat Header Transparent
- Tutorial 41 : Menukar Perkataan Older, Newer Pages...
- Tutorial 40 : Senarai Tutorial Adobe Photoshop yan...
- Tutorial 39 : Membuang Border pada header
- Tutorial 38 : Membuat Divider di Sidebar
- Tutorial 37 : Jom pasang Energy Saving Mode pada Blog
- Tutorial 36 : Membuat [ Reply ] pada kotak komen +...
- Tutorial 35 : Meletakkan background pada blog
- Tutorial 34 : Pop up window when open blog
- Tutorial 33 : Background berbeza untuk setiap page
- Tutorial 32 : Autohide Shoutbox plus Float
- Tutorial 31 : Membuat Arrow Back to Top
- Tutorial 30 : Note di Bawah Setiap Post / Entry
- Tutorial 29 : Mencantikkan Comment Box
- Tutorial 28 : Mengambil Code Warna
- Tutorial 27 : Membuat Favicon Sendiri
- Tutorial 26 : Meletakkan Divider di setiap post entry
- Tutorial 25 : Membuat blog bersalji
- Tutorial 24 : Meletak Disable highlight Text
- Tutorial 23 : Meletak Disable Right Clik NON pop u...
- Tutorial 22 : Membuat background di sidebar
- Tutorial 22 : Membuat background di sidebar
- Tutorial 21 : Menambah background dan border di ta...
- Tutorial 20 : Membuat Copyright blog
- Tutorial 19 : Membuat Tab Menu Cantik ( dekorasi s...
- Tutorial 18 : Membuat icon di sebelah Title post/e...
- Tutorial 17 : Membuat icon di sebelah Bloglist
- Tutorial 16 : Mengambil URL Glitter Graphics
- Tutorial 15 : Membuat Title Bar Animated
- Tutorial 14 : Cara Membuat Kotak Blockquote
- Tutorial 13 : Cara Meringankan BLOG
- Tutorial 12 : Memasang butang LIKE untuk Facebook
- Tutorial 11 : Membuat Tab Menu / Blog Tab
- Tutorial 10 : Membuat Link Rainbow/ Pelangi
- Tutorial 9 : Membuat Scroll Bar
- Tutorial 8 : Membuat Menu Bar Link
- Tutorial 7 : Membuat Button di Blog
- Tutorial 6 : Cara Membuat Title Blog Bergerak
- Tutorial 5 : Cara Membuat Floating Up & Home Button
- Tutorial 4 : Meletak Disable Right Click Pop Up Mesej
- Tutorial 3 : Membuat Pages Pada BLOG
- Tutorial 2:Membuat Welcome Blog
- Tutorial 1:Timbang berat blog.
-
▼
August
(97)
Recent Post
Don' t Copy Oke !
Limz. Powered by Blogger.
0 Meh Komen Disini !:
Post a Comment