How to Install Disqus on WordPress

Disqus is a world favorite comment system and discussion platform that improves discussion on websites or blogs and connects conversations across the web. It is free to register and you can install more that one websites in one account. In this post, i will share on how to install Disqus on WordPress blog.

1. Before you install disqus, your wordpress comment platform will look like below :
disqus

2.Go to disqus.com. Please register if you don’t have free account. You can proceed to login if you have an account on disqus.com.
disqus

3. Click Dashboard then press “+Add” :
disqus

4. Register your blog to use Disqus. Click continue to proceed :
disqus

5. Click Continue if you select default setting :
disqus

6. Select ” WordPress” :
disqus

7. Now it’s time to install the disqus plugin into your wordpress blog :
disqus

8. Login to your wordpress blog dashboard. Download the plugin name “Disqus comment system”. Activate the plugin :
disqus

9. After you have activated the disqus plugin, you may proceed to configure it :
disqus

10. continue to configure disqus :
disqus

11. Select a website that you want to configure disqus comment system :
disqus

12. Now you blog has been installed and configured with disqus.
disqus

13. Start to export your comments :
disqus

14. Please wait while it’s processing.. :
disqus

15. Your wordpress comments has been exported to disqus platform :
disqus

16. Your new blog comment will be more advance and interesting by using disqus comments system :
disqus

How to Remove “Undefined” date in Blogspot Templates

When you upload a new blogspot template from third party designer to your blogspot and found that the date for your post was “undefined”. This is actually an error, then you have to correct it. This “Undefined” error will appeared in every post instead of the blog post date.

undefined error

The reason for this error is the blog timestamp does not match with the one required. To fix this error, you have to follow this simple steps:

1. Loging to your blogger dashboard
2. Go to Setting
3. Go to Formatting
4. Modify the Date Header Format, Archive Index Date Format and Timestamp Format as below.

5. Click Save button.

How to Install Serendipity blog on CentOS 5.5

Serendipity is a PHP blog application which gives the user an easy way to maintain an online diary, weblog or even a complete homepage. It is very simple application and very easy to install. In this post, i will guide you on how to install the serendipity on CentOS 5.5 with apache, mysql and php installed.

Steps :
1. Download the package.

    [root@server www]# pwd
    /var/www
    [root@server www]# wget http://cdnetworks-kr-2.dl.sourceforge.net/project/php-blog/serendipity/1.5.5/serendipity-1.5.5.tar.gz
    

2. Extract the tar file

    [root@server www]# tar xzvf serendipity-1.5.5.tar.gz
    

3. Create the database as below

    mysql> CREATE DATABASE serdb;
    mysql> CREATE USER 'seruser'@'localhost' IDENTIFIED BY 'serpassword';
    mysql> GRANT ALL PRIVILEGES ON serdb.* to seruser@localhost ;
    mysql> SHOW GRANTS FOR 'seruser'@'localhost';
    

Database type : MySQL
Database host : localhost
Database user : seruser
Database password : serpassword
Database name : serdb

4. Run the installation wizard as below.
http://yourdomain.com/serendipity/index.php.
Serendipity

5. Proceed to the installation wizard until below page.
Serendipity

How to Configure Blogspot Template

1. How to Configure Meta tags

Login to your blogger dashboard–> layout- -> Edit HTML.Now Scroll down to where you see below codes :

<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>

Replace DESCRIPTION HERE,KEYWORDS HERE as below.

DESCRIPTION HERE:Write your blog description
KEYWORDS HERE:Write the keywords of your blog separated by comma.

2. How To Configure Favicon:

Login to your blogger dashboard–> layout- -> Edit HTML.Now Scroll down to where you see below code :

<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

Now replace “YOUR-FAVICON-URL” with your Favicon address/url.

3. Configure Featured Content Slider:

Login to your blogger dashboard–> layout- -> Edit HTML.Find <!– Featured Content Slider Started –>.Now scroll down slowly and you can see each featured slide codes between <div class=’fp-post’> and </div> .

Now replace,

  • “This is default featured post X title” with your featured post title.
  • “featured-post-X-url-here” with your featured post URL.
  • “Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
  • Slider image address with your slider image.

for each featured slide.

4. How To Configure Second Navigation Menu

Find <div class=’menu-secondary-wrap’> inside your template.(using CTRL+F).This is the beginning of the navigation menu.Now follow the steps given here:

5. How To Change Tab Names of Tab Widget

If you want to change your tab names of your tab widget then find this:

<ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'>
<li><a href='#widget-themater_tabs-1432447472-id1'>Popular</a></li>
<li><a href='#widget-themater_tabs-1432447472-id2'>Tags</a></li>
<li><a href='#widget-themater_tabs-1432447472-id3'>Blog Archives</a></li>
</ul>

Now change the names “Populars”, “Tags” and “Blog Archives” as you like.

6. How To Add a Header Logo

You can add a header logo for this template easily in the “Page Elements” section(Blogger Default Method).Logo image size must be 275px width and 64px height.

How to Upload and Install a Blogger Template

This article assume that you already downloaded the new blogger template to your computer. If the template is contained in a zip file, please ensure that you have extracted the XML template.

How To Upload and Install a Blogger Template.

1.Login to your Blogger Dashboard.
blogger
2.Click on “Design”. By default you will redirected to page elements page.
blogger
3.Click on “Edit HTML”. From this page, you can perform backup/restore Template.
blogger
4.Click on “Browse” then select your new blogger template.
blogger
5.Click on “Upload”.
6.Now confirmation message will appear.Click on “KEEP WIDGETS”.

How to Remove the Blogger Nav Bar

If you are using blogspot and now using basic template from blogger, you will see below navigation bar at the top of your blogspot blog:

Follow Share Report Abuse Next BlogĀ»

There is the simple way to remove or to hide this nav bar on blogger account. Please follow below steps to remove it.

1. Login to blogger.com dashboard.
2. Go to Edit HTML and Expand Widget Templates
3. Find below code:

    <b:skin><![CDATA[/*
    

4. Add this code after above code as below

    #navbar-iframe {
       display: none !important;
    }
    

Example :

    <b:skin><![CDATA[/*
    -----------------------------------------------
    Blogger Template Style
    Name:     Simple
    Designer: Josh Peterson
    URL:      www.noaesthetic.com
    ----------------------------------------------- */
    #navbar-iframe {
    display: none !important;
    }
    

5. Save your template

How to Create Automatic Thumbnail and Read More Function for Blogger

There is the simple way to customize your blog with automatic thumbnail and read more on the content. The steps are as below:

1. Login to blogger.com dashboard.
2. Go to Edit HTML and Expand Widget Templates
3. Find below code

    <data:post.body/>
    

4. Replace <data:post.body/> with below code.

    <p><script type='text/javascript'>
    summary_noimg = 430;
    summary_img = 340;
    img_thumb_height = 100;
    img_thumb_width = 120;
    </script>
    <script src='http://blogergadgets.googlecode.com/files/excerpt.js' type='text/javascript'/>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
    <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
    <span class='rmlink' style='float:right'><a expr:href='data:post.url'>Read more</a></span>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if></p>
    

5. Click Save.