Showing posts with label Blogger. Show all posts
Showing posts with label Blogger. Show all posts

Sunday, July 15, 2012

How to display or hide the blog widget


1.Only the Blog Home

<b:if cond="data:blog.url == data:blog.homepageUrl"> ... </b:if>

This code serves to display widget on the main blog only the blog will be alias disappear when clicking label mate Post or read the whole post.

Examples of these codes you can use clay on the following blog demo. If my friend read the whole article or click the category of post, third item on the diSidebar will disappear.

2. Category of Post and Single Post

<b:if cond="data:blog.url != data:blog.homepageUrl"> ... </b:if>

This code serves to display widget on the blog post and single post category (read the whole post).

Examples of the use of these codes you can see on this blog where the buddy click the category post or read posts as a whole, widget related article will appear. This widget will not appear on the blog main page.

3. Main Category halama Blog and Post

<b:if cond="data:blog.pageType != &quot;item&quot;"> ... </b:if>

This code serves to display widget on the blog post and category of post play and will disappear when reading the whole post.

Examples of the use of these codes refer to the upper right sidebar, nothing is lost there when my friend read the post.

4. Single Post

<b:if cond="data:blog.pageType == &quot;item&quot;"> ... </b:if>

This code serves to display widget only on a single blog post alone, or when you read posts as a whole and will not appear on a post or category of post play.

5. Main Category Page and Blog Post

<b:if cond="data:blog.pageType == &quot;index&quot;">

Function code is the same as the function code of the number 3.

6. Print a Blog Widget Only In Specific Postings

<b:if cond="data:blog.url == &quot;URL_POST_ SPECIFIEC &quot;"> ... </b:if>

This code works to display a widget blog at a particular post.

7. Hiding Post Widget Only In Specific Postings

<b:if cond="data:blog.url != &quot;URL_POST_SPECIFIEC&quot;"> ... </b:if>

This code is the reverse of the widget code blog no 6 which will disappear from a particular post and new posts appear on the other.

How do I use it?

view plainprint?

<b:if cond="data:blog.url == data:blog.homepageUrl">

- The content that you want to hide or show -

</b:if>

Maybe that's all I know about how to create a widget from the blog appears to be disappearing or disappeared and then appeared. For the application of the above code there are 2 ways directly on the widget and the group (perhaps in a later article). May be useful.

How to install Disqus comments in blogger

How to install Disqus comments in blogger
As the title above, in this post I will share about how to install the Disqus comment box on our blog. Disqus is a service to beautify the comment box, SEO in comments, etc. Earlier we have to have a Disqus account, 
If you do not already have a Disqus account you can register at the web address: http://disqus.com/admin/register/. After you finish to sign up, let's continue to put the comment box from Disqus.

Install disquss widget


The image above is step by step to instal Disqus comment box.
1.If you already login click tab "Admin"
2.Click "Setting". In setting tab you can set about your Disqus comment box. Example your admin photo, description your blog, and other.
3.Click tab "Instal"
4.Click Blogger Icon, if you use blog in blogger. The disqus widget support WordPress, Blogger,Tumblr, MovableType,  TypePad, Drupal, Joomla, Squarespace, Yola, DokuWiki, Sandvox, chi.mp,and the universal code is a generic JavaScript snippet that can be implemented anywhere.

How to install Disqus comments in blogger

After you click on the icon next steps for installing blogger, click on step number three 'Add Site' YOUR_BLOG_NAME 'to Blogger ".

How to install Disqus comments in blogger

The last step choose your blog you will add the Disqus Comment Box, then give name for the the widget and Add Widget. Was completed the tutorial for installing Disqus Comment in Blogger. 

But if the comment box appears you have not set your settings to your blog comment.
Login your blogger account click the Settings tab => Posts and comments => Make Comment Location Embeded => and tick Anyone - includes Anonymous Users => Save Changes
How to install Disqus comments in blogger

Friday, July 13, 2012

Making share button with AddThis

Making share button with AddThis
Addthis is web purpose for easy make a share button to your blog or website. You can add the share button just sign up and choose style the share button, then you get the HTML code, and placing the code to your blog.

It is easy step for get the share button:
-Go to the AddThis homepage :https://www.addthis.com/
-Click "Get the code for your site!"
-Or you can immediately go to this Register Page : https://www.addthis.com/register
-Fill data and completing your sign up.
-If you completed sign up, and already to get the code, click tab "Get the Code"
-Then choose your share button style, and COPY the code.

Making share button with AddThis
-After you copy the code , then placing code to your blog with Add a Gadget HTML/javascript then paste on the box, and click save.

-GOOD LUCK

How to register and install blog with google analytics


What is Google Analytics? Google Analitycs free service from Google that lets you create a web statistics that have been registered and installed tracking code. Google Analytics can track visitors who enter on the web, and what the visitor can be determined (limited number of open pages, how long the visit, advertising, search engine, Adsense, etc.).
By using google analytics one can make a report of its web, within weeks, months, or years. So, how for register your blog to google analytics? Can it be registered with Blogger Blog from google analytics?
Of course bloggers can, the following ways it :
-First step you must login to your google account.
-Then go to the Google Analytics account. If you not registered, please sign up first.
How to register and install blog with google analytics
-Then you will be to completing the blank fill with your information about you and your blog.
How to register and install blog with google analytics
Click Image to view larger
-If you complete fill the data, you must installing script to your blog. Copy the code.

-Move the scrol to down and see it the Tracking code. And COPY Tracking Code!
How to register and install blog with google analytics
-Then Open your Edit Html Blog:My BLogs>>Template>>Edit HTML.PASTE ! your tracking code like below. Or you can paste the tracking code below the tag <head> , or above the tag </head>

How to register and install blog with google analytics

Installing blogger templates

Blogger template is very important for treat the eye of the visitor with a good template design. With the templates we can design our blog for free and there is also a paid template. You can download the template that provides our site blogger template. For example on BTemplates, our site the many different kinds of design templates are varied, simple, elegant, 2 columns, 3 columns, etc.

How install it as follows:

-First you should download the template file that already provide our site. (Here I am downloading from BTemplates)
-If the file format. ".zip", you have to extract it first.
how to install bloger template

-Once the files are extracted and then open the folder that was inside. For example, a file named iTech.zip then open the folder iTech. Well that's where templates are stored by the format. ".xml".

how to install bloger template

-If you already know the location where the template file, then upload the file to blogger.
-Login your blogger account, then select your blog, and click the Templates tab.
-Proceed by clicking the "backup / restore".


how to install bloger template


-It will display the new window that is intended to upload your template file. Then click on choose, insert your template file that has been on extract.
how to install bloger template


-Then click upload, wait a few seconds to complete, so template is already installed your blog.
how to install bloger template