Showing posts with label Script. Show all posts
Showing posts with label Script. Show all posts

Sunday, November 17, 2013

Cara Embed MP3 Dari Google Drive


Assalamualaikum, ni tutorial simple jer iaitu cara bagaimana cara nak embed file audio format (mp3, wav, aac dan lain2). Jom straight to the point

Langkah 1 - Login atau signup akaun gmail, kemudia pergi ke Google Drive

Langkah 2 - Upload audio file anda, disini ada beberapa sample yang sy sediakan.
- Sample 1
- Sample 2
- Sample 3 

Langkah 3 - Link dari Google Drive adalah dalam bentuk encryption ia tidak akan direct kepada file yang anda upload tadi. Dapatkan link file anda, link berberntuk begini

https://doc-10-6g-docs.googleusercontent.com/docs/securesc/03drcl2qljh37mtq21l062i5u212h7ei/729pnbvppjns21kdgoc80d6acoe9l2rm/1384704000000/08354338419356102094/08354338419356102094/0B92UOmWmCDu5U1AzNm5uV2o5VVU?h=16653014193614665626&e=download

Langkah 4 - Gantikan pada hujung link &e=download kepada ini =.mp3 Setelah ganti, masukkan sepenuhnya ini ke dalam code embed audio ini.

Result : https://doc-10-6g-docs.googleusercontent.com/docs/securesc/03drcl2qljh37mtq21l062i5u212h7ei/729pnbvppjns21kdgoc80d6acoe9l2rm/1384704000000/08354338419356102094/08354338419356102094/0B92UOmWmCDu5U1AzNm5uV2o5VVU?h=16653014193614665626=.mp3

<object type="application/x-shockwave-flash" width="17" height="17"data="http://www.uploadmusic.org/musicplayer.swf?song_url=LINK_AUDIO_ANDA&autoplay=true"><param  name="movie"value="http://www.uploadmusic.org/musicplayer.swf?song_url=http://www.uploadmusic.org/MUSIC/848611384555375.mp3&song_title=uploadmusic.org&autoplay=true"/></object>





Sunday, October 27, 2013

[Share] Script Wish Happy Birthday

Assalamualaikum, hai apa khabar? pagi ni sy nak kongsikan dengan anda script khas untuk wish happy birthday yang sy buat semalam. Hasil script ni telah sy gabung dengan shake script (.js), background (.css)fungsi marquee (scroll text) dan audio



Script ni sy bina berdasarkan code/script yang dikumpul dari carian google dan digabungkan bersama

Live DEMO

Friday, October 25, 2013

Pasang Wiget Share Tanpa Register

Share This Widget sangat berguna untuk blogger,kerana ianya menyediakan satu  system untuk pelawat berkongsi artikel anda di laman sosial seperti facebook,twitter,pinterest dan banyak lagi.
Kali ini blog-izam.mydi pm menerusi facebook mesej untuk menyelesaikan masalah ralat yang berlaku ketika pemasangan widget secara automatik diblog.

Kadang kadang fungsi auto installed diblog tidak berfungsi dengan baik,kita mesti mengatur sesuatu widget atau code code dengan cara manual.Untuk entri kali ini, blog-izam.my berkongsi bagaimana untuk memasang Share This widget secara manual dan tidak perlu register.


1.pergi ke blogger, Template, dan click edit html ( tick pada kotak expand widget template )
2. cari perkataan </head> dan masukan code dibawah ini selepas perkataan </head>

<script type="text/javascript">var switchTo5x=true;</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "86162a42-e5cb-48b3-9d4b-3f1aa2c01d0c"});</script>

Langkah seterusnya cari perkataan <div class='post-footer-line post-footer-line-3'>
dan masukan code dibawah ini selepas perkataan <div class='post-footer-line post-footer-line-3'> itu tadi

<center><span class='st_sharethis_vcount' displayText='ShareThis'></span>
<span class='st_facebook_vcount' displayText='Facebook'></span>
<span class='st_twitter_vcount' displayText='Tweet'></span>
<span class='st_linkedin_vcount' displayText='LinkedIn'></span>
<span class='st_pinterest_vcount' displayText='Pinterest'></span></center>

Sekarang masalah pemasang widget share this anda selesai. selamat mencuba.

Friday, September 20, 2013

Autolike 2013

Autolike Si Penjual Aiskrim 2013


 Facebook Autolike ini telah dibina oleh admin sendiri
Khas untuk mereka yang batak LIKE & BAJET HOT

[[ Follow developer untuk tambahkan like ]]

 ADVANTAGES 

- No Annoying Post without your permission
- No Spamming Issue
- No VIP Subscribtion
- Liker not limited
- FTU(Free to use) Forever

VISIT here : http://myliker.ml/ 
Official Website: http://www.azim-ahmad.my 

Tuesday, June 25, 2013

Cara Pasang Wiget Follower Pada Page

Assalamualaikum,entry kali ini sy nak kongsikan cara nak pasang widget follower pada pages blog anda. Sy terjumpa cara ini setelah menukar template yang dibuat oleh Santa Mars. Selepas mencuba beberapa kali sy gagal untuk mendapatkan site-id, jadi skrg ia dah work. Nanti sy kongsikan di dalam step seterusnya.

Preview Di Sini
Bahan yang anda perlukan
1. Script Followers disini
2. Dapatkan site ID

Langkah 1
Dapatkan script follow tu, kemudian paste pada bahagian page blog anda. Perhatikan bhagian ini <!-- maklumat anda -->

Langkah 2
Sekarang dapatkan pula <!-- maklumat anda --> dengan melalui page-source dan CTRL + F  kemudian masukkan skin['TITLE'] = "Followers";

Anda akan jumpa seperti ini


Langkah 3
Sekarang gantikan (replace) maklumat yang anda jumpa itu pada script yang telah sy tandakan dengan <!-- maklumat anda --> dan yang terakhir sekali publish page tersebut dan hasilnya seperti demo post kat atas tu.

Selesai 
 

Saturday, June 8, 2013

Code Membuat Popular Post Color Rainbow

Rainbow popular post atau widget popular post pada blog yang berwarna warni mungkin pernah anda menjumpainya kan? Skrg sy share cara nak pasang rainbow color on widget popular post yang telah sy pasang pada blog ini.

Preview:
 Langkah 1
Login pada akaun blog anda macam biasa
Langkah 2
Masuk ke menu Templates > Edit HTML

Langkah 3
Cari kode ]]></b:skin> copy this code and paste tepat diatasnya

/* Rainbow Popular Post Style Start */
#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}
#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;  color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px}
#PopularPosts1 ul li:first-child:after,
#PopularPosts1 ul li:first-child + li:after,
#PopularPosts1 ul li:first-child + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#d1ffff;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#c7f25f;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#f59095;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#PopularPosts1 ul li:first-child + li + li + li + li{background:#ff00ff;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child + li + li + li{background:#5faff2;width:90%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li{background:#a9ed04;width:90%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li{background:#ffde4c; width:90%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}
#PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}
/* Rainbow Popular Post Style End */

Langkah 4
Save kalau rasa berkenana, cancel kalau x suka hihi

Sumber: Tutorial Blog

Wednesday, June 5, 2013

Script Menghitung Post & Komen

Assalamualaikum, post ni just nk share dengan anda script untuk menghitung jumlah post & komen pada blog anda.

Preview:

Cara Pasang

Langkah 1
login blog anda seperti biasa
Langkah 2
Layout -> Add a Gadget -> pilih HTML atau JavaScript

Langkah 3
Copy paste code ni

<script type="text/javascript">
function showpostcount(json) {
document.write('Total Posts : <b>' + parseInt(json.feed.openSearch$totalResults.$t,10) + '</b><br>');}</script>
<script src="http://apache-junior.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script>
<script type="text/javascript">
function numberOfComments(json) {
document.write('Total Comments : <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');}</script>
<script src="http://apache-junior.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script>

Langkah 4
Save dan lihat (step ni x perlu bg thu pun x pew kan haha)

Monday, June 3, 2013

Script Membuat Site Map


Assalamualaikum, sejak berada di kampung ni rutin nak update blog memang terbantut kerana kawasan internet connection tak menepati cita rasa seorang blogger hihi. Last post pasal Kit Robotic pada 29 Mei 13 dan hari ni pula baru dapat sy update hihi.

Sepertimana gambar yang anda lihat diatas tu, sy ingin kongsikan script untuk membuat site map bagi memudahkan pengunjung blog melihat post di dalam satu page sahaja.

Cara nak gunanya mudah sahaja, just buat satu page kemudian paste sahaja script ini pada page tu. Amat senang kan.

Sebelum pasang script ni, sila edit bahagian ini. Sekiranya anda mahu ubah thumbs image, sila gantikan link image pada
var thumbs = "link image";

<script type="text/javascript">
                  var jumlahposting = 18;
                  var urlblog = "LINK BLOG ANDA";
                  var minpaginas = 5;
                  var maxpaginas = 10;
                  var thumbs = "http://upload.wikimedia.org/wikipedia/commons/6/66/Colour_wheel_(black_background).JPG";
</script>



Tuesday, May 21, 2013

Script Harlem Shake (Work)

Pernahkah anda melihat video Harlem Shake? Sekarang kita akan buat Harlem Shake pada website pulak. haha. Sebelum tu, tengok video kat bawah ni.

 

Haa, dah tengok? lebih kurang gitu Harlem Shake. Ntah ape x tau. haha

Langkah 1
Copy script kat bawah ni



Langkah 2
Cara nak masukkan script pada code pulak. Lain browser, lain cara OK.

Google Crome: Tekan Ctrl + Shift + J untuk aktifkan javascript console. Kemudian paste sahaja script tu dan tekan Enter. Siap

Monzilla Firefox: Tekan Ctrl + Shift + K untuk aktikan web console. Kemudian paste sahaja script tu dan tekan Enter. Siap


Langkah 3
Nak test work ke x, terus buat kat blog ni haa. awesome jugak shake nya haha

Monday, May 13, 2013

Menyusun Image Secara Horizontal

Hai, apa khabar? hihi. Semalam sy share code untuk buat text marquee, so hari ni pulak sy nak share code yang biasa orang guna untuk menyusun image seraca 'horizontal' di dalam 1 baris. Code ni asalnya berada di script autolike saya disini , jadi sy akan berikan sedikit keterangan yang sy ambil dari site W3C (World Wide Web Consortium) untuk code yang akan sy kongsikan ni.


Take note:
  • Sy menyusun image ini dengan menggunakan kaedah 'table' di dalam 1 baris
  • Contoh ini telah sy gunakan untuk shortcut social link seperti  facebook, twitter. Setiap image yang sy sediakan ini mempunyai link atau tag HREF. Tujuanya apabila anda click ia akan direct ke link tersebut. Sekiranya anda tidak mahu link pada image, just remove tag a href kemudian remove juga tag terakhir </a>
  • Kunci utama pada code ini ialah membuat table, satu baris ialah (TR), coloumn cell berganda (TD). Pastikan setiap permulaan di akhiri dengan </tag>.

Preview Code:

Join My Facebook Fan Page Check Me Out On MySpace Follow Me On Twitter

Code: 

<div align="center"><table cellpadding="0" width="400" cellspacing="0"><tr>
<td><a href="http://www.facebook.com/UltraRevolutioncom" target="_blank"><img src="http://api.ning.com/files/MDqSwhCErxpAQCHv4V6BYNGSo6HZtPRtmdNol8nUrh*9kn1SnIvLjlpZd6Ko*QzkrV*cTHhej40aypylc9FNyuGQpVsVCJyS/facebooks3_128.png" alt="Join My Facebook Fan Page" width="128" height="128" border="0"></a></td>

<td><a href="http://www.myspace.com/yourpage" target="_blank"><img src="http://api.ning.com/files/DsEd0qFuUcwu-OqK9dBmlNVWoJnSrPzFfHychkrtcyfIjc3ClCHytCj7mN4-pm0ueyEsbXFWSsCmgbKKk87IKMBhWf9093Ba/myspaces3_128.png" alt="Check Me Out On MySpace" width="128" height="128" border="0"></a></td>

<td><a href="http://twitter.com/izam7379" target="_blank"><img src="http://api.ning.com/files/DsEd0qFuUcyyy80lToFsf7IsEIyNbOEfUNaXKa1B3Jg6Oyf*PzQO3DZuQ3sltrfVqgifMzcq59A7ip8S0KYYtSYbsFhBFNrX/twitters3_128.png" alt="Follow Me On Twitter" width="128" height="128" border="0"></a></td>
</tr></table></div>

Sunday, May 12, 2013

Koleksi Text Dari Script Marquee


Dengan masa yang terluang ini sy ingin kongsikan dengan anda text berjalan dengan menggunakan kaedah marquee. Sepertimana yang kita ketahui code marquee adalah untuk membuat text atau image berjalan. Kaedah penulisan text adalah bermula dengan <marquee>  dan di akhiri dengan </marquee>. Di sini sy sediakan beberapa code marquee berserta contohnya berdasarkan hasil carian google. 

1. Text bergerak ke kiri dan berhenti
Preview: Your slide-in text goes hereCode: <marquee behavior="slide" direction="left">Your slide-in text goes here</marquee>



2. Text bergerak ke kiri dan ke kanan semula
Preview: Your slide-in text goes hereCode: <marquee behavior="alternate">Your slide-in text goes here</marquee>


3. Text bergerak ke atas
Preview: Your upward scrolling text goes hereCode: <marquee behavior="scroll" direction="up">Your upward scrolling text goes here</marquee> [[ gantikan 'down' untuk turun ]]



4. Text bergerak dengan kelajuan berbeza
Preview: Slow scroll speedMedium scroll speedFast scroll speedCode: 
<marquee behavior="scroll" direction="left" scrollamount="1">Slow scroll speed</marquee>
<marquee behavior="scroll" direction="left" scrollamount="10">Medium scroll speed</marquee>
<marquee behavior="scroll" direction="left" scrollamount="20">Fast scroll speed</marquee>


5. Text berjalan dan akan berhenti apabila di click
Preview: 
Click this text to stopCode: <marquee behavior="scroll" direction="left" onmousedown="this.stop();" onmouseup="this.start();"><span style="font-size: large;">Click this text to stop</marquee>


6. Text akan berhenti apabila mouse berada pada text
Preview: Put your mouse here!Code: <marquee behavior="scroll" direction="left" onmouseout="this.start();" onmouseover="this.stop();">Put your mouse here!</marquee>


7. Text berhenti dan bergerak dengan butang
Preview: Click to stop and move


Code: <marquee behavior="scroll" direction="left" id="mymarquee"><span style="font-size: normal;">
Click to stop and move</span></marquee><br />
<marquee behavior="scroll" direction="left" id="mymarquee"><span style="font-size: large;"><br /></span>

</marquee><span style="font-size: large;">
<input onclick="document.getElementById('mymarquee').stop();" type="button" value="Stop Marquee" />
<input onclick="document.getElementById('mymarquee').start();" type="button" value="Start Marquee" /></span>


Anda juga boleh menggantikan text itu dengan image
<img src="LINK IMAGE"></img>

Saturday, March 23, 2013

Melihat Dokumen Secara Online


Assalamualaikum, selamat petang. Hari nie, sy nak kongsikan bersama cara-cara untuk melihat @ membaca dokument dari internet tanpa download. Dengan cara ini, kerja anda lebih mudah dan cepat. Anda tidak perlu lagi membuang masa untuk download.

Langkah 1:
  • buka search engine, cotohnya www.google.com.my
Langkah 2:
  • masukkan carian anda, contoh BRC Size
Langkah 3:
  • ambik 1 result, contoh www.brc-reinforcement.co.uk/pdfs/bar_and_fabric.pdf
Langkah 4:
  • masukkan result di kotak carian ini, dan click GO

© 2014 [CL] Cyber Lover. WP Wildweblab converted by Bloggertheme9