Showing posts with label tutorial blog. Show all posts

Home » Posts filed under tutorial blog

Tutorial Cara Buat Open New Tab Di Blog

[-] potia casadelarossa on 13.1.13 | 1:26 AM

→ Tutorial Cara Buat Open New Tab Di Blog

Tutorial Cara Buat Open New Tab Di Blog | Berikut adalah tutorial bagaimana "Cara buat Open New Tab". Untuk tidak menghampakan permintaan seseorang (blogger) di sini di sertakan bagaimana cara buat open new tab di blog.

Di bawah ini adalah javascript asal bagi script Open New Tab yang di gunakan di blog.

var arr = document.getElementsByTagName("a"); //get all links in the page
    for(var i = 0; i < arr.length; i++)
    {
    if(arr[i].href.indexOf("URL") < 0 //not links that are 'inside' blog
    && arr[i].href.indexOf("javascript:") < 0) //not javascript links
    arr[i].target = "_blank";
    }

Nampak agak rumit bagi yang kurang memahami bukan? kini tak perlu susah payah lagi. Di sini Potia baru saja selesai upload di google hosting bagi memudahkan anda memasang kod ini.

Sebelum anda memsang script ini di blog anda harus tahus apa itu "Open New Tab di Blog?" Contoh open new tab yang di maksudkan adalah apa yang ada di blog ini. Cuba anda klik header atau pun mana-mana link yang berada di blog ini. Secara automatik anda akan di bukankan tab baru.

Kelebihan Open New Tab dari sudut penulis blog ini;

Tab baru di buka setiap klik.
Pelawat tidak meninggalkan blog anda begitu sahaja kerana Tab blog anda masih ada.

Ok, berbalik kepada tajuk Tajuk Tutorial Cara Buat Open New Tab di Blog. Cara pasang Open New Tab di Blog adalah seperti berikut;

Login
Dashboard
Layout
Add a Gadget
HTML / Javascript
Menggunakan HTML (bukan ~~COMPOSE~~)

Salin dan Paste kod javascript di bawah;

<script src="http://silenceblogz-javascript.googlecode.com/files/open-new-tab.js"></script>

Kemudian Save / Simpan.

Tips / Trick : Untuk tidak nampak semak di ruangan layout anda di nasihatkan paste kan kod ini bersama kod-kod yang lain.
Contoh : Paste selepas kod ShoutBox atau Di kod Recent Comment atau di bawah/selepas kod Like facebook di blog anda.

Selamat mencuba.

→ [Read More]

TUTORIAL CARA BUAT TEXTAREA DI BLOG

[-] potia casadelarossa on 6.1.13 | 2:29 AM

→ TUTORIAL CARA BUAT TEXTAREA DI BLOG

Ada yang bertanyakan mengenai macam mana nak buat textarea? Pertama sekali kenali apa itu textarea. Sila rujuk contoh di bawah.

Dah paham apa itu textarea kan? apa kegunaan textarea ni. Di blog kebiasaan textarea digunakan untuk memudahkan kita menyalin sesuatu benda terutamanya kebanyakkan ianya di gunakan untuk kod banner yang mana ada yang gemar membuat banner exchange seperti di bawah.

*copy & paste kod diatas Ok, penahkan tengok apa yang di gambarkan diatas? bagaimana cara nak buat text area di blog?
Jom ikuti langkah mudah bagaimana nak buat text area di blog.

TUTORIAL CARA BUAT TEXTAREA DI BLOG
Dengan menggunakan HTML/Javascript (bukan COMPOSE) salin dan paste kod textarea yang di berikan di bawah:

<textarea rows="4" cols="50">
Cara buat TEXTAREA. Tukarkan kepada ayat anda sendiri.
</textarea>

Apa yang perlu anda buat cuma tukarkan ayat atau tulisan yang bewarna merah kepada ayat anda sendiri.

Jika anda ingin buat textarea untuk pertukaran banner seperti yang kebanyakkan blogger pasang di sidebar blog sila salin kod di bawah;

<textarea rows="4" cols="50">
<a href="URL-BLOG-ANDA" target='_blank'/><img border="0" src="LINK-IMAGE-BANNER-ANDA"/></a>
</textarea>

Penerangan ;

4 = ketinggian atau row
50 = Panjang textarea

Selamat mencuba.

→ [Read More]

TUTORIAL CARA MENTION BLOGGER DI BLOG POST

[-] potia casadelarossa on 5.1.13 | 4:52 AM

→ TUTORIAL CARA MENTION BLOGGER DI BLOG POST

Kini blogspot lebih mempunyai function atau fungsi "mention" kepada yang masih tidak tahu di google plus telah saya post mengenai CARA MENTION RAKAN DI GOOGLE PLUS.
Berbalik kepada tajuk di atas iaitu TUTORIAL CARA MENTION BLOGGER DI BLOG POST. Ok mungkin anda kurang paham apa yang saya maksudkan.

Jom ikuti langkah-langkah bagaimana cara nak mention blogger di blog post? dan apa itu mention blogger di blog post? Cuba lihat cara saya mention blogger di blog post dengan menggunakan Google plus profile.

Contoh: Saya ingin mention salah seorang rakan blogger iaitu rakan blogger saya bernama Hatimi Tahirruddin.
Cuba lihat gambar di bawah ;

Ok bagaimana cara nak mention blogger di blog post? caranya tetap sama dengan facebook atau google plus. Ikuti langkah CARA MENTION BLOGGER DI BLOG POST di bawah;

Semasa anda menulis / menaip entry di ruangan COMPOSE | ~~HTML~~ (bukan HTML) dan ingin tag / mention, anda cuma perlu TAIP simbol ini "@" atau simbol "+" di ikuti dengan nama rakan blogger anda.

Lihat contoh gambar di atas seperti dalam bulatan di atas.

Mudah kan? ok dengan cara ini secara tidak langsung apabila kita klik pada link rakan yang di mention tersebut kita akan dibawa ke page google plus dan semua entry rakan anda tersebut boleh di terjah dari situ jika beliau share entry menggunakan google plus.

Nota : banyak kebaikan kongsi entry di google plus ni. kenapa? kerana google plus bersifat "dofollow" dan setiap entry anda yang berkualiti akan di index kan di google.

→ [Read More]

TUTORIAL CARA BUAT SCROLL PADA RUANG KOMEN DI BLOG

[-] potia casadelarossa on 24.12.12 | 7:22 PM

→ TUTORIAL CARA BUAT SCROLL PADA RUANG KOMEN DI BLOG

Berikut adalah Tutorial Cara buat scroll pada ruang komen di blog. Biasa kalau di blog terlalu banyak komen dan rasanya kurang kemas dan kurang best nak scroll lama-lama kan? so kita masih ada penyelesaian dengan cara ini.

Ikuti tutorial cara buat scroll pada ruang komen di blog di bawah ;

Login ke Dashboard.
Template
Edit template
Expand template.

Kemudian cari kod di bawah ( CTRL + F )

/* Comments
----------------------------------------------- */
#comments h4 {

Atau

#comments h4 {

Tak jumpa juga cari kod ni

#comments h4

Dah jumpa? sila salin kod di bawah ni dan paste di bawah kod yang anda cari tadi.

#comments {
height:450px;
overflow:auto;
}

Dah paste kod akan kelihatan seperti ini;

/* Comments
----------------------------------------------- */
#comments h4 {
#comments {
height:450px;
overflow:auto;
}

Kemudian Save !

450 adalah ketinggian yang anda mahukan. Boleh tukar mengikut kesesuaian blog anda.

→ [Read More]

CARA SETTING PROFILE DI BLOG DENGAN BETUL

[-] potia casadelarossa on 19.12.12 | 2:57 AM

→ CARA SETTING PROFILE DI BLOG DENGAN BETUL

Rata-rata blogger kini dah menggunakan profile sebagai google plus bukan. Tak kurang ada yang masih setia dengan profile blogger. Sepertimana yang kita sedia maklum setiap kebaikkan mesti ada keburukan. Pendek kata terpulang pada kita bagaimana cara kita nak uruskan situasi tersebut. Jadi kepentingan setting profile di blog dengan betul adalah penting.

Contoh-contoh Kebaikan dan keburukkan menggunakan profile Google plus di blog ;

KEBURUKKAN PROFILE GOOGLE PLUS
Kita tidak boleh melihat atau tahu link blognya tanpa add terlebih dahulu.

Bermaksud, kita komen beliau di entry dan berminat ingin ketahui siapakah gerangan si pengomen. Bila di klik profile amat mengecewakan. Sila lihat gambar di bawah.

Nampak tak? hasrat untuk berbalas kunjungan terbantut. Jadi biarlah ia bersemadi kat situ.

KEBAIKKAN PROFILE GOOGLE PLUS
Setiap keburukkan mesti ada kebaikkannya. Saya lebih gemar menggunakan Google Plus kerana kita boleh kongsi artikel kita secara automatik selepas kita menekan butang PUBLISH. Satu popup akan keluar dan kita hanya menekan butang SHARE sahaja. Secara automatik artikel/entry kita akan dipaparkan di Google plus.
Apa yang anda perlu buat cuma tick [./] Prompt to share after posting? seperti gambar di bawah.

So dah paham kan? that mean bila setiap kali korang update dia akan popup share secara auto. Sila rujuk gambar di bawah.

Nampak tak? korang cuma perlu tekan butang share je. Alamak senang je. Apa yg perlu korang buat cuma tmbah lagi kenalan ketegori dengan klik add more people. Sedikit sebanyak dapat meningkatkan traffic ke blog korang.

Kepada yang menggunakan profile blogger atau blogspot dinasihatkan supaya perhatikan adakah situasi ini berlaku kepada profile korang. Kalau berlaku dinasihatkan menukar setting di bahagian profile blogger korang. Apa permasalahan yang sering di alami dan sering di ambil remeh dalam hal ni adalah ketiadaan link ke blog korang. Permasalahan ni berlaku bilamana korang follow blog-blog orang lain dan apabila orang yang korang follow tu nak follow semestinya menekan gambar korang di ruangan follower bukan? apabila tekan satu popup akan keluar dan teramat mendukacitakan apabila tiada pun link ke blog korang macam gambar di bawah.

Perhatikan kita selalu hilang hala tuju bila berada seperti di dalam gambar di atas. Apa yang terjadi? semestinya orang tidak boleh ke blog korang dan korang tidak dapat di follow kembali dan kerugian 1 traffic di situ. Jangan marah kalau orang abaikan BLOG WALKING ANDA. Bertapa ruginya anda blogwalking follw sana follow sini tapi feedback amat mengecewakan.

Kesimpulannya profile di blog bukan sekadar profile.

→ [Read More]

Tutorial Cara Buat Embed Flash Video - Demo

[-] potia casadelarossa on 14.12.12 | 9:02 PM

→ Tutorial Cara Buat Embed Flash Video - Demo

Merujuk kepada persoalan di ruangan komen pada entry ini : TUTORIAL - CARA BUAT EMBED FLASH DI ENTRY BLOG. Brikut adalah Demo serta tutorial Cara Buat Embed Flash Video di entry blog.

DEMO FLASH VIDEO

Kod embeded seperti di bawah;

<p align="center">
<object type="application/x-shockwave-flash" data="http://URL-VIDEO-ANDA/Video.swf" width="530" height="450">
<param name="movie" value="http://URL-VIDEO-ANDA/Video.swf" />
<p style="font-size:60px"><a href="http://www.silenceblogz.com/2012/12/tutorial-cara-buat-embed-flash-di-entry.html" rel="nofollow">Check this help</a></p>
</object>
</p>

Tukarkan http://URL-VIDEO-ANDA/Video.swf kepada url video anda. serta saiz kelebaran dan ketinggian ruang entry blog anda di sini width="530" height="450".

→ [Read More]

TUTORIAL - CARA BUAT EMBED FLASH DI ENTRY BLOG

[-] potia casadelarossa

→ TUTORIAL - CARA BUAT EMBED FLASH DI ENTRY BLOG

Di atas permintaan encik Miko aka Kopi pasta ia iaitu tuan tanah kepada encikcopypaste.blogspot.com (mohon terjahan melulu ke blog beliau) beliau minta tutorial cara buat embeded flash di entry blog.

Sebenarnya banyak versi embeded kod ni, ianya memang mudah tetapi ada yang kurang support di sesetengah browser. Antara cara mudah untuk membuat embed flash di blog adalah seperti di bawah.:

<object type="application/x-shockwave-flash">
<param name="movie" value="myclip.swf" />
<param name="quality" value="high" />
</object>

Kod flash embed di atas berfungsi dengan IE, Google chrome dan Safari dan dengan Firefox perlu ada kod <object> di permulaan. Sila rujuk kod di atas.

Untuk keputusan yang lebih baik kod embed perlu di sertai dengan kod OBJECT supaya berfungsi dengan baik di setiap jenis browser. Sila perhatikan kod di bawah :

<object type="application/x-shockwave-flash" data="myclip.swf">
<param name="movie" value="myclip.swf" />
<param name="quality" value="high" />

<embed src="myclip.swf" quality="high" />
</object>

Untuk ringkasan jika embed kod yang ingin di ubah saiz kelebaran dan juga ketinggiannya terutama Object yang ingin di letakkan itu adalah jenis format video atau jenis file format Swf, setelah buat percubaan di blog menggunakan HTML anda dicadangkan menggunakan kod seperti di bawah :

<object type="application/x-shockwave-flash" data="myclip.swf"
width="550" height="400">
<param name="movie" value="myclip.swf" />
<param name="quality" value="high" />
</object>

Kod yang terbaru dan telah di uji memang berfungsi dengan baik di chrome dan firefox seperti dibawah;

<p align="center">
<object type="application/x-shockwave-flash" data="myclip.swf" width="550" height="400">
<param name="movie" value="myclip.swf" />
<p style="font-size:60px"><a href="http://www.silenceblogz.com/2012/12/tutorial-cara-buat-embed-flash-di-entry.html" rel="nofollow">Check this help</a></p>
</object>
</p>

Penerangan;

550 = kelebaran saiz static entry.

400 = ketinggian yang anda mahukan.

myclip.swf = file atau url flash yang ingin di pasang mesti bermula dengan http://

Demo flash video sila klik di sini

→ [Read More]

CARA BUAT BUTTON GOTO TOP DI BLOG

[-] potia casadelarossa on 9.12.12 | 2:05 AM

→ CARA BUAT BUTTON GOTO TOP DI BLOG

Berikut adalah Tutorial bagaimana Cara buat button goto top di blog. Apa itu button goto top? contoh button goto top atau fly to top sila rujuk gambar di bawah.

Fungsi Button goto top tu adalah bagi memudahkan untuk kita ke top of page, so tak payah nak scroll up lah. Ada blog yang mempunyai banyak entry di muka depan blog. So dengan adanya button goto top ni tak payah lagi nak scroll untuk ke page atas di blog. Click je botton tu automatik dia akan pergi ke atas. Ramai dah tahu tetapi saja buat tutorial ni untuk simpanan dah jujukan pada yang tidak tahu fungsinya.

Cara buat button goto top seperti berikut ;

Login to Dashboard.
Layout.
Add a Gadget.
Html/javascript.
Copy dan paste code di bawah ni.

<a title="Goto Top" href="#" style="position: fixed; bottom: 5px; right: 5px;"><img src="http://vacuring.com/static/site/img/up-arrow-icon.png" /></a>

*Tukarkan url image yang bewarna merah kepada button anda sendiri atau guna saja yang ini.

→ [Read More]

CARA BUAT DISABLE RIGHT CLICK DI BLOG

[-] potia casadelarossa on 6.12.12 | 4:18 AM

→ CARA BUAT DISABLE RIGHT CLICK DI BLOG

Berikut adalah cara buat disable right click di blog. Masih kurang paham? sila rujuk gambarajah di bawah ;

Nampak tak mesej akan keluar jika sesiapa cuba right click di blog anda. Ikuti cara buat disable right click di bawah;

Login Dashboard.
Layout.
Add a Gadget.
Html/javascript.
Copy dan Paste kod Cara buat disable right click di blog di bawah ini.

<script language=javascript>

</script>

Langkah seterusnya sila edit TAIP PESANAN ANDA DISINI... mengikut ayat anda sendiri. Lain-lain tidak perlu di ubah.

Kemudian Simpan/Save dan cuba right click berhasil atau tidak.
Selamat mencuba.

→ [Read More]

CARA BUAT BREADCUMB DI BLOG

[-] potia casadelarossa on 2.12.12 | 2:28 AM

→ CARA BUAT BREADCUMB DI BLOG

Kali ni Tutorial bagaimana Cara Buat Breadcumb di blog , Apa itu breadcumb? sila rujuk gambar di bawah. So dah tahu apa itu Breadcumb kan. Breadcumb adalah lebih mesra SEO, dimana ianya akan memaparkan tag label di atas setiap posting.

Bagaimana Cara buat Breadcumb di blog, ini sila ikuti langkah-langkah di bawah ;

Login Dashboard.
Template - Edit Html.
Expand Widget Template. [x].
Cari kod ini - ]]></b:skin>

Dah jumpa kod di atas kemudian salin kod ini ;

.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}

kemudian paste kod tersebut betul-betul di atas kod ]]></b:skin>

Jadi ia akan kelihatan seperti ini ;
.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}
]]></b:skin>

Ok, kemudian cari kod berikutnya atau dengan menggunakan hotkey CTRI+F ini, kod yang perlu di cari adalah seperti di bawah ;

<div class='post hentry uncustomized-post-template'>

Kalau tak jumpa kod di atas sila cari kod di bawah ini.

<div class='post hentry'>

Kemudian salin kod di bawah ini;

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'> Browse » <a expr:href='data:blog.homepageUrl'>Home</a> »
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag,nofollow'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'> , </b:if> </b:loop> </b:if> » <data:post.title/>
</div> </b:if> </b:if>

Dan paste kod di atas betul-betul di atas kod ini;
<div class='post hentry uncustomized-post-template'>
ATAU KOD
<div class='post hentry'>

Jika selesai sila save. Selamat mencuba.

→ [Read More]

CARA MENGATASI FEED BLOG ERROR - Tutorial blog

[-] potia casadelarossa on 1.12.12 | 3:14 AM

→ CARA MENGATASI FEED BLOG ERROR - Tutorial blog

Kadangkala masa kita nak ping blog tak kiralah di mana sekali pun tiba-tiba "site feeds error"..terutamanya sering di hadapi di laman ping Aggregator seperti Busuk.org
bagaimana cara mengatasi feed blog error ? Mudah sahaja caranya.

Cara mengatasi feeds error di blog atau pun feeds RSS ralat atau tidak dapat di kesan di dalam blog sila ikuti langkah seperti di bawah ni.. ini bagi pengguna blogspot sahaja ok.. kepada wordpress aku rasa tak ada masalah kot..

1.Login ke dashboard.
2.Template.
3.Edit template.
4.Expand template (tick)

Kemudian cari/ctrl+F kod ni : <head>
selepas kod ni sila paste kod dibawah..

<link href='/feeds/posts/default' rel='alternate' title='NAMA BLOG ANDA - Atom' type='application/atom+xml'/>
<link href='/feeds/posts/default?alt=rss' rel='alternate' title='NAMA BLOG ANDA - RSS' type='application/rss+xml'/>

***TUKARKAN "nama blog anda" kepada nama blog korang atau pon title blog korang..

5.Kemudian save !

→ [Read More]

TUTORIAL : CARA BUAT POPUP FAN PAGE FACEBOOK

[-] potia casadelarossa on 14.11.12 | 12:20 PM

→ TUTORIAL : CARA BUAT POPUP FAN PAGE FACEBOOK

Berikut adalah cara buat popup fan page facebook yang simple dan teramat mudah, Siap dengan button closed. Tiada timer seperti sesetengah blogger buat. Cuba lihat gambar rajah di bawah atau demonya seperti di blog ini setelah anda refresh.

CONTOH POPUP FAN PAGE FACEBOOK. Yang dalam bulatan tu button close popup.

Di atas tu adalah sample Popup fan page facebook yang simple. Kelebihan Popup fan page facebook yang aku buat ni seperti di bawah ;

Loading cepat. tasted loading 00.01saat.
Tiada loading CSS url.
Boleh Drag kemana saja yang anda nak.
Cara sama macam buat announcement box yg lepas.
Tiada had masa menunggu macam sesetengah blogger lain buat.
Tiada paksaan nak Like sebab ada button [x] (dalam bulatan di atas).
Fixed dengan saiz popup box.
Tiada link ke blog ini.
Bukan widget tapi javascript semata-mata.
Tak perlu guna ruang sidebar.
mudah dan senang di pasang.
Gerenti 10 tahun tanpa penjamin mahupun slip gaji 3 bulan.
Bayaran tidak di perlukan. Free tanpa cengkeram.

Amik ko kelebihan dia..

Cara Buat popup fan page facebook adalah seperti di bawah;

Login ke dashboard.
Layout.
Add a gadget.
Html/javascript
Dan copy dan paste kod di bawah serta save !

Kod Cara Buat popup fan page facebook adalah ;

<script src="http://silenceblogz-javascript.googlecode.com/files/popup%20Box%20-%20silenceblogzDOTcom.txt"/></script>
<div id="showimage" style="position:absolute;width:250px;left:250px;top:250px">

<table border="0" width="250" bgcolor="#000080" cellspacing="0" cellpadding="2">
<tr>
    <td width="100%"><table border="0" width="100%" cellspacing="0" cellpadding="0"
    height="36px">
      <tr>
        <td id="dragbar" style="cursor:hand; cursor:pointer" width="100%" onmousedown="initializedrag(event)"><ilayer width="100%" onselectstart="return false"><layer width="100%" onmouseover="dragswitch=1;if (ns4) drag_dropns(showimage)" onmouseout="dragswitch=0"><font face="Verdana"
        color="#FFFFFF"><strong><small>Silece Day of Wednesday</small></strong></font></layer></ilayer></td>
        <td style="cursor:hand"><a href="#" onclick="hidebox();return false"><img src="http://4.bp.blogspot.com/-2t4X28CJRdo/UJLfn6yQS2I/AAAAAAAAEsY/hCnHlM02Ckg/s1600/close.gif" width="16px"
height="14px" border="0" /></a></td>
      </tr>
      <tr>
        <td width="100%" bgcolor="#FFFFFF" style="padding:4px" colspan="2">


<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com/SilencedayOfWednesday&width=350&height=258&colorscheme=light&show_faces=true&border_color&stream=false&header=false&appId=139829809489131" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:350px; height:258px;" allowtransparency="true"></iframe>


</td>
      </tr>
    </table>
    </td>
</tr>
</table>
</div>

Sila tukarkan tulisan MERAH kepada nama fan page facebook anda.
Selamat mencuba!

Sekian Tutorial kali ini,
Potia Casadelarossa.

→ [Read More]

CARA INDEX DI GOOGLE KURANG 1 MINIT - SEO TIPS

[-] potia casadelarossa

→ CARA INDEX DI GOOGLE KURANG 1 MINIT - SEO TIPS

Salam hormat all readers, aku nak kongsi bagaimana Tutorial atau Cara untuk di index kan di google search engine kurang dari 1 minit, Kali ni aku nak shared Tips and Tricks about SEO bagaimana cara untuk di index kan di google search engine kurang dari 1 minit.

Bunyi Tips and Tricks di atas macam hebat sangat kan? Blog Silence bukan blog yang SEO sangat, dah lama tak praktik pasal SEO ni. Cuma semalam ada buat experimentasi pasal ni. Beberapa jam aku mengamati dan cuba pelbagai cara, Alhamdulillah ianya berkesan. Entry aku DI INDEX di google search engine KURANG dari 1 MINIT dan berada di Top 1.

Gambar di bawah lambat di print screen dan tak terpikir nak share masa tu. Setelah di pikir-pikir why not aky shared benda yang baik kan? So print screen tersebut aku buat setelah 6 minit ter index di google.

Lihat dua (2) KEYWORD yang aku guna seperti di dalam gambar di bawah;

Keyword - cara memadam subcribe

Keyword - Memadam subcribe

CARA INDEX DI GOOGLE KURANG 1 MINIT - SEO TIPS.

Buat entry yang berkualiti dan di pikirkan orang akan search di google.
Tajuk entry mesti selari dengan Meta Tags dan Meta Keyword.
Mulakan entry dengan H1 (<h1>artikel</h1>) nanti aku ajar macam mana nak buat AUTO H1 ni.
Dalam entry mesti ada Keyword yang selari dengan no 2 dan sila bold atau STRONG kan mana-mana keyword berkenaan.
Gunakan NAMA gambar berkait dengan entry dan jangan lupa set ALT dan TITLE TAGs pada gambar yang terdapat pada entry anda. Kat mana nak set? klik pada gambar dan klik properties.
Selepas published entry share kan di Google Plus.
Ping secepat mungkin di laman-laman ping yang berkualiti seperti di Pingomatic atau di Pingates. selepas tu baru ping di sosial network yang lain seperti facebook atau di Carimember.
Jangan ping berulang-ulang.
Dan kalau pandai pasang AUTO LINK seperti gambar rajah di bawah. Sebab kat situ lengkap dengan apa yang Google Bot inginkan. Rujuk gambar di bawah;

Auto Link di SilenceBlogz

Bagaimana cara nak buat Autolink nanti aku berikan pada tutorial berikutnya.

Dan yang terakhir tadah tangan mohon pada Allah SWT supaya terindex dengan cepat di google.
Selamat mencuba.

Dan hasilnya untuk artikel ini TERUS di INDEX kurang dari 1 minit

Print screen di buat pada 3 minit selepas enrty di ping !

Di ingatkan, bukan semua artikel akan di index kan di google search engine bergantung kepada kualiti artikel yang kita buat.

Nota: SilenceBlogz bukan blog yang SEO dan ini adalah sekadar berkongsi pengalaman sahaja. Ranking Top search pun akan berubah mengikut peredaran masa.

Sekian terima kasih,
Potia Casadelarossa

→ [Read More]

CARA MEMADAM SUBSCRIBE TO ATOM DI BLOG

[-] potia casadelarossa on 13.11.12 | 5:40 AM

→ CARA MEMADAM SUBSCRIBE TO ATOM DI BLOG

Berikut adalah Cara untuk memadam atau menghilangkan tulisan Subscribe to / Langganan Posting Atom, pada halaman blog anda. Kadangkala benda ni amat menjengkelkan kerana berada di bahagian bawah blog anda tanpa ada pengguna atau pelawat blog anda memanfaatkannya. Link subcribe ini tidak perlu kerana kita masih boleh menggunakan alternatif lain contohnya seperti feedburner form.

Apa yang di maksudkan itu link atau tulisan Subscribe to / Langganan Posting Atom yang di maksudkan itu ? Lihat gambar di bawah ;

CARA MEMADAM SUBSCRIBE TO ATOM DI BLOG

Lihat anak panah yang menunjukkan Subscibe to : Post (Atom) di seperti di atas? Kebiasaan benda tu berada selepas button HOME ataupun icon HOME dengan OLDERST POST seperti gambar di atas.

Cara memadam subcribe to Atom tersebut adalah seperti di bawah ;

Pergi ke Dashboard.
Template.
Edit Html.
Expand Widget Template
Cari kod di bawah dengan hot key CTRL+F

<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>

Dah jumpa kod di atas kemudian padam kod tersebut dan preview dulu, kalau tak ada error sila save.

→ [Read More]

WIDGET KALENDAR UNTUK BLOG

[-] potia casadelarossa on 4.11.12 | 12:03 AM

→ WIDGET KALENDAR UNTUK BLOG

Berikut adalah WIDGET KALENDAR UNTUK BLOG. Ada sesetengah orang suka pasang Kalendar kan? so ni Widget Kalendar yang dah d terjemahkan kepada bahasa Melayu.

widget kalendar untuk blog

Salain dan paste kod Widget Kalendar dan pasang di ruang sidebar blog korang.
Javascript untuk Kalendar ini seperti berikut :

<script language="JavaScript" src="http://silence-blogz.googlecode.com/files/calendar-malay-ii.js">
</script>

Cara nak pasang Widget Kalendar ini sperti berikut :

Login.
Dashboard
Add a gadget
Html/javascript
Paste kod yang di beri diatas.
Simpan/Save !!

Dah pun siap Widget Kalendar anda.

Kalendar Akan kelihatan seperti ini:

→ [Read More]

TUTORIAL: CARA BUAT FLASH LABEL CLOUD BLOG

[-] potia casadelarossa on 3.11.12 | 5:10 PM

→ TUTORIAL: CARA BUAT FLASH LABEL CLOUD BLOG

Berikut adalah Tutorial : CARA BUAT FLASH LABEL CLOUD atau pun di kenali juga dengan nama Flash Animated Label Cloud. Contoh Flash Label Cloud ini kelihatan sperti di sidebar kanan blog ini. Atau boleh rujuk gambarajah di bawah :

flash label cloud - animated

Kelebihan flash label animated cloud :

Menjimatkan ruang sidebar blog anda.
Nampak lebih profesional.
Lebih kemas dan padat serta menarik.
Berputar atau bergerak secara animated apabila dihalakan mouse.
Terlebih sudaaa....

Cara buat Flash label Cloud Animated ini mudah sahaja. Cuma Copy & Paste di Sidebar blog anda menggunakan Html.

Langkah memasang Flash Label Cloud ini adalah seperti berikut ;

Login
Dashboard
Layout
Add a gadget
Html/Javascript

Dan copy dan paste kan kod di bawah ;

<div id="potiaFlashContent"><p style="display:none;">Flash Labels by <a href="http://www.silenceblogz.com/">silenceblogz.com</a></p></div>
<script type="text/javascript">
/*<![CDATA[*/
var potiaFlashLabelSettings = {
    blogurl        : "http://www.silenceblogz.com",
    color          : "CCCCCC",
    hoverColor     : "333333",
    backgroundColor: "FFFFFF",
    size           : 13,
    speed          : 100,
    width          : 290,
    height         : 240,
    transparency   : true
};
/*]]>*/
</script>
<script type="text/javascript" src="http://silenceblogz2.googlecode.com/files/label_flash_cloud.txt"></script>

Bila dah paste sila tukar atau edit dan gantikan tulisan warna merah (www.silenceblogz.com) kepada link blog anda. Jika saiz menjadi kurang sesuai jangan risau anda masih boleh mengubahnya mengikut kesesuaian saiz sidebar anda dengan edit nombor yang bewarna biru seperti di atas.

Jika anda tidak gemar dengan warna Flash Label Cloud ini anda juga boleh menukarkannya kepada warna kesukaan anda dengan menukar kod warna yang berwarna Lime di atas atau membiarkannya tanpa mengubah apa-apa. (set as default)
Sila rujuk di sini untuk panduan Kod Warna
width = Kelebaran
height = Ketinggian

Dah siap sila save! dan lihat hasinya.
Selamat mencuba.

→ [Read More]

CARA BUAT ANNOUNCEMENT BOX DI BLOG

[-] potia casadelarossa on 2.11.12 | 4:53 AM

→ CARA BUAT ANNOUNCEMENT BOX DI BLOG

Berikut adalah CARA BUAT ANNOUNCEMENT BOX DI BLOG. Mula-mula mesti lah login dan ke Template > Edit Html.. jangan lupa Expand dulu..

contoh annoncement box yang di maksudkan

Kemudian ikuti langkah-langkah di bawah :

Cari kod </head> dan SEBELUM kod tu paste kan kod ni.

<script src="http://silenceblogz-javascript.googlecode.com/files/popup%20Box%20-%20silenceblogzDOTcom.txt"/></script>

Kemudian jangan preview dulu sebab tu cuma script je.

Langkah seterusnya :

Pergi ke LAYOUT dan klik Add a Gadget > Html or javascript

Masukkan kod ni DI BAWAH (tajuk tak perlu):

<div id="showimage" style="position:absolute;width:250px;left:250px;top:250px">

<table border="0" width="250" bgcolor="#000080" cellspacing="0" cellpadding="2">
<tr>
    <td width="100%"><table border="0" width="100%" cellspacing="0" cellpadding="0"
    height="36px">
      <tr>
        <td id="dragbar" style="cursor:hand; cursor:pointer" width="100%" onMousedown="initializedrag(event)"><ilayer width="100%" onSelectStart="return false"><layer width="100%" onMouseover="dragswitch=1;if (ns4) drag_dropns(showimage)" onMouseout="dragswitch=0"><font face="Verdana"
        color="#FFFFFF"><strong><small>Announcement Box</small></strong></font></layer></ilayer></td>
        <td style="cursor:hand"><a href="#" onClick="hidebox();return false"><img src="http://4.bp.blogspot.com/-2t4X28CJRdo/UJLfn6yQS2I/AAAAAAAAEsY/hCnHlM02Ckg/s1600/close.gif" width="16px"
        height="14px" border=0></a></td>
      </tr>
      <tr>
        <td width="100%" bgcolor="#FFFFFF" style="padding:4px" colspan="2">



Testing 1 2 3



</td>
      </tr>
    </table>
    </td>
</tr>
</table>
</div>

Kemudian Save ! dan siap..

DEMO DI SINI

Apa yang perlu anda edit cuma di Testing 1 2 3 .. tukarkan mengikut apa yang anda nak bagitau. Kalau ada apa-apa persoalan boleh tanya di ruangan komen.

→ [Read More]

TUTORIAL BLOG : Cara Mudah Buat Button Pesanan Di Blog

[-] potia casadelarossa on 23.10.12 | 2:03 AM

→ TUTORIAL BLOG : Cara Mudah Buat Button Pesanan Di Blog

Tutorial Blog kali ni adalah berkaitan cara mudah buat Button pesanan di Blog..
Ada sesetengah blog menyediakan kotak pesanan di ruang sidebar di kiri atau kanan blog? semestinya di bahagian atas yang mana memberitahu melalui pesanan-pesanan yang agak panjang.. tak kira lah panjang atau pendek sedikit sebayak mengunakan ruang di sidebar. Ada juga blog yang sidebar nya tak align dengan entry.
Berikut adalah tutorial blog yang agak berguna juga lah iaitu CARA MUDAH BUAT BUTTON PESANAN DI BLOG.

tutorial blog : cara buat button pesanan di blog

Leapas login pergi ke Layout dan

Sila ikuti tutorial di bawah :

Add a Gadget
Html/javascript

kemudia copy dan paste kod di bawah menggunakan Html (bukan rich text ok)

<p id="demo">click untuk baca pesanan</p>

<button type="button" onclick="myFunction()">Buka Pesanan</button>

<script>
function myFunction()
{
document.getElementById("demo").innerHTML="Pesanan: Selamat datang ke Silenceblogz, maaf admin sedang tidur!!! ekekeke...";
}
</script>

Kemudian Save dah siah pun.

Button Pesanan tersebut kelihatan seperti di bawah.

click untuk baca pesanan

Untuk kelihatan lebih menarik dan kemas anda masih boleh tambah boder di keliling Button Pesanan ni. Cara tambah Border adalah seperti di bawah. Perhatikan di mana kod border itu ditambah.

<p id="demo1">click untuk baca pesanan</p>
<button type="button" onclick="myFunction()">Buka Pesanan</button>
<script>
function myFunction() {
document.getElementById("demo1").innerHTML="Pesanan: Selamat datang ke Silenceblogz, maaf admin sedang tidur!!! ekekeke...";
}
</script></div>

Kod Html yang bewarna biru itu adalah kod boder. Untuk jenis-jenis boder lain yang lebih menarik anda boleh rujuk CARA BUAT BORDER STYLE DI BLOG.

Button Pesanan yang di tambah Border akan kelihatan seperti ini:

click untuk baca pesanan

Kelebaran border tersebut adalah automatik. jangan risau sebab dia akan mengikut kelebaran sidebar anda.

Apa yang perlu anda edit? tukarkan tulisan pesanan seperti mana yang anda mahukan. Simple kan? selamat memcuba. Segala masalah boleh ajukan di ruangan komen.

→ [Read More]

Cara Buat Ikan Pekasam Di Blog?

[-] potia casadelarossa on 16.10.12 | 1:58 AM

→ Cara Buat Ikan Pekasam Di Blog?

Ehem... Ehem.. dah lama tak buat tutorial untuk blog.. kali ni nak buat tutorial blog cara yang agak advance sikit.. rasanya ni pertama kali kot orang buat tutorial ni kot.. yer lah.. Cara buat Ikan Pekasam di blog lah katakan.. ekeke...

ikan bebas - ikan gelama recommended

Pertama sekali mesti lah Login ke DashBoard
Dengan menggunakan Edit Html (jangan lupa Expand)

Dah tu cuba cari (Ctrl+F) <data:post.body/>

Selepas tu Paste kan Cara buat ikan pekasan ni selepas kod di atas.

Gaulkan dengan garam

Kod Ikan pekasam seperti berikut :

1. Mesti ada ikan.
Biasanya orang buat ikan air tawar.Kalau nak buat ikan laut pun boleh. Dan ikan itu mesti di bersihkan dengan sebersih bersihnya.

Perut ikan mesti cuci sampai putih bersih. Ini nak mengelakkan ikan di hurung lalat.

2. Garam.(garam kasar@ halus pun boleh)
Sukatan garam ni biasa orang buat, sekilo ikan seratus gram garam.Tapi aku bubuh tak ada sukat sukat.Ikut kata hati.

3. Beras.
Beras ni di sanga(goreng tanpa guna minyak). Dah siap sanga tumbuk sampai sederhana lumat. Sukatan beras ni serius aku main belasah jer. Apa yang penting banyak la jugak.

4. Asam jawa@asam keping.
Ada jugak orang yang tak letak asam jawa @asam keping ni. Sebabnya beras yang kita letak kat ikan itu sebenarnya pun sudah memasamkan ikan melalui cara penapaian.

Tapi aku letak.Aku suka letak asam keping berbanding asam jawa. Melalui pengalaman aku,asam jawa ni kelemahannya bila ikan ni kita goreng ia akan menyebabkan ikan di goreng menjadi hitam.

Langkah Langkah mudah.

1.Setelah ikan siap di bersihkan, ,masukkan garam anggaran 1 kilo ikan seratus gm garam. Masuk dalam bekas. tutup bekas tu.Simpan dalam peti ais .Pegi tidor.

2. Esok pagi dah siap tumbuk beras yang sudah di sanga tu dan gaul dengan ikan yang sudah di simpan tadi. Lagi banyak beras lagi nampak menarik.Sebabnya nanti bila di goreng, beras ni la akan jadi serbuk pekasam tu.

beras di sanga sampai kekuningan.Lepas tu tumbuk sederhana halus

3. Cari bekas yang bertutup sangat rapat. Susun ikan tadi ke dalam bekas,Setiap susunan ikan tadi letakkan asam keping 1-2 keping.

4. Masukkan air garam yang di simpan dengan ikan malam tadi. Sebelum tu masak dahulu air garam tersebut di atas api sederhana. Dah sejuk air garam tu masukkan ke dalam bekas ikan tu sehingga kesemua ikan tadi terendam.

5. Kalau ada lagi saki baki beras goreng bertumbuk tadi, tuang dalam bekas.

6. Akhir sekali tutup bekas dengan rapat. Letak plastik kat bawah penutup tu supaya betul betul ketat.
Seminggu lepas tu try la masak ikan pekasam tadi.

Tutup kemas-kemas dan ketat-ketat supaya adik atau anak korang tak leh bukak. Kalau dia buat dah jadi satu kesusahan kat situ.. yer lah menyeluk pekasan biar sampai pangkal lengan kan? bekas tu kecik macam mana nak sampai kat lengan kan? So tutup lah ketat-ketat ye.. ekekeke...

Ok!! kalau dah siap semua proses tu.. sila preview dulu.. kalau tak ada error sila save. Selamat mencuba resepi Cara Buat Ikan Pekasam Di blog..
ekekeke...

Nota: jangan salahkan aku kalau lepas ni blog korang jadi giler akibat korang ikut tutorial ni... ekekekek...

Sumber gambar & dan cara buat pekasam yg sebenar di sini

→ [Read More]

Cara Buat Perbezaan Komen Penulis Dan Pembaca

[-] potia casadelarossa on 6.10.12 | 11:02 PM

→ Cara Buat Perbezaan Komen Penulis Dan Pembaca

Malam ni di sertakan simple Tutorial iaitu Cara buat perbezaan antara komen penulis (author) dan pembaca. Sebagai contoh yang tepat adalah buat perbezaan warna huruf (font) antara pembaca dengan komen datangnya dari penulis (author) blog itu sendiri.

Langkah mudah adalah seperti berikut :

Login > Dashboard > Layout> Edit HTML.
Kemudian Tick Expand Widget Templates
Kemudian cari Kod ini (Ctrl + F) :

<data:comment.body/>

Bila dah jumpa kod diatas sila gantikan (replace) kod tersebut dengan kod ini.
(ingat ! gantikan (replace) bukan tambah..)

<b:if cond=’data:comment.author == data:post.author’><p style=’color: red; font-weight:bold;’><data:comment.body/></p><b:else/><p><data:comment.body/></p></b:if>

Kemudia save dan cuba lihat di ruangan komen akan perubahannya. Preview terlebih dahulu sebelu Save bagi memastikan tiada error..

Kod diatas memaparkan komen daripada Admin/penulis/author bewarna merah. Sila tukarkan kepada warna yg anda inginkan. Atau menggunakan Hex Color Code ini.

Atau dengan cara mudah gantikan red (yang warna merah diatas) kepada warna "green" ke.. "maroon" ke.. "cyan" dan sebagainya.

Atau dengan menggunakan Hex Color Code seperti #FF000 untuk merah atau #FFFF00 untuk kuning.

→ [Read More]

Headline News