Jika engkau berdukacita, renunglah ke lubuk hati , dan kau akan temui bahawa sesungguhnya engkau sedang tangisi sesuatu yang pernah engkau syukuri- ©Kujie

26 December 2008

Tulisan berkelip dan Sticky Post

PakcikMz tanya macam mana nak buat entri " pengumuman" di top posting. Senang je pakcik.. Mula²

1. Dashboard > Layout > Add Page Element > Text > Add To Blog.

2. Tulis apa yang kita nak tulis. Save

3. Lepas tu Klik dan drag letakkan kat atas Blog Posts. Save.





EDIT: ade satu lagi cara...


1. create post macam biasa. Publish post

2. Lepas kita post entri tu, kita edit balik, masa ni kat post options tu kita tukar date dengan time ..kalau nak seminggu entri tu dok atas..tukar la date seminggu kedepan.


3. pastu publish.





Nak tulisan berkelip² , letak kod macam ni

<blink> Perhatian </blink> , dia akan jadi macam ni Perhatian

Kepada kawan² yang sudi, bolehlah kiranya tolong membuat pengumuman tentang kawan suami saya yang sedang sakit di hospital itu ...mungkin lebih ramai rakan² beliau yang membaca blog dan dapat mengetahui berita ini...pls...

15 December 2008

Table Of Contents Part 2

Entri ini direcycle untuk memjawap pertanyaan :

Qid wrote:
Assalamualaikum kujie...
Terima kasih di atas tunjuk ajar kujie. Sangat2 dihargai. Masalah tersebut
telah pun berjaya di atasi. Saya tertarik melihat categories pada blog kujie.
Ada 1 main entry & di bawahnya ada tajuk2 kecil. Macam mana nak buat macam
tu ek? Terima kasih sekali lagi atas perhatian kujie...
Assalamualaikum...
Entri asal bertarikh 25/12/78.



Salam...cuti² ini ada kelas tau sebab ada yang bertanya saya bagaimana untuk memasang Table Of Contents ( TOC) seperti di blog saya.

TOC adalah senarai isi kandungan blog . Cuba lihat disebelah sidebar atas sekali blog ini, kita akan lihat Kandungan Blog yang mengandungi senarai entri saya. Bila di klik, akan terpapar semua senarai yang ada atau jika kita klik pada Label , contohnya Blog Tutorial, akan terpapar seperti ini
> Ini template lama blog saya



Saya pernah memberi tutorial tentang TOC di SINI tetapi tak salah jika kelas kita bermula sekali lagi kan... semester baru..he he he...

1. Sign in dan pergi ke Dashboard / Layout / Edit HTML / Expand Widget Template dan cari code seperti dibawah :

<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:loop>
</div>

<!-- navigation -->
<b:include name='nextprev'/>

<!-- feed links -->
<b:include name='feedLinks'/>
</b:includable>

2. Delete code di atas dan gantikan dengan code seperti di bawah

<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "archive"'>
<h2 class='date-header'>Contents</h2>
</b:if>
</b:if>
</b:if>
<b:loop values='data:posts' var='post'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
</b:if>
</b:if>
</b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "archive"'>
<a expr:href='data:post.url'><data:post.title/></a><br/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:loop>
</div>

<!-- navigation -->
<b:include name='nextprev'/>

<!-- feed links -->
<b:include name='feedLinks'/>
</b:includable>

3. Save

Kemudian pergi ke langkah ke 2.

1. Buka Dashboard/ Layout/ Template/ Page Elements Add A Gadget
2. Buka Page Elements Add A Gadget dan pilih Link List widget.
3. Pada Title tuliskan tajuk yang kita kehendaki seperti " Kandungan Blog" dan New Site Name tulis Senarai Semua Entri dan pada New Site URL letak ;

http://yourblogURL/search/label/?max-results=999

Gantikan yourblogURL dengan url blog kita, contoh http://kujie2.blogspot.com/search/label/?max-results=999

Dah siap drag and drop page element pada kedudukan yang kita suka. Jangan lupa save.


Klik SINI untuk tutorial yang lain.

Cara buat blockquote

saffa wrote:
salam mama... a letter from heaven is coming:)

haha~
saffa nak tnya dua soalan la mama.
1st: macamana nak buat ruangan comment yang macam mama punya? means, kalau nak balas comment seseorang tu, kita just perlu reply kat bwh comment org tu je.

yang second:
macamana nak buat 'quote' yang berlatar belakangkan warna lain? saffa dah try pakai quote tu, tapi tak jadi la mama

3rd: macamna saffa nak jadikan word yang saffa tulis tu bergaris? maksudnya bukan bergaris kat bawah, tapi bergaris macam kita nak potong word tu, tapi pembaca lain boleh je baca. ala-ala macam takde liquid paper, and just potong word macam tu je. dalam saffa punya post editing takde macam tula


thanks mama~ harap sangat amma dapat membantu
salam sayang!


hehehe..cakap nak tanya 2 soalan tapi yang di tulis 3!

1 - komen tu guna plugin wordpress tapi untuk blogspot ada 2 cara seperti cara pasang commenluv pada blogger atau install intense debate. Saya tak pasti keberkesanannya kerana banyak juga telah menggunakannya dan tidak berpuashati.

2 - Cari ]]></b:skin> , di atasnya copy dan paste code ini

blockquote.style1 {
font: 14px/20px italic Times, serif;
padding: 8px;
background-color: #faebbc;
border-top: 1px solid #e1cc89;
border-bottom: 1px solid #e1cc89;
margin: 5px;
background-image: url(images/openquote1.gif);
background-position: top left;
background-repeat: no-repeat;
text-indent: 23px;
}
blockquote.style1 span {
display: block;
background-image: url(images/closequote1.gif);
background-repeat: no-repeat;
background-position: bottom right;
}

Save .

Font text, background color semua tu boleh di ubah mengikut warna kesukaan dan thema blog.

Sewaktu membuat post, pastikan dalam posisi Edit Html bukan Compose dan bila nak blockquotekan perkataaan yang dikehendaki letakkan code ini <blockquote class="style1"><span> dan tutup tag dengan </span></blockquote>

Contoh

<blockquote class="style1"><span>Kemaafan mungkin amat berat untuk diberikan kepada orang yang pernah melukai hati kita. Tetapi hanya dengan memberi kemaafan sahajalah kita akan dapat mengubati hati yang telah terluka. Kemaafan yang diberi secara ikhlas umpama pisau bedah yang boleh membuang segala parut luka emosi - kujie</span></blockquote>

akan menghasilakn blockquote seperti ini


Kemaafan mungkin amat berat untuk diberikan kepada orang yang pernah melukai hati kita. Tetapi hanya dengan memberi kemaafan sahajalah kita akan dapat mengubati hati yang telah terluka. Kemaafan yang diberi secara ikhlas umpama pisau bedah yang boleh membuang segala parut luka emosi - kujie


Kredit : blogmenjerit

3 - Sebelum perkataan yang ingin kita garis letak code <strike> dan tutup tag dengan </strike>. Contoh <strike>test</strike> akan jadi seperti ini -> test



hidayah wrote:
kak jie, suke tgk blog kak jie yg kemas tu..dh try wat colum tuk comment tu tp
xjd..


Sebenarnya Kak Jie tatau pun colum untuk komen yang macam mana yang dimaksudkan....hentam sajalah lAbu...

Kalau nak letak 'Komen Terkini" seperti yang Kak Jie guna, guna code ini

<script style="text/javascript" src="http://hasbullah.pit.googlepages.com/rc.htm"></script><script style="text/javascript">var a_rc=5;var m_rc=false;var n_rc=true;var o_rc=80;</script><script src="http://kujie2.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

tukar http://kujie2.blogspot dengan url blog sendiri.
var a rc=5 tu boleh ditukar nilai berapa banyak kita ingin.

Kalau yang dimaksukan itu adalah untuk " pengkomen terbanyak", Kak Jie tengok tutorial Kak Jie di sini - > Top Commentators New Edition

Cara block search engines

Saya dapat surat pertama selepas saya pasang " contact form" di blog ini. Terimakasih.

Subject: Search engine
Message: Assalamualaikum...
Saya xtau nak pggl ape, izinkan saya memanggil kujie sbg awal perkenalan kita. Sebenarnya saya dah lama menjadi peminat setia blog kujie. Setiap kata yang dilontarkan penuh makna tersendiri. Saya tertarik untuk membaca Blog Tutorial kujie dan kebetulan saya mempunyai masalah berhubung dengan blog saya. Saya pernah mendaftar url blog saya dalam google search engine. Kini saya rasa blog saya seolah-olah tiada lagi privacy. Oleh yang demikian, saya ingin memohon bantuan kujie bagaimana cara yang boleh saya lakukan untuk mengelakkan daripada blog saya boleh d search oleh semua orang. Saya dah cuba buat only selected person je yang boleh view blog saya tapi bila saya search dalam google, masih boleh dibaca oleh sesiapa. Mohon agar kujie dapat membantu saya. Sebelum berakhir, saya sangat kagum dengan kujie. Surirumah yang penuh dengan ilmu.
Assalamualaikum...


Sebenarnya saya pernah dan masih juga mengalami masalah seperti ini. Saya rasa tidak bebas di blog sendiri dan kadang² ingin lari menyorok disebalik lalang walaupun sebatu pun boleh nampak...

Saya sebenarnya tidak pernah ambil tahu tetapi mungkin ini boleh digunakan .

1. Dashboard > Setting > Add your blog to our listings? tick NO dan Let search engines find your blog? pun tick NO > Save Setting.




Moga dapat membantu ye...

Kalau menggunakan wordpress.com

Dashboard > Setting > Privacy > Blog Visibility tick pada I would like to block search engines, but allow normal visitors

14 December 2008

Buat contact form pada blogger

1. klik http://www.emailmeform.com

2. Atas kanan klik Sign up for free.

3. Isi data di form yang diberikan - First Name,Last Name,Username,Password,Retype Password dan Your Email ( email yang anda akan menerima pesanan nanti )

4. Sign up .

5. Buka email dan klik pada link yang dihantar untuk mengaktifkan (verifikasi) akaun anda.

6. Setelah sign in dan memasuki panel akaun, klik Create new form.

7. Isi beberapa data pada form

Web form Name : isi dengan nama yang anda inginkan seperti Hubungi Saya , atau biarkan saja (sudah tertulis Contact Webmaster).

Recipients Emails : » isi dengan alamat email yang akan menerima pesan.

Spam Email address : » isi dengan alamat email yang di inginkan untuk menerima pesan spam (email sampah, email iklan, dll) atau kosongkan saja.

Thank you page : » isi dengan alamat URL yang memuat tulisan terima kasih atau tulis saja alamat blog anda.

Number of fields : » biarkan 4 saja.

8. Klik Next. Ada beberapa field yang boleh kita gantikan mengikut kesesuaian seperti Your Name digantikan dengan Nama.

9. Klik next, dan next sehingga akhirnya anda bertemu page seperti ini , klik finish





10. Klik Get the HTML codes dan copy .

Untuk diletakkan pada blog, seperti biasa Layout > Add a Gadget > Pilih Text dan paste code tadi. Save pada mana² yang dikehendaki.

Contohnya di SINI

EDIT atas pertanyaan Apiez: Kalau tak mahu word verification , pada step -4 , Anti Spam - tick None

Followers