Cari Blog Ini

Tampilkan postingan dengan label manage. Tampilkan semua postingan
Tampilkan postingan dengan label manage. Tampilkan semua postingan

Sabtu, 01 Juni 2013

Add Facebook Like Box Widget/Gadget On Blogger By Facebook Developer Plugin

This tutorial is tell you how to add or put Facebook Like Box on Blogspot easily. If you want to add like box with simple plugin then use this tricks embed on blog. Social Sites Like Box is one of best way to tell your blog visitors about you blog popularity and strength like how many people join your site or like your blog. Facebook is one of the most popular Social Website where million of people are join this site daily and also it increase your blog traffic by adding people in your profile and share your blog post daily on Facebook.

What Is Facebook Developer Plugin For Blogger:

 

Facebook Developer Plugin by Facebook is easily installation of Facebook Like Box Gadget on blogger by using this tool we easily add this Like Box on our blog just paste Facebook Page ID. If you have a blog and you also want to add this beautiful widget on your blog then first make Facebook Page of your blog and then next work is so simple but first make page. Now how to make Facebook Page in small steps follow below tutorial.
Add Facebook Like Box Widget/Gadget On Blogger By Facebook Developer Plugin
Add Facebook Like Box Widget/Gadget On Blogger By Facebook Developer Plugin 1

How i Can Put Facebook Like Button in Blogger Post


Make Facebook Page Of Your Blog First:


Go to Facebook.com.
Go to Sign Up with your blog name like My blog name is Trick Of Blogging.
Click Below Picture With Four Steps Image Tutorial and then work according to below tutorial.

In Picture No 1:
Go to Like Pages (Step 1).
Go Green Button Create Page (Step 2).

In Picture No 2:
Choose your desire Categories with in four boxes.
Like Local Business Or Places.

In Picture No 3:
Fill the appearing form completely.
Click on Get Started Button.

In Picture No 4: 
Click On top right corner Circle (Step 1).
Click On your Blog Page Link (Step 2).

Check This Out. For Clear results click this picture or zoom it.

Add Facebook Like Box Widget Gadget On Blogger By Facebook Developer Plugin 2
Add Facebook Like Box Widget Gadget On Blogger By Facebook Developer Plugin 2

 

How To Add Using Change Cover Photo/Image of Your Blog:


For adding your blog header or blog name image in cover photo is very simple after adding this blog header image you can easily share your blog post to thousand of people and your blog traffic is almost increase by doing this tricks and you can also add Like Box Gadget on blog in below steps.

Add Facebook Like Box Widget Gadget On Blogger By Facebook Developer Plugin 3
Add Facebook Like Box Widget Gadget On Blogger By Facebook Developer Plugin 3

Add | Put | Embed Three Or Four Column Footer Widget/Gadget In Blogger Blogspot 

Add Like Box Widget Or Gadget On Blog:


Stay on this page.
Go to your browser address bar and copy the link of this page like my blog Facebook page id is


https://www.facebook.com/pages/Trick-Of-Blogging/447187668684161

When you copy your blog Facebook page id then click this link below for adding box.


Facebook Page Developer


Paste your Facebook page id in the box.
Set Box Width and Height.
Check on show faces or not.
Color Scheme Light Or Dark.
Stream means your recent post.
Show border or show header Manage it easily its up to you.
Click below Button Get Code.

First Code For WordPress.
Second Code For Blogger Blogspot.

Copy the second code and follow below steps.

Go to Blogger.com.
Go to Layout.
Click on Add A Gadget.
Go to HTML/JavaScript.
Paste the code in HTML box.
Save Setting.
View Blog and your work is done.


Related Articles:


How To Add Facebook Page On Blog To Attract More Visitors
Easy Trick To Add Twitter Updates Gadget To Blogspot Blogger
Add/Put Blog Table In Blog Post Best Blogger Tricks
How Add RSS And Live Traffic Feed For More Visitors On Blogger Blogspot
Add Flickr/Picasa Web/Photobucket/Other Albums Slideshow On Blog Easy Tricks
Add | Put | Embed Google Map Between Blog Post Blogger Tricks
Add | Put HTML Color Code Generator Tool To Your Blogger With Easy Tricks
Add Manually CSS Jqeury Drop Down Menu By Replace/Remove Pages On Blogger  

Kamis, 09 Mei 2013

Tricks To Add Simply/Easily/ PayPal Donate Button To Blogger

In this tutorial i will show you how to add or put PayPal Donate Button in blog post, sidebar, footer, above post title and below post. PayPal Button widget is manage in commonly sidebar or in footer.


                                             

PayPal Account Information What Is That:

Tricks To Add Simply/Easily/ PayPal Donate Button To Blogger
PayPal account is use to receive or sent money and if you want to make a few cents or some bucks from all the hardworking when you are blogging on your Blogger Blog or Website then you should add a PayPal Donate Button to your blogger (Blogspot Blog) or Website. Adding donation button will encourage all those happy readers to say a big thanks you for helping them out but don't think every one donate some money to your blog or website they are few of who will willingly donate some chumps.

Easily adding a gadget to the blogger sidebar or in the footer of your blogger template you can get some money. We will using a widget to contain our PayPal Donate Button and we have not required to changing template of our blog. If you want to add the PayPal Donate Button in between blog post then it is also very easy to do.

The Best Placement of Adsense On Your Blogger Blogspot
How to Verify My Blogger Blogspot in Webmaster Tools
How Can I Make Earning With My Blogger Blogspot  

Add A PayPal Donate Button To Blogger Sidebar Or Blogger Footer:

Create or Make PayPal Account first if you have not already create.
Login to your PayPal account.
Click on the Merchant Services Tab like shown in the picture.

Tricks To Add SimplyEasily PayPal Donate Button To Blogger 1
Select Donation from the list of keys features displayed in the right sidebar of the PayPal Website Payments Standard Option 3 Payment Solutions. PayPal have changed its interface. You now need to select PayPal Website Payment Standard from Merchant Service drop down and then under the option 1 you will see in ting writing words I must say (There are also Buttons for Donation and Gift certificates). "Click On Donations".

                        
Tricks To Add SimplyEasily PayPal Donate Button To Blogger 2
Select Donation link in PayPal from PayPal Website Payments Standard Option 1 to add a donations button to Blogger Blogspot Blog.
From the PayPal Create a Donation Button Now link (One of Two).

                                 
Tricks To Add SimplyEasily PayPal Donate Button To Blogger 3

Manage the default button which you want and customize it.
Select the Currency which is adjusting by your country or area and depending on your need location.
Select Donors enter their own contribution amount radio button unless you want to have a set amount.

                                 
Tricks To Add SimplyEasily PayPal Donate Button To Blogger 4

Ensure the Secure Merchant ID radio button is selected. This will always prevent spammers getting hold of your email address.
At Step 2 it is worth saving your button.
At Step 3 customize your checkout page by allowing donors to write a short comment by selecting the Yes radio button to special instruction to seller.
Select the No radio button for customer's shipping address. Select the create Button.
When PayPal make or creates the PayPal Donation Button HTML code then copy it on your notepad file to further use. Now Sign out of your PayPal Account. Now next work in blogger.com.

How I Can Add Recent Post Moving In Down And Upward Direction
How to Remove 404 Errors in Blogger Blogspot
Why I Make More Pages On My Blog To Increase Organic Traffic 
Easy | Best | Simple Tricks To Make Money From Youtube | Chitika

Now Working In Blogger When PayPal Donation Button Code Is Get:

In blogger you can make more and more changes you can easily add or put your PayPal Donation Button where you want but i have best placement of paypal button which i already use on my website.


PayPal Button Adding Tutorial In Blogger Sidebar Or Footer:


Go to Blogger.com.
Go to Layout.
Click Add A Gadget.
Select HTML/Javascript widget which is located on 11th no in the list.
Now copy your PayPal Donate Button Code from notepad file where you can save it and paste the HTML code into the HTML coding box.
Now Pick the gadget with mouse and place it sidebar of your template where you want left or right its depends on your choice.
Now give the name of gadget/widget which you want. Like "Donate For My Blog".
Click the save button.
Visit your blog and your PayPal Donation Button is appear in your blog sidebar.
Now for checking donate button will it work or not click your button you can see this type of page which is given below appear after your blog page then its mean your PayPal Account is working for your blog.

               
Tricks To Add SimplyEasily PayPal Donate Button To Blogger 5


PayPal Button Adding Tutorial In Blogger Post Footer After Every New Post:


In this small tutorial you can easily add the PayPal Donation Code in the footer of every post but remember your previous post can not work like future post. Before adding the PayPal Button first copy your button code in HTML form.

Go to Blogger.com.
Go to Setting.
Go to Post and Comments.
Click on Post Template Add links.
Paste the code into the Post Template Box and save it.
Click to Writing New Post you can see the code in Compose form if you want to see the PayPal Donation Button Code then you should go to HTML form to see the code.

How I Can Use Crawlers And Indexing Tool In Blogger
How I Can Get Approval From Google Adsense My Blog Or Website
How I Can Make Internal Links In The Blog Post To Increase Rank


PayPal Button Adding Tutorial In Anywhere In Blog Post:


If you want to add the PayPal Donation Button in between blog post then copy your button code and go to HTML form and where you want to show your button paste this code after breaking the <br> tags and you can easily add the code in your blog post and enjoy it.


Related Articles:

How Easily Delete/Remove/Get Rid Blogger Blog Tricks In Blogspot
How I Remove Or Change Blogger Post Image Border In Blogspot
Best Blogger Tips And Tricks For My Blog SEO Instantly
Easy Trick To Add Twitter Updates Gadget To Blogspot Blogger
How I Make My Blogger Good Looking Best Tricks
Easy Tricks To Get Lot Of Visitors On My Blogger
How I Can Get More Pageviews Using Social Bookmarking.Com
How I Can Import And Export My Blog To Other Blogspot 

Rabu, 08 Mei 2013

How Remove Photos/Images Border In Simple Or Awesome Inc Templates Blogger

This tutorial is how remove, change, delete border or outline around images or photos in blog post with Simple and Awesome Templates in blogger.com. Best trick to manage blog images border line easily to make changes in Templates. If you are using old interface blog template or custom template then i have already write a post about it if you want to do this then check the link in this you can manage older interface blogger template easily with adding code in blogger HTML coding.



How I Remove Or Change Blogger Post Image Border In Blogspot .


I have two main points or steps to removing or changing images borders in the blog post in Simple Templates. First method is how to remove the image border using Template Designer and next is how to remove the photo, pictures, images border line manually by changing the HTML code in the blogger templates.


Trick No#1 Remove Picture/Photos/Images Border line using Template Designer:

How Remove Photos/Images Border In Simple Or Awesome Inc Templates Blogger 1
Go to Blogger.com.
Go Template.
Click On the Customize Orange Highlighted Button.
Go to Advanced and click to Advanced link.
Go to Images and click here.
How Remove Photos/Images Border In Simple Or Awesome Inc Templates Blogger 2
Now you can see three color box.

  • Background Color.
  • Border Color.
  • Caption Text Color.

Where you can see the white arrow head click here to transparent the background of blog template.
When you click here you can see white box write with Transparent Tick it.
Now go to Border Color and also transparent it by checking the box.
Now next box is Caption Text Color if you give the pictures caption for better SEO for this you can manage the color of the caption text but it is normally black.
Click Apply to Blog to save your template changes.
Click to view blog and check out any post your blog post image border is disappear.

How Easliy/Simple To Manage Page Layout In Blogger Blogspot
How Easily Delete/Remove/Get Rid Blogger Blog Tricks In Blogspot
Simple | Easy Tutorial For Transfer Blogspot To Website 

Trick No#2 Changes Or Remove Images Border Outline By Changing HTML Code Manually:

 

In this trick you can just replace one code to make these changes and your all blog post pictures or images border is disappear and which you post in future then this also work in these post.

Go to Blogger.com.
Go to Template.
Click To Edit HTML. if you have not aware new interface of Blogger HTML then click this link and read about more for make easily changes in your template also. How I Can Handle New Interface Of Blogger HTML Editor
First Get Back up your Blogger Template.
Find the code which is given below to find this code easily press Ctrl+F in between coding box.
Paste below code in it and press enter and your code is highlighted.

 <Variable name="image.border.color" description="Border Color" type="color" default="transparent" value="#cccccc"/>


When you find the above code then replace it with below code perfectly to make better changes otherwise your template give Error after wrong pasting code.

<Variable name="image.border.color" description="Border Color" type="color" default="transparent" value="transparent"/>

I will transparent the border of your blog post images. Now save your changes of blog template and view your blog post to see images border no longer. I have some beautiful and helpful article for make blog better in Search Engine. Lot of tricks about making money, getting backlinks, different types of widgets, Facebook Button, Facebook Page, Twitter Updates Widget, Blogger SEO Tutorial and many many more.

Related Articles:

Hot And Latest Seo Tips For Blogger 
How To Make Website Like My Blogger Tricks To Get Best Alexa Rank
How To Added Meta Tag In Your Blogger For Better Optimization
Now Ready To Increase Google Page Ranking And Alexa Ranking
Other Tips To Make Money
Easy | Best | Simple Tricks To Make Money From Youtube | Chitika
How I Can Get Approval From Google Adsense My Blog Or Website
How I Can Use Webmaster Tools Properly For Blogger