SyoknyerBlogging | Belajar Blogging Dalam Bahasa Melayu

MTA Solutions | Malaysia Web Design dan Hosting

noreply@blogger.com (Thalhah Amir) — Tue, 03 Jul 2012 06:06:00 +0000

MTA Solutions merupakan syarikat pembekal domain dan hosting di Malaysia. MTA Solutions bukan sahaja menyediakan hosting dan domain malah turut menyediakan khidmat membina blog, laman web, ecommerce dan graphic design.

Untuk mengetahui lebih lanjut tentang apa yang ditawarkan oleh mtasolutions. Layari website mereka di http://mtasolutions.com.my/ .

Teruskan update dengan like fanpage mereka di facebook http://www.facebook.com/mtasolutions

Domain Percuma. Jom sertai Kontest ini.

noreply@blogger.com (Thalhah Amir) — Fri, 08 Jun 2012 04:24:00 +0000

MTA Solutions mini contest.
Menangi Domain Percuma Untuk Blog Anda. Ubahlah url blog anda dari .blogspot ke .com sahaja.

Cara Sertai.
1. Like FanPage http://www.facebook.com/mtasolutions
2. Share kan posting di fanpage mtasolutions yang mengandungi gambar ini ke wall anda.
3. Tag sekurangnya 5 orang kawan
4. Emailkan penyertaan anda kepada kami ke contest@mtasolutions.com.my atau message di fanpage mtasolutions
- Nama Sebenar
- URL Facebook Anda
- URL Blog

Syarat dan Terma
1. Kontest ini hanya untuk blogger Malaysia
2. Kontest akan berakhir pada 14 Jun 2012
3. Hadiah berupa domain percuma untuk blog anda selama setahun.
4. Hanya 5 pemenang akan diambil.
5. Keputusan dibuat secara random.org

Jom2 sertai. boleh ubah domain .blogspot anda kepada hanya .com

Kongsikan Satu Tutorial di Syoknyerblogging Forum dan mendapat RM1

noreply@blogger.com (Thalhah Amir) — Fri, 06 Apr 2012 12:04:00 +0000

Salam semua pembaca syoknyerblogging blog. Untuk pengetahuan anda syoknyerblogging forum kini kembali lagi dengan satu pertandingan yang menarik.
Setiap satu sumbangan tutorial yang disumbangkan di forum syoknyerblogging akan mendapat RM1.

Syarat2 nya adalah

1) Anda mestilah ahli berdaftar SNB Forum. http://syoknyerblogging.com/forum/

2) Setiap tutorial mestilah mempunyai sekurang kurangnya satu gambar.

3) Setiap gambar pada tutorial hendaklah diletak watermark www.syoknyerblogging.com. Cara buat watermark rujuk SINI

4) Tutorial hendaklah berbahasa Melayu

5) Tutorial hendaklah lengkap, bukanlah separuh dan bukanlah redirect pada laman lain.

6) Tutorial hendaklah berbeza. Tidak posting tutorial yang sama dengan tutorial yang sedia ada.

Pihak SNB Forum berhak untuk menarik balik kelayakan anda sekiranya anda melanggar terma dan syarat diatas.

Maklumat lanjut http://syoknyerblogging.com/forum/topic/94-1-tutorial-1-ringgit/

*Nota: Peraduan ini akan berlangsung pada 1 April 2012 dan akan ditutop selepas cukup 1000 tutorial

Cara Membuat Popup Facebook Like Pada Blog

noreply@blogger.com (Thalhah Amir) — Tue, 13 Dec 2011 14:37:00 +0000

salam rakan syoknyerblogging. Setelah sekian lama sy tdk postkan tutorial maka hari ini saya postkan tutorial yang kian dicari oleh blogger sekarang.
Tentu ramai yang tertanya tanya bagaimana blog itu boleh keluar popup facebook like 2 dan anda mesti mahukannya juga kan?

Caranya senang sahaja

1) Login masuk kedalam akaun blogger anda. www.blogger.com

2) Tekan Design > Edit Html

3) Untuk keselamatan sila bekup dahulu template anda sebelum bt perubahan

4) Copy koding dibawah

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'></script>
<style type='text/css'>
#fblikepop{background-color:#fff;display:none;position:fixed;_position:absolute;width:450px;border:10px solid #999;z-index:200;-moz-border-radius:9px;-webkit-border-radius:9px;color:#333;text-align:left;font-family:arial,sans-serif;font-size:13px;margin:0;padding:0}
#fblikepop body{background:#fff none repeat scroll 0;line-height:1;height:100%;margin:0}
.fbflush{cursor:pointer;font-size:11px;color:#FFF}
#fblikebg{display:none;position:fixed;_position:absolute;height:100%;width:100%;top:0;left:0;background:#000;z-index:100}
#fblikepop #closeable{float:right;margin:5px 15px 0 0}
#fblikepop h1{background:#6D84B4 none repeat scroll 0 0;color:#FFF;font-size:13px;font-weight:700;border-color:#3B5998 #3B5998 0;border-style:solid solid none;border-width:1px 1px medium;margin:0;padding:3px}
#fblikepopClose{line-height:14px;right:6px;top:4px;position:absolute;display:block;color:#FFF}
#fblikepop #buttonArea{background:#F2F2F2;border-top:1px solid #CCC;min-height:50px;padding:8px}
#fblikepop #popupMessage{font-size:12px;line-height:22px;padding:8px}
#fblikepop #counter-display{float:right;font-size:11px}
</style>
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<script type="text/javascript" src="http://artikel-terkait.googlecode.com/files/Facebook%20Like.js"></script>
<script language="javascript">
$(document).ready(function() {
$('body').facebookTrafficPop( {
timeout: 20,
title: "Like Kami Di Facebook",
message: '<b>LIKE KAMI DI FACEBOOK</b>',
url: "http://www.syoknyerblogging.com/",
closeable: false
} );

});
</script>

5) Pastekan koding yang anda copy tadi sebelum</head>

6) Copy koding dibawah

<div id='fbtpdiv'></div>

7) Pastekan sebelum </body>

Ok Selamat Mencuba lah yer.

Untuk Edit Cari

timeout: 20, (bermaksud 20saat, tukar 20 jadi 40 untuk 40 saat)
title: "Like Kami Di Facebook", (tajuk popup 2)
message: '<b>LIKE KAMI DI FACEBOOK</b>', (meseg yang anda nk sampaikan)
url: "http://www.syoknyerblogging.com/", (url blog, sila 2kar kepada url blog anda)

Untuk support silalah sertai forum kami http://syoknyerblogging.com/v1/index.php?/topic/2014-cara-membuat-popup-facebook-like-pada-blog/

Forum Khas Buat Bloggers

noreply@blogger.com (Thalhah Amir) — Thu, 06 Jan 2011 21:31:00 +0000

Jom semua sertai forum komuniti buat bloggers. Bersama2 kita bersatu dan berkumpul dalam satu komuniti untuk mengenali dengan lebih rapat lagi. Rugi taw kalau xjoin. Jomla semua. Terdapat banyak otai2 disitu boleh berkongsi dengan anda. Boleh mempromosikan blog dan sebagainya. Jadi apa tunggu lagi. Jom Layanz http://www.syoknyerblogging.com/

Sesi Terjah V5: Just Doodling~

noreply@blogger.com (Thalhah Amir) — Wed, 05 Jan 2011 13:36:00 +0000

wah,wah,wah, kembali lagi dalam segmen terjah. Kali ini sy nk ajak korunk terjah blog Just Doodling. mENAriknya blog ini adalah penulisannya adalah berdasarkan gambar. "1 picture can tell 1000 words" quote drpd mana ntah. haha. Sy ni pemalas nk membaca article pepanjang berjela sebenarnya. Sy suka blog2 yang bercerita menggunkan lukisan. Ini address blog tersebut http://yellowdoodal.blogspot.com

Special thanks to the blog owner kerana meletakkan my banner di blognya. Diharapkan blog anda akan semakin maju selepas ini. Teruskan karya menarik 2. (^^,). Jom Terjah dan Follow la skali. http://yellowdoodal.blogspot.com

Sesi Terjah V4: Blog Syazanazura;)

noreply@blogger.com (Thalhah Amir) — Wed, 05 Jan 2011 03:45:00 +0000

salam semua. bertemu lagi kita dalam sesi terjah oleh blog.syoknyerblogging.com. Sesi terjah kali ini adalah blog syazanazura. Diulangi lagi, kita bersama dalam sesi terjah yer, bukan sesi tutorial, hehe. Sy masih lagi tiada mood untuk bertutorial. Ni link blog dia http://syazanazura.blogspot.com/. Sy tertarik dengan banner dia, nmpk mcm simple dan nmpak unik. Hehe

Tertariknya lagi sy pada blog tersebut apabila melihat banner syoknyerblogging diletakkan di blog dia. Terima kasih yer syazanazura :). Jom la semua kita terjah blog dia dan jangan lupa follow dia (kalau berminatlah). Jom Terjah http://syazanazura.blogspot.com/

Sesi Terjah V3: Apaajanews

noreply@blogger.com (Thalhah Amir) — Mon, 03 Jan 2011 19:16:00 +0000

Lately sy agak malas untuk membuat tutorial. Rasa cm bosan la plak asyik buat tutorial aja. Sekarang sy bersemangat untuk membuat sesi terjah. Begitu jarang bagi sy untuk melihat stat blog. Sekejap td sy telah membuka stats lagi dan dapati mendapat referer daripada blog apaajanews. Jadi sesi terjah sy kali ini adalah blog apajanews. Sy sukakan sesuatu yang give and takes.

Apaajanews berikan sy traffic jd xadillah kan kalau sy tdk membuat perkara yang sama. tol x?. Blog beliau menceritakan apa aja sesuai dengan tajuk blog beliau. Asalkan sesuatu informasi, ia letakkanya disitu. Oleh itu. Jom terjah http://apaajanews.blogspot.com/

Sesi Terjah V2 : 2Day Blogger

noreply@blogger.com (Thalhah Amir) — Mon, 03 Jan 2011 16:16:00 +0000

Sebelum ini sy telah membuat sesi terjah blog ar-rifke sebagai top referer site blog.syoknyerblogging. Sekarang kita terjah plak blog 2dayblogger. 2 day blogger merupakan top referer yang ke 2 bagi blog ini. Ini kerana sy pernah menyertai kontest header blog tercantik di blog beliau. malangnya tiada undi pun bagi blog ini. adeh. sedeynyer. haha.

Blog 2dayblogger banyak berkongsi tips2 mengenai nuffnang, tips buat blogger baru dan lama, cara naikkan traffic dan sebagainya. Jom terjah blog beliau http://www.2dayblogger.com/

Sesi Terjah: Ar Rifke

noreply@blogger.com (Thalhah Amir) — Mon, 03 Jan 2011 06:14:00 +0000

Salam semua. Ini merupakan sesi terjah blog Ar Rifke. Ini merupakan sesi terjah yang pertama bagi blog.syoknyerblogging.com sejak penubuhan blog ini iaitu pada 29/11/2010. Sebenarnya sy xpandai sgt bab2 bercerita ni. (gtaw awal2). senang cerita ni description blog beliau

Kisah cikgu aried penuh dengan keseronokkan. Bukan Drama TV3 mahupun Video 3gp, tetapi kisah kehidupan blogger yang suka berkongsi tips.

Knp tetiba sy menerjah blog beliau? apabila sy melihat stats pada blog ini, sy dapati top referer untuk syoknyerblogging blog adalah dtg dari blog beliau. Terima kasih ar-rifke. sy mencari cari juga dimana blog ini dinyatakan tp tdk jumpa. Tapi xmengapa, sekurang-kurangnya sy ada traffic dari blog beliau. haha.

Jesteru itu marilah kita terjah balik blog ar rifke. http://www.ar-rifke.com/

17 Styles Animated (On Hover) Floating Twitter Follow Me Badge

noreply@blogger.com (Thalhah Amir) — Sun, 02 Jan 2011 22:59:00 +0000

Untuk post ini sy ingin berkongsi satu badge animasi untuk pengguna twitter.Untuk pengetahuan, sy bukanlah pengguna twitter. Sy baru saja daftar twitter minggu lepas dan belum mula menggunakannya. Sy google pasal twitter terjumpalah bende alah ni. Tutorial ini diperkenalkan oleh http://loneeagle110.blogspot.com/. Sy tgk macam best je. Anda dah tekan blog tersebut? blog tersebut dalam bahasa india. Agak2 korang faham x? haha.. xpe2.. yang penting kodingnya masih dalam bahasa inggeris.

Untuk membuatnya

1 Pergi ke Dashboard > Design > Edit Html.

2 Back up Template terlebih dahulu. tekan Download Full Template.

3 Cari </head> dan pastekan koding dibawah sebelum </head>



<style type='text/css'>
.feedbacktw {
width: 31px;
height: 116px;
display: block;
font-size: 10px;
text-decoration: none;
background-repeat:no-repeat;
background-image:url(http://i26.tinypic.com/1zb4509.jpg);
position:fixed;
top:20%;
right:2px;
}

.feedbacktw:hover {
width: 31px;
height: 116px;
display: block;
text-decoration: none;
background-repeat:no-repeat;
background-image:url(http://i26.tinypic.com/xpu99c.jpg);
position:fixed;
top:20%;
right:10px;
}
</style>


4 Save kan Template

5 Pergi kepada Design > Page Elements > Add a gadget

6 Pilih Html/Javascript dan pastekan koding dibawah


<a style="display:scroll;" href="http://twitter.com/thalhah_amir" class="feedbacktw"> </a>


7 Tukarkan http://twitter.com/thalhah_amir dengan twitter anda. 2 twitter sy 2. addla kalau mahu. hehe..

8 Save

Menukar Gambar Badge

Direct link image	On Hover Direct link
01. http://i42.tinypic.com/353cvh4.jpg	http://i42.tinypic.com/212en7t.jpg
02. http://i40.tinypic.com/j65sts.jpg	http://i44.tinypic.com/2cncvq1.jpg
03. http://i40.tinypic.com/x283dc.jpg	http://i43.tinypic.com/m9sj5y.jpg
04. http://i42.tinypic.com/30kf7mp.jpg	http://i42.tinypic.com/330ab9s.jpg
05. http://i43.tinypic.com/20hwowl.jpg	http://i41.tinypic.com/i1mauo.jpg
06. http://i43.tinypic.com/x5nygw.jpg	http://i43.tinypic.com/2nk2qn9.jpg
07. http://i44.tinypic.com/1zqsowk.jpg	http://i39.tinypic.com/33nukja.jpg
08. http://i43.tinypic.com/24c8jm9.jpg	http://i39.tinypic.com/14112c7.jpg
09. http://i44.tinypic.com/r8ug3o.jpg	http://i43.tinypic.com/18nf54.jpg
10. http://i44.tinypic.com/2rz7u9s.jpg	http://i44.tinypic.com/2gxmamx.jpg
11. http://i44.tinypic.com/6jozr4.jpg	http://i43.tinypic.com/25iaycy.jpg
12. http://i39.tinypic.com/2a68u1k.jpg	http://i42.tinypic.com/2rnk9py.jpg
13. http://i43.tinypic.com/34zjfo5.jpg	http://i43.tinypic.com/a4ak2v.jpg
14. http://i43.tinypic.com/8wjfbs.jpg	http://i41.tinypic.com/5wbecx.jpg
15. http://i42.tinypic.com/23uucco.jpg	http://i43.tinypic.com/fee7ht.jpg
16. http://i41.tinypic.com/dcfzag.jpg	http://i44.tinypic.com/200g0w4.jpg
17. http://i41.tinypic.com/2quhswn.jpg	http://i42.tinypic.com/f5a83s.jpg

Icon Search Engine

noreply@blogger.com (Thalhah Amir) — Mon, 27 Dec 2010 13:26:00 +0000

Untuk post kali ini sy ingin berkongsi satu web yang agak menarik yang pasti semua web developer dan blogger2 mencarinya. Ia adalah sebuah search engine untuk mencari icon2 yang pastinya percuma dan boleh digunakan sesuka hati anda. Ia boleh digunakan untuk menghias blog, dan website. Icon2 juga dpt digunakan untuk membuat header2 dan sebagainya. terpulanglah kepada individu masing2 bagaimana untuk menggunakannya. Sy rasa sy tdk perlu untuk menghuraikannya dengan lebih pangjang, anda boleh layari http://www.iconfinder.com/ untuk mendapatkan icon2 yang anda inginkan. Sekianlah sahaja perkongsian saya. Selamat mencuba (^^,).

http://www.iconfinder.com/

Senarai Domain Percuma dan Hosting Percuma

noreply@blogger.com (Thalhah Amir) — Tue, 21 Dec 2010 08:48:00 +0000

Salam semua diucapkan kepada pembaca2 dan pengunjung2 syoknyerblogging. Post kali ini sy ingin berkongsi beberapa service percuma iaitu domain percuma dan hosting percuma buat semua. Sy mendapat request untuk membuat tutorial mengenai wordpress. Sy memohon maaf kerana sy belum bersedia untuk membuat tutorial mengenai wordpress. Sy akan habiskan tutorial mengenai blogspot dahulu kemudian barulah berpindah ke wordpress dan seterusnya joomla. Wordpress tdklah ssh, ramai otai2 blogger diluar sana boleh ajar atau carinya di google. Sy juga akan membuat tutorial wordpress sebaik sahaja sy membeli hosting yang baru. :D. hosting lama da xde, maklumla duit xde. hahaha..

tetapi kepada sesiapa yang teringin mencuba wordpress bolehlah mencuba dengan memilih beberapa hosting yang sy nyatakan dibawah atau dengan menggunakan localhost server, juga akan sy nyatakan dibawah.

Senarai Hosting Percuma

1 http://gofreeserve.com/ 2GB space 80GB bandwidth
2 http://www.07x.net/index.php 5GB space 50GB bandwidth
3 http://byethost.com/index.php/free-hosting 5500 MB disk space 200GB bandwidth
4 http://www.united.net.kg/ 15MB of free web space 100MB bandwidth
5 http://esmartweb.com/ 250MB space
6 http://www.zymic.com/ 6GB space 50Gb bandwidth

Senarai Domain Percuma

1 http://www.freedomain.co.nr/index.php
2 http://www.co.cc/

URL Redirection

1 http://www.iz.my/
2 http://www.dot.tk/

Localhost Server Software Percuma

1 XAMPP
2 WAMPP

Terdapat banyak website2 yang menyediakan khidmat seperti ini, jika anda cari menggunakan google anda akan menjumpai list yang berkali lebih banyak daripada diatas. Jika anda ingin mencuba untuk diri sendiri sahaja sy sarankan gunakan localhost server software. Cepat untuk digunakan kerana anda tdk memerlukan internet.

Diingatkan juga, service percuma dan service berbayar tdk akan sama dari segi customer service, support dan sebagainya. Jika anda serius untuk hostingkan web, gunakan yang berbayar. (^^,)

Nota: Kalau ade penambahan bagitaw yer. Peace no War..

Dapatkan Haiwan2 yang Kiut Miut Untuk Dijaga Pada Blog dan Web

noreply@blogger.com (Thalhah Amir) — Mon, 20 Dec 2010 11:17:00 +0000

Salam semua, kali ini saya ingin berkongsi satu web yang menyediakan widget haiwan2 yang kiut untuk diletakkan pada blog anda. Terdapat pelbagai jenis haiwan yang boleh dipilih mengikut kesukaan anda. Antaranya

Contoh dibawah ini. Comel x? hehe. kalau berminat silalah ke http://bunnyherolabs.com/adopt/

http://bunnyherolabs.com/adopt/

Dapatkan Islamic Widget Di Alhabib.info

noreply@blogger.com (Thalhah Amir) — Mon, 20 Dec 2010 09:18:00 +0000

Salam semua. didalam sy berblogwalking terjumpalah sy dengan web alhabib.info ni. Apa yang menariknya ia mengandungi banyak widget untuk orang islam seperti

Jika anda berminat silalah berkunjung ke http://www.al-habib.info/ untuk mendapatkan widget untuk blog mahupun web anda. Sy tidak mendapat apa2 bayaran pun dengan mempromote site beliau dan sy tidak kenal pun siapa empunya web itu tetapi sy hanya berkongsi. Diharapkan perkongsian sy ini memberi manfaat pada anda semua untuk membina blog yang lebih unik,cantik, dan terbaik. Salam (^^,)

http://www.al-habib.info/

Mobile Template Untuk Blospot

noreply@blogger.com (Thalhah Amir) — Sun, 19 Dec 2010 21:53:00 +0000

Salam semua. saya ingin berkongsi berita gembira buat blogger semua. Blogger telah membuat satu template blogspot khas untuk mobile. Sebelum ini blog memang boleh dilihat dan dibaca di mobile tetapi template yang digunakan adalah template blog asal dan sangat berat untuk dilayar gunakan mobile. Dengan features ini senanglah pembaca2 untuk membaca blog anda dimana sahaja di handphone mereka. Zaman sekarang ni semua org ade handphone kan? dan canggih2 semuanya. Features ini belum dikeluarkan sepenuhnya tetapi anda boleh dapatkannya di http://draft.blogger.com/

Sebaik sahaja anda masuk blogger draft ini popup akan keluar. Tekan sahaja go mobile apabila popup keluar. Jika tdk keluar tekan Settings > Email & Mobiles

Itulah rupa syoknyerblogging di mobile nanti. Anda juga boleh lihat bagaimana blog anda dengan menekan "mobile preview". Selamat Mencuba (^^,)

http://bloggerindraft.blogspot.com/

Membuat JQuery Image Warp

noreply@blogger.com (Thalhah Amir) — Sat, 18 Dec 2010 19:55:00 +0000

Kali ini posting sy adalah untuk bermain2 dengan gambar. Script ni dtgnya dari Dynamic Drive. Sy telah hostingkan script tersebut jadi anda juga boleh menggunakannya. Sy xpasti ia akan berguna atau tdk pada anda. Tetapi sy mahu kongsikan juga sbb ia kelihatan menarik bagi sy. :D . Demo dibawah. Cuba tekan gambar tersebut dan lihat apa yang terjadi.

1 Pergi ke Dashboard > Design > Edit Html.

2 Cari </head> dan letakkan koding dibawah sebelum </head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="https://sites.google.com/site/syoknyerblogging/jquery/jquery.imageWarp.js">
/***********************************************
* jQuery imageWarp script- (c) 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 this script and 100s more
***********************************************/
</script>

<script type="text/javascript">
jQuery(document).ready(function($){
    $('img.imagewarp').imageWarp() //apply warp effect to images with CSS class "imagewarp"
})
</script>

3 Untuk membuat posting gambar anda hendaklah mengikut koding dibawah.

<img src="URL Gambar" class="imagewarp" />

class="imagewarp" paling penting untuk memanggil koding diatas.

original script http://www.dynamicdrive.com/dynamicindex4/imagewarp.htm

Radio Widget Untuk Blog Anda

noreply@blogger.com (Thalhah Amir) — Sat, 18 Dec 2010 17:55:00 +0000

Kali ini sy ingin berkongsikan satu widget radio untuk anda semua. Dulu sy juga pernah membuat widget radio tetapi siaran atau kata lain alamat radio sering berubah-rubah membuatkan sy sudah malas untuk membuatnya. Sy pasti ramai antara blogger yang suka mendengar radio. Widget ini datangnya dari Ukiran Cinta.

Terima Kasih kepada ukiran cinta atas widget ini. Article asal http://ukirancinta.blogspot.com/2010/11/dapatkan-widget-radio-untuk-blog-anda.html

Hantar SMS Percuma Kesemua Nombor

noreply@blogger.com (Thalhah Amir) — Sat, 18 Dec 2010 14:25:00 +0000

Salam semua. hari ini xde tutorial yer. sy hanya ingin berkongsi satu service daripada MostSMS.com. Sy jumpa informasi berguna ni masa sy blogwalking di cybernetic88 nyer blog. Blog dia amat menarik. byk software2 dan cara2 hack boleh ditemui disitu. Da lama sy xmembaca blog beliau dan hari ini tetiba plak terjumpa info menarik ini. Register percuma sahaja dan setiap penghantaran sms akan keluar nama dan no telefon anda. Jadi senang untuk menghantar sms dikala kredit tiada. Mengikut cybernetic, hanya 31 sms sehari sahaja yang percuma. Sy da cuba dan mmg best. Mahu cuba? sila ke http://www.mostsms.com. Sila guna no fon betul kerana password akan dihantar ke handphone anda. Percuma sahaja.

Info Lanjut. Kunjungi Article Cybernetic http://www.cybernetic88.com/hantar-sms-percuma-dengan-mostsms.html

Cara Disable Select Text Dan Copy Article Pada Blog Anda

noreply@blogger.com (Thalhah Amir) — Fri, 17 Dec 2010 15:04:00 +0000

Untuk tutorial malam ini, sy ingin berkongsi bagaimana untuk disable select text dan copy article untuk mengelakkan kecurian pada article anda. Ini sgtlah berguna sekiranya anda mahu karya ciptaan anda tidak dicuri oleh sesiapa. Sekiranya blog anda itu adalah blog tutorial, jgn letak efek ini. Kalau nk bt juga pun xapa. sy xkesah pun. :P

1 Pergi ke Dashboard > Design > Edit Html

2 Seperti biasa sila backup template untuk keselamatan

3 Cari <body> dan gantikan dengan koding dibawah.

<body onmousedown="return false" oncontextmenu="return false" onselectstart="return false">

4 Save dan tgk hasilnya. Selamat Mencuba (^^,)

Nota: Ia boleh menghalang newbie drpd mencelup article tetapi tdk akan berhasil bagi expert. :P

Nota2: Tiada cara 100% untuk mengelakkan article anda dicuri. Internet bukanlah tempat yang selamat. Hackers dan Crackers merata2. :D

Cara Unfollow Balik Blog Yang Sudah DiFollow

noreply@blogger.com (Thalhah Amir) — Thu, 16 Dec 2010 18:01:00 +0000

Follow menfollow sudah menjadi trend apabila anda memasuki dunia blogging ini. Terlalu banyak blog yang difollow kadang2 menyusahkan juga. Susah untuk mengikuti perkembangan blog2 yang betul2 kita minat. Terlintas untuk membuat tutorial ini kerana banyak bloggers sudah mula bertanya pasal perkara ini. Terdapat dua cara untuk unfollow blog yang sudah difollow.

Cara 1

1 Masuk blog yang anda ingin unfollow.

2 Tekan Butang Ikut Atau Follow untuk Login Google Friend Connect.

3 Apabila gambar anda sudah keluar. Tekan Option dan pilih Setting. Sy telah set bahasa melayu jadi Opsyen > tetapan Tapak

4 Tekan Stop Following this Blog

Cara 2

1 Masuk Kedalam Dashboard anda dan srool ke bawah pada "Reading List"

2 Tekan "Manage"

3 Cari blog yang anda ingin unfollow dan tekan Setting

4 Tekan "Stop Following this blog"

Cara Membuat Admin Panel Pada Blog Sidebar Dan Hanya Admin Melihatnya

noreply@blogger.com (Thalhah Amir) — Thu, 16 Dec 2010 17:20:00 +0000

Salam, tahu x? anda boleh menggunakan admin menu walaupun tanpa membuka blogger.com dan hanya pada template blog anda? Bende ni mungkin berguna bagi blog yang telah menyembunyikan navbar pada blog mereka. Apa yang menariknya admin menu ini hanya dapat dilihat oleh pemilik blog tersebut sahaja. Pengunjung dan pembaca blog tidak akan nampak menu tersebut. Bagaimana Caranya?

1 Pergi ke Dashboard > Design > Edit Html

2 Ambilkan blogID anda. Kat mana nk dapat? ia terdapat pada web address anda.

XXXXX itulah blog ID anda.
Nota: XXXX ialah contoh sahaja. Blog ID mengandungi No.

3 Cari <b:section class='sidebar' id='sidebar' preferred='yes'>

4 Salin koding dibawah dan letakkan sebelum <b:section class='sidebar' id='sidebar' preferred='yes'>

<span class='item-control blog-admin'>
<h2>Admin Control Panel</h2>
<a href='http://www.blogger.com/post-create.g?blogID=BlogIdNumber'>New Post</a>
|
<a href='http://www.blogger.com/blog-options-basic.g?blogID=BlogIdNumber'>Settings</a>
|
<a href='http://www.blogger.com/rearrange?blogID=BlogIdNumber'>Change Layout</a>
|
<a href='http://www.blogger.com/html?blogID=BlogIdNumber'>Edit HTML</a>
|
<a href='http://www.blogger.com/moderate-comment.g?blogID=BlogIdNumber'>Moderate Comments</a>
|
<a href='http://www.blogger.com/logout.g'>Sign Out</a>
</span>

5 Tukarkan BlogIdNumber dengan Blog ID anda

6 Selamat Mencuba (^^,)

Kenapa Pengunjung Tdk Dapat Melihat Menu?

item-control blog-admin ialah css yang tiada dalam template blogspot anda. Ia terdapat pada external script yang hanya boleh dinampak oleh admin.

Terima Kasih kepada Amanda Fazani dari Blogger Buster kerana menemui cara ini.

Cara Membenarkan Pengunjung Menukar Size Font Pada Blog Anda

noreply@blogger.com (Thalhah Amir) — Wed, 15 Dec 2010 18:29:00 +0000

Salam semua. Baru sekejap td sy postkan satu posting mengenai bubble tooltips. Sekarang sy ingin berkongsi cara membenarkan pengunjung menukar size font pada blog anda. Sy telah mendapat feedback daripada pembaca syoknyerblogging yang mengatakan tulisan di sini kecil sangat. Sy sukakan font sebesar ini sebenarnya. Sbb itu font sy tdk terlalu besar. Tp xmengapa, sy telah sediakan satu widget disebelah tepi sidebar syoknyerblogging.

Untuk membesarkan tulisan anda tekan sahaja gambar kanta pembesar dengan tanda tambah diatas dan untuk kembali pada asal tekan yang tolak. Jangan risau, ia xkan memberi efek pada blog ini. Hanya anda sahaja yang melihat font yang dibesarkan. Harap pembaca berpuas hati dengan widget yang sy letak ini. (^^,).
Anda ingin membuatnya? Senang sahaja. Ikuti langkah dibawah

1 Pergi ke Dashboard > Design > Add a Gadget

2 Pilih Html/Javascript dan salin koding dibawah

<center><a href="javascript:ts('body',1)"><img  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNEq_AHTalNV_M0hrNtHrO3AziY4DOGxIA3DG0GyxKP_oPsKTpoYIPUjZDwmu1f7JFnP7InHuNk6J78m8Ki-h_AVM8m2mYbtZxNerg7_6LHXoIHLYGvncC0wlze_JPVq2p6W-3a1jEsh0/s1600/zoom-in.png"  title="Larger Font"/></a>  <a
href javascript:ts(="body" ,           -1)><img  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJcMK3lUA49kiu7qSGLVy2es0v6bd-jcbqTdAbM8xihvsWwkKoFABR3mEJ78Kl0VoNpH9i0WSB07PT28H_acVfPlwLyIUPMW_lxnsrI9wqUC0fU1689FJg2ylrL0rcPmIagw6HnqgWVZ4/s1600/zoom-out.png"  title="Smaller Font"/></a
href></center>
<script src="http://www.yourjavascript.com/408317151301/royaltutorresizer.js" type="text/javascript">

3 Tekan save. Selamat mencuba (^^,)

Cara Membuat Bubble Tooltips Pada Blog

noreply@blogger.com (Thalhah Amir) — Wed, 15 Dec 2010 17:48:00 +0000

Kali ini sy ingin berkongsi cara membuat bubble tooltips pada blog seperti gambar diatas. Apabila mouse digerakkan pada link, bubble tersebut akan keluar. Untuk mencuba demo try http://pastehtml.com/view/1cd2sok.html. Caranya mudah sahaja dan kodingnya tidaklah panjang sgt seperti tooltips yang lain. Ada byk jenis tooltips yang ada. Sy akan kongsikan pada posting akan datang.

1 Pergi ke Dashboard > Design > Edit Html

2 Backup Template.

3 Cari </head> dan pastekan koding dibawah sebelum </head>

<style type='text/css'>
a.tt{
position:relative;
z-index:24;
color:#3CA3FF;
font-weight:bold;
text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
display:block;
position:absolute;
top:0px; left:0;
padding: 15px 0 0 0;
width:200px;
color: #993300;
text-align: center;
filter: alpha(opacity:90);
KHTMLOpacity: 0.90;
MozOpacity: 0.90;
opacity: 0.90;
}
a.tt:hover span.top{
display: block;
padding: 30px 8px 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtmMRhyKZ6Y_DjJkV2huBYnyVEhwv5ywvt-YvRp3djrbxndVeVlgf26_XK4JxvWWIIkDWmC-oKs2T8Atip21QiIWJ8EouoS49Ne2Kg0HTJ19ovjvhIAp5Y0eA2WNiLXtTtGokdNyMTptvd/) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
display: block;
padding: 0 8px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizZ_1itlaedEgHIykkwJzruE-XRGyxqemx7F3RayhoYDBIsRNrn_1EIsyfaTX8DfNTGZ4AG2TxfpubOuInJxeKQN4ByYV679yRWFGhdCA9uhJCLkEfYKLEuDkkXYUHaw9ssiQMqCsMdqHp/) repeat bottom;
}
a.tt:hover span.bottom{
display: block;
padding:3px 8px 10px;
color: #548912;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtmMRhyKZ6Y_DjJkV2huBYnyVEhwv5ywvt-YvRp3djrbxndVeVlgf26_XK4JxvWWIIkDWmC-oKs2T8Atip21QiIWJ8EouoS49Ne2Kg0HTJ19ovjvhIAp5Y0eA2WNiLXtTtGokdNyMTptvd/) no-repeat bottom;
}
</style>

4 Untuk membolehkan link mengeluarkan bubble sebegitu setiap link hendaklah diubah menjadi seperti dibawah

<a href="Link Anda" class="tt">Nama Link<span class="tooltip">
<span class="top"></span>
<span class="middle">Mesej Pada Bubble</span>
<span class="bottom"></span></span></a>

5 Ubahkan Link Anda, Nama Link dan Mesej Pada Bubble.

Contoh

<a href="http://syoknyerblogging.blogspot.com/" class="tt">SyoknyerBlogging<span class="tooltip"><span class="top"></span><span class="middle">Belajar Blogging Dalam Bahasa Melayu</span><span class="bottom"></span></span></a>

Demo http://pastehtml.com/view/1cd2sok.html

Cara Membuat Menu Menegak Pada Blog

noreply@blogger.com (Thalhah Amir) — Wed, 15 Dec 2010 15:20:00 +0000

Kali ini sy ingin berkongsi cara untuk membuat menu menegak untuk blog anda atau nama english nyer vertical menu. Koding ini dtgnya drpd Dynamic Drive. Sy sgt sukakan blogspot, pelbagai cara dan pelbagai widget kita boleh gunakan padanya. Untuk membuatnya pun tdklah ssh. Salin sahaja koding yang diberikan pada web td. Mcm xbest plak kan kalau sy sekadar kongsi link? sy kongsikan juga disini untuk pembaca syoknyerblogging.

1 Pergi ke Dashboard > Design > Add a gadget

2 Salin koding dibawah dan letakknya dalam widget Html/javascript

<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 13px Verdana;
width: 180px; /* Main Menu Item widths */
border-bottom: 1px solid #ccc;
}

.sidebarmenu ul li{
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #778;
border-right: 1px solid #778;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #012D58; /*background of tabs (default state)*/}

.sidebarmenu ul li a:visited{
color: white;}

.sidebarmenu ul li a:hover{
background-color: black;}


/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
visibility: hidden;}

.sidebarmenu a.subfolderstyle{
background: url(http://www.dynamicdrive.com/cssexamples/media/right.gif) no-repeat 97% 50%;}

/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */
</style>

<script type="text/javascript">
//Nested Side Bar Menu (Mar 20th, 09)

//By Dynamic Drive: http://www.dynamicdrive.com/style/

var menuids=["sidebarmenu1"] //Enter id(s) of each Side Bar Menu's main UL, separated by commas

function initsidebarmenu(){
for (var i=0; i<menuids.length; i++){
  var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
    for (var t=0; t<ultags.length; t++){
    ultags[t].parentNode.getElementsByTagName("a")[0].className+=" subfolderstyle"

  if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu
   ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item
  else //else if this is a sub level submenu (ul)
    ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
    ultags[t].parentNode.onmouseover=function(){
    this.getElementsByTagName("ul")[0].style.display="block"
    }

    ultags[t].parentNode.onmouseout=function(){
    this.getElementsByTagName("ul")[0].style.display="none"
    }
    }

  for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars
  ultags[t].style.visibility="visible"
  ultags[t].style.display="none"
  }
  }
}

if (window.addEventListener)
window.addEventListener("load", initsidebarmenu, false)
else if (window.attachEvent)
window.attachEvent("onload", initsidebarmenu)
</script>

<div class="sidebarmenu">
<ul id="sidebarmenu1">
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Folder 1</a>
  <ul>
  <li><a href="#">Sub Item 1.1</a></li>
  <li><a href="#">Sub Item 1.2</a></li>
  </ul>
</li>
<li><a href="#">Item 3</a></li>

<li><a href="#">Folder 2</a>
  <ul>
  <li><a href="#">Sub Item 2.1</a></li>
  <li><a href="#">Folder 2.1</a>
    <ul>
    <li><a href="#">Sub Item 2.1.1</a></li>
    <li><a href="#">Sub Item 2.1.2</a></li>
    <li><a href="#">Sub Item 2.1.3</a></li>
    <li><a href="#">Sub Item 2.1.4</a></li>
    </ul>
  </li>
</ul>
</li>
<li><a href="#">Item 4</a></li>
</ul>
</div>

Untuk tgk demo http://pastehtml.com/view/1cd0ynd.html

Tips: untuk memudahkan penukaran menu lihat demo dan ubah butang mengikut namanya. Cth: ingin ubah Sub Item 2.1.1. Cari text (Ctrl + F) Sub Item 2.1.1 dan tukarkan mengikut nama dan link kesukaan anda.

Untuk menukar color tabs cari background-color: #012D58; dan tukar mengikut kaler anda inginkan. Untuk menukar kaler apabila mouse dihalakan cari background-color: black;

Selamat Mencuba (^^,)