BERGIN AZHAGESAN (TamilNadu, India)
Get in touch

Sunday, March 23, 2014

Automatically Publish Your Blog Posts in Social Media Sites

Filled under:


Social media sites play a huge roll to drive traffic to our blog. There is number of social media sites which we can combine to our blog. Every social media sites have unique features and condition. So that it is a little bit hard to post our contents in that sites daily. It is a highly time consuming work. Here is the solution for you.  I found a site which allows you to publish your blog posts in social media sites. You only need to connect your FEED to that site. It will automatically update as you
publish a blog post. Here is the link to that site
  • DLVR.IT  (Verified myself)
  • You just want to sign up the site 


  • The site is almost free of cost 
  • You need to buy a premium account to get something more
  • After log in  you want to authorize the app in twitter and allow the app in Facebook
  • After the authorization  you can see the root map of your project 

  • You can change it as you need
 I found some similar sites 

Posted By Bergin A4:40 PM

How To Setup Custom Control Panel For Blogger?

As you know Blogger.com is one of the best blogging platform available for free of cost. There are lot of Blogger.com tweaks and hacks are available online. Here I got some fresh and Interesting Blogger hack. The default Dashboard of Blogger is not bad, but it seems nice to change it. In this post I am gonna explain “How to setup custom Control panel(Dashboard) for Blogger.

Custom Control Panel For Blogger

This control panel only change some alignment of Blogger links and looks good too. We can’t add any extra features which Blogger doesn’t provide. As  an Introduction the options available in this control panel are featured below.
  • Blogger’s Homepage link
  • Create new Post or Page
  • All Posts
  • Comments
  • Edit Layout option
  • HTML and Template edit option.
  • Blog settings
  • Stat Viewer
  • Logout
After customizing your Control panel, it can be seen on the top of your browser as a horizontal navigation menu.

How To Setup

1.Getting your blog ID is the first step to do our job. Go to your default control panel, there you can see your blog ID in your url box.
How To Setup Custom Control Panel For Blogger 1
Copy and save the Blog ID
2.Go to Template -> Edit HTML
3.Find given code in your template
<body expr:class=’&quot;loading&quot; + data:blog.mobileClass’>
If the code is not there then try
<body>
4.Just below the tag paste the given code
<span class=’item-control blog-admin’>
<style>
.control-panel ul{z-index: 20; position: absolute; margin: 0px auto; background-color: #F6F6F6; width: 100%; }
.control-panel ul li{display: inline-block; float: left; padding: 7px 0px;}
.control-panel ul li a {color:#686868;padding: 7px 15px;border-right: 1px solid #E3E3E3;font-weight: bold;font-size: 13px;}
.control-panel a:hover {text-decoration:none; color:#FC8F44;}
</style>
<div class=’control-panel’>
<ul>
<li><a href=’http://www.blogger.com/home’>My Blogs</a></li>
<li><a href=’http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#editor/src=sidebar’>New Post</a></li>
<li><a href=’http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#editor/target=page’>New Page</a></li>
<li><a href=’http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#posts’>All Posts</a></li>
<li><a href=’http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#comments’>Comments</a></li>
<li><a href=’http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#pageelements’>Layout</a></li>
<li><a href=’http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#templatehtml’>Edit HTML</a></li>
<li><a href=’#’ onclick=’location.reload(true); return false;’>Refresh</a></li>
<li><a href=’/’ target=’_blank’>New Tab</a></li>
<li><a href=’http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#basicsettings’>Settings</a></li>
<li><a href=’http://www.blogger.com/blogger.g?blogID=XXXXXXXXXXXXX#overviewstats’>Stats</a></li>
<li><a href=’http://www.blogger.com/logout.g’>Logout</a></li>
</ul>
</div>
</span>
6. Replace the XXXXXXXXXXXXX with your blog ID
7.Save Template
Check your blog, you can see a control panel above your blog just like WordPress. Enjoy all features of Blogger without exiting your blog home page.

Posted By Bergin A4:37 PM

How To Setup A Drop Cap Wrapped Large First Letter In Blogger posts

Filled under:

The Large first letter in article is very common in magazine and news papers. It will be good idea to setup a drop cap wrapped large first letter in your blogs, especially for news based blogs. I found a lot of open source codes for changing entire article to Drop cap mode but none of them worked perfectly. Here I am posting a code which is not fully automatic. Even though it is like that, it works perfectly.


Follow These Steps

  • Go to Blogger Edit HTML
  • Search for ]] >
  • Just paste the given code just above/below of ]]>
.post large { float:left; color: $headerBgColor; font-size:100px; line-height:80px; padding-top:1px; padding-right:5px; }
  • Now The half of the job is done, when you need a large letter you can write like below
letter
  • Just for example, the first sentence of this blog post can write as
The Large first letter in article is very common in magazine and news papers

Customization

  • Size of the “large letter” can be customized too
  • You can change the “font;size” and “line-height” for altering size.
  • Important: You should keep the ratio between “font;size” and “line-height” constant for a good look

Posted By Bergin A4:35 PM
Subscribe to: Posts (Atom)
 

About Me

Bergin Azhagesan is the Owner and Editor of this blog, He is a Passionate Blogger from TamilNadu,India. He loves to write and read about Technology and Blogging!
Follow him on Facebook, Twitter, Google+.