Letak Stesen Radio Dalam Blog Anda

Atas pemintaan beberapa follower.. hari ini aku ajar korang cara meletakan radio dalam blog dan website korang sendiri.. korang boleh pilih radio online yang korang minat.. dan korang boleh juga pilih radio yang auto play atau radio yang perlu tekan play untuk mendengar radio... kalau ada masa lain.. aku ajar tutorial letak tv online dalam blog. atau kalau aku terjumpa letak panggung wayang pulak dalam blog korang he...he.. he..wokay...ikuti tutorial nya dan selamat berhibur .

Step masukkan radio dalam blog

1) Sign in akaun blogger

2) Klik Layout dekat dashboard

3) Klik add gadget.

4) klik add HTML/Java script.

5) Letak code RADIO WIDGET

6) Save

PERHATIAN!!
sesetengah radio dan tv..anda perlu install plugin terlebih dahulu untuk mendengar:
KLIK PLUGIN RADIO & TV ONLINE

WIDGET RADIO ONLINE

Autoplay

<embed name="mediaplayer1" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" src="http://127.0.0.1:6498/ms2/1077783029159

PERLU TEKAN PLAY UNTUN MENDENGAR RADIO

<embed name="mediaplayer1" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" src="http://127.0.0.1:6498/ms2/1077783029159

SINAR.FM

Autoplay 

<embed name="mediaplayer1" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" src="mms://rs5.radiostreamer.com/amp_sinar" type="application/x-

Sehingga disini dulu perkongsian saya buat kali ini saya akan update anda apabila mendapat terdapat info terbaru

ARTICLE LAIN YANG MUNKIN ANDA MINATI

Buat blog anda sendiri

Ucapan selamat datang kepada pengunjung yang melawati blog anda
Ucapan terima kasih kepada pengunjung semasa meninggalkan blog anda
Cara membuat perkataan mengikuti kursor 
Cara memasang kursor dengan bintang berbagai warna berjatuhan 
Cara letak efek salji berjatuhan 

Cara Pasang Butang Share Melayang
Letak Stesen Radio Dalam Blog Anda 

Selamat mencuba dan nantikan tutorial seterusnya dari saya
Dan jangan lupa klik +1 dibawah jika anda menyukai artikel ini

Cara Pasang Butang Share Melayang

Butang share ini adalah seperti butang share yang lain yang mana kebiasaannya diletakkan dibawah atau pun diatas posting .

Butang melayang ini  ikut bergerak jika kita melakukan scroll pada blog.Oleh kerana ia bergerak keberangkalian pengunjung untuk klik butang tersebut adalah lebih besar kerana lebih mudah untuk mencapainya .Mengandungi butang untuk google plus, facebook dan juga twitter.

Berikut adalah cara cara bagi pemasangannya:

1.Masuk ke dashboard-Klik design--- Page elements

2.Pilih ---Add a gadget

3.HTML/ Javascript

4.Masukkan kod dibawah ini:

<style type="text/css"> #pageshare {position:fixed; bottom:15%; margin-left:-71px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;} #pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;} .fb_share_count_top {width:48px !important;} .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;} .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;} </style><br /> <div id="pageshare" title="Share to Your Friends"><div style="clear: both; font-size: 16px; text-align: center;"></div><div class="sbutton" id="gplusone"><script src="https://apis.google.com/js/plusone.js" type="text/javascript"> </script><br /> <g:plusone size="tall"></g:plusone></div><div class="sbutton" id="fb"><a href="http://www.facebook.com/sharer.php" name="fb_share" type="box_count">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"> </script></div><div class="sbutton" id="rt"><script src="http://tweetmeme.com/i/scripts/button.js" type="text/javascript"> </script></div></div>

5.Klik pada butang save

Artikel lain yang munkin anda diminati

Buat blog anda sendiri

Ucapan selamat datang kepada pengunjung yang melawati blog anda
Ucapan terima kasih kepada pengunjung semasa meninggalkan blog anda
Cara membuat perkataan mengikuti kursor 
Cara memasang kursor dengan bintang berbagai warna berjatuhan 
Cara letak efek salji berjatuhan 

Cara Pasang Butang Share Melayang

Selamat mencuba dan nantikan tutorial seterusnya dari saya
Dan jangan lupa klik +1 dibawah jika anda menyukai artikel ini

Pasang Butang Google + 1

Google telah telah mengeluarkan butang alternatif kepada Facebook dan tweeter yang dipanggil +1.Jika anda suka dengan sesuatu artikel yang dibaca pada blog atau web anda boleh klik butang tersebut.Klikkan pada butang tersebut membolehkan artikel tersebut mudah dijumpai ketika membuat carian pada google.Butang ini berkesan pada carian search engine kerana ia akan mengira jumlah +1 yang ada.Kiraan ini boleh dilihat jika kita memasuki laman google webmaster tools.

Cara memasangnya.

1.Masuk ke dashboard blogger>Design > Edit HTML
2.Klik pada ‘Expand widget Templates’.
3.Cari kod   </head> dan letakkan dibawah ini diatasnya:

*****************************************************************************

<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
{lang: 'en-US'}
</script>
*****************************************************************************
4.cari kod <data:post.body/> dan letak seterusnya ini dibawahnya:
*****************************************************************************
<div>
<g:plusone size="standard" expr:href="data:post.url"/>
</div>
*****************************************************************************
Size pada kod selain dari standard boleh ditukar kepada small,medium atau tall

5.Kemudian simpan template anda untuk saksikan tampilan butang tersebut.
Nantikan tutorial seterus nya dari saya dan KLIK +1 Dibawah Jika anda menyukai artikel ini


ARTIKEL LAIN YANG MUNKIN ANDA MINATI

Ucapan selamat datang kepada pengunjung yang melawati blog anda
Ucapan terima kasih kepada pengunjung semasa meninggalkan blog anda
Cara membuat perkataan mengikuti kursor 
Cara memasang kursor dengan bintang berbagai warna berjatuhan 
Cara letak efek salji berjatuhan 

Ucapan Kepada Pengunjung Bila Meninggalkan Blog

Kedatangan pengunjung ke blog kita merupakan sesuatu yang diharapkan para blogger.Sebagai menghargainya, bolehlah kita letakkan ucapan  yang akan terpapar bila pengunjung hendak meninggalkan blog kita

Dibawah ini adalah cara membuatnya.

Masuk kedesign terlebih dahulu-Klik pada edit Html 

dan cari kod </head> pada template

Kemudian masukkan kod dibawah ini selepas kod </head>
 ******************************************************************************
<script type='text/javascript'>
// goodbye alert
function goodbye(){
alert(&#39; Terima Kasih kerana berkunjung,sila datang lagi.. &#39;);
}
parent.window.onunload=goodbye;
</script>
********************************************************************************

Gantikan teks berwarna hijau dengan teks yang anda inginkan
Dan seterusnya  klik save template. 

*** Nanti kan tutorial seterus nya dari saya

KLIK +1 JIKA ANDA SUKA KAN ARTIKEL INI SEBAGAI KREDIT KEPADA SAYA He....he....he...

Membuat Ucapan Selamat Datang Pada Blog

Mungkin anda pernah jumpa blog yang mana muncul paparan selamat datang atau welcome screen.kita perlu klik pada paparan nya sebelum masuk ke blog..Jika anda berminat membuatnya ikuti langkah dibawah ini:

Masuk ke design>>Page elements

Add A gadget

Html/Javascript

Dan masukkan kod ini pada nya.

<script type='text/javascript'> alert("Selamat datang , Jangan lupa komen ya..")</script> 
# gantikan perkataan yang diingini pada teks berwarna merah

kemudian jgn lupa klik pada save...:)


Selamat mencuba .
* Tunggu tutorial dan tips seterus nya dari saya dan sebagai credit join group saya dan klik like FACE BOOK saya okaay .

KLIK +1 JIKA ANDA SUKA KAN ARTIKEL INI

Cara Membuat Perkataan Mengikuti Kursor

Ada berbagai cara yang dibuat bagi menukar bentuk(menghias) kursor seperti membuatnya bertaburan dengan bintang,berbentuk buih(bubble) dan membuat perkataan mengikuti kursor.

Ikuti panduan da cara membubuat nya seperti dibawah :

1.Masuk ke design dan pilih Page elements

2.Add a Gadget

3.Html/Javascript

dan masukkan kod dibawah ini

<style type="text/css"> /* Circle Text Styles */ #outerCircleText { font-style: normal; font-weight: normal; font-family: 'comic sans'; color: #9B1750; position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;} #outerCircleText div {position: relative;} #outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;} </style><br /> <script type="text/javascript"> ;(function(){ var msg = "Masukkan Perkataan anda disini"; var size = 22; var circleY = 0.75; var circleX = 2; var letter_spacing = 5; var diameter = 10; var rotation = 0.4; var speed = 0.2; if (!window.addEventListener && !window.attachEvent || !document.createElement) return; msg = msg.split(''); var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20, ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [], o = document.createElement('div'), oi = document.createElement('div'), b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body, mouse = function(e){ e = e || window.event; ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position }, makecircle = function(){ // rotation/positioning if(init.nopy){ o.style.top = (b || document.body).scrollTop + 'px'; o.style.left = (b || document.body).scrollLeft + 'px'; }; currStep -= rotation; for (var d, i = n; i > -1; --i){ // makes the circle d = document.getElementById('iemsg' + i).style; d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px'; d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px'; }; }, drag = function(){ // makes the resistance y[0] = Y[0] += (ymouse - Y[0]) * speed; x[0] = X[0] += (xmouse - 20 - X[0]) * speed; for (var i = n; i > 0; --i){ y[i] = Y[i] += (y[i-1] - Y[i]) * speed; x[i] = X[i] += (x[i-1] - X[i]) * speed; }; makecircle(); }, init = function(){ // appends message divs, & sets initial values for positioning arrays if(!isNaN(window.pageYOffset)){ ymouse += window.pageYOffset; xmouse += window.pageXOffset; } else init.nopy = true; for (var d, i = n; i > -1; --i){ d = document.createElement('div'); d.id = 'iemsg' + i; d.style.height = d.style.width = a + 'px'; d.appendChild(document.createTextNode(msg[i])); oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0; }; o.appendChild(oi); document.body.appendChild(o); setInterval(drag, 25); }, ascroll = function(){ ymouse += window.pageYOffset; xmouse += window.pageXOffset; window.removeEventListener('scroll', ascroll, false); }; o.id = 'outerCircleText'; o.style.fontSize = size + 'px'; if (window.addEventListener){ window.addEventListener('load', init, false); document.addEventListener('mouseover', mouse, false); document.addEventListener('mousemove', mouse, false); if (/Apple/.test(navigator.vendor)) window.addEventListener('scroll', ascroll, false); } else if (window.attachEvent){ window.attachEvent('onload', init); document.attachEvent('onmousemove', mouse); }; })(); </script>

Ubahkan perkataan yg dikehendakki pada teks yang berwarna oren diatas

Perhatian :  Untuk memudah kan anda mengedit HTML kod anda disaran kan untuk copy dan paste kan kod tersebut dalam NOTE PAD yang boleh didapati disebelah bawah screen computer anda

4.Kemudian klik save.

Selamat mencuba .
* Tunggu tutorial dan tips seterus nya dari saya dan sebagai credit join group saya dan klik like FACE BOOK saya okaay .

Membuat Halaman Statik Pada Blog

 

 

Cara ini bagi membolehkan kita meletakkan posting pada halaman yang berlainan dan boleh meletak butang navigasi pada laman blog

seperti butang Home,Contact,About Me dan sebagainya.

1.  Masuk ke design,kemudian pilih posting---Edit Pages
2.  kemudian klik pada new page

3.Taipkan tajuk page title dan kandungan entri yang dikehendakki,setelah elesai klik butang publish page

4. kemudian paparan seperti dibawah muncul.

Selamat mencuba .
* Tunggu tutorial dan tips seterus nya dari saya dan sebagai credit join group saya dan klik like FACE BOOK saya okaay .

5.Disini terdapat tiga pilihan

Blog sidebar-letak pada bahagian sidebar,link dimasukkan secara automatik

Blog tabs-butang navigation akan dibuat secara automatik pada bahagian bawah header