Gadget Pro: blogger

Showing posts with label blogger. Show all posts

Monday, March 27, 2017

How to Get Unlimited Photos Storage in Google Blogger

You might be aware about the limits google imposes on uploading images to its servers. You are allotted with a 15Gb of space that covers everything on google, either you use Gmail, Google Photos, Blogger and even uploading images to Google+. So all this space is shared among the services you use on Google.

Available link for download

How to Add Facebook Like Button Share Button to Blogger Template

Go to Following Website and give your facebook Page URL and Click on Get Code

https://developers.facebook.com/docs/plugins/like-button

Watch This Video For Detailed Explanation

Available link for download

How To Add Recent Posts Widget With Thumbnails For Blogger

Hello friends, Today i am going to share how to add a beautiful "Recent posts Widget" on blogger blogs. This widget is very simple. Now, displaying a latest posts widget to your blogger blog is good practise. I have styled this beautiful widget to best suit your blog. You can easily add it through your layout option of your blogger blog. You can see the screenshot too.

Adding The Widget In Layout

Go to Blog Tittle -> Choose Layout -> Click Add a Widget -> Add HTML/Javascript -> And Paste this Code in the box.

Available link for download

How to Embed Adsense AD anywhere inside Blogger Post

Adsense might be your primary monetizing source on your blog, and you might love the way it displays advertisement. Ads are clean and relevant and that's what makes adsense the 1st choice of any blogger who wants to monetize his or her blog online. I have covered many tutorials on increasing your Adsense CPC and even adding adsense ad right after the more tag that we use to split the post.

Available link for download

How Place floating image back to top icon on Blogger

Has not been one day since the countless pairs icon Back to the top, it also has many colleagues who ask how of the way. Icon back to the top is actually useful to leap from page to page down the top, so colleagues will not have to do ScrollBar on the browser.

By the way, are also easy to install, please lead on the HTML page, and then place the code on the tag below </ body>

What relationship with Float image?

you certainly have never seen a picture of its float / float on the web page, well above the actual script is not only to function Back to the top, if we sharp and we can also place image as Float.

Banner Position Top-Left

Banner Position Top-Right

Banner Position Bottom-Left

Banner Position Bottom-Right

If you want to play with the code above, partners can set their own distance with the position of the image set code bottom: 5px; right: 5px; if not satisfied also try a little play with it would position: fixed; with the position: absolute; position: relative; and position: static;.

im oom, i blogging stuff

Available link for download

How To Index Blogger Blog On Google

Whenever any one make blog or website, The first thing come into mind is how to get visitors on blog and how to show its contents in search results.You can get visitors on your blog by indexing your blog on search engines.Your blog will index by S.E when you submit your blog on them.But typically, you have to wait some time for the Googlebot to crawl your blog and add it to the Google index.

So the question comes in our mind how do it quickly, here are the basics of how blog or website content is crawled and indexed and also some great ways to get the Googlebot to your website or blog to index your content sooner rather than later. I think first of all you should learn about term index, crawl and Googlebot. Just below here you can read about them.

What is Googlebot, Crawling, and Indexing?

Difference between these G.B crawling and indexing are given below.

The Googlebot is a software that Google sends to our blogs and websites to collect information about documents or contents on the web to add to Google’s searchable index.
The process of getting new information about any blog or website and send them back to Google, done by the googlebot this process is known as crawling. The Googlebot finds what to crawl using links.
When the G.b collect new info from web by their crawling activity then they show new contents or posts of blog in their search engine this process of showing posts in S.Results is indexing.

So how does the Search engine find new posts on your blog and index them in search results? It is done when we submit our blog and blog site map on S.E.

How To Submit Blog On Google Search Engine

To add blog on Google search engine just follow the below steps.

First of all go to Google webmaster tool
Sing in here with your gmail account if you have no gmail account,make new one.

Sing in To Webmaster
Now click on Add property to add your blog or website.

Click on ADD property

When you click on it new popup box will open just past url of your website or blog here and then click on continue.
Add blog url

We have added our blog on Google Search engine.But you need to verify it so read the below paragraph to verify your property.

Verify Your Blog On Google

This is most important step to index your blog on google search engine to do this step you need to follow the lines given below.

Go to Your blog dashboard by clicking on the url of your blog as shown in image.
Click on url of blog or website
Dashboard of your blog on webmaster will open, Just click on the gear button which is on the top right side of screen.

go to gear then on verification detail
Drop down menu will open go to verification detail and then click on Verify using a different method.
If your blog is on Blogger/Blogspot platform select HTML Tags .

Copy meta tags
They will provide a meta tags just copy them and paste them just below to <head> tag of your blog template.And then save template.

paste tags below <head>
Now again go to webmaster and click on verify to complete verification process.
Page will reload and you will see congratulation message.

Google will start indexing your blogs posts now but you need to submit your blog sitemap on google so the googlbot can crawl and index your blogs contents easily.

How To Submit Blogger Blog Site Map On Google

There are many platforms to start blogging and i cant wright about every platform to submit blog site map if you are using blogger/Blogspot hosting then well and good and keep following me to learn how to submit blog site map on G.Search Engine.

Blogger make sitemap for their blogs automatically so you dont need to make it you just have to submit it.

Steps To Submit Site Map

Go to Google webmaster.
Now Go to your blog dashboard on webmaster by clicking on it.
Click on Crawl and then on Sitemap.
Then click on ADD/Test Sitemap.

New box will open just type sitemap.xml in box then on Submit site map.

Congratulation we Done !!!!.

Now google will start indexing your blog in search results and you will get valuable traffic from Google search engine.

How to Get Your New Blog Index Quickly

When you done the all above steps, It will take some days to index blog by google in some case it may take several weak. So here below are some tricks and easy ways to index your blog on google search engine quickly.

Setup Your RSS with Feedburner – Feedburner is RSS management tool own by Google.Login and submit your blog’s URL or RSS feed URL into the “Burn a feed” field. In addition to this your sitemap will also notify Google about new posts on your blog so they will also index automatically.
Submit to Blog Directories – TopRank has a huge list of sites you can submit your RSS feed and blog too. This will help you to make back links. If you cant start with all them, at least start with Technorati because it is also top directorie. Once you have a good amount of content, also try Alltop.

Install Google Analytics –You should install G.Analytics on your blog to track your visitors location it will also help Google to index your Blog.
Create Social Profiles – Crawlers get to your site via links. One way to get some quick links is by creating social networking profiles for your new website or adding a link to your new website to pre-existing profiles.
Guest Posts – Again, to help in the back link building process, get some more links to your new website by submitting guest posts to blogs in your niche. Always write quality contents not Spamy spamy posts will damage your SEO.

Once your blog is index by google you will enjoy traffic on your blog from google search engine.
If you have any problem or want to suggest any thing about how to index blogger blog on google please comment below.

Available link for download

Guest Blogger Stephen Hickman

Since this is my first posting on Muddy Colors, and my first blog post anywhere (!), Im asking everyone please to be patient with the dismal home-made photography --- at least I end up with a professional digital image of the finished painting at the end, so hang in there.

A painting starts out as an idea, or vision --- a notional beginning, in whatever form. In this case, I wanted a painting that would tweak the viewers curiosity as to what the story behind it was. I didnt start out with a story in mind, and I still dont have one; this floated around the idea of the central figure, until I put down a loose sketch I thought of as The Faery Ring.

Pixies dancing didnt seem very mysterious, and the color sketch I did was only marginally more interesting...

But a pixie playing a harp wasnt weird enough... people see those all the time. So --- Im not sure where the winged serpent with the grail motif came from, but I thought the introduction of this element could get some real traction on peoples imaginations.

I worked it up this way --- the finished version of this drawing can be seen in my new art book, EMPYREAN, The Art of Stephen Hickman (but not the finished painting, as this is my latest effort).

I projected this charcoal layout on to a pre-textured toned canvas (I slathered on Liquitex Unbleached Titanium Gesso with a large brush for this), and when the gesso was dry put down an imprimatura (a thin wash of raw umber thinned with mineral spirits), and let this dry for a half hour. Then I lined in the drawing using raw umber.

The projected drawing didnt have a realized background, so I used the gestural textures in the gesso where it suggested a forest background. In this process the idea of a ground mist looked interesting, and I used white to define the forest floor, as well as picking out highlights on the satin garment of my mysterious figure.

I added white and raw umber to bring up contrasts, and the moon started moving around in the process --- it was in three places before it settled down.

About this time I decided I didnt like the body language of the serpent, and mixed an opaque color the same shade as the transparent raw umber of the rest of the picture to alter the gestural quality of the serpent, while not seriously disturbing the umber tone of the underpainting. I am going to follow the traditional transparent shadows/opaque highlights principal as far as possible, laying the groundwork here.

When the underpainting was dry enough, I started the color lay-in, using as a painting medium a jar of Michael Hardings Balsam Resin Glaze Medium I had bought out of curiosity. This is a very facile light medium, with a working time of about one full day, and a nice feel to it when the solvent initially dries off. I like to keep the colors thin and transparent or translucent for this phase.

As the colors get more opaque, I use a mixture of zinc and titanium whites --- this is more translucent, and takes a more pure tint than straight titanium white, which tends to look chalky. Notice in the previous step where I moved some of the tree structure on the left back, as it felt crowded. Ive lightened the shadows, to evoke what the late Roy Krenkel used to refer to as fantasy light (an evocative term I love because it can mean just about anything --- in this case, an indeterminate misty feeling to the picture). I am looking for a liminal, poetic color mood here; the only part of my color sketch Ive retained is the iridescent shimmer of the satin robe.

And now, the ludicrous transition from my home-made photography to a professional image, for all the world as if I had suddenly learned to paint, or that I had gotten down to the magic in the bottom of the Balsam Resin Glaze Medium. At any rate, I have ended up with a painting that is certainly more intriguing as to its backstory than what I started with --- as I mentioned before, I havent figured out a story yet, and even the title is provisional: I am open to suggestions on this.

To see more of Stephens work, check out his new book here:

http://www.amazon.com/Art-Stephen-Hickman/dp/1783298456/

Available link for download

How to Add Google Webmaster Tools to Your Blogger Blog

???? sites ????????????????????????????????????????? ??????????????? project ??? ???????? ???????????????? ???????????????????? ??????????????? ??????????? ??????????? ????????????????????? ???????????? websites ??????? ?????????????????? ??????????????????????? ?????????????? Site ???????????? ?????????????????? Tools ???????? Google Webmaster Tools ??????????????? ????????????? ?????????? Blogger ????????? Website ??????????? ????????????????????? Tracking ??????????????????? ???? site ?????????? Google Tools ?????? ???????????????????? ???????? Google ??? ??????????????? ???????????? ???????????? ????????? ????????????????????? ?????????????????? ???????????? ??????????

????????? ???????? ???? Blogger Template (????) Website ??? Backup ?????????? ?????????

Code:

http://www.google.com/webmasters/tools/

??? ??????? ????? Google account ?????? ??? sign in ?????????? ??????? ??????????????? Continue ????? click ?????????????

????????? ???? site ??????????? Google ???? ???????????? ???????????? ????????? ???? blog ??? URL ??? ??????????????? ??????????? ????????????????? ????????? Next ??? Click ?? ?????????????

????????? ???????????? site ??? Verify ???????????? "Verify Your Site" ??????? Click ???????????????

"Choose Verification Method" ??? ????????????????? "Add a Meta tag." ?????? click ????????
?????? ???? blog ?????????? ?????????????????????????????? Meta tag ??? ??????????????? ???????? ????????? ????????

(1) ????????? blogger.com ??? ?????????????

Code:

http://www.blogger.com/

(2) Sign-in ??????????? blogs Control panel ???? ???????
(3) ????????? Template ??????? Click ???????????????
(4) ????????? "Edit HTML" ??????? ???????????????????? Click ?????????????

Verification code ??? Blogger ????????? "Edit HTML" ??????????? ????????????????? ???????????-
(1) ???? Template ?????? head ????? tag ??? ???????????????????? ??????????????
(2) ????????? ??? Webmaster Tools ???????? ?????????? code ??? head tag ??? ???????? ???????
(3) ?????????????????????? Buttom ??? Scroll ????????????? "Save Template" ??????? Click ????????

Verification code ??? ???????????????????????? Save ???????????? Verification Process ???????? ?????????? ???????? Webmaster Tools window ?????? ???????????? Verify ??????? Click ???????????????

Congratulations!
????????? ???? site ??? Google Webmaster Tools ??? ??????????????????? ????????

Ref: post of xnyash

Available link for download

How to Customize Scrollbars in Blogger using CSS

Scrollbars as you might see in every website is used to navigate and slide to other website content faster way, well you can click and drag the scrollbar and slide to the end of the website. But in all websites one thing is common that scrollbar is same and is boring. So now you can change the look of your scrollbar easily and make it dazzle with colors and anything you like using the awesome CSS language.

Available link for download

Guide Post Code To Blogger

How to post code to Blogger?

Vietnamese: Làm th? nào ?? vi?t code lên Blogger?

English: Go To Template >> insert into code:
VietNamese: Vào Template chèn ?o?n code:

Code:

<link href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeEclipse.css" rel="stylesheet" type="text/css"></link>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js" type="text/javascript">
<script src=http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js type=text/javascript/>
<script src=http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js type=text/javascript/>
<script src=http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCsharp.js type=text/javascript/>
<script src=http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js type=text/javascript/>
<script src=http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js type=text/javascript/>
<script language=javascript type=text/javascript>
 SyntaxHighlighter.config.bloggerMode = true;
 SyntaxHighlighter.all();
</script>

English: How to use?
Once you have the code with escaped characters, you can copy it on your blogger post inside <pre> tags. In the title you can choose a title for the code block and in the class you choose the code template to use.

Vietnamese: ?? s? d?ng các b?n s? d?ng th? <pre> và trong class là tên ngôn ng? mu?n hi?n:
ví d? ngôn ng? c?n hi?n là XML thì class="brush:xml;" ho?c csharp: class="brush:csharp;"

Code:
<pre title="here goes a title" class="brush:xml;">
...
</pre>

Code Demo a code Csharp:

Code:

public static Point LatLongToPixel(double latitude, double longitude, double zoom)
{
 Point point = new Point();

 double centerPoint = Math.Pow(2, zoom + 7);
 double totalPixels = 2 * centerPoint;
 double pixelsPerLngDegree = totalPixels / 360;
 double pixelsPerLngRadian = totalPixels / (2 * Math.PI);
 double siny = Math.Min(Math.Max(Math.Sin(latitude * (Math.PI / 180)), -0.9999), 0.9999);
 point = new Point((int)Math.Round(centerPoint + longitude * pixelsPerLngDegree), 
 (int)Math.Round(centerPoint - 0.5 * Math.Log((1 + siny) / (1 - siny)) * pixelsPerLngRadian));

 return point;
}

Available link for download

Hello World Blogger!


public class Hello extends World {
 ;P
}

This is a test : Bold, Italic, Color, link
look like everything work fine! lets roll the blog!

FYI : this blog s a content (source code) part of http://www.sleepydesign.com/
feel free to enter/play site, and learn/download source code here!

Available link for download

Happy Blogger News

For those of you who havent heard the news, Google announced an overhaul of Blogger yesterday. It seems 2011 will bring new and hopefully better ideas to our Blogger Blogs. Google has announced The dashboard interface has been redesigned to be more modern and user-friendly, giving easy access to statistics, layout editing and useful features for writing new blog posts. Also, we will see a new post editor. YAY!
Google has also released a content discovery tool, which determines the content of the Blogger page you’re reading and suggests related material you might also enjoy. Looking good!

You can check out Blogger’s promotional video to see examples of some of the new features in action.

Available link for download

Horizontal Navigation Menu on Blogger

Who often visited my blog, of course youre not strange with Horizontal Navigation Menu. Well, our tutor will try to make Navigation Menu that actually lend one of the widget from blogger standard. With a little touch on CSS, widget Linklist which at first most used as blogroll with verticalway that will be modified become Navigation Menu Horizontaly. Well guys, than I talks anything not clear, Lets go to the methode to make it.Okay:)

First, go to Edit HTML page, then copy-paste all of CSS code below, and put that code above code ]]></b:skin>

/*-- (Menu/Nav) --*/
#nav{background:#222; height:32px; padding:4px 0 0; margin-bottom:0px}
#nav-left{float:left; display:inline; width:600px}
#nav-right{float:right; display:inline; width:100px}
#nav ul{position:relative; overflow:hidden; padding-left:0px; margin:0; font:1.0em Arial,Helvetica,sans-serif}
#nav ul li{float:left; list-style:none}
#nav ul li a, #nav ul li a:visited{display:block; color:#fff; margin:0 5px; padding:5px 4px; text-decoration:none}
#nav ul li a:hover{color:#800000; background-color:#fff; margin:0 5px; padding:5px 4px}
#nav ul li a.current, #nav ul li a.current:visited, #nav ul li a.current:hover{margin:0 8px; background-color:#fff; color:#fff; padding:5px 7px}

/*-- (Search) --*/
#search{background:#f9f9f9 url(http://oom.blog.googlepages.com/search.gif) 6px 2px no-repeat; -moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px; border:1px solid #b3b3b3; float:right; height:25px; margin:0 0px 0 0; width:180px}
* html #search{margin-right:8px}
#search input{font-family:Verdana,Arial,Helvetica,sans-serif; background:transparent; border:0; color:#555; float:left; font-size:12px; margin:5px 0 0; padding:0px 2px 2px 27px; width:140px}

Still on Edit HTML page, that search code <div id=outer-wrapper><div id=wrap2> usually the position of this code is under HTML tag <body> then copy-paste all of the code below, and put that code under the green at the top.

Save and look the result, please. Oh My God, I almost forget. You can adapted the layout and the text body by yours. Okay:)

To add menu, please open more "Page Element " then look at the top there you can look the new widget with the tittle "Top Tabs" Click edit and add what menu do you want to showed. Good Luck:)

Available link for download

How to Easily Remove or Hide Attribution Widget Blogger

Whenever you start out a new blog on free blogger platform you get many features and services for free + a small attribution link in the footer of every blog saying Powered by Blogger, well that good and I think it should not be removed as it gives credit to blogger for gaining more traffic to their website and engaging in creating more blogs. But still if you need to remove that attribution gadget than below is the easy CSS hack that you can use and remove it without deleting any coding. But then we have another technical option that removes this entirely from your blog enhance removing everything related to Attribution widget in blogger.

Available link for download

Monday, March 27, 2017

How to Get Unlimited Photos Storage in Google Blogger

Sunday, March 5, 2017

How to Add Facebook Like Button Share Button to Blogger Template

Saturday, February 11, 2017

How To Add Recent Posts Widget With Thumbnails For Blogger

Thursday, January 12, 2017

How to Embed Adsense AD anywhere inside Blogger Post

Wednesday, January 4, 2017

How Place floating image back to top icon on Blogger

Saturday, December 17, 2016

How To Index Blogger Blog On Google

What is Googlebot, Crawling, and Indexing?

How To Submit Blog On Google Search Engine

Verify Your Blog On Google

How To Submit Blogger Blog Site Map On Google

Steps To Submit Site Map

How to Get Your New Blog Index Quickly

Saturday, November 26, 2016

Guest Blogger Stephen Hickman

Tuesday, November 15, 2016

How to Add Google Webmaster Tools to Your Blogger Blog

Tuesday, November 8, 2016

How to Customize Scrollbars in Blogger using CSS

Wednesday, October 26, 2016

Guide Post Code To Blogger

Sunday, October 23, 2016

Hello World Blogger!

Sunday, October 16, 2016

Happy Blogger News

Sunday, October 9, 2016

Horizontal Navigation Menu on Blogger

Saturday, October 1, 2016

How to Easily Remove or Hide Attribution Widget Blogger