ムンシ Design

Twitter: Echofon and other applications

noreply@blogger.com (Munsyi) — Wed, 24 Nov 2010 04:17:47 PST

The first add-ons that I used to tweet was Echofon after found out that there is actually an easier way to tweet other that using twitter website.

The features in Echofon?

You can see which application did your twitter friends.

How to Install?

This application is for Mozilla Firefox user. Just click here or manually search in the Tools>>Add-Ons>>Get Add-Ons.

There are much more apps out there that can be used to tweet like MetroTwit, HootSuite, TweetDeck, Yoono, Seesmic. Every application will have its own advantages and disadvantages.

Go ahead, give it a try. ^_^

Dhobi Station is now open!

noreply@blogger.com (Munsyi) — Wed, 03 Nov 2010 07:59:43 PDT

Dhobi Station has recently opened opposites to Sek Men Keb Tun Mutahir and Sek Men Keb Munshi Abdullah. Since they are holding the launching ceremony on the November 27th, they are promoting their laundry service.

"Free 2 kg laundry wash for 50 early customers starting from the 1st of November 2010."

Dhobi Station

Click to enlarge

Call or SMS now to enjoy the offer. It's 019-9276115
Join Us on Facebook. Thanks for the supports. Dhobi Station
The shop is in Batu BEremdam, Melaka, Malaysia.

How to modify your blockquote?

noreply@blogger.com (Munsyi) — Fri, 29 Oct 2010 03:21:22 PDT

An easy tutorial.

Some blog templates have only white block quote when you click the Quote button in new post. Like this block quote

Here

To edit this, all you need to do is change the coding.

Design >> Edit HTML >> Tick the Expand Widget Templates box
Search for this coding .post blockquote {

Change it to this coding

.post blockquote {
        background: #FEFF8F;
        margin: 0px 25px 15px 25px;
        padding: 0px 25px 0px 10px;
        border: 1px solid #FF1F52;
}

#FEFF8F for Yellow colored background
#FF1F52 for Red colored border

You can change it to your desired colors. Use Firefox Add ons Color Zilla to select the color reading.

This is a simple blockquote tutorial. If you want to make it more beautiful, visit this link for the tutorial.
^_^

Nuffnang's Buffered Earnings, Metered Earnings and Campaigns

noreply@blogger.com (Munsyi) — Tue, 12 Oct 2010 18:53:38 PDT

For those who are still new to Nuffnang, I just want to share with you some information on Buffered Earnings (BE) and Metered Earnings (ME). I start receiving BE when my blog traffic maintained above 50-70 unique visitors per day. It is not as much as other full-time bloggers but sharing is caring right. ^_^

Click to enlarge

Campaigns:
- NN will pays you based on CPC (Cost per Click). Ads that is clicked by your visitors.
- When your unique visitors are maintained no less than 50 person per day (my experience), NN will assign some BEs for you.
- Usually very little earnings. (refer amount)

Click to enlarge

BE:
- Advertisers bought some space in your blog for their ads.
- Cost per Impression. NN pays you on your unique impression/visitors.
- The ads is still running.

ME:

- The BE ads has stop running in your blog.

That's all. Hope it'll helps those who are new to Nuffnang. cheerio~

p/s: correct me if I'm wrong yah~

source (Malay) (English)

How to add Recent Post slider?

noreply@blogger.com (Munsyi) — Wed, 08 Sep 2010 21:50:36 PDT

Just want to share the HTML codes for recent post slider that looks just like this:

Dashboard >> Design >> Add a Gadget >> HTML/ Javascript >> Copy & Paste the codes below

----------------------

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
    <style media="screen" type="text/css">
    
    </style>
    <script language="JavaScript">
    imgr = new Array();

    imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

    imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

    imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

    imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

    imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
    showRandomImg = true;

    boxwidth = 255;

    cellspacing = 6;

    borderColor = "#232c35";

    bgTD = "#000000";

    thumbwidth = 70;
    thumbheight = 70;
    fntsize = 12;
    acolor = "#666";
    aBold = true;
    icon = " ";
    text = " ";
    showPostDate = false;
    showcomments = false;

    summaryPost = 40;
    summaryFontsize = 10;
    summaryColor = "#666";
    icon2 = " ";
    numposts = 20;
    home_page = "http://URL korang.blogspot.com/";
    limitspy=4
    intervalspy=4000
    </script>
    <div id="spylist">
    <script src="http://sites.google.com/site/testingsahaja/recentpostslide.js?attredirects=0&d=1" type="text/javascript"></script>
    </div>

--------------------

and... done.

Source: Hudhud

^_^

Does it work?

Check your blog statistics with Draft blogger vs Clicky vs Histats

noreply@blogger.com (Munsyi) — Sun, 04 Jul 2010 08:22:07 PDT

I noticed this feature on Draft.blogger.com for a while now but very lazy to check what it is. Until I read this post on amizzat's blog, I learned that the stats feature is to check our blog statistics. It has:

1.Popular Pages
2.Traffic Sources
3.Search keywords
4.Audience (visitors) information; location, Operating systems and browsers used.

Just go to draft.blogger.com, log in and click Stats, just like the below pic.

and you can view your blog's

Overview

Make your own avatar

noreply@blogger.com (Munsyi) — Sat, 26 Jun 2010 00:51:31 PDT

Want to make a cute avatar like this?

or this?

Simply go to these websites and create your own avatar.

1. Pocoyize for the first avatar.

very easy right? hehe

2. Faceyourmanga is very useful in making more detailed avatar

more complicated but it's cool

That's all for now. Enjoy~

How to Embed Facebook video in you blog post?

noreply@blogger.com (Munsyi) — Sat, 12 Jun 2010 16:38:25 PDT

Do you know that you can also put a Facebook video in your post just like when you embed a youtube video. Here are the steps.

1. Go to the video on Facebook, look at the URL and copy the video number after v=

2. Copy this code and place it in the post section. Replace the xxx with the video number you copied before.

<object width="400" height="224" > <param name="allowfullscreen" value="true" /> <param name="allowscriptaccess" value="always" /> <param name="movie" value="http://www.facebook.com/v/xxx" /> <embed src="http://www.facebook.com/v/xxx" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="400" height="224"> </embed> </object>

3. Publish post and you'll have the Facebook video in your blogger post like this.

You can also change the width and the height.
Done. Enjoice~
Credit: Shoutpedia

Put LIKE button in your blog post

noreply@blogger.com (Munsyi) — Wed, 24 Nov 2010 04:33:42 PST

An easy way to promote your post or others' is by putting this small like button. That way, when your friend 'Like' your post, it will appear on their Facebook wall and it will promotes your blog post. But of course, you must read and 'Like' several posts before expecting them to 'Like' yours.

The steps.

Go to Dashboard >> Layout >> Edit HTML >> tick expand widget templates

Click Ctrl + f to find this code : data:post.body

Just after the codes, copy and paste this HTML codes

<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show-faces=true&width=530&height=60&action=like&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px'/>

Done.

Now,go and click the 'Like' button below. Cheerio
(Credit to Adzrazali)

How to Change your blog's Favicon?

noreply@blogger.com (Munsyi) — Fri, 29 Oct 2010 01:43:32 PDT

Salam.

Change your favicon in just seconds.

1. Make your favicon with size 50px by 50px, like this and upload it in any image hosting. Image shack will be my first choice.

or you can also upload it in your post and copy the url to the favicon. Like this.

<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/_Jt-MLSmwUug/S37Ol2x4XLI/AAAAAAAAA2Y/Zw3siQaJ_no/s1600-h/favicon3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/_Jt-MLSmwUug/S37Ol2x4XLI/AAAAAAAAA2Y/Zw3siQaJ_no/s1600/favicon3.jpg" /></a></div>

2. Copy the URL and put it in this codes.

<link href='Image URL here' rel='shortcut icon'/>

like this

<link href='http://2.bp.blogspot.com/_Jt-MLSmwUug/S37Ol2x4XLI/AAAAAAAAA2Y/Zw3siQaJ_no/s1600-h/favicon3.jpg' rel='shortcut icon'/>

3. Go to Layout >> Edit HTML >> CTRL + F to find this codes ]]></b:skin> and paste it just after ]]></b:skin> code.

4. Save it as usual if there wasn't any error.

DONE.

(source)

How to put Twitter Updater in your Blog?

noreply@blogger.com (Munsyi) — Wed, 24 Nov 2010 04:22:33 PST

Salam.

Have read this and register your twitter account? Now, you can put the twitter updater in your blog.

Copy the codes below and paste at add a gadget>>HTML/ Javascript

<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 6,
interval: 6000,
width: 250,
height: 500,
theme: {
    shell: {
      background: '#359483',
      color: '#fffcff'
    },
    tweets: {
      background: '#ffffff',
      color: '#080808',
      links: '#ff0f1f'
    }
},
features: {
    scrollbar: false,
    loop: true,
    live: false,
    hashtags: true,
    timestamp: true,
    avatars: false,
    behavior: 'default'
}
}).render().setUser('Munsyi').start();
</script>

Change the red codes with your own twitter username and save. It will looks like this.

or you can edit your preferences at the Twitter widget site

Cheerio~

How to disable click-to-enlarge on Images?

noreply@blogger.com (Munsyi) — Fri, 09 Sep 2011 07:52:25 PDT

Salam.

You might already know that if you click on a image in your post, without altering any codes, the image will enlarge, right. Just like when you click the picture below.

To disable click-to-enlarge for the images, you'll need to change them only as image not as a click-to-enlarge link. I'll help you to do it step by step guide:

1. Write new post (or edit posts) as usual.

2. Add the image using the default tool of Blogger.

3. Click "Edit HTML", beside "Compose" button.

4. You'll find these codes, and delete the bold red part of the codes.

<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/_Jt-MLSmwUug/S36CtzO5KLI/AAAAAAAAA2A/l3A-vgtWj4Q/s1600-h/tudung.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/_Jt-MLSmwUug/S36CtzO5KLI/AAAAAAAAA2A/l3A-vgtWj4Q/s320/tudung.jpg" /></a></div>

6. After that, just publish post, and done.

Your images will not be click-able any longer and won't serve as click-to-enlarge links. Like the picture below.

note: Another method to prevent people from using your photos, put your watermark. Nowadays, we heard a lot about bad people use other people's pictures for their fake account.

"Prevention is better than cure"

(Credit to isaacyassar)

What is Nuffnang?How to put the Nuffnang ad units?

noreply@blogger.com (Munsyi) — Thu, 29 Apr 2010 00:57:05 PDT

Salam.

Ok. Straight to the topic. I hope you guys know what Nuffnang is. If not, visit their site. Nuffnang is an online blog advertising community, with over 90,000 bloggers spanning across Singapore, Malaysia, Philippines and Australia. Other than Google adsense or advertlets, most bloggers use this advertising network to make money from their blogs. They will pay you once your earning reach RM50 and your earning might increase very slowly at the beginning, depending on your blog traffics, page per view and stuffs.

How to Put the Nuffnang codes?

This tutorial is just for those who don't know how to do it. There are 3 types of codes: sidebar, header and between content.

For sidebar codes, I think most of you knew how to do it. Just copy & paste to your sidebar element.

For Header, copy the codes and paste it just after <body> in Layout>> Edit Html>>make sure you click the expand widget templates

<body>


<script type='text/javascript'>
nuffnang_bid = "cdba681cbc8b9fade4eebdecf331c186";
</script>
<script src='http://synad2.nuffnang.com.my/k.js' type='text/javascript'/>


<div id='wrapper'>

<div id='headerwrapper'>

For Between content ad unit, search for <b:if cond='data:post.includeAd'> and paste before it.

</b:if>


<script type='text/javascript'>
nuffnang_bid = "cdba681cbc8b9fade4eebdecf331c186";
</script>
<script src='http://synad2.nuffnang.com.my/j.js' type='text/javascript'/>

<b:if cond='data:post.includeAd'>

Just change the red codes with your own Nuffnang ad units. Cheerio~

(source)

Help me! my blog's pictures flying around..

noreply@blogger.com (Munsyi) — Thu, 11 Feb 2010 17:51:29 PST

Salam.

See the below pic. I don't know how to fix it.

^_^ . Actually, it's a Java script shared by tripwireagazine. Just paste these JavaScripts into the address bar and hit Enter key.

javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; var DI= document.getElementsByTagName("img"); DIL=DI.length; function A(){for(i=0; i<DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5+"px"; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5+"px"}R++}tag=setInterval('A()',5 );document.onmousedown=function(){clearInterval(tag);for(i=0; i<DIL; i++){DI[i].style.position="static";}}; void(0)

There's also other scripts that will let you play pranks on your friends, or maybe Internet Marketers had been using this to lie about their statistics and all. Just like this when I edited my Nuffnang.

Click to enlarge!

That's all. See more Funny Javascript here.

Easy 'Read More' feature from Blogger: Jump Break

noreply@blogger.com (Munsyi) — Sun, 07 Feb 2010 01:07:49 PST

Salam.

Do you know that you can put a 'read more' in your post using Jump break? You don't need to edit HTML manually anymore.

Steps:

1. Write your post as usual. At the point where you want to add read more feature, just click the Jump Break button.or another way is to put this code  where you want it.

2. Publish your post when you are done.

3. The read more feature will appear just like at the end of this post.

Change read more sentence to your own words.

1. Go to Layout >> Edit the Blog Posts Widget >> Change the read more sentence

That's all. Do tell me if it's not working.

What is twitter and how it can helps you promote your web?

noreply@blogger.com (Munsyi) — Sun, 07 Feb 2010 00:48:45 PST

Simple explanation on what is twitter and how does it works. Don't forget to add me @munsyi

My very first time!!

noreply@blogger.com (Munsyi) — Sun, 31 Jan 2010 20:39:05 PST

Salam.

Alhamdulillah, for the first time in my whole life, I manage to win a contest. Ok. I'm just exaggerating. Actually, it was my first time winning an online contest. It was organized by Miss Ema Teddy at her blog. Do give her a visit for more interesting contests. The prize was RM30 in phone top-up.

Thanks a lot Miss Ema Teddy and I have listed your blog in my bloglists.

note: her childhood photo is cute. Puji sket. ^_^

Maher Zain - BarakAllahu Lakuma lyrics

noreply@blogger.com (Munsyi) — Wed, 03 Nov 2010 03:32:38 PDT

Maher Zain - BarakAllahu Lakuma

We're here on this special day

Our hearts are full of pleasure

A day that brings the two of you

Close together

We're gathered here to celebrate

A moment you'll always treasure

We ask Allah to make your love

Last forever

Let's raise our hands and make Do'a

Like the Prophet taught us

And with one voice

Let's all say, say, say

بارك الله لكما وبارك عليكما
وجمع بينكما في خير
بارك الله لكما وبارك عليكما
وجمع بينكما في خير

From now you'll share all your chores
Through heart-ship to support each other
Together worshipping Allah
Seeking His pleasure

We pray that He will fill your life
With happiness and blessings
And grants your kids who make your home
Filled with laughter

Let's raise our hands and make Do'a
Like the Prophet taught us
And with one voice
Let's all say, say, say

بارك الله لكما وبارك عليكما
وجمع بينكما في خير

بارك الله
بارك الله لكم ولنا

الله بارك لهما
الله أدم حبهما
الله صلّي وسلّم على رسول الله

الله تب علينا
الله ارض عنا
الله اهد خطانا
على سنة نبيناLet's raise our hands and make Do'a
Like the Prophet taught us
And with one voice
Let's all say, say, say

بارك الله لكما وبارك عليكما
وجمع بينكما في خير

(source) (Maher Zain Official Facebook)

To all my friends who are planning to get married soon, Barakallahu lakum~ and also to those who just got married, Zaid and wife.

White people stole my car

noreply@blogger.com (Munsyi) — Fri, 29 Jan 2010 06:13:11 PST

Have you ever heard of this? Do you know that if you search 'white people stole my car' on google you'll get recommendation word 'black people stole my car'.

Actually, it was popular back then in 2009 when someone altered the search text as a prank.

Later, I decided to do few searches on Google with 'any term' followed by 'is', like this, just for fun.

Yes, Malaysia is Zimbabwe. ^_^

USA is doomed?

Islam is a cult is so not true! It is the way of life. I even Googled my nickname, munsyi and here's the search results.

Just kidding. I bet you know by now which name I used to Google this. The truth is, unfortunately, T_T

Till then~

How to make your word blinking?

noreply@blogger.com (Munsyi) — Thu, 28 Jan 2010 23:24:25 PST

Salam.

Another simple tutorial. Blinking word.

Just put this code between the desired blinking word.

<blink>WRITE YOUR WORD HERE</blink>

It'll look like this:

WRITE YOUR WORD HERE

Brought to you by munsyi design

How to make sticky post?

noreply@blogger.com (Munsyi) — Wed, 24 Nov 2010 04:50:04 PST

Some of you may be wondering how to do a sticky post. It will stay at the top of your blog even when you update your blog with other post. It is very useful if you want to remind you or your reader about any event. Here's how you do it.
1. Write your post as usual. If needed, include "This is a sticky post, scroll down for new updates" or something like this in your post.

2. Publish Post as usual. But this time, after publish, click edit post and click at the Post Options.

3. at Post date and time, set 'scheduled at' until when you want your post to be stick at the top. (Time and date)

4. After finish, then you click Publish Post again.

That's all. Cheerio~

How to set Auto Publish your post?

noreply@blogger.com (Munsyi) — Wed, 24 Nov 2010 04:23:57 PST

Salam.

Just a very simple tutorial. If you don't know how to make your post autopublish, here's the steps.

1. write your post as usual. Once you are done, click at the Post Options above Publish Post button.

2. at Post date and time, set scheduled at your desired time and date.

3. After finish, then you click Publish Post.

It is very useful when you didn't have time to update your blog on a frequent basis, just auto publish several post at once. Enjoy

Cheerios~

Contest: Menangi RM20 Untuk 5 Orang di beliamuda {dot} com

noreply@blogger.com (Munsyi) — Mon, 18 Jan 2010 05:55:10 PST

Salam. Baru sempat nak join contest ni. Check it out.

beliamuda {dot} com sedang mengadakan contest untuk semua yang mempunyai blog dan seorang rakyat Malaysia. Hadiah ditawarkan RM20 dan pemenang akan dipilih secara rambang. Tiga pemenang akan dipilih untuk contest ini.
Selain itu, dua pemenang akan dipilih daripada referral terbanyak kepada contest ni. Referral saya untuk contest ini ialah beliamuda {dot} com.
Sila semak lebih lanjut di entri contest menangi RM20.

Syarat-syarat:

Salin ayat di atas. Yang boleh diubah hanyalah bahagian referral sahaja dan buat satu entri di blog anda.
Follow blog beliamuda {dot} com melalui Google Friend Connect atau Facebook Fan Page.
Jangan lupa letakkan link entri anda dalam ruangan komen contest di beliamuda {dot} com sebagai penyertaan.
Tarikh tutup: 19 Januari 2010, 11:59 malam. Penyertaan selepas tarikh tidak diterima.

Sticky Post: Penyertaan Contest Lekat & Menang anjuran www.azizwan.com [BM]

noreply@blogger.com (Munsyi) — Sat, 09 Jan 2010 08:13:19 PST

Salam.

Ini first time saya join contest kat blog. Saja-saja try join mana tau leh menang macam Atiqah. Asyik-asyik baca post beliau menang contest yang bloggers lain anjurkan je. Walaupun sibuk sikit weekend ni, tapi oleh sebab ia sangat senang, I've decided to join it. Why not, right. It's free anyway.

Ok. Contest ni sedang dianjurkan oleh www.azizwan.com

Cara-cara nak join senang saja.
1. Korang kena ada blog yang berusia sekurang-kurangnya 2minggu.
2. Lekatkan gambar RM50 di atas sebagai ‘gambar utama’.
3. Letakkan tajuk post sebagai "Penyertaan Contest Lekat & Menang anjuran www.azizwan.com"
4. Post mestilah dijadikan sebagai “sticky post” untuk tempoh 48 jam (2 hari). Kalau kurang dari tu automatic kena reject.
5. Jangan lupa letakkan ayat ni di akhir post.

"Saya tahu contest ni dari blog munsyidesign.blogspot.com"

6. Jangan lupa tinggalkan link post di blog beliau, ok.

Hadiah: RM50 kepada 1 pemenang dan RM30 kepada referer kepada pemenang.Pemenang akan dipilih ikut lucky draw, so, semua ada peluang nak menang.

Tarikh Tutup: 13th January 2010 on 11.59pm sharp.

“Saya dapat tahu contest ini dari blog ‘NURISTIMEWA.COM"

Doa-doa dapat menang. hehe

How to change Header's link?

noreply@blogger.com (Munsyi) — Wed, 24 Nov 2010 04:38:55 PST

It's advisable to download your full template (Backup) before start making changes in the coding.

As requested by Atiqah.

"senpai..i have one request..do u know how to edit those link on the header of the blog..like, home,rss feed..i dont know la.."

Just follow the step-by-step approach.

1) Go to Layout > Edit HTML. No need to tick Expand Widget templates.

2) Search for the word that is shown at your current tab, for example, home or comment rss and etc.
It's easier to find them by clicking Ctrl + f button and type the word you are searching for.

Click to enlarge

3) when you find this code or something like this (note that different template will give you different HTML codes), change the links and the title according to your desire. Just like this, for example:

<li><a href='#'>About</a></li>
<li><a href='#'>Contact</a></li>

<li><a href='http://kokoro-no-haiku.blogspot.com/'>munsyi's blog</a></li>
<li><a href='http://munsyi-no-link.blogspot.com/'>munsyi bloglist</a></li>

4) then, save template. Make sure you only change the RED colored codes with the correct url and the title.

Done. Hope it works. If you have any other problem, don't hesitate to ask me anytime.