Spelek Blogger

Macamana Nak Buat Favicon Icon?

noreply@blogger.com (Anonymous) — Wed, 29 Sep 2010 08:28:00 +0000

Salam,
Kali ini saya nak kongsi sesuatu yang saya jumpa dengan korang. Bukan ler best sangat perkara dia, tapi sebelum ni banyak tempat saya selongkar macamana nak buat Favicon icon. Guna gambar kita sendiri atau gambar2 lain yang korang suka sebagai lambang blog/site korang.

Macam2 page saya selongkar, bila buat, bila nak simpan atau save HTML yang saya edit keluar error, mungkin pembuka atau penutup dia salah. Kadang2 dah simpan, ok!, tapi bila check pada page view..Atoi..tak keluar pulak. Pergi banyak page, banyak site, aturcara pun berbeza-beza. Pening kepala. Ye la.. lain orang mungkin lain cara. umpama kata, lain padang lain Belalang. Ada gak yang saya dah buat, boleh simpan, boleh nampak ikon yang saya buat tu, masalah lain pulak yang timbul, tetapi hanya untuk browser Mozilla Firefox jer, Atoi...masalah betul rasanya.

Akhirnya saya terjumpa gak cara bagaimana cara, Cara yang cukup senang dan cukup mudah berbanding dari cara2 yang lain. Itupun bukan kerana saya dapat melalui cara selongkar tanpa pembelajaran. Tapi selongkar secara mendalam dalam satu site, Sebab saya tengok site dia ada ikon gambar dia sendiri, So saya tertanya pada diri saya macamana dia buat? Sedangkan dalam posting dia tidak ada pulak dia menceritakan bagaimana dia pasang Favicon Icon tu. Sedangkan dalam blog/site yang pernah saya kunjungi berkaitan perkara ni, walaupun ada sesetengahnya menceritakan bagaimana cara2 pemasangan ikon ni, tapi pada page dia masih guna ikon std blogger. so? Kadang2 saya sendiri pun cedok idea orang, tapi sebelum saya terbitkan semula secara lengok bahasa saya, saya pastikan apa yang saya terbitkan betul2 berfungsi. Bukan main ceduk tanpa usul periksa. Bukan apa, sejak blogger menyediakan blog template yang baru ni, rasanya posting2 bagaimana cara2 pemasangan bagi sesuatu peralatan, kebanyakkan dah berubah, sebab..kadang2 apa yang diterbitkan dan apa yang ditunjukkan tidak sama dalam blogger template yang baru.. maklum sajalah, saya ni blogger yang masih baru, kebanyakannya kalau agak2 sesuatu perkara yang berlainan agak membingungkan kepala. Tambah2 perkara yang berkaitan java script atau HTML.

Pada yang tak pernah tahu mengenai favicon icon, meh..saya tunjukkan secara bergambar apa yang dimaksudkan, supaya korang senang faham. Entah kenapa ek..Sejak dari dulu lagi, Kalau saya mengajarkan sesuatu, saya lebih suka kalau gambar disertakan. Sejak dari saya bekerja sebagai penyelia dan penyedia 'Produk Proses Work Istruction' disebuah kilang Electronik di Johor Bharu. Cuma bagi saya cara ini lebih senang difahami. Mungkin... Lihat gambar favicon ikon yang saya buat pada blog saya. Dan anda juga boleh memasang pada blog/site anda juga..

Nah, cuba lihat dengan jelas, saya gunakan gambar saya sendiri..huhuhu..gambar sebenar saya..

Mungkin anda berminat dengan cara pemasangannya.
Cukup mudah dan cukup senang, Sesuai dengan semua browser engine.
Langkah pertama apa yang perlu anda buat ialah, Berdaftar dengan IconJ.com, Right klik, kemudian pilih Open Link In New Tab, untuk memudahkan korang kembali disini. [Klik].

Selepas anda berdaftar, anda perlu sahkan akaun anda. Buka email yg anda gunakan untuk mendaftar, klik link untuk mengaktifkan akaun anda di IkonJ.com. Kemudian Login akaun anda.

Bila anda berada dilaman akaun anda, Muat naik gambar yang anda ingin gunakan sebagai ikon.
Support format Gif, JPG dan PNG.

Kemudian, Namakan file gambar yang anda muat naik. Seterusnya klik tab 'save it'.

Kemudian, pada side bar, lihat tab 'My Favicon Code'. Klik tab tersebut.

Kemudia anda akan temui Dynamic Favicon Code anda, Salin code (Copy Code) didalam ruang kotak tersebut. Tampalkan sementara pada note pad jika perlu.

Setelah anda salin code didalam kotak, anda perlu edit HTML site anda. Untuk new blogger template, Anda perlu cari perkataan <title><data:blog.pagetitle/></title>. Tampal code tersebut selepas atau dibawah perkataan tersebut. (Lihat contoh dibawah).

Sekarang anda perlu klik tab 'Save Template'. Seperti mana yang saya buat, tidak ganguan atau perkataan error yang berlaku.

Selamat Mencuba.

BigExtraCash.com partner program

noreply@blogger.com (Anonymous) — Wed, 08 Sep 2010 19:11:00 +0000

EARN INCOME FROM YOUR WEBSITE

Turn your valuable blog visitors into revenue.
Work online and join our free money making partner program.
We offer the most pay-per-click rate to help maximize your
revenue stream.
Join our money making program absolutely no charge and 100% risk free.
Sign Up...

0 (ZERO) INVESTMENT PROGRAM

We designed this earning money program
specifically for NO SETUP FEE methods,
to make hundreds, if not millions of dollars, without spending dollars.

A constant cash generator

Imagine running of a something that never failed to provide you with
money-flow.
A earning money system
so amazingly profitable that you never had to work for a boss ever again!

Mountain a steady stream of cash

Our money making system
enables you to generate a steady stream
of revenue, 24 hours a day, 7 days a week, 365 days a year.
Allowing you more time to focus on the things you love.

You'll even be making money while you sleep!
Healthy Way to Lose Weight for Women Women Fast and Healthy Weight loss...Begin applying unique weight loss techniques... eat nuturing good tasting nutritional foods you actually enjoy, while burning fat at the same time..

Bagaimana Untuk Menyembunyikan NavBar Dilaman Anda

noreply@blogger.com (Anonymous) — Sat, 04 Sep 2010 18:03:00 +0000

Salam penuh ceria. Kali ini, saya nak kongsikan satu perkara dan satu peralatan yang tidak kurang menariknya. Perkara tersebut mengenai navbar. Navbar adalah alat dimana ianya terdapat pada atas sekali laman saya dan juga laman anda. Dan apa yang saya perhatikan, bila mengunjung dan menjelajah dari satu blog ke satu blog, Saya dapati kebanyakkan darinya telah membuang peralatan tersebut. Dan saya sendiri juga telah mempratikkan pada laman saya. Tetapi kini tidak lagi. Harus diingatkan seperti mana yang saya ketahui, Jika laman anda tidak mempunyai navbar disedari oleh pasukan Blogger atau Google, anda mungkin akan dikenakan Penalti. Secara jelasnya saya tidak pasti tetapi adalah tidak mustahil dari sumber yang ketahui. Kerana navbar disediakan oleh Blogger dan Google, mempunyai sebab-sebab yang jelas, yang mana terdapat satu link yang penting padanya, link yang dimaksudkan ialah 'Lapor Penyalahgunaan'. Sekiranya ini dibuang, pemilik mungkin berangapan apa yang dikarang atau gambar, video dan lain-lain yang dipaparkan semua benar. Sedangkan ada sesetengahnya bertentang dengan etika seorang blogger. Jika navbar dibuang, maka pelawat atau pegunjung sukar melaporkan perkara tersebut kepada pasukan blogger atau google. Selain dari itu, navbar sebanarnya dapat membantu anda, jika pengunjung klik pada 'Next Blog>>', ini kerana
satu link akan tercipta, kerana pada laman seterusnya dia dapat mengesan satu link dari laman yang mana pengujung tersebut yang membuka lamannya. Saya dapat perhatikan perkara sebegini melalui blogger in draft, Menurut saya setiap blogger harus menunjukkan rasa terima kasih mereka ke Blogger, baik dengan menunjukkan Blogger Butang kecil, atau dengan menunjukkan navbar tersebut. Jika navbar tidak sepadan dengan template ini, maka di sini ingin saya kogsikan adalah sebuah script sederhana untuk menyembunyikan sementara navbar, tapi akan dipaparkan untuk para pengunjung jika mereka hover kursor mouse mereka melalui di atasnya. Lihat contoh gambar,

Lihat bagaimana laman saya ini mempunyai 3 traffic sources. Tetapi saya tidak pasti kenapa graft yang ditunjukkan laman ini seolah bermula pada bulan july, sedangkan jelas saya rekod bahawa saya membuat laman ini pada 31-Ogos-2010, Malam menyambut Hari Kemerdekaan bagi Malaysia, Negara saya.Ah..lupakan masalah kecil ini, tetapi apa yang ingin saya katakan, mengenai traffic sources yang datang dari 3 arah yang berbeza, Jelas, disini blogger draft dapat membantu saya melihat secara jelas sumber link laman saya dan juga anda. Saya amat menyukainya, mungkin juga anda. Sekarang mari kita lihat dan pelajari bagaimana untuk menyembunyikan navbar tanpa kita membuangnya, kerana peralatan ini satu aset yang besar bagi laman kita. Sesungguhnya setiap orang mempunyai pandangan sendiri apalagi dengan sebabnya. Apa yang perlu anda buat untuk meyembunyikan navbar dilaman anda? Pergi pada blog Layout-->, Edit HTML. Apa yang anda perlu cari didalam ruang kod template adalah blogger template designer. Biasanya ini terdapat pada bahagian atas, tidak sesukar mana untuk anda mencarinya, mungkin juga anda boleh melihat contoh gambar yang saya sediakan. Sebelum iti, salin kod dibawah ini.

/* Blogger Navigation Bar */
#navbar-iframe {
opacity:0.0;
height: 10px;
filter:alpha(Opacity=0)
}
#navbar-iframe:hover {
opacity:1.0;
height: 30px;
filter:alpha(Opacity=100, FinishedOpacity=100)
border: 2px;
}
/*Blogger-Help-http://spelek-blogger.blogspot.com*/

Lihat contoh.

Oh..begitu mudah sekali..Nah, setelah siap di tampal, jangan lupa, klikkan butang 'Save Template'. Sekarang anda boleh lihat bagaimana ianya berfungsi, tentu menarikkan? Selamat mencuba dan bergembira dengan laman anda. Jumpa lagi.

Bagaimana Membuat Penanda Nombor Bagi Post Comment?

noreply@blogger.com (Anonymous) — Sat, 04 Sep 2010 13:03:00 +0000

Salam,
Bagaimana untuk menambah nombor terhadap semua komen-komen di blog anda. Dan setiap nombor akan dihubungkan dengan ulasan yang unik. Anda / pembaca anda boleh menggunakan nombor dan link yang berkaitan dengan menyebutkan atau titik tertentu komen pada setiap posting anda. Ini membuatkan bahagian tersebut tidak terlalu kosong, dan sesungguhnya amat menarik.
Anda boleh lihat contoh dibawah, tetapi saya, semasa membuat posting ini dan kerana perjalanan laman ini terlalu baru, saya terpaksa menggunakan komen sendiri bagi menguji keberkesanannya. Lalu saya snap photo untuk tontonan anda. Saya harap anda menyukainya.

Anda juga boleh mencubanya secara langsung jika itu yang anda inginkan. [KLIK DISINI] untuk melihat atau
mencuba bagaimana ia berfungsi. Lihat pada bahagian komen.
Sekiranya anda inginkan pada laman anda, ikutilah langkah mudah yang saya ingin kongsikan dibawah.

Langkah Pertama:
Login to blogger, Seperti biasa, pergi ke 'Blog Layout', kemudian klik tab 'Edit HTML'. Kemudian tandakan kotak 'Expand Widget Template'. Sekiranya anda tidak menanda didalam kotak ini, anda tidaka akan menemui apa yang ingin kita cari didalamnya, Menandakan kotak ini, umpama kita menghurai keluar segala isi didalamnya.

Langkah berikutnya,
Pada ruang kod template layout, tekan key CTRL+F, untuk mencari perkataan

<b:loop values='data:post.comments' var='comment'>

Salin kod dibawah ini, kemudian tampalkan sebelum atau diatas perkataan yang kita cari sebentar tadi.

<script type='text/javascript'>var CommentsCounter=0;</script> 

Lihat contoh gambar dibawah.

Dengan menekan key CTRL+F, cari kod ini pula.

<data:commentPostedByMsg/>

Kemudian salin kod dibawah ini, kemudian tampalkan selepas atau dibawah kod yang dicari sebentar tadi.
Lihat contoh gambar dibawah.


<span class='comm-num'>
<a expr:href='data:comment.url' title='Comment Link'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</a>
</span>

Untuk sementara, anda boleh meyimpan kod yang telah ditampalkan, klik butang 'Save Template' untuk menyimpan kod tersebut.
Opsss..tunggu dulu, proses ini belum siap sepenuhnya.
Sekarang kita cari kod dibawah. Tekan key CTRL+F, untuk mencari kod ini. </head>.

Kemudian salin kod dibawah ini, dan tampalkan sebelum atau diatas kod </head> tadi.
Anda boleh lihat pada gambar bagaimana dan dimana harus anda tampal kod dibawah ini.


<style type="text/css">
.comm-num a:link, .comm-num a:visited {
color: #FF0000 !important;
text-decoration: none !important;
background: url(http://i50.tinypic.com/egx3t3.jpg) no-repeat;
width: 50px;
height: 48px;
float: right;
display: block;
margin-right: 5px;
margin-top: -15px; /*comments-counter position*/
text-align: center;
font-family: 'Century Gothic','Lucida Grande',Arial,Helvetica,Sans-Serif;
font-size: 15px;
font-weight: normal;
}

.comm-num a:hover, .comm-num a:active {
color: #000000 !important;
text-decoration: none !important;
}
</style>

Anda boleh tukar url link image untuk mengantikan gamabr, lihat kod yang bertulisan merah diatas, anda juga boleh menukar saiz lebar dan lebar gambar tersebut.
Untuk menukar warna tulisan, anda boleh edit pada tulisan yang berwarna biru, pada bahagian atas, warna bagi paparan lalai, manakala dibahagian bawah pula semasa mouse hover.

Anda boleh dapatkan disini bagi menukar ikon gambar, Terima kasih kepada Divya Sai untuk link tersebut. Anda juga boleh menggunakan ikon anda sendiri, sekiranya anda muat naik ikon tersebut kemana-mana url image hosting dan tetapi anda harus menyebutkan dimensi yang benar (lebar dan tinggi) untuk penempatan nombor yang betul pada gambar.
(Right-Click and select "Copy Image Address/Location"):

Setelah semua selesai, klik butang 'Save Template' untuk menyimpan.

Anda boleh klik tajuk utama posting anda, Lakukan percubaan komen anda untuk melihatnya, sekiranya tanpa sebarang komen anda tidak mungkin dapat melihatnya.

Selamat mencuba.

Bagaimana Menampilkan Gambar Yang Berbeza Pada Mouse Hover

noreply@blogger.com (Anonymous) — Sat, 04 Sep 2010 10:47:00 +0000

Salam, Pada posting kali ini, ingin saya menunjukkan kepada anda bagaimana cara menampilkan gambar yang berbeza setiap kali titikus anda melalui pada kawasan gambar tersebut. Ini bukanlah sesuatu yang luar biasa, tetapi mungkin ianya berguna jika anda ingin menambahkan fun kepada laman anda. Mungkin juga anda ingin membuat kejutan kepada pelawat anda, sesunguhnya bergantung kepada anda untuk menampilkan gayanya.
Jika anda ingin melihat contoh bagaimana ianya berfungsi, [KLIK DISINI].

Kaedah ini tidak terlalu menyukarkan diri anda, cuma dua langkah perlu dilakukan dalam dua situasi yang berbeza. Anda tidak perlu risau menggunakan peralatan ini, kerana ianya hanya berfungsi pada gambar yang anda tetapkan sahaja, dan tidak bertindak untuk keseluruhan gambar dilaman anda kecuali anda yang menentukan.

Sekarang mari kita lihat bagaimana dua kaedah ini:

Pertama anda harus menambahkan beberapa kod untuk template anda, untuk melakukan itu
Pergi ke bahagian "Layout, kemudian klik" Edit HTML ",
Sekarang cari kod ini, untuk mencari secara pantas anda boleh guna key CTRL+F, sungguh menjimatkan masa anda bukan?
Cari kod,
</ Body> (biasanya berada di bawah).

Salin kod dibawah ini, kemudian tampalkan sebelum atau diatas kod </body> yang saya katakan diatas.

<script type="text/javascript">
//<![CDATA[

function pat_getByClass(c){
ems=new Array();e=document.getElementsByTagName('*');pattern=new RegExp('(^|\\\\s)'+c+'(\\\\s|$)');
for(i=0,j=0;i<e.length;i++)if(pattern.test(e[i].className)){ems[j]=e[i];j++;}
return ems;
};

function ps_flipit(){
var c = pat_getByClass('flipit');
for(i=0;i<c.length;i++){
c[i].firstChild.onmouseover=function(){
this.style.display='none';
this.parentNode.lastChild.style.display='';
};
c[i].lastChild.onmouseout=function(){
this.style.display='none';
this.parentNode.firstChild.style.display='';
};
}
}

ps_flipit();

//]]>
</script>

Sekarang apa yang perlu anda lakukan adalah menyimpan datanya, klik tab save template.
Ini belum bermakna alatan ini telah berfungsi sepenuhnya, sepertinya sumber telah diaktifkan.. saya harap begitu.

Langkah Kedua:
Sekarang dan seterusnya, sementara posting sebarang artikel, bila-bila masa anda ingin menunjukkan kesan ini, baik upload gambar, dan link harus tertanam dengan betul seperti yang penerangan di bawah ini:

Salin kod dibawah. Nasihat saya anda menampalkan untuk sementara kod dibawah ini pada notepad. Ini amat berguna buat anda, dan anda boleh menyimpan notepad tersebut, tanpa perlu kembali kesini, tetapi sesungguh laman ini sentiasa menyambut penuh hormat kedatangan anda. :)

<div class="flipit"><a href="http://FIRST_IMAGE_TARGET_LINK_DISINI" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" style="display: none; "><img alt="" border="0" id="TITLE_PHOTO1" src="http://FIRST_IMAGE_TARGET_LINK_DISINI" style="cursor: pointer;"></a><a href="SECOND_IMAGE_TARGET_LINK_DISINI" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" style=""><img alt="" border="0" id="TITLE_PHOTO2" src="SECOND_IMAGE_TARGET_LINK_DISINI" style="cursor: pointer;"><br>

Anda lihat kod diatas, ada yang saya gunakan tulisan, Biru, Merah dan Hijau. First Image, dari mana-mana laman lain atau anda muat naik gambar tersebut, muat naik secara langsung dari blog juga anda. Biasanya kalau anda muat naik terus dari laman anda, blogspot contohnya, selalunya anda akan lihat file tersebut, contoh yang mungkin anda lihat seperti begini.:
http://2.bp.blogspot.com/_4fVBL4fjrFI/STU4vsTwNmI/AAAAAAAABNs/CbLhZ6lImOQ/s1600-h/Morn.jpg", jadi inilah url image link tersebut, jika itu gambar yang anda mahu guna. Anda boleh tampalkan pada First Image Target Link Disini. JIka anda ingin jadikan untuk yang kedua, tampalkan dibawahnya.
Muat naik gambar yang kedua, salin url image link.
Tetapi harus ingat, anda mesti menampal image link yang sama, bagi gambar pertama, begitu juga dengan gamabr yang kedua.
Sekarang anda lihat pula tulisan berwarna hijau, sebenarnya ini tidak menampakkan perubahan besar, tetapi ada baiknya anda menamakan Id bagi gambar tersebut. mungkin ini boleh digunakan sebagai keyword bagi laman anda.
Seperi contoh url image link yang berikan diatas, anda lihat tulisan yang berwarna oren , s1600. pastikan kesemuanya adalah sama, ianya bertindak selaku saiz gambar, adakalanya anda akan dapati s320.

Setelah siap semuanya, Sekarang anda boleh siarkan posting anda,

Selamat Mencuba dan semoga bergembira.

Bagaimana Membuat Alat Zoom Pada Gambar Didalam Blog Anda.

noreply@blogger.com (Anonymous) — Sat, 04 Sep 2010 07:59:00 +0000

Salam,
Ntah kenapa hari ini saya lebih suka bermain dengan peralatan gambar, semalam saya merangkak jauh dari satu laman ke satu laman. Lalu dalam rasa seronok menyelongkar segala isi perut setiap laman, Saya terjumpa sesuatu yang mungkin menarik minat anda, sebenarnya anda boleh jumpa cara yang sama di halaman-halaman yang lain, tetapi seperti apa yang telah saya katakan pada post saya yang sebelumnya, apa yang saya pelajari saya kongsikan dan saya olahkan mengikut bahasa melayu. Ini kerana bagi saya, ada sesetengah individu kurang fasih mengunakan bahasa asing, jadi disini saya terjemahkan mengikut cara saya dan bahasa saya. Dan ini amat menyenangkan hati saya, begitu juga bahasa yang saya gunakan, sebolehnya saya inginkan setiap posting saya mesra dengan Translator Gadget yang saya pasangkan dalam laman saya ini. Saya mahukan keadilan bagi setiap pelawat atau pengunjung laman saya. Dan harapan saya anda bergembira.
Nah, Apa yang saya ingin kongsikan kali ini mengenai gambar yang mana sejenis alat yang dipasang dapat membesarkan gambar yang anda muat naik kedalam laman anda dapat dibesar seperti kanta pembesar. (ZOOM).
Pada mula saya membaca tajuk utama, agak sukar bagi saya meneka bagaimana ianya berfungsi. Lalu saya
cuba ikuti langkah-langkah yang ditulis sebagaimana penulis asal alat JQZOOM ini. Berulang kali saya mencuba, pada tahap pertama dan kedua, saya gagal memahami cara dan langkah-langkah tersebut. Namun sesungguhnya saya rasa bersyukur setelah saya mencuba berulang kali, akhirnya apa yang saya pelajari berhasil saya lakukan. Untuk melihat bagaimana ianya berfungsi, anda boleh lihat bagaimana saya berjaya memasang alat tersebut. [SILA KLIK], untuk melihat fungsi alat tersebut.
Disini juga saya sediakan gambarannya.

Mari kita mencuba, bagaimana langkah tersebut.
Langkah pertama.
Seperti biasa, untuk bermain dengan css kod, anda perlu pergi ke blog Layout-->Edit HTML.
Dalam ruangan HTML text template, tekan key CTRL+F, untuk mencari perkataan </head>.
Seterusnya anda perlu salin kod dibawah ini. Dan anda perlu tampalkan diatas atau sebelum perkataan </head> tersebut.
Salin kod dibawah.

<script src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/jquery.jqzoom1.0.1.js" type='text/javascript'></script>
<link rel="stylesheet" href="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/jqzoom.css" type="text/css" />
<script type="text/javascript">

$(function() {
var options =
{
zoomWidth: 275,
zoomHeight: 275
}
$(".jqzoom").jqzoom(options);

var options2 =
{
zoomWidth: 275,
zoomHeight: 275,
zoomType:'reverse'
}

$(".jqzoom2").jqzoom(options2);

});
</script>

Untuk saiz bagi ketinggian dan juga kelebaran, anda boleh menukar mengikut citarasa dan kesesuaian anda, Lihat tulisan yang berwarna merah diatas, itu adalah saiz lalai yang ditetapkan. terpulanglah kepada anda.
Setelah anda siap menampal dan mengubah saiz, sekarang anda perlu simpan, Klik Tab 'Save Template'.

Nota: Peralatan telah diaktifkan, cuma ada sedikit penambahan perlu dilakukan untuk ianya benar-benar berfungsi.

Pada mulanya saya begitu keliru tentang keadaan ini, namun segalanya terjawab selepas berulang kali mencubanya. Untuk menjelaskan keadaan seharusnya saya ceritakan bagaimana kekeliruan itu timbul. Apa yang perlu anda lakukan adalah, anda perlu muat naik gambar kemana-mana image hosting. Seperti anda juga biasa mengenai Picasaweb, photobucket, istockphoto dan lain-lain, tetapi saya lebih suka menggunakan google site. Menjadikan ianya sebagai store penyimpanan segala apa saja file saya, dan ianya juga adalah percuma. Dengan menggunakan google site, anda tidak hanya dapat menyimpan gambar, tetapi apa saja ffile untuk muat naik atau muat turun, dan ramai diantara kita tidak mengetahuinya.

Sekarang, muatkan naik gambar yang ingin anda pasangkan untuk alat zoom ini, sebenarnya cara ini lebih menyenangkan anda. Kerana teknik ini hanya berfungsi pada gambar yang tertentu sahaja, bukan untuk keseluruhan gamabr-gambar dilaman anda.

Setelah dimuat naik gambar yang dimaksudkan, salin url link gambar tersebut. contohnya http://photobucket/akaun-anda-gambar anda.jpg. Nah sekarang anda tampalkan dulu url link gambar anda. Anda boleh gunakan notepad untuk sementara.

Sekarang anda salin kod dibawah.

<a href="DIRECT_LINK_TO_THE_LARGER_IMAGE" class="jqzoom" title="IMAGE_TITLE"><img src="DIRECT_LINK_TO_THE_SMALLER_IMAGE"/></a>

Apa yang anda perlu lakukan seterusnya, pada tulisan berwarna merah DIRECT_LINK_TO_THE_LARGER_IMAGE
Anda perlu gantikan kedua-dua dengan url link gambar yang sama anda muat naik ke image hosting sebelumnya. Image Title yang bertulisan biru, anda gantikan tajuk gambar tersebut mengikut tajuk anda.

Nota: Nasihat saya, ada baiknya sekiranya kod ini dimasukkan selepas anda mengarang posting anda, tampalkan kod semasa anda meng'Edit pada post Edit HTML tab, dan mungkin juga anda boleh lakukan pada post compose template.

Ok, Selamat mencuba dan selamat berjaya.

Browser Support.

6+ | 2+ | 1.0 | 2+ | 9+ |

Project Author:
Renzi Marco from Mind Projects, presently working on the next release of jqzoom with thumbnail image switch.
R. Marco is an Italian Engineer skilled in php, CodeIgniter, javascript, JQuery, XML and SOAP... He is actually looking for a full-time job in a collaborative and innovative web team. Hire Him.

Bagaimana Menukar Latar Belakang Atau Warna Yang Berbeza Bagi Setiap Post?

noreply@blogger.com (Anonymous) — Fri, 03 Sep 2010 18:20:00 +0000

Salam, Bersua kembali.
Hari ini saya ingin kongsikan dengan anda bagaimana untuk menukar warna atau latar belakang yang berbeza-beza bagi setiap post. Hal seperti ini adakalanya kita lakukan sekiranya untuk kelainan bagi setiap posting kita, ini adakalanya disebabkan mungkin sebahagian gambar yang dimasukkan tidak bersesuaian dengan latar belakang posting. Jadi cara ini anda boleh gunakan bagi membezakan kekeliruan tersebut.
Sekarang mari kita pelajari bagaimana untuk menukarkannya.

Dibawah, adalah contoh keadaaan tersebut, anda juga boleh klik pada link untuk mendapatkan keadaan sebenar: Gambar Latar Belakang Yang Berbeza Bagi Setiap Post.

BAGAIMANA UNTUK MELAKUKAN?

Untuk menukar warna tanpa menambah gambar, anda salinkan kod dibawah ini.
<div style="background#FF00FF; padding:5px 8px 5px 8px,">

Disini ruang apa yang anda tulis sebagai posting.... dan di akhir posting ada perlu menambah kod untuk menutup posting tersebut. Kod tersebut seperti dibawah yang berwana hijau.
</div>

- Kod yang menggunakan tulisan berwarna merah diatas, anda perlu masukkan pada permulaan posting.
- Kod berwarna hijau pula anda perlu tambah diakhir posting
- Tukar kod warna yang berwarna biru diatas untuk memilih warna kesukaan anda, untuk ini anda boleh lihat color code template yang telah saya sediakan pada tab halaman. KLIK DISINI untuk melihatnya.

Bagi menggunakan Latar Belakang bergambar pada posting tersebut pula, apa yang perlu lakukan tidak jauh bezanya dengan cara diatas, cuma anda perlu memilih gambar, kemudian muat naik gambar tersebut ke mana-mana image hosting website. Sebenarnya banyak pilihan untuk anda memilih website untuk anda menyimpan gambar, contohnya Photobucket.com, ImageShack, PicasaWeb, Istockphoto dan lain-lain. Anda boleh membuka satu akaun percuma buat anda disana.

Sekarang kita lihat bagaimana untuk menjadikan posting anda berlatar Belakangkan gambar kesukaan anda.
Salin kod dibawah ini.

<div style="background:url(URL ADDRESS OF THE PIC) no-repeat;">
Disini ruang apa yang anda tulis sebagai posting.... dan di akhir posting ada perlu menambah kod untuk menutup posting tersebut. Kod tersebut seperti dibawah yang berwana hijau.
</div>

- Kod yang menggunakan tulisan berwarna merah diatas, anda perlu masukkan pada permulaan posting.

- Kod berwarna hijau pula anda perlu tambah diakhir posting

- Tukar URL ADDRESS OF THE PIC yang berwarna biru dari alamat image yang telah anda muat naik dilaman hosting gambar yang saya katakan sebelumnya.

Contoh bergambar dibawah mungkin dapat membantu anda untuk lebih memahami bagaimana caranya:

Nota:- Nasihat saya, sebaiknya anda masukkan kod tersebut selepas anda mengarang posting, Kemudian EDIT Post. Cara ini lebih menyenangkan dan tidak mengelirukan.
- Lakukan pada EDIT HTML Post bukan pada Compose.
- Dan sekiranya anda melakukan edit posting karangan anda, anda boleh lakukan pada tab compose, ini tidak akan menggangu kod tersebut, kerana ruang compose kod yang ditampal tidak kelihatan.

Selamat mencuba dan bergembira dengan hasilnya,

Sekian,

Bagaimana Untuk Membuat Site Anda Lebih Meluas Siaran?

noreply@blogger.com (Anonymous) — Thu, 02 Sep 2010 21:03:00 +0000

Salam kembali, Kali ini saya ingin menunjukkan anda bagaimana untuk membuatkan site anda lebih meluas tersebar di seluruh enjin pencari seluruh dunia. Atau anda mahu saja saya lupakan pengetahuan saya ini untuk dikongsi bersama, Terpulanglah kepada anda bagaimana untuk menerimanya, tetapi anda boleh cuba cara ini, mungkin ini satu rahsia yang jarang sekali dikongsi bersama, ingatlah, cari ini sememangnya membantu site anda merebak dan merangkak kesetiap enjin carian seluruh dunia, anda boleh mencubanya, dan katakan kepada saya, sehari selepas anda melakukan cara ini, purata pungunjung site anda masih tetap sama atau bertambah. Saya tidak mahu menjanji sesuatu yang memberangsankan tetapi ini salah satu cara disaat setiap kali selepas menulis posting. Adakah petang itu lebih baik atau pagi yang lebih indah? Nah lihatlah, bertapa mudahnya cara ini
Tidak saya mendapat keuntungan yang berganda-ganda untuk membantu dan berkongsi pengetahuan setakat apa yang saya tahu. Teruskan kebawah dan terus membaca serta mengikutinya sekiranya anda itu yang anda mahukan.

Langkah 1,

Buka halaman http://pingomatic.com/ di browser Internet anda.
Dalam Nama "Blog" peti masuk "Tajuk Site Anda"
Di tempat "Blog Home Page masukkan" http://site Anda.com "
Kemudian pada "Common Services" klik "Pilih Semua" untuk semua perkhidmatan dipilih.
Kemudian klik butang "Submit Ping" butang.

Langkah 2.
Buka halaman http://autopinger.com di browser Internet anda.
Di tempat "Url" masukkan "http://site Anda.com"
Kemudian klik Ping butang "Start Ping".

Langkah 3.
Buka halaman http://www.pingmyblog.com di browser Internet anda.
Dalam Nama "Blog" peti masuk "Tajuk Site Anda"
Di tempat "" URL Blog masukkan "http://site Anda.com"
Kemudian klik "Tandakan Semua" untuk semua perkhidmatan dipilih.
Kemudian klik "Saya bersetuju dengan Syarat-syarat Perkhidmatan".
Kemudian klik "Ping MY Blog" butang.

Langkah 4.
Buka halaman http://www.feedping.com di browser Internet anda.
Dalam Nama "/ Blog Situs:" peti masuk "Tajuk site Anda"
Dalam "/ tempat Blog URL Site" masukkan "http://site Anda.com"
Kemudian klik "Cek Semua" untuk semua perkhidmatan dipilih.
Kemudian klik "Submit".

Langkah 5.
Buka halaman http://blogsearch.google.com/ping di browser Internet anda.
Dalam alamat "blog anda:" tempat masukkan "http://Site Anda.com"
Kemudian klik "Submit Website" butang.

Langkah 6.
Buka halaman http://pingler.com di browser Internet anda.
Dalam Nama "Website atau Tajuk:" peti masuk "Tajuk Site Anda"
Dalam "Website Url:" tempat masukkan "http://site Anda.com"
Kemudian masukkan teks dalam gambar captcha di "Masukkan Mesej Captcha" tempat.text plate. Pastikan anda memasukkan text yang betul sepertimana yang dipaparkan pada captcha box text.
Kemudian klik "Ping My Site" butang

Harus diingat, selesaikan satu persatu proses ping my blog sebelum anda membuka laman yang berikutnya. Dan ada juga sesetengah enjin pencari gagal menerima site anda, tetapi sekurang-kurang site anda dapat diterima oleh kebanyakkan enjin pencari.

Selamat Mencuba,

Sekian.

Bagaimana Memasang Sharing Sexy Bookmark?

noreply@blogger.com (Anonymous) — Thu, 02 Sep 2010 19:16:00 +0000

Salam,

Dari satu laman kesatu laman saya menjelajah, Waktunya sudah kepagi, mata pula rasa mengantuk. Tiba-tiba tiba disatu ruang, website dari negara jiran, saya terjumpa sesuatu yang mungkin boleh dikongsi bersama, mungkin ada yang berminat mungkin juga sebaliknya, Itu terpulanglah kepada anda, sekadar ingin berkongsi apa yang saya jumpa.

Sharing sexy bookmark, tab yang menyenangkan juga begitu cantik, memudahkan pelawat berkongsi posting anda secara cepat kelaman-laman sosial atau lainnya. Bagi saya ianya cukup mesra pengguna. dan sungguh sexy seperti apa yang dikatakan dan bersesuaian dengan tajuknya.

Lihat contoh bagaimana saya telah lakukan kepada page saya, pada setiap bahagian bawah posting terdapat bookmark tersebut, yang pada asalnya saya sendiri tercari-cari dimana kemunculannya.

Nah, beginilah contoh yang anda boleh nampak bookmark tersebut, setiap kali mouse melintasi ta tersebut, akan muncul secara jelas tab yang dimaksudkan, dan tanpa menghalakan mouse kearahnya, ianya hanya nampak separuh sahaja tab tersebut, sungguh menarik, ini saya dapatkan daripada cahayabiru, dan saya tidak pasti samaada cahayabiru
pemilik asal ciptaan ini. Walaubagaimana pun terima kasih kepada beliau kerana sudi berkongsi. Dan sekarang saya pula berkongsi dengan anda. Mungkin anda boleh dapatkan daripada cahayabiru, berbezanya disini saya kemukakan keterangan mengikut gaya saya dan menggunakan bahasa Malaysia. Kepada anda yang tidak memahami bahasa Melayu atau Malaysia, anda boleh gunakan Gadget Language Translator yang telah saya sediakan bagi kemudahan anda, dan saya cuba sebaik mungkin bahasa saya agar translator dapat berfungsi dengan baik menterjemah lengok bahasa saya kepada bahasa anda.

Sekarang berbalik kepada topik utama. Bagaimana untuk melakukan atau menghasilkan alat ini berfungsi di halaman anda?

Langkah pertama,

Anda Perlu muat turun file ini, file yang dimuat turun adalah jenis WinRAR. Selepas muat turun file ini, anda perlu keluarkan 2 file yang terdapat didalamnya,

1- sharingsexy.png

2- sexysprite.png

Klik disini untuk muat turun winRAR file tersebut.

Selepas anda muat turun, kemudian keluarkan 2 file gambar yang terdapat didalamnya, kemana mana bahagian folder komputer anda, kemudian anda perlu muat naik semula kedua-dua file ini kemana mana hosting image, anda boleh gunakan Hosting Photobucket.com atau anda juga boleh gunakan Picasa Web. Apa yang perlu anda cuma copy link gambar yang dimuat naik tadi untuk gantikan pada 3 tempat dimana telahsaya tandakan dengan tulisan biru tebal. File sharingsexy.png perlu anda tampal didua tempat dan sexysprite.png cuma satu tempat.

Langkah seterusnyanya,

Seperti biasa, untuk bermain dengan css kod, anda perlu kepada blog layout --> Edit HTML, kemudian klik pada expand widget template.

Pada ruangan css script kod, Tekan CTRL + F, cara biasa atau shortcut untuk carian. Apa perlu anda cari kali ini adalah perkataan ]]></b:skin>,

Seperti mana biasa, anda boleh copy perkataan tu disini, kemudian praktikkan dilaman anda. Dan sekarang apa yang perlu anda lakukan, Salin kod dibawah ini, dan tampalkan dibawah perkataan ]]></b:skin> ini.

Salin kod dibawah. Seeloknya anda salin kod dibawah ini, kemudian tampalkan didalam format notepad untuk sementara. Bagi mengelakkan kekeliruan semasa menampal dalam ruang css kod. Setal kod dibawah ini anda telah tampalkan pada mana-mana notepad dalam komputer anda, Pada perkataan atau tulisan biru tebal yang saya tandakan dibawah, ianya perlu digantikan dengan alamat image posting yang telah anda muat naik sebelumnya. DAn anda harus ingat, jangan tertukar kedudukan file, saya cuma menandakan tulisan berwarna biru hanya untuk dimana image hosting anda berada, nama file image tidak saya tanda untuk tidak mengelirukan anda membezakan image file yang mana perlu berada ditempat tersebut. Setelah anda telah menetapkan alamat image posting yang anda edit menggunakan notepad, sekarang pilih semua kod css yang telah anda edit, salin sekali lagi, kemudian tampalkan dibawah perkataan ]]></b:skin>,

div.sexy-bookmarks {

height:54px;

background:url('http://YOUR-IMAGE-HOSTING/sharingsexy.png') no-repeat left bottom;

position:relative;

width:540px;

}

div.sexy-bookmarks span.sexy-rightside {

width:17px;

height:54px;

background:url('http://YOUR-IMAGE-HOSTING/sharingsexy.png') no-repeat right bottom;

position:absolute;

right:-17px;

}

div.sexy-bookmarks ul.socials {

margin:0 !important;

padding:0 !important;

position:absolute;

bottom:0;

left:10px;

}

div.sexy-bookmarks ul.socials li {

display:inline-block !important;

float:left !important;

list-style-type:none !important;

margin:0 !important;

height:29px !important;

width:48px !important;

cursor:pointer !important;

padding:0 !important;

}

div.sexy-bookmarks ul.socials a {

display:block !important;

width:48px !important;

height:29px !important;

font-size:0 !important;

color:transparent !important;

}

.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover {

background:url('http://YOUR-IMAGE-HOSTING/sexysprite.png') no-repeat !important;

}

.sexy-furl {

background-position:-300px top !important;

}

.sexy-furl:hover {

background-position:-300px bottom !important;

}

.sexy-digg {

background-position:-500px top !important;

}

.sexy-digg:hover {

background-position:-500px bottom !important;

}

.sexy-reddit {

background-position:-100px top !important;

}

.sexy-reddit:hover {

background-position:-100px bottom !important;

}

.sexy-stumble {

background-position:-50px top !important;

}

.sexy-stumble:hover {

background-position:-50px bottom !important;

}

.sexy-delicious {

background-position:left top !important;

}

.sexy-delicious:hover {

background-position:left bottom !important;

}

.sexy-yahoo {

background-position:-650px top !important;

}

.sexy-yahoo:hover {

background-position:-650px bottom !important;

}

.sexy-blinklist {

background-position:-600px top !important;

}

.sexy-blinklist:hover {

background-position:-600px bottom !important;

}

.sexy-technorati {

background-position:-700px top !important;

}

.sexy-technorati:hover {

background-position:-700px bottom !important;

}

.sexy-myspace {

background-position:-200px top !important;

}

.sexy-myspace:hover {

background-position:-200px bottom !important;

}

.sexy-twitter {

background-position:-350px top !important;

}

.sexy-twitter:hover {

background-position:-350px bottom !important;

}

.sexy-facebook {

background-position:-450px top !important;

}

.sexy-facebook:hover {

background-position:-450px bottom !important;

}

.sexy-mixx {

background-position:-250px top !important;

}

.sexy-mixx:hover {

background-position:-250px bottom !important;

}

.sexy-script-style {

background-position:-400px top !important;

}

.sexy-script-style:hover {

background-position:-400px bottom !important;

}

.sexy-designfloat {

background-position:-550px top !important;

}

.sexy-designfloat:hover {

background-position:-550px bottom !important;

}

.sexy-syndicate {

background-position:-150px top !important;

}

.sexy-syndicate:hover {

background-position:-150px bottom !important;

}

.sexy-email {

background-position:-753px top !important;

}

.sexy-email:hover {

background-position:-753px bottom !important;

}

</style>

Setelah kod diatas telah anda tampalkan dalam ruang kod css anda, sekarang anda perlu klik CTRL + F sekali lagi, taip pada text plate yang muncul dengan perkataan <data:post.body/>

Sekiranya terdapat lebih daripada satu perkataan data:post.body ini, anda perlu mencari yang paling akhir, atau paling bawah sekali. Anda mesti memastikan betul-betul mengenai perkataan ini, disebabkan secara kasarnya ia seakan-akan sama, mempunyai perkataan post.

Sekarang anda perlu salin kod dibawah. Tetapi anda harus ingat, terdapat satu link dimana alamat atau url feed perlu di tukar. Jika blog anda tidak mempunyai rss feed, berdaftarlah dengan FeedBurner, ianya adalah percuma.

<div class='sexy-bookmarks'>
<ul class='socials'>
<li class='sexy-delicious'><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-digg'><a expr:href='" http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-technorati'><a expr:href='" http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-reddit'><a expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-stumble'><a expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-designfloat'><a expr:href='"http://www.designfloat.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-facebook'><a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-twitter'><a expr:href='" http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-furl'><a expr:href='" http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-syndicate'><a href='http://feeds2.feedburner.com/YOUR-FEEDBURNER-ID' title='Subscribe to RSS'/></li>

<li class='sexy-email'><a expr:href='" mailto:?subject=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

</ul>
<span class='sexy-rightside'/></div>

Sekarang anda lihat perkataan Your FEEDBURNER-ID, anda perlu gantikan dengan url feedburner id anda.

Setelah segalanya telah siap, apa yang perlu anda lakukan, anda boleh klik pada tab pra-tonton, sekiranya tidak terdapat ralat pada apa yang anda buat sebentar tadi, dan page menunjukan laman anda, anda boleh tutup pra-toton tersebut, kemudian SAVE TEMPLATE.

Sekarang anda boleh lihat hasilnya, bagaimana ia membuatkan laman anda labih menarik dan mesra pelawat yang ingin berkongsi posting anda dilaman sosial mereka.

Selamat mencuba dan semoga berhasil.

Sekian.

Note: Cuba anda lihat sharing sexy saya dibawah :)

Bagaimana Memasang Gadget Facebook Kedalam Blog atau Web Anda.

noreply@blogger.com (Anonymous) — Tue, 31 Aug 2010 22:30:00 +0000

Facebook merupakan sebuah laman web rangkaian sosial terbesar dengan lebih daripada 400 juta pengguna aktif dan bertambah besar setiap hari! Pastikan anda menggunakan widget Facebook untuk berhubungan dengan khalayak yang lebih besar Facebook anda melalui blog atau website anda. Anda boleh menggunakan alat ini untuk dengan mudah berkongsi maklumat profil tertentu, laman web, blog, dan perniagaan dengan masyarakat Facebook. Profil Peribadi WidgetsProfile

Lencana Profile.
Untuk membuat lencana Profile Facebook untuk berkongsi maklumat profil yang dipilih di website anda. Sebuah lencana profil akan membolehkan pengguna anda dengan mudah berhubung dengan anda dan menambah anda sebagai rakan. Klik pada tulisan Lencana Profile dibawah.
Lencana Profile.

Membuat Lencana Foto.

Foto lencana ini membolehkan anda untuk berkongsi foto anda pada website Facebook dan blog. Pilih daripada menegak, melintang, atau dua-medan layout dan juga memilih jumlah foto yang akan dipaparkan.

Klik pada link Lencana Foto dibawah.

Lencana Foto.

Lencana Halaman Kegemaran Di Facebook.

Jika anda mempunyai halaman kegemaran di Facebook anda, paparkan didalam blog atau web anda, mungkin pengunjung blog anda boleh turut menyertainya.

Klik link dibawah.

Lencana Fan.

Website atau Widget Perniagaan.

Butang Kongsi.

Sebuah widget facebook yang membolehkan pengunjung blog atau website anda untuk berkongsi kandungan anda di di akaun Facebook mereka!

Klik Link dibawah.

Butang Kongsi.

Lencana Halaman

Membolehkan anda berkongsi laman Facebook (yang anda buat) maklumat pada halaman anda. Widget ini hampir menyerupai Lencana Halaman Kegemaran, bezanya ini memaparkan halaman yang anda sendiri cipta.

Klik link dibawah.

Lencana Halaman.

Sambungan Twitter.

Facebook menyambung laman dengan Twitter. Setiap kali anda mengemas kini halaman anda penggemar Facebook widget ini berfungsi mengemaskini aktiviti semasa anda secara terus dan langsung.

Klik link dibawah..

Sambungan Twitter.

Widget Pembangun.

Hal ini membolehkan pengguna anda menerbitkan kandungan mereka dan aktiviti ke profile Facebook mereka. Nota: Projek saya sebagai pembungan masih belum selesai, jadi saya tidak dapat menunjukkan secara jelas bagi widget ini, harapa maaf.

Klik link dibawah.

Kotak Komen.

Membolehkan pengguna anda komen tentang isi website anda dengan akaun Facebook mereka.

Klik link dibawah.Nota: Projek saya sebagai pembungan masih belum selesai, jadi saya tidak dapat menunjukkan secara jelas bagi widget ini, harapa maaf.

Kotak Komen.

Live Stream.

Facebook membolehkan pengguna untuk menghantar dan berkongsi kandungan secara real-time.

Klik link dibawah.

Nota: Projek saya sebagai pembungan masih belum selesai, jadi saya tidak dapat menunjukkan secara jelas bagi widget ini, harapa maaf.

Live Stream.

Saya harapa apa yang dipaparkan disini membantu diri anda.

Sekian.

Bagaimana menambah Buttons Berbagi Blogger ke Blogger Custom Template

noreply@blogger.com (Anonymous) — Tue, 31 Aug 2010 20:46:00 +0000

Baru-baru ini, Blogger dikeluarkan ciri Butang Share baru mereka yang membuatnya lebih mudah bagi pengunjung Blog anda ke penunjuk, menciak, fshare, email, posting dan lain-lain.

Tapi, jika anda menggunakan blogger template tersuai .. Anda mungkin tidak melihat widget muncul di blog .. walaupun anda mengaktifkannya.

Jadi, jika anda mempunyai masalah itu. di sini ada cara bagaimana memperbaikinya.
(Sebelum membuat sebarang perubahan .. cadangan saya anda muat turun template asal jika supaya anda boleh muat naik semula sekiranya anda gagal mengikuti langkah yang saya sediakan)

1. Masuk ke Blogger html Design>> Edit
(Tanda memperluaskan widget template = Expand Widget Template)

2. Tambah baris ini di mana sahaja anda ingin tampil widget

<b:include data='post' name='shareButtons'/>

Biasanya, dalam kebanyakan template, anda boleh menambahnya selepas baris ini ..

<p class='post-footer-line post-footer-line-1'>

Jika anda tidak menjumpai bahawa baris di atas pada template ....
Cari yang satu ini.

<p> <data:post.body/> </ p>

dan tambah kod ini setelah itu garis ..

<p> <data:post.body/> </ p>
<div style='clear:both; 10px 10px 10px padding: 10px;'> <b: include data = 'post' <name='shareButtons'/> / p>

Nota: Jika anda menggunakan gaya blogger template Majalah, anda dapat mencari data: post.body baris yang KEDUA .. Jadi, coba di kedua-dua cara dan mengetahui mana yang bekerja .. dan memadam yang lain.

Akhirnya .. Simpan template!

Jika anda masih tidak melihat di Blog Anda, Pastikan anda .. dihidupkan dengan pergi ke
Blogger dashboard> Design> Klik 'edit' butang pada bahagian posting Blog.

Selamat mencuba dan semoga anda berjaya.

Custom Styles Untuk Gadget

noreply@blogger.com (Anonymous) — Tue, 31 Aug 2010 19:44:00 +0000

Terkadang anda hanya menginginkan alat tertentu untuk berdiri di antara sisanya. Alih-nya font atau warna yang anda ingin menukar atau Alignment atau Posisi alat. Anda boleh mengubahnya mengikut arahan di bawah ini.

Pertama, anda perlu mendapatkan ID unik dari alat anda ingin berubah.

1. Untuk melakukan ini, kita harus pergi pada paparan Halaman Elemen.

2. Cari alat yang anda ingin tukar dan memberikan nama yang unik. Untuk contoh kali ini saya gunakan gadget yang saya pasang dalam page ini "Language Translator".

3. Bila saya dapatkan nama gadget yang ingin saya tetapkan, pergi ke halaman Edit HTML dan pada ruang kod klik Ctrl + F.

4. Dalam teks bar yang muncul di bahagian atas kanan masukkan kata "Language Translator". Contoh gadget yang saya gunakan.
(Jika betul gadget ini terdapat dalam page anda, ianya pasti akan dipaparkan, adakalanya jika perkataan yang kita taip tidak bersamaan biasanya anda dengar bunyi amaran.)

Anda mungkin melihat sesuatu seperti ini di bawah
<b:widget id='HTML2' locked='false' title='Language Translator' type='HTML'/>

Language Translator adalah tajuk kepada gadget. Jika anda melihat hanya untuk sebelah kiri anda akan melihat tulisan HTML2 yang berwarna merah, inilah yang kita panggil unik ID..

5. Tulis atau copy dimana-mana Unik ID gadget ini. (Sebaiknya anda boleh gunakan notepad)

6. Sekarang di bar teks yang sama anda digunakan sebelumnya, masukkan kod ini di bawah ini.
</ B: skin>

Sekali lagi ini akan memaparkan kod ini dalam laman HTML anda.

7. Sekarang tepat di atas kod anda baru saja menemukan masukkan kod ini d
# UniqueID {
your styles CSS Styles
}

8. Tukar teks Merah dengan unik ID anda hanya dijumpai. contohnya HTML2

9. Tukar gaya teks biru dengan mereka yang ingin anda tukar.

Kemungkinan tentang gaya CSS tidak terhad. Tambahkan dengan beberapa contoh kod dibawah.

Font Color:
color: # 000000;
Untuk pemilihan dan kod warna, anda boleh lihat pada TAB COLOR CODE yang saya sediakan.

Font Family:
font-family: FONT ANDA;

Warna Latar Belakang:
background-color: # 000000;

Latar Belakang Gambar:
background-image: url ('IMAGE ANDA');

Borders:
border-style: BORDER TYPE ANDA
border-width: 1px;

Hanya menukar teks Merah yang anda sukai.

Untuk mendapatkan bantuan lebih lanjut mengenai kod css, anda boleh klik pada link dibawah.
W3Schools

Selamat mencuba.

Bagaimana Membetulkan Kedudukan Gadget.

noreply@blogger.com (Anonymous) — Tue, 31 Aug 2010 19:09:00 +0000

Kadang-kadang ada orang bertanya-tanya bagaimana untuk menyelaraskan atau kedudukan alat atau gadget kita dalam blog. Perkara sebegini cukup mudah bagi yang tahu, tetapi bukan sesuatu yang menyenangkan bagi mereka yang baru dalam bidang ini, Jadi saya kongsikan apa yang saya tahu kepada mereka yang belum tahu, sebenarnya banyak cara bagaimana membetulkan kedudukannya, tetapi saya harap ini sesuatu yg berguna buat mereka yang tak pernah tahu dan ingin mencubanya.

Pertama, anda perlu mendapatkan ID unik dari alat anda ingin berubah.Untuk melakukan ini, kita harus lihat pada paparan yang terdapat di Halaman Elemen Terlebih dalu.

Cari alat yang anda ingin tukar dan memberikan nama yang unik.
Untuk contoh ini saya gunakan gadget contohnya "LinkWithin". Satu alat yang saya pasangkan dalam page ini.
(Jika anda menggunakan alat seperti Adsense anda tidak akan dapat menukar nama Jadi,
anda sentiasa boleh hanya menambah HTML / javascript di atas alat alat adsense dan nama yang satu ini "LinkWithin" anda mungkin boleh mengenalpasti ID yang unik tanpa melakukan.ini bergantung pada pengetahuan anda tentang bagaimana berkerja dengan kod.

Dihalaman Edit HTML dan klik ruangan Kod, apa yang anda perlu lakukan tekan keyboard Ctrl + F, kemudian pada penjuru atas kanan, anda akan dapati satu ruang (Teks Bar) untuk anda menulis apa yang ingin anda cari perkataan. jadi anda tidak perlu menghabiskan anda untuk membaca satu persatu perkataan sehingga anda terjumpa perkataan yang anda cari, dan ingin saya maklumkan bahawa huruf F yang digunakan bersama CTRL = bermaksud 'Find' atau dalam bahasa melayu, Cari.

Dalam teks bar yang muncul masukkan kata "LinkWithin".
(Jika perkataan dimasukkan benar terdapat dalam kotak coding, anda akan dapati perkataan itu biasanya di Highlight menggunakan warna oren.)

Anda mungkin melihat sesuatu seperti ini di bawah.

b:widget id='HTML1' locked='false' title='LinkWithin' type='HTML'/

Perkataan LinkWithin yang bertanda Oren diatas, adalah apa yang akan apa yang anda taipkan kemudian dipaparkan.
Sekarang kita lihat, ID yang unik yang saya tandakan warna Merah. Ini yang dimaksudkan unik ID.

Jadi ID unik untuk gadget tadi adalah HTML1

Pada panel teks yang anda digunakan CTRL+ F, masukkan pula dan cari kod ini.

]]></b:skin>

Tambahkan kod di bawah kod ini dibawah kod ]]></b:skin>.

#UniqueID {
text-align: center;
}

Tukar unik ID yang berwarna Merah itu dengan anda unik ID gadget anda.
Contohnya 'HTML1' untuk gadget tersebut,

Anda juga boleh menukar perkataan berwana Biru ke kiri (left) atau ke kanan (right) dan tengah2 (center),
Jadi segalanya bergantung kepada anda bagaimana ingin anda tetapkan.

Keadaan paparan akan terlihat seperti ini.

#HTML1 {
text-align: center;
}

Kadang-kadang anda mungkin ingin kedudukan yang lebih tepat. Dalam kes ini anda boleh menambah sesuatu seperti ini di bawah dibawah kod tadi,

#UniqueID {
padding: 0px 0px 0px 0px
}

Anda juga boleh menggunakan kod seperti ini.

#UniqueID {
position:absolute;
left:100px;
top:150px;
}

Hal ini akan memaparkan 100px alat anda dari sebelah kiri paparan pemuka anda dan 150px dari atas.
Anda boleh melaraskan ini sesuai dengan keinginan anda.

Bila semuanya telah selesai, anda klik tab 'Save Template', Kemudian lihat paparan blog anda.

Selamat Mencuba,

Pertanyaan Buat Diri.

noreply@blogger.com (Anonymous) — Tue, 31 Aug 2010 16:59:00 +0000

Salam kembali, bersua lagi kali ini, post kedua yang aku sendiri masih samar2 apa yang nak postkan, apa yang terbaik buat anda sebagai pengunjung blog ini untuk aku kongsikan, Anyway, terlebih dahulu aku ucapkan terima kasih buat pengunjung yang sudi melawat dan membaca posting aku.
Hari ni hari kedua aku posting dalam blog ni, Semalam, adalah hari kemerdekaan kali ke 53 bagi negaraku Malaysia. Bertapa aku teringat kelahiran blog aku bersamaan hari kemerdekaan negara. Kemerdekaan buat negara begitu bermakna buat seluruh rakyat Malaysia, Apa lagi aku, walaupun tak pernah merasai nikmat sebenar seperti mereka yang pernah melalui kesengsaraan dizaman penjajah. Bertapa pun kemerdekaan dan kebebasan, tidak bermakna kita bebas melakukan apa saja seperti nilai kebebasan tu. Seperti mana juga kita2 membuat posting di dalam blog, kita masih perlu mengikut etika2 yang berdisiplin dalam membuat posting, jangan sampai menganggu gugat ketenteraman orang lain, atau menhentam orang lain, sebelum kita bertindak demikian, berfikirlah secara waras sebelum kita memulakan posting, tenangkan minda kita agar tidak menulis kerana rasa tidak puas hati kita,
Bila ku sedari

Diri disayangi
Langkah kaki ini
semakin berani..

Teringat ungkapan lagu tu, aku lupa apa tajuknya, cuma seingat aku, dari nyanyian kumpulan Ukays, Apa yang cuba aku maksudkan, Setiap apa yang kita posting menyenangkan semua pihak tanpa kita berpihak kepada mana pihak , itu boleh mendatangkan rasa senang dan dihormati. Bila kita menghormati orang lain, sesungguhnya orang akan menghargai kita, walaupun tidak pada kesuluruhannya.
Kepada seluruh rakyat malaysia, aku ucapkan selamat menyambut Hari Kemerdekaan. Jangan biarkan diri dan minda kita terus dijajah.
W'salam.

Permulaan dari Kesinambungan

noreply@blogger.com (Anonymous) — Mon, 30 Aug 2010 21:26:00 +0000

Salam,

Ini bukan yang pertama dan mungkin juga bukan terakhir, Dalam mencari erti kata kepuasan, Kepuasan untuk aku menjadi seorang blogger yang tak pernah rasa bosan dan jemu dalam mencari sumber ilmu berkaitan siber digelombang maya dan teknologi. Aku tahu dan aku sedar, selama ini semua blog2 aku bagaikan sampah yang bersepah dimaya siber ini, Andaikata pihak majlis pembandaran perlu cuci dan bersihkan sampah aku di jaluran internet, agaknya dah berpuluh surat saman mereka pos kat aku.

Blog ni pula, aku tidak tahu samaada bakal menjadi sampah baru buat aku atau sebaliknya. Cuma apa yang ingin katakan disini, korang pun boleh buat blog seberapa korang nak, 2, 3 atau sepuluh. Sebab bukannya kena bayar, kecuali masa dan bil intenet korang. opsss..bil api pun jangan lupa.

Aku pun tak tahu blog aku yang ni akan bertahan. Kalau selama ini aku ber'blog' sambil aku mencari ilmu. Ilmu untuk mencipta sesuatu, adakalanya akan pratikkan pada blog aku, dan ada masanya aku gagal, gagal memuaskan hati aku apalagi hati korang.
Mana mungkin, blogger macam aku boleh terus capai ranking blogger paling bagus, paling best atau paling berpelangalaman di Malaysia, apa lagi di muka bumi ini. Apa tidaknya, Aku mempelajari teknik dan tip blogger terlalu muda, walaupun umur aku dah setengah umur bagi purata umur rakyat Malaysia.
Pada post ini aku tulis pengalaman ber'blog aku tak sampai 5 bulan, tanpa cikgu depan mata, tak ada asas atau basic untuk membuat blog, dan yang paling aku sedih, aku takde duit untuk membayar mana2 cikgu2 yang pakar dalam bidang internet untuk mengajar aku. Aku habiskan masa berjam2 depan pc aku, aku tenung monitor aku sampai nak tembus mata aku, aku berjaga malam sampai aku tak cukup tidur, tapi aku tak juga2 hilang boroi perut aku. Tapi itulah..aku tak pernah rasa puas bila online, Aku sentiasa dahaga ilmu,bukan aku dahagakan kasih sayang.
Kesinambungan,

Aku pun tak tahu kenapa mesti aku masukkan ayat ni, mungkin sebab menyambung dari hasil aku yang tak pernah siap, dari hasil yang sering gagal. Ntahlah.. kalau korang tengok profile aku, korang boleh nampak semua blog2 aku. Ada berapa banyak? Bukan aku tamak, tapi kerana aku tak puas hati dari hasilnya. Tertanya-tanya dalam hati kecik aku, kenapa blogger2 lain punya pengikutnya sendiri, Apa yang menarik minat pengunjung? Apa yang membuat pengunjung suka bertapak dan melanggan? Sedangkan ada sesetengah blog tu aku tengok kadang2 hanya banyak gambar dari story, dan ada pula story pun pasal diri dia, keluarga dia, kucing dia, ai..kerana cerita seekor kucing yang bawak lari seekor ikan didapur rumah dia pun jadi satu topik yang menarik minat ramai. Atau dia ni tergolong orang2 yang glamour? Glamour sangat ker dia? ahh..lantak ler, buat apa aku nak sibuk, itu hak peribadi dia, Kenapa aku nak susahkan otak aku fikir perkara yang sia2. Wooo..wooo..tapi kalau korang masuk blog berkaitan politik, yang ni aku tak heran, sama gak blog yang berkaitan artis2, tak kira sama ada dalam atau luar negara. Peminat memang2 cukup memberasankan. Kalau blog politik tak kiralah samaada penyokong parti pemerintah mahu pun pembangkang. Sebab kerana masing2 mereka ingin tahu perkembangan politik semasa, isu politik semasa. Dan kadang2 mereka telan sebulat2nya hasil karangan mereka tanpa usul periksa. Dan seperti ini bisa memesongkan kita dari yang hak dan yang batil. Kadang2 aku sendiri pun terbabas dari menyalahi etika, tapi seandainya aku terpesong, tegurilah aku, nasihatilah aku, kerana aku juga manusia biasa yang tak lepas dari melakukan kesalahan. Jangan biarkan aku leka dalam kesombongan.
Akhir kata, terimalah buah tangan terbaru aku untuk tatapan korang, dan sama2 kita berkongsi pengetahuan dalam dunia internet khususnya sebagai blogger yang beretika.
Sekian.