http://aci-tec.com/work.php?html143 |
সোমবার, অক্টোবর ১০, ২০১১
শনিবার, নভেম্বর ২৭, ২০১০
How to create Custom Facebook Fanpage tab -- For beginners/Advance
Hello I am Md.Shahnur Arefin from Bangladesh. Doing Freelancing over 6 months. I did lot of Facebook customized fanpage tab. See My portfolio
FBML stands for Facebook Markup Language. Doing a customized fanpage tab is not so hard. If you have a good knowledge on HTML(Hyper Text Markup Language) and CSS(Cascading Style Sheet) , you can do it easily.
Let's see the basic of html and css
Human body has skeleton and skin. And for beautification human needs dress. I want to compare Webpage/website to a human body. HTML is the skeleton and css is the dress.
First I will show the basic structure of HTML.
<html>
<head>
</head>
<body>
</body>
</html>
-----
In HTML every tag (tag is a text enclosed with <>, here html tag is "<html>") has starting and ending point. When you will start a tag, you have to end the tag. Otherwise the page will not work properly.
But in FBML we don't need any of these tag. <html><head><body>.
FBML has some restriction with the tag. It supports some tags of HTML but not all. For Facebook Customized Fanpage we will use DIV tags.
------
<div>
<p>Hello Everyone</p>
</div>
-----
Paste this code to your Static FBML application(you can find this application in the search by writing "Static FBML". After that you need to click "Go to application", then click "Add to my page", select the page you want to add this application. That's it. Now go to the fanpage and Click "Edit". From the left menu select "application". Now you will find an application with logo "<->", click on the "Go to application" button).
Md Shahnur Arefin
Bangladesh
FBML stands for Facebook Markup Language. Doing a customized fanpage tab is not so hard. If you have a good knowledge on HTML(Hyper Text Markup Language) and CSS(Cascading Style Sheet) , you can do it easily.
Let's see the basic of html and css
Human body has skeleton and skin. And for beautification human needs dress. I want to compare Webpage/website to a human body. HTML is the skeleton and css is the dress.
First I will show the basic structure of HTML.
<html>
<head>
</head>
<body>
</body>
</html>
-----
In HTML every tag (tag is a text enclosed with <>, here html tag is "<html>") has starting and ending point. When you will start a tag, you have to end the tag. Otherwise the page will not work properly.
But in FBML we don't need any of these tag. <html><head><body>.
FBML has some restriction with the tag. It supports some tags of HTML but not all. For Facebook Customized Fanpage we will use DIV tags.
------
<div>
<p>Hello Everyone</p>
</div>
-----
Paste this code to your Static FBML application(you can find this application in the search by writing "Static FBML". After that you need to click "Go to application", then click "Add to my page", select the page you want to add this application. That's it. Now go to the fanpage and Click "Edit". From the left menu select "application". Now you will find an application with logo "<->", click on the "Go to application" button).
Md Shahnur Arefin
Bangladesh
Friend Request code In Facebook Fanpage Tab
One of the main benefits of being on the Facebook platform is the ability for viral sharing to take place amongst participants in the network. To encourage your business page to be shared with others you can implement a Facebook “multi-select” box, all within the static FBML box. This will loop through the current users friend list, allowing them to select who they want to share the fan-page with when they click send. You might want to put this under a “Spread the word” type tab to increase your reach.
Update. Some people have reported problems with this code. From what I can remember, it worked previously – so unless FB have changed things. Anyway – I’m using the below successfully now. Don’t for god’s sake copy and paste, examine the code, and type it exactly. WordPress makes a mess of single quotes which won’t work inside Facebook. I will get around at some stage to ammending this, but for now take care and try and understand what you are using. If all else fails, consult the Facebook documentation, or leave a comment here, which I’m more likely to respond to. I’ll not be replying to personal emails asking for help.
Update. Some people have reported problems with this code. From what I can remember, it worked previously – so unless FB have changed things. Anyway – I’m using the below successfully now. Don’t for god’s sake copy and paste, examine the code, and type it exactly. WordPress makes a mess of single quotes which won’t work inside Facebook. I will get around at some stage to ammending this, but for now take care and try and understand what you are using. If all else fails, consult the Facebook documentation, or leave a comment here, which I’m more likely to respond to. I’ll not be replying to personal emails asking for help.
<fb:fbml>
<fb:request-form method=”POST” type=”Webdistortion” invite=”true” action=”http://www.facebook.com/multi_friend_selector.php” content=”Become a fan of Webdistortion!<fb:req-choice url=’http://www.facebook.com/webdistortion’ ‘ label=’GO’ /> “>
<div style=”padding-bottom: 10px;”>
<fb:multi-friend-selector condensed=”true” style=”width:80%;” />
</div>
<fb:request-form-submit />
How to Add newsletter in Facebook Fanpage
If your blog or website offers subscription via email, an additional place to find subscribers is within the Facebook network. Fans that stumble upon your page, or are invited by others may want to add themselves to your subscriber list directly from you page, without visiting your site. Using the code that your newsletter provider gave you, you can easily create a newsletter tab with a subscribe box. Whilst this isn’t strictly FBML (its just HTML) – its an easy way to increase your reach and exposure on the cheap. FBML needed. Something similar to below. This is what I’m using folks.
--------------
<form action=”http://feedburner.google.com/fb/a/mailverify” method=”post” target=”popupwindow” onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=WebDesignInIrelandBlog’, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520′);return true”><p>Enter your email address:</p><p><input type=”text” style=”width:140px” name=”email”/></p><input type=”hidden” value=”WebDesignInIrelandBlog” name=”uri”/><input type=”hidden” name=”loc” value=”en_US”/><input type=”submit” value=”Subscribe” /> </form>
--------------
<form action=”http://feedburner.google.com/fb/a/mailverify” method=”post” target=”popupwindow” onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=WebDesignInIrelandBlog’, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520′);return true”><p>Enter your email address:</p><p><input type=”text” style=”width:140px” name=”email”/></p><input type=”hidden” value=”WebDesignInIrelandBlog” name=”uri”/><input type=”hidden” name=”loc” value=”en_US”/><input type=”submit” value=”Subscribe” /> </form>
Overview of Facebook Customized Fanpage Tab
Facebook markup language or FBML for short is used in a variety of places within the social network. Anyone who has written any Facebook applications will already be pretty familiar with its tags, and will probably have used it to write data to walls, or share postings with others programmatically. If however you haven’t yet dipped your toe in the water of the Facebook API, or indeed haven’t actually needed to – there are some snippets of FBML which prove to be mighty useful when creating custom Facebook Fan Pages, and can easily and quickly out of the box be used with the FBML widget, which adds an extra much needed layer of customisation to an existing Facebook fan page. The static FBML widget can be added multiple times, and in multiple places (sidebar and tabs) to facilitate this. Once you’ve added it to your page, simply go to “edit page”, then under Applications click “edit” under Static FBML. This will give you the options you need to paste in your code.
এতে সদস্যতা:
পোস্টগুলি (Atom)