Home » Archived For April 2011

Friday, April 29, 2011

Tutorial : Memasang Navigation Breadcrumb Di Blog

   Comment  
Assalamualaikum :)

Apakah itu Navigation Breadcrumb ? Navigation Breadsrumd ialah satu link yang ditayangkan , Ia adalah link dimana artikel anda berada atau boleh disebut sebagai lokasi dari artikel anda . Navigation Breadcrum ini diletakkan di atas judul artikel/postingan. Lihat contoh di bawah .





Anda juga boleh lihat contoh Navigation Breadcrum berikut.



Home » Tutorial Blog » Memasang Navigation Breadcrumb Di Blog



Home » Page » Islam » Iman Mutiara



Ada banyak manfaat dan kegunaan dari navigation breadcrum.



Navigation Breadcrum mungkin tidak sepenting keyword dalam SEO. Tapi yang jelas Navigation Breadcrum ini merupakan salah satu dari faktor SEO. Jadi,
sedikit banyaknya juga akan mempengaruhi kedudukan blog anda di search
engine, terutama google.



Tak nak cakap banyak , jom kita belajar ek :)



1. Login ke Blogger » Design » Edit HTML » Tick



2. Selepas itu , cari kode <b:if cond='data:post.title'> dengan menggunakan CTRL+F



3. Tambahkan kode berikut di bawahnya.


<b:if cond='data:blog.pageType == "item"'>

<a href='http://namablog.blogspot.com/'>Home</a> &#187;

<b:if cond='data:post.labels'>

<b:loop values='data:post.labels' var='label'>

<a expr:href='data:label.url' rel='tag'><data:label.name/></a>

<b:if cond='data:label.isLast != "true"'>,</b:if>

</b:loop>

&#187;

</b:if>

<data:post.title/>

</b:if>

Pastikan kedudukan kode seperti berikut :-











Jangan lupa ganti tulisan warna biru dengan URL blog anda.



Selepas itu simpan template.




update 


 
Anda
boleh menambahkan garis di bawah Navigation dengan menambahkan kode
<hr /> di bawah kode <data:post.title/> di atas.



Selamat mencuba .

Thursday, April 28, 2011

44 Senarai Blog Hosting Percuma

   Comment  


Assalamualaikum :)

Selain dari blogger anda juga boleh pilih senarai blog percuma dibawah . Tapi saya galakan blogger atau wordpress kerana search engine tinggi.

















































1. Blog.com
2. Blogabond.com
3. BlogCheese.com
4. Blogetery.com
5. Blogger.com
6. BlogLadder.com
7. Blogr.com
8. BlogRox.com
9. Blogsome.com
10. BlogSpirit.com
11. Blogster.com
12. BlogYx.com
13. Bloki.com
14. Bravenet.com
15. BusyThumbs.com
16. ClearBlogs.com
17. Edublogs.com
18. Etribes.com
19. Freevlog.org
20. GreatestJournal.com
21. InsaneJournal.com
22. JorunalFen.net
23. LiveJournal.com
24. Multiply.com
25. Netcipia.com
26. OpenDiary.com
27. ShoutPost.com
28. SoulCast.com
29. Squarespace.com
30. Terapad.com
31. Tooum.com
32. Trippert.com
33. Tumblr.com
34. Ufem.com
35. Weebly.com
36. Windows Live Spaces
37. Vox.com
38. Word Count Journal.com
40. WordPress.com
41. Xanco.com
42. Xanga.com
43. Yahoo 360
44. Zoomshare.com





*Anda dibenarkan untuk menyalin dan menyebarkan artikel ini di blog anda tetapi jangan lupa tulis sumbernya .

Tutorial : Ketahui Jumlah Post dan Jumlah Komen

   Comment  
Assalamualaikum :)

Pernahkah anda pikir nak kira berapa jumlah post dan komen yang ada didalam blog anda ? Inginkah anda bagitahu pelawat anda jumlah entri yang anda ada ? kalau itu jadi persoalan , jawapannya adalah mudah sekali !







Ikuti tutorial di bawah.


1. Login akaun blogger, dari dashboard > Design > Add A Gadget > Html Javascript

2. Copy kod di bawah dan letakkan ke dalam ruangan Html Javascript




<center><script style="text/javascript">

    function totalPosts(json) {

    document.write('Total Posts: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');

    }

    function totalComments(json) {

    document.write('Total Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');

    }

    </script>

    <script src=" /feeds/posts/default?alt=json-in-script&callback=totalPosts"></script>

    <script src=" /feeds/comments/default?alt=json-in-script&callback=totalComments"></script></center>

    <small></small>



Dan save !

Selamat mencuba ! :)

Tutorial : Disable Highlight Text

   Comment  




 Assalamualaikum!

Anda tak suka post anda kena copy ? Di sini ada satu tutorial
macammana untuk anda halang post anda dicopy
sewenang-wenangnya. Dengan memasang script Disable Highlight Text, ianya akan menghentikan serta merta fungsi select dan juga Ctrl+C. 








1. Pergi ke Dashboard > Layout > Add A Gadget > HTML/Javascript.


2. Copy code di bawah ni dan letakkan pada HTML/Javascript.





<script type="text/javascript">


/***********************************************


* Disable Text Selection script- &#169; Dynamic Drive DHTML code library (www.dynamicdrive.com)


* This notice MUST stay intact for legal use


* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code


***********************************************/





function disableSelection(target){


if (typeof target.onselectstart!="undefined") //IE route


target.onselectstart=function(){return false}


else if (typeof target.style.MozUserSelect!="undefined") //Firefox route


target.style.MozUserSelect="none"


else //All other route (ie: Opera)


target.onmousedown=function(){return false}


target.style.cursor = "default"


}





//Sample usages


//disableSelection(document.body) //Disable text selection on entire body


//disableSelection(document.getElementById("mydiv")) //Disable text selection on element with id="mydiv"


</script>


<script type="text/javascript">


disableSelection(document.body) //disable text selection on entire body of page

</script>




3. Save dan lihatlah hasilnya.

Selamat mencuba :)

Tutorial : Disable Right Click

   Comment  


Assalamualaikum :)




1. Anda pergi ke Dashboard > Design > Add a Page element > Html/Javascript





2. Anda copy kod bawah dan paste dalam Hhtml/Javascript





<script language=JavaScript>


<!--





//edit by unwanted








var message="Masukkan Mesej Anda Disini";





///////////////////////////////////


function clickIE4(){


if (event.button==2){


alert(message);


return false;


}


}





function clickNS4(e){


if (document.layers||document.getElementById&&!document.all){


if (e.which==2||e.which==3){


alert(message);


return false;


}


}


}





if (document.layers){


document.captureEvents(Event.MOUSEDOWN);


document.onmousedown=clickNS4;


}


else if (document.all&&!document.getElementById){


document.onmousedown=clickIE4;


}





document.oncontextmenu=new Function("alert(message);return false")





// -->


</script>

Yang warna merah tu anda letak ayat anda sendiri ya . :)
Tutorial : Buang Navigation Bar

Tutorial : Buang Navigation Bar

   Comment  


Assalamualaikum .

Mungkin bagi anda , navigation bar (nav bar) ini macam mengganggu kecantikkan blog anda , tapi jangan risau , anda boleh buang nav bar ni , jom kita belajar jom !



1. Pergi ke Design > Edit HTML



2. Tick pada Expand Widget Template dan jangan lupa Backup Template anda dulu tu . Tekan Ctrl+F dan cari word </head> .



3. Kemudian anda copy code biru di atas </head> dan simpan template anda .


<script type='text/javascript'>


<![CDATA[


<!--


/*<body>*/


-->


]]>


</script>

4. Kemudian anda akan diberi amaran tentang widget nav bar yang akan di delete , anda jangan ragu-ragu , tekan je DELETE WIDGET dan SIAP! 




Selamat mencuba , tak paham , boleh tanya ye .

Tutorial : Letak Button Dashboard Dan Follow

   Comment  
Assalamualaikum :)

Hari ini saya nak tunjuk satu tutorial yang menarik , macam mana nak letak button 'follow' dan 'dashboard' macam gambar kat bawah ini .







Sebenarnya , widget ini sangat penting bagi blog kita , senang nak tambah follower lagi . Tak payah nak risau pelawat tak nampak button follower anda sebab button ni cantik je terletak kat atas tu , huhu . Tak payah cakap banyak lagi , jom kita buat sama2 ok .




Log in > Design > Add a gadget > HTML/Javascript



Jadi kod HTML anda akan nampak macam ni kan ?




<div
style="position: fixed; top: 5px; right: 90px;"><a
class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID ANDA"
target="_blank" rel="nofollow" title="Follow !" imageanchor="1"
style="margin-left: 1em; margin-right: 1em;"><img
src="http://assets.tumblr.com/images/iframe_follow_alpha.png?6"
border="0" /></a><div
style="display:scroll; position:fixed; top:5px; right:2px;"><a
class="linkopacity" href="http://blogger.com/home" target="_blank"
rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left:
1em; margin-right: 1em;"><img border="0"
src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?6"
/></a></div>








Tak tahu nak ambil mana kod ID tu ?

Design > dan anda tengok url link kat atas tu . Ada nombor banyak-banyak dekat akhir link tu . Anda copy nombor tu je ya .



Dan siap !
▲
Top