Teknik Buat Blog|Tips dan Tutorial Untuk Blogspot|Tutorial Blog Melayu|

Cara pasang lagu pada blog

noreply@blogger.com (yahaya) — Tue, 31 Jan 2012 14:45:00 +0000

Ramai yang minta admin untuk buat tutorial ini, cara pasang lagu pada blog .Bagi yang berminat inilah berikut cara membuatnya:

Dapatkan dulu lagu di fullmusik.net/
Pada sebelah kanan web site butang malaysia Song,english Song,korean song,nasyid song dan dangdut song
Klik pada butang pilihan lagu yang anda minati
Kemudian pada senarai diatas pilih lagu anda minati
Setelah pilih lagu tersebut akan muncul kod ditengah paparan web tadi
Salin kod tersebut

1.Log in ke blog anda
2.Kemudian masuk ke design dan pilih page elements

3.Klik pada Add a gadget

4.pilih HTML/Javascript

5.Kemudian masukkan kod tadi
6.Simpan untk melihat hasilnya

klik butang +1 jika suka artikel ini :) :)

Letak notis bar pada blog

noreply@blogger.com (yahaya) — Fri, 27 Jan 2012 09:03:00 +0000

Jika anda ingin letak notis ,posting terkini atau iklan,bar ini bersesuaian jika dipasang pada blog kerana ia boleh menarik perhatian pengunjung kerana ia bergerak apabila discroll.Ia akan berada dibahagian bawah blog dan transparent.

Cara membuatnya:
1.Masuk ke dashboard blog anda
2.pilih design,klik pada edit HTML
3.Cari kod </body> pada template
Untuk memudahkan pencarian boleh juga gunakan Ctrl+F
Kemudian salin kod dibawah dan diletakkan diatas kod </body>

Kod warna yang bertanda dengan warna oren boleh ditukarkan dengan warna yang diingini
4.Kemudian simpan template anda.

Cara buat kursor buih

noreply@blogger.com (yahaya) — Tue, 03 Jan 2012 02:29:00 +0000

Kursor ini seakan akan sama dengan kursor bintang berjatuhan sebelum ini,tetapi kali ini adalah dalam bentuk gelembung buih yang akan naik keatas bila kursor digerakkan.

Cara memasangnya:
1.Log in keblogger terlebih dahulu
2.Pilih design...Add Page element

3.HTML/Javascript

4.Masukkan kod dibawah ini :

# warna buih boleh ditukarkan pada teks berwarna oren dan kod nya boleh didapati disini

5.Kemudian klik pada save

Cara pasang welcome image pada blog

noreply@blogger.com (yahaya) — Sat, 24 Dec 2011 04:34:00 +0000

Welcome image ini adalah imej akan terpapar bila kita mula mula masuk ke blog.Kita perlu klik pada imej tersebut bagi memasuki blog berkenaan.Rasanya dah banya blog yang memasangnya dengan berbagai bagai imej.Jika ada berminat untuk membuatnya.Ikuti langkah seterusnya:

1.Log in ke Dashboard
2.Pilih Design >>Edit HTML

3.Cari kod ]]></b:skin> pada template
Kemudian masukkan kod dibawah ini diatasnya:

</style></head>
<script language="javascript" type="text/javascript">

function toggle(el,milli) {
// Get the opacity style parameter from the image
var currOpacity = document.getElementById(el).style.opacity;
if(currOpacity != 0) { // if not faded
fade(el, milli, 100, 0);
} else { // else the images is already faded
fade(el, milli, 0, 100);
}
}
function changeOpacity(el,opacity) {
var image = document.getElementById(el);
// For Mozilla
image.style.MozOpacity = (opacity / 100);
// For IE
image.style.filter = "alpha(opacity=" + opacity + ")";
// For others
image.style.opacity = (opacity / 100);
}
function fade(el,milli,start,end) {
var fadeTime = Math.round(milli/100);
var i = 0; // Fade Timer
// Fade in
if(start < end) {
for(j = start; j <= end; j++) {
// define the expression to be called in setTimeout()
var expr = "changeOpacity('" + el + "'," + j + ")";
var timeout = i * fadeTime;
// setTimeout will call 'expr' after 'timeout' milliseconds
setTimeout(expr,timeout);
i++;
}
}
// Fade out
else if(start > end) {
for(j = start; j >= end; j--) {
var expr = "changeOpacity('" + el + "'," + j + ")";
var timeout = i * fadeTime;
setTimeout(expr,timeout);
i++;
}
}
}
</script>
<div class="input" onClick="javascript:toggle('wise', 3000); this.style.display='none';
document.getElementById('june').style.display=''">
<center><img src="http://2.bp.blogspot.com/-dqVHXhhmaVk/TvAOcUwonAI/AAAAAAAAB1w/icKYmo-BFXA/s1600/welcome+image.png"
style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.7;this.filters.alpha.opacity=40"/></center>
</div>
<div id="ddt" style="filter : alpha(opacity=0); -moz-opacity : 0; opacity : 0;">
<div id="ybl" style="display : none;">
<body>

#bahagian teks berwarna merah boleh digantikan dengan url imej anda sendiri

4.Kemudian simpan template anda

klik butang +1 untuk sharing artikel ini pada google :) :)

Cara membuat perkataan mengikuti kursor

noreply@blogger.com (yahaya) — Fri, 16 Dec 2011 02:36:00 +0000

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

Cara membuatnya:

1.Masuk ke design dan pilih Page elements

2.Add a Gadget

3.Html/Javascript

dan masukkan kod dibawah ini

Ubahkan perkataan yg dikehendakki pada teks yang berwarna oren diatas
4.Kemudian klik save.

Membuat ucapan selamat datang pada blog

noreply@blogger.com (yahaya) — Tue, 13 Dec 2011 02:13:00 +0000

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.

# gantikan perkataan yang diingini pada teks berwarna merah

kemudian jgn lupa klik pada save...:)
Sebelum ini saya ada juga artikel ucapan kepada pengunjung bila meninggalkan blog artikelnya disini

klik butang +1 jika suka artikel ini :) :)

Cara membuat link didalam satu halaman

noreply@blogger.com (yahaya) — Sun, 04 Dec 2011 05:31:00 +0000

Membuat link pada satu halaman yang sama(anchor link) digunakan pada halaman yang mempunyai teks yang panjang dan dia akhir halaman tersebut diletakkan teks KEMBALI KEATAS juga boleh untuk menuju keteks yang tertentu pada posting.Bila diklik pada link ini ia akan kembali semula keatas tanpa kita perlu scroll halaman tersebut keatas.Boleh juga kita gunakan jika hendak menuju kemana mana perenggan teks dalam halaman tersebut

Untuk membuat satu anchor link pada halaman kita perlu buat kod anchorname seperti dibawah
<a name="ANCHORNAME"></a>

Anchorname ini boleh diletakkan apa sahaja nama

Kemudian diletakkan dibahagian atas atau bersebelahan dengan dengan tempat yang hendak dituju.Contohnya saya hendakkan menuju kepenggan diatas saya letakkan begini
<a name="ANCHORNAME"> (disebelah permulaan teks diatas)Membuat</a> link pada satu halaman yang sama(anchor link) digunakan pada halaman yang mempunyai teks yang panjang dan dia akhir halaman tersebut diletakkan teks KEMBALI KEATAS.Bila diklik pada link ini ia akan <a href="#ANCHORNAME">kembali semula keatas </a> tanpa kita perlu scroll halaman tersebut keatas.Boleh juga kita gunakan jika hendak menuju kemana mana perenggan teks dalam halaman tersebut.

(teks berwarna merah diatas adalah contoh bagaimana meletak kod pada teks diatas dan dimasukkan semasa dalam mode edit HTML)

Kemudian letakkan kod seperti dibawah pada tempat yang mana anda hendakkan perkataan yang mana bila diklik ia akan kembali keatas

<a href="#ANCHORNAME">KEMBALI KEATAS</a>

Teks kembali keatas pada kod boleh juga kita letakkan pada mana mana teks pada posting bagi membolehkan kita link pada bahagian yang hendak dituju.Contoh nya pada bahagian kod berwarna hijau diatas yang saya letakkan bersama teks diatas.

KEMBALI KEATAS
klik butang +1 jika anda suka artikel ini :) :)

Pasang butang google Plus One

noreply@blogger.com (yahaya) — Fri, 18 Nov 2011 11:37:00 +0000

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:

4.cari kod <data:post.body/> dan letak seterusnya ini dibawahnya:

Size pada kod selain dari standard boleh ditukar kepada small,medium atau tall

5.Kemudian simpan template anda untuk saksikan tampilan butang tersebut.

Pasang butang follow dan dashboard

noreply@blogger.com (yahaya) — Fri, 11 Nov 2011 00:32:00 +0000

Mungkin anda pernah melihat butang follow dan dashboard yang diletakkan dibahagian atas header pada sesuatu blog.Butang ini memudahkan kita untuk masuk kedashboard pada template yang tiada nav bar dan juga bagi pengunjung untuk follow blog kita tanpa perlu tercari cari dimana widget tersebut dipasang.

Bagi anda yang ingin membuatnya ikutilah langkah berikut ini:

1.Masuk ke dashboard--Design
2.Pilih Page Elements--Add a gadget
3.HTML/Javascript

4.Masukkan kod dibawah ini:

5.Tukarkan blog ID diatas kepada id blog anda yang boleh didapati dibahagian atas semasa anda hendak memasukkan kod widget

6.Kemudian klik pada save
# letakkan kod dibahagian bawah ruangan add a gadget yang ada pada template anda supaya ia tidak terlindung dengan widget yang ada bila page discroll...:)
klik butang +1 jika suka artikel ini :) :)

Cara pasang kursor bintang berjatuhan

noreply@blogger.com (yahaya) — Sat, 29 Oct 2011 07:10:00 +0000

Sebagai mana tajuknya tutorial cara kali ini adalah cara untuk memasang kursor bintang berjatuhan.Efek bintang berjatuhan ini akan tampil bila mana cursor digerakkan pada blog.

Berikut adalah cara memasangnya:
1.Login ke Blogger
2.Klik Pada Design → Page elements
3. Add a Gadget → HTML/JavaScript

Kemudian pilih warna yang dingini pada kod berikut :

Bintang warna hitam
<script src="https://sites.google.com/site/teknikbuatblog/tbb/black_star.js" type="text/javascript"></script>

Bintang warna hijau
<script src="https://sites.google.com/site/teknikbuatblog/tbb/green_star.js" type="text/javascript"></script>

Bintang warna merah
<script src="https://sites.google.com/site/teknikbuatblog/tbb/red_star.js" type="text/javascript"></script>

Bintang warna puteh
<script src="https://sites.google.com/site/teknikbuatblog/tbb/white_star.js" type="text/javascript"></script>

Bintang warna kuning
<script src="https://sites.google.com/site/teknikbuatblog/tbb/yellow_star.js" type="text/javascript"></script>

Setelah memasukkan kodnya,klik pada save untuk melihat hasilnya.

Tutorial letak efek salji pada blog

noreply@blogger.com (yahaya) — Tue, 25 Oct 2011 00:52:00 +0000

Dalam tutorial sebelum ini saya telah muatkan artikel berkenaan cara membuat simbol hati berguguran pada blog.Kali ini pula seakan akan sama juga iaitu meletakkan efek salji pada blog.

Langkah langkah membuatnya:
1.Login ke dashboard --- page element
2.Add a gadget --- HTMLjavascript
3.Masukkan kod berikut padanya:

warna merah
<script type="text/javascript" src=" https://sites.google.com/site/teknikbuatblog/tbb/saljimerah.js"></script>

warna biru
<script type="text/javascript" src=" https://sites.google.com/site/teknikbuatblog/tbb/saljibiru.js"></script>

warna purple
<script type="text/javascript" src=" https://sites.google.com/site/teknikbuatblog/tbb/saljipurple.js"></script>

warna hitam
<script type="text/javascript" src="https://sites.google.com/site/teknikbuatblog/tbb/saljihitam.js"></script>

warna putih
<script type="text/javascript" src=" https://sites.google.com/site/teknikbuatblog/tbb/saljiputih.js"></script>

4.Setelah berpuas hati klik pada save

Selamat mencuba ….. :)

Cara pasang butang share melayang

noreply@blogger.com (yahaya) — Thu, 20 Oct 2011 00:57:00 +0000

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:

5.Klik pada butang save

Cara mengembalikan kotak komen yang hilang

noreply@blogger.com (yahaya) — Sat, 15 Oct 2011 04:10:00 +0000

Kotak komen yang tidak muncul dibawah posting adalah sesuatu hal yang amat memeningkan.Tanpanya sudah tentu pengunjung tidak dapat memberi komen pada posting.Jika anda kehilangan kotak komen secara tiba tiba dibawah posting,berikut adalah cara bagi mengatasinya.

Langkah langkahya adalah seperti berikut:

Pada dashboard pilih design---Edit HTML
Klik pada Expand template widget
Kemudian cari kod berikut:

Setelah jumpa kod diatas perhatikan kod dibawah ini:

Kemudian letakkan kod dibawah ini pada pada teks letak kod disini pada kod diatas

<data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup' style='width:100px;height:20px;'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>
    <script type='text/javascript'>
      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
    </script>

Untuk melihat hasilnya klik pada mana mana posting bagi melihat tampilan kotak komen.

Kehilangan kotak komen mungkin disebabkan beberapa kod telah hilang atau telah terhapus semasa anda mengedit template.Adalah disarankan supaya anda membuat backup bila membuat sebarang perubahan pada template supaya mudah untuk kita mengembalikan kepada asal jika berlaku sesuatu yang tidak dingini.Menukar template adalah pilihan terakhir tapi kita akan kehilangan apa apa yang telah diletakkan pada template.

Cara diatas cuma setelah anda pastikan setting comment pada dashboard adalah betul tapi masih tidak muncul kotak komen.

Cara menetapkan setting kotak komen pada blog

Masuk ke dashboard—setting dan pilih comments
Pastikan setting adalah seperti berikut:
Comments—show
Comment Form Placement-Embedded below post

Membuat kesan drop shadow pada gambar

noreply@blogger.com (yahaya) — Thu, 13 Oct 2011 06:54:00 +0000

Meletak imej pada artikel adalah sesuatu yang membawa kesan yang mendalam kerana gambar lebih bermakna dari seribu perkataan.Boleh memberi pelbagai gambaran pada pembaca jika dibandingkan dengan teks saja.Posting kali ini adalah cara bagi memberi kesan drop shadow pada gambar yang ada pada blog anda supaya nampak lebih menarik lagi.drop shadow adalah kesan bayang yang timbul pada sesuatu objek.

Cara membuat kesan drop shadow pada gambar:

Pada Dashboard --Pilih design--edit HTML

Tandakan pada Expand Widget templates

Cari kod ]]></b:skin> pada template dan letakkan kod dibawah ini diatasnya

.drop-shadow img {
background:url(http://4.bp.blogspot.com/-0T5er3rpboM/TpZ-mhSj64I/AAAAAAAABv4/gShryFNslmQ/s1600/drop+shadow+.png) no-repeat right bottom;
padding: 5px 10px 10px 5px;
}

cari kod <data:post.body/>
dan gantikan dengan kod

Kemudian simpan template anda
Selamat mencuba :)

Cara buat simbol hati(love) berguguran

noreply@blogger.com (yahaya) — Wed, 05 Oct 2011 01:21:00 +0000

Tutorial kali adalah bagi anda yang suka menghiasi blog dengan bermacam macam widget iaitu cara membuatkan simbol hati yang berguguran pada blog anda.

Langkah langkah bagi membuatnya:
Masuk ke design--Pilih page elements

Add a gadget--Pilih ruangan dibawah header

HTML/javascript

Masuk kan kod ini:

Kemudian klik butang save dan lihat hasilnya.

Cara pasang screen saver pada blog

noreply@blogger.com (yahaya) — Sun, 02 Oct 2011 11:04:00 +0000

Screen saver biasanya terdapat pada komputer dan juga handphone.Kegunaanya adalah jika sedang berada dalam keadaan tidak digunakan ia akan meminimakan penggunaan tenaga.Screen saver bukan sahaja pada komputer,di blog kita juga dapat lihat ianya dipasang.dimana paparan blog akan bertukar kepada warna gelap jika tidak digunakan.

Langkah langkah bagi membuatnya.
Log in ke blogger
klik pada design dan pilih edit html

cari kod </head> pada template
dan letakkan kod berikut diatasnya.

<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'></script>

dan simpan template anda

Tukar bentuk paparan search pada blog

noreply@blogger.com (yahaya) — Wed, 14 Sep 2011 05:37:00 +0000

Bila kita memasang fungsi search pada blog,butang search adalah berwarna kelabu.dan papaparan ruang carian adalah puteh.Bagi memberi sedikit kelainan dan membuatkan nya lebih menarik cuma memerlukan sedikit perubahan pada kod css.Kebaikan Pemasangan fungsi search ini penting adalah bagi kemudahan pengunjung mencari artikel diblog .

contohnya seperti dibawah ini:

Kod nya adalah seperti dibawah:

warna hijau adalah kod background ruang carian dan oren background bagi button.Kod warna boleh didapati disini .Tukarkan alamat blog pada teks berwarna biru dengan alamat blog anda.

Menggunakan imej sebagai button:

*boleh gantikan imej yang sesuai sebagai button pada teks berwarna merah.Tukarkan alamat blog pada teks berwarna biru dengan alamat blog anda.

Cara memasangnya adalah seperti berikut:
1.Masuk ke design dan pilih add page elements

2.Pilih add gadget

3.Pilih HTML/Javasscript

dan masukkan kod diatas didalamnya dan klik butang save.

Cara Letak kotak komen ditengah

noreply@blogger.com (yahaya) — Sat, 27 Aug 2011 07:47:00 +0000

Kotak komen pada blogger kebiasaanya adalah terletak pada kedudukan disebelah kiri.Tutorial kali ini adalah cara bagaimana jika anda hendak meletakkan kotak komen pada kedudukan tengah (center).

Langkah langkahnya adalah seperti berikut:

1.Log in ke dashboard
2.Pada Design,pilih Edit Html

3.Kemudian dapatkan kod ]]></b:skin> pada template.Boleh gunakan Ctrl+F dan taip kod kemudian klik next untuk memudahkan pencarian.

4.Setelah jumpa kod ]]></b:skin> masukkan kod berikut diatasnya

.comment-form{
margin-right: auto;
margin-left: auto;
}

contoh kedudukan pada template adalah seperti ini:

.comment-form {
margin-left: auto;
margin-right: auto;
}
]]></b:skin>

5.Kemudian simpan template anda

Selamat mencuba

Meletak dokumen Pdf pada blog

noreply@blogger.com (yahaya) — Wed, 17 Aug 2011 10:37:00 +0000

Jika anda ingin memaparkan dokumen pdf pada blog bukan lah sesuatu perkara yang mustahil.Dengan menggunakan laman web Scribd ia boleh memaparkan dokumen pdf pada blog anda.Format pdf biasanya selalu digunakan untuk membuat ebook.Jadi pengunjung boleh membaca dokumen pdf pada blog anda.Anda boleh terus upload dokumen tanpa perlu mendaftarnya,tetapi jika mendaftar kita boleh tetapkan paparan hanya untuk kita sahaja.Jika tidak ia adalah untuk paparan umum.

Langkah langkah bagi memasukkan dokumen pada blog.
Klik pada dokumen yang telah diupload diScribd
Pada bahagian kanan bawah terpapar paparan berikut

Kemudian klik pada embed..
Selepas itu muncul paparan share this document

Tetapkan kelebaran dan ketinggian untuk dokumen pada width dan height pada bahagian bawah ruangan kod.

Kemudian salin kod pada ruangan embed this document(disitu boleh pilih samada HTML5,flash atau untuk wordpress).Untuk blogspot pilih saja HTML5 dan salin(copy) kod pada ruangan dibawah.

Dan dalam mode edit html pastekan kod tadi pada posting yang dikehendakki..

ubahsuai pada paparan footer blog

noreply@blogger.com (yahaya) — Sun, 31 Jul 2011 12:15:00 +0000

Artikel kali ini adalah cara bagi mengubah footer menjadi sebagai mana yang ada di blog ini.Jika anda ingin membuatnya dan ingin membuang footer yang mengandungi perkataan powered by blogger boleh mengikut tutorial cara menghapus paparan attribution pada template.Footer ini pula korang boleh resize ikut kelebaran header dengan mengubahnya pada kod yang diberikan.

Terus pada cara membuatnya:
masuk kedesign terlebih dulu-- pilih edit HTML

Cari kod </footer> pada template
Dan letakkan kod ini diatasnya:

<table BORDERCOLORDARK='blue' BORDERCOLORLIGHT='yellow' border='4' cellpadding='2' cellspacing='2' width='905'>
   <tr>
       <td background='http://3.bp.blogspot.com/-SUuWTthZZUU/Ti1w4xYPj_I/AAAAAAAAAHM/OOVMv9YLZK8/s1600/grey015.jpg'><center><font color='white'><b>Teknik Buat Blog 2010-2011 © All Rights Reserved<br>
Best View With Mozilla Firefox</br></b></font></center></td>
   </tr>
</table>

Background boleh ditukarkan dengan mengupload imej dan menukar url yg berwarna hijau.Begitu juga tulisan yang berwarna merah boleh digantikan dengan perkataan yang diingini.
kelebaran footer boleh diubah pada width
Kemudian save template anda

Ucapan kepada pengunjung bila meninggalkan blog

noreply@blogger.com (yahaya) — Sun, 10 Jul 2011 14:56:00 +0000

Kedatangan pengunjung keblog 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>

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

pasang radio online pada blog

noreply@blogger.com (yahaya) — Tue, 28 Jun 2011 02:49:00 +0000

Radio era adalah antara stesyen radio yg diminati.Mungkin ada yg berminat hendak memasang radio era blog masing masing .Berikut adalah cara memasangnya:

masuk ke design--page elements.

add a gadget

dan pilih HTML/Javascript

dan masukkan kod dibawah ini:

Radio sinar FM

saiz boleh diubah pada width dan height pada kod diatas.

Hitz Fm

ria89.7 fm

kemudian klik save.

Letak favicon pada blog

noreply@blogger.com (yahaya) — Thu, 16 Jun 2011 00:12:00 +0000

Satu cara bagi blog kita dikenali adalah dengan meletak logo.Melalui logo itulah bila dilihat org akan tahu itu blog kita.Contoh logo huruf B semua org tahu bahawa ia adalah logo blogger.Dalam artikel saya sebelum ini ada tutorial cara memasukkan favicon pada blog.Blogger pula baru saja menyediakan kemudahan meletakkkan favicon pada blog kita.Jadi lebih mudah lah kerja kita hendak menukar favicon.Favicon ada lah logo kecil yg boleh kita lihat pada ruangan address bar pada browser.

Anda boleh memasukkan favicon dengan masuk ke design--page element.Jika dari paparan terbaru blogger dengan memilih tab layout.
Kemudian klik edit pada setting favicon pada bahagiian atas elemen navbar

Tetingkap baru akan muncul bagi membolehkan anda memilih imej favicon dari komputer anda.Ia hanya menyokong file ico sahaja.bagaimanapun anda boleh menukar fail jpeg,png dan lain fail yang bukan fail ico dengan perisian imej.Juga boleh menggunakan kemudahan menukar fail imej kepada ico dengan laman web yang menyediakan kemudahan menukar ico fail secara online seperti di http://www.icoconverter.com/

Bila sudah memasukkan fail ico yang dikehendakki kemudian klik butang save dan favicon tersebut akan muncul pada bahagian page element.

Seterusnya save template dan anda akan dapati ia akan muncul pada ruangan url pada browser.
Kalau dah ada favicon sebelum perlu dihapuskan terlebih dahulu.

letak butang baru follower twitter

noreply@blogger.com (yahaya) — Thu, 02 Jun 2011 13:01:00 +0000

Twitter baru saja mengeluarkan butang follower baru untuk blog dan laman web.Butang follower ini seakan akan butang like facebook fan.Dengan satu klik sahaja untuk menjadi follower melalui twitter.Ia juga mempunyai pilihan yang boleh disesuaikan denganlatar belakang gelap atau pun cerah.

cara memasukkanbutang follower twitter pada blog
Masuk ke http://twitter.com/about/resources/followbutton bagi mendapatkan kod twitter.

Butang follower ini menggunakan kod javascript dan html jadi ia boleh diletakkan dimana sahaja pada blog anda.

Meletakkan pada sidebar
Masuk ke design--Add a gadget--klik pada HTML/Javascript
masukkan kod dan kemudian save.

Cara letak diatas posting
Masuk ke design--Edit HTML
Klik Pada Expand Widget Templates
cari kod dibawah ini pada template dengan menggunakan Ctrl+f

dan paste kod follower tweeter dibawahnya dan klik save

Cara letak dibawah posting
Masuk ke design--Edit HTML
Klik Pada Expand Widget Templates
cari kod dibawah ini pada template dengan menggunakan Ctrl+f

dan paste kod follower tweeter dibawahnya dan klik save