Feedback
Fill out my online form.
All Stories
16 Feb 2013
125 X 125 Banners for blogger siderbar
Hello friends today i am going describe a simple banners for blogger sidebar. this widget was lastly posted by mwbloggertricks.com. here is simple code for it.Simply follow these steps,
- Go To Blogger > Design > Page Elements
- Choose HTML/JavaScript Widget
- And Paste the following code inside it,
<div align="center">MAKE THE FOLLOWING CHANGES:-
<table border="0" cellpadding="2" cellspacing="6" width="265" bgcolor="#ffffff">
<tbody><tr>
<td><center>
<!-- BANNER#1 -->
<script language="JavaScript">
images = new Array(2);
images[0] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-1' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";
images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-2' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";
index = Math.floor(Math.random() * images.length);
document.write(images[index]);
</script>
</center></td>
<td><center>
<!-- BANNER#2 -->
<script language="JavaScript">
images = new Array(2);
images[0] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-1' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";
images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-2' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";
index = Math.floor(Math.random() * images.length);
document.write(images[index]);
</script>
</center></td>
</tr>
<tr>
<td><center>
<!-- BANNER#3 -->
<script language="JavaScript">
images = new Array(2);
images[0] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-1' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";
images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-2' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";
index = Math.floor(Math.random() * images.length);
document.write(images[index]);
</script>
</center></td>
<td><center>
<!-- BANNER#4 -->
<script language="JavaScript">
images = new Array(2);
images[0] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-1' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";
images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-2' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";
index = Math.floor(Math.random() * images.length);
document.write(images[index]);
</script>
</td></center>
</tr>
</tbody></table>
<table border="0" bordercolor="#0084ce" cellpadding="2" cellspacing="6" width="265" bgcolor="#ffffff">
<tbody>
<tr>
<td><center><a href="URL OF ADVERTISER" rel="nofollow"><img width="265" height="37" border="0" alt="Advertise Now!" src="file:///C:/Documents%20and%20Settings/Mohammad/Desktop/ADVERTISE-HERE.gif" /></a></center></td>
</tr>
</tbody></table>
</div>
1. Replace URL OF ADVERTISER with the website link of the advertiser
2. Replace URL OF BANNER’S IMAGE-1 and URL OF BANNER’S IMAGE-2 with the Image links of the Advertiser’s banners
3. Replace AD DESCRIPTION with some information related to the Ad. The description appears on mouse hover.
4. If you want to increase the distance between the ad blocks then edit width="265"
15 Feb 2013
New Social Sharing Buttons for blogger Sidebar
1. Sign-in to Blogger dashboard, select your blog, download a backup of its template and then edit its HTML (if you don't know, how to edit Blogger templates, learn now to edit your blog's template)
2. Now find ]]></b:skin> by pressing Ctrl+F and paste below CSS code just above ]]></b:skin>
3. After pasting the code, save your template and close editor.widget-item-control a{display:none;}
.widget-item-control a{display:none;}
#supportive{width: 300px;
float: left;margin-top: 10px;}
#supportive li{position:relative; cursor:pointer; padding: 0 !important;}
#supportive .facebook, .googleplus, .rss, .twitter{
position: relative;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
z-index: 5;
display: block;
float: left;
margin: 1px;}
#supportive .icon{overflow:hidden;}
#supportive .facebook{width: 147px;
height: 150px;
background: rgba(59,89,152,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipzytA5vzBuBhddwSIoDbveD-4ldoEy2cEgI7Hi3_6aJZf1AeoXzVtOULZeAAZYga5_glnwyIlP-heVyDpnTVFlOPVZtd14z4RrGrFILg5UxOINVugKm2YQpIpipp10Z-CS1-23dJeqKw/h120/facebook.png") no-repeat center center;}
#supportive .twitter{width: 148px;
height: 74px;
background: rgba(59,89,152,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvIei35CVuyBBp0kRS1k4veSb0e2BAKzGreZFnJgdB7143FW97iO1WqKQoUJsDLzWX6ETbs8tCjp3Iwiw1THb04VIEmjtjuwoRqDKgMdjGpQPRSEf6_-ifzdyWnR-siGbYLb3Gs1LjMAoV/s1600/Twitter.png") no-repeat center center;}
#supportive .googleplus{width: 148px;
height: 74px;
background: rgba(59,89,152,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPJ5FPvmmeT0Udjqlj3p7Z15_kLWFLOdN93bYWId0mAMsj_6qZJHJtzhzRcIGCdtPULsYbc5envaN8mKnua5VMuHXKspUst809etWmTNy54RhGxZvfCKR19peMEAmH54PaiJn4asE0pJys/s1600/google+plus.png") no-repeat center center;}
#supportive .rss{ width: 299px;
height: 74px;
background: rgba(59,89,152,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM9vE1l3ufERLQn0ESmvG2OVa5ECH18Xqu-vajzmMhVq0z_OnWDqX0G7EhTK_1uKucCZey3rkH0eCLbTtr_8QnorDQBo4UZ7g7Q2OVLJgR_9SlDLm0RlYTmpFaBSHOqQpYZt16lDrPkIBo/s1600/rss.png") no-repeat center center;}
#supportive li:hover .facebook{background-color:#3468B6;-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;}
#supportive li:hover .twitter{background:rgba(64,153,255,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4W0LXfRhfYYctxs3xr46LkzGGJCO3H1EVoSilL-KdVXC-7nYrc2-8grlP3hUyglkcrQecKSbf6HbC5ajvyucmbqz4PK-luBy6eLAtHYlwwzYUFs6Gd4N82VAE4Leq54s92mpELYeBw50/h120/Twitter.png") no-repeat center center;-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;}
#supportive li:hover .googleplus{background:rgba(228,69,36,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTsQbaHcJ4rWhqFRBEhP6029kH8nVi4T1XbQHOEtweSWRLFSC-VMPtf5xB_wZhA0g7pLabIiqV61PlC6uzjvZn9nH81yZ7Xh2PLml5QkDwF60jPrlJT1DJ2GiH9ULF2tYzzxjxAf_VU58/h120/google+plus.png") no-repeat center center;-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;}
#supportive li:hover .rss{background:rgba(255,102,0,1) url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihTiT-xpm-mlZaNrViROHwrzfg5Djf5v5ycukRjwfKmBgjPtP3gPIs8V0pxYAm1uHMGngLL3oKR4ZZ7Q5B4pWiOBpxNdw-5m_8dCVxbuPfaHs2EODvH92ZDZRdveMLNKI3T0uCdWMyHlk/h120/rss.png") no-repeat center center;-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;}
4. Now go to your blog's layout and add a new gadget by selecting HTML/Java Script with below provided code. Add it to your sidebar which is best suited place for this widget.
5. After pasting the code in the box, replace highlighted values with your ones and save your gadget. You are all done!!<ul id='supportive'>
<li><a class='icon facebook' href='http://www.facebook.com/FaceBookPage/'/></a></li>
<li><a class='icon twitter' href='http://twitter.com/TwitterUserName'/></a></li>
<li><a class='icon googleplus' href='https://plus.google.com/GooglePlusUser/PageID/'/></a></li>
<li><a class='icon rss' href='http://feeds.feedburner.com/FeedBurnerUserName'/></a></li>
</ul>
Please keep it in mind that the CSS code of this widget defines its
width as 300px. If your sidebar's width isn't 300px and the widget looks
ugly, please modify the CSS code. If you can't do it by yourself,
comment below and tell us about what should be the width of the widget
for your blog. We will fix it for you.
Metro Style Vertical Social Buttons for blogger
Well I have earlier posted Black Glossy buttons
that were similar to these buttons I am posting today, now they had the
same zooming effect like these have but that had a different color
contrast you can check that too, but now if you love simplicity then
these sharing buttons will look awesome on your blog. These buttons have
basically 5 social websites, facebook, twitter, google+, youtube and
your rss feed. So now you can add your sites link to every button respectively.Well these will zoom when you will hover over them and then anyone clicks on them will be taken to that site automatically. So now check below steps and have fun.
- Open Blogger –> Template –> Edit HTML.
Now press Ctrl + F and search for
]]></b:skin>tag and paste below code above it.
.HU-bubblewrap{list-style-type:none;margin:0;padding:0;}.HU-bubblewrap li{display:inline;width: 60px;height:60px;}.HU-bubblewrap li img{width: 40px;height: 40px;border:0;margin-right: 4px;-webkit-transition:-webkit-transform 0.1s ease-in;-o-transition:-o-transform 0.1s ease-in}.HU-bubblewrap li img:hover{-moz-transform:scale(1.8);-webkit-transform:scale(1.8);-o-transform:scale(1.8);}
- Now Save Template and navigate to Blogger –> Layout –> Add Gadget.
- Now choose HTML/JavaScript Gadget and add below code into it.
<ul class="HU-bubblewrap"><li><a href="https://www.facebook.com/xxxxx"><img src="http://i.imgur.com/6AI7jNU.png" title="Follow Us on Facebook"/></a></li><li><a href="http://www.twitter/xxxxx"><img src="http://i.imgur.com/qWbojzO.png" title="Follow Us on Twitter"/></a></li><li><a href="https://plus.google.com/xxxxx"><img src="http://i.imgur.com/g8dACcy.png" title="Follow Us on G+"/></a></li><li><a href="http://www.youtube.com/xxxxx"><img src="http://i.imgur.com/WOWCE5P.png" title="Subscribe Us on Youtube"/></a></li><li><a href="http://feeds.feedburner.com/xxxxx"><img src="http://i.imgur.com/SgONHEw.png" title="Subscribe Us on RSS Feed"/></a></li></ul>
- Now just change the links in blue with your own and hit Save.
- Now refresh your blog and see these awesome buttons dazzling.
13 Feb 2013
How to Import Blogger Posts
How to Import Blogger Posts one CLick
Import Your Blog
Here you can easily import all your saved content to your Blogger blog.
i. Go to Blogger Dashboard.
ii. Click on your Blog Title.
iii. Navigate to Settings.
iv. Jump to Other tab below.
iii. Navigate to Settings.
iv. Jump to Other tab below.
v. Click on Import blog link under the Blog tools heading.
vi. Click on Choose File button on the pop up and click open after selecting your previously saved/exported blog content XML file (.xml).
vii. Fill out the word verification beneath and check Automatically publish all imported posts option
if you want to publish your imported posts automatically, right after
importing them. Else after importing, your posts may remain unpublished
until you navigate to your Blogger dashboard and publish each of them manually.
viii. Now click on Import Blog button to import your blog content with corresponding post comments.
Note: If you importing content to a existing blog, then each of your imported posts will sorted by date and added to the particular places of your blog.
ix. Close the pop up.
jQuery Plugins For Bloggers
jQuery was always been known for many good reasons. It is
useful, easy to implement and lots of free tutorials and support
available on the Internet. When it comes to blogging jQuery has been a
good friend for bloggers. jQuery is playing a
important role in popular blogging platforms like Blogger and
WordPress. So this post will showcase some of the useful jQuery plugins
for bloggers.
AJAX Fancy Captcha
Spamming being a great threat to blogging community, some of the spams are generated by bots. So now protect your blogs from spammers using fancy captcha. Unlike other captcha used in blogs, AJAX fancy captcha uses a unique human task of drag and drop specified item into the box.
jParallex
This jQuery script will change the selected elements into window or viewpoint. This feature enable layers to move in response to the mouse and also with respect to its dimensions. Depending on the dimensions they move different amount in a parallexy way.
Lazy Load Plugin
If you would have checked out Mashable new theme, you can probably get an idea of the usage of Lazy Load plugin. This plugin delays the loading of images in long websites. So the image out the viewpoint, will only load when the user scrolls down.
Meerkat
Meerkat is a beautiful pop up like behavior jQuery plugin. This plugin can be used for three different specific features such as advertising, promotional tool and for entry page. Meerkat is well designed to have an option of slide or fade from top or bottom position of the plugin.
AD Gallery
Gallery is a favorite of many blogger, who would like to showcase their works. To make this more interesting AD Gallery is a highly customizable jQuery plugin for web developers. It has build in several animation effects to fade, shrink/grow and wild.
Tab Switch
Tabswitch uses a tab slider plugin to minimize the code, yet its fully customizable. It includes 7 effects to be used with two styles. Overall an incredible plugin to add more spice to tabbed browsing.
Qtip
This is one of widely known and used tip jQuery plugin. Unlike other tip plugin, this uses various effects which can be easily customizable to our requirements. It comes with the compatibility of all the major web browsers. So no need to digg yourself to make these plugins compatible.
Airport Information Board Text Effect
Got inspired with the airport information board text effect, then probably you need to check this out to implement this effect on your blog. Very beautifully designed to perform and more specifically its very simple.
AJAX Fancy Captcha
Spamming being a great threat to blogging community, some of the spams are generated by bots. So now protect your blogs from spammers using fancy captcha. Unlike other captcha used in blogs, AJAX fancy captcha uses a unique human task of drag and drop specified item into the box.
jParallex
This jQuery script will change the selected elements into window or viewpoint. This feature enable layers to move in response to the mouse and also with respect to its dimensions. Depending on the dimensions they move different amount in a parallexy way.
Lazy Load Plugin
If you would have checked out Mashable new theme, you can probably get an idea of the usage of Lazy Load plugin. This plugin delays the loading of images in long websites. So the image out the viewpoint, will only load when the user scrolls down.
Meerkat
Meerkat is a beautiful pop up like behavior jQuery plugin. This plugin can be used for three different specific features such as advertising, promotional tool and for entry page. Meerkat is well designed to have an option of slide or fade from top or bottom position of the plugin.
AD Gallery
Gallery is a favorite of many blogger, who would like to showcase their works. To make this more interesting AD Gallery is a highly customizable jQuery plugin for web developers. It has build in several animation effects to fade, shrink/grow and wild.
Tabswitch uses a tab slider plugin to minimize the code, yet its fully customizable. It includes 7 effects to be used with two styles. Overall an incredible plugin to add more spice to tabbed browsing.
Qtip
This is one of widely known and used tip jQuery plugin. Unlike other tip plugin, this uses various effects which can be easily customizable to our requirements. It comes with the compatibility of all the major web browsers. So no need to digg yourself to make these plugins compatible.
Got inspired with the airport information board text effect, then probably you need to check this out to implement this effect on your blog. Very beautifully designed to perform and more specifically its very simple.
Free WordPress Personal Blog Themes
Simple Feedback Form Using jQuery And CSS For Blogger
Ok,
so today I will take to you to a simple feedback form tutorial for
Blogger users using the jQuery and CSS. The original source of this
tutorial was from Tutorialzine, we made some modification, changed the form method and made it work smoothly for blogger. So lets get started.Step 2: Now search for
]]></b:skin> and paste the below code before ]]></b:skin> #feedback{ background-color:#9db09f; width:310px; height:330px; position:fixed; bottom:0; right:120px; margin-bottom:-270px; z-index:10000; } #feedback .section{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcSjW_wSFL0d5QMz08SFrph5LSl_F581NldlOWSVB2j6Sb9uwqi-zyv5Tn3EgG6-XbUve9nQ0gszpIFvJPUoIenwVTHhPxU-k99o0NKUHamgAJTVnGx3wbTQQmt4e1-3JQJesbbpxl9yXE/s1600/bg.png') repeat-x top left; border:1px solid #808f81; border-bottom:none; padding:10px 25px 25px; } #feedback .color{ float:left; height:4px; width:20%; overflow:hidden; } #feedback .color-1{ background-color:#d3b112;} #feedback .color-2{ background-color:#12b6d3;} #feedback .color-3{ background-color:#8fd317;} #feedback .color-4{ background-color:#ca57df;} #feedback .color-5{ background-color:#8ecbe7;} #feedback h6{ background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7rOc-d1yMBnDSAPZIBMhGQoKeQ2d1FZlV_e_rharQIjE4ffViFR6lo7KDnebU2Ewiw9PblkWhREg4wCljPd9AiKjrdBtjMNbpEN_PiLiDYaibPHPopl1W7gcUrbMwkfsPhLiU2P779hW1/s1600/feedback.png") no-repeat; height:38px; margin:5px 0 12px; text-indent:-99999px; cursor:pointer; } #feedback .message{ font-family:Corbel,Arial,sans-serif; color:#5a665b; text-shadow:1px 1px 0 #b3c2b5; margin-bottom:20px; } #feedback .arrow{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMZ_CvGZUgg7aNaD38XbFJqfVAvbc-htPa76jM6QZHt_VFSBmZz7l7kj9AxHYZuCFVy2foBvd9CLXIJo_qBEygxb2K34HS23S_ij7ANBWUMlyg65_c7gKZ17TQFDGccqcTPQuSRdRIz7Cs/s1600/arrows.png') no-repeat; float:right; width:23px; height:18px; position:relative; top:10px; } #feedback .arrow.down{ background-position:left top;} #feedback h6:hover .down{ background-position:left bottom;} #feedback .arrow.up{ background-position:right top;} #feedback h6:hover .up{ background-position:right bottom;}Step 3: Search for
<div id='main-wrapper'> and place the below before <div id='main-wrapper'> <div id='feedback'> <!-- Five color spans, floated to the left of each other --> <span class='color color-1'/> <span class='color color-2'/> <span class='color color-3'/> <span class='color color-4'/> <span class='color color-5'/> <div class='section'> <!-- The arrow span is floated to the right --> <h6><span class='arrow up'/>Feedback</h6> <p class='message'>Drop in your suggestions about our blog. We appreciate your feedback.</p> WUFOO FORM SCRIPT GOES HERE </div> </div>Step 4: In order to ensure the smoothness when its clicked, we are adding a little script. If jQuery is initialized previously initialized in your blog template, add only the second script after
<head> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'/> <script src='http://sites.google.com/site/bloggermint/script.js'/>Step 5: This is the very important step. In order to add a form to the feedback form, I am using Wufoo forms to be integrated in the feedback form. So visit Wufoo website, create a free account. After creating the account, you will be taken to the form creator dashboard, now select paragraph text to insert it in the form
1. Go to Backgrounds > Highlight and change the color to transparent
2. Go to Buttons and select the button type as link and enter this link there https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIXS2a58yfpdj9lJ1k_4HI7CgIv9WIugVYgK_8Srk5Cy2jq-_0GSQ2QB-9J_QY_y1ouQqeS_BN0j_b9gP18F7EIQ_ep8OaeBuSBu_4JG5u6XIuwpr7Gk_RsWHKpQkzayFwFD2a5bAD6Utx/s1600/submit.png
Add Hide Widgets On Certain Pages, Categories And Posts In WordPress
How many of us want to hide or show widget on certain posts or
categories or visitors coming from certain websites and its quite
essential to show up your affiliate ads or a
poll based upon the a particular page or a category. I am not gonna
write a code for these functions rather I found a pretty cool WordPress
plugin named Widget Logic that adds the ability to hide or show widgets on your WordPress blog.So this is not actually a tutorial, but a tip to add some logic to the widgets that are used on your WordPress blog. The functions of this plugin uses the WordPress conditional tags.
To make this post pretty helpful I have added some common tags that hides or shows widgets and here we go.
is_single() to display the widget only on single pages
is_home() to display the widget only on home page
is_single(12) to display the widget on the post ID 12. The post ID is nothing but a unique number that was allocated to a blog post. So how to find the post? Simple one of my fellow blogger have blogged about it, just head over there.
!is_home() to display the widget on all the places except the homepage.
strpos($_SERVER['HTTP_REFERER'], “google.com”)!=false to display the widget for visitors who comes through Google. You can try the same step to replace Google.com with Facebook.com if you want to have a greet message for Facebook users.
is_single(‘Blogger Tips’) to display the widget on the post titled Blogger Tips. This indirectly helps you in adding a suitable affiliates ads for certain pages.
is_page(‘contact’) to display the widget only on a particular page contact. You can change the value “contact” to any page name of your wish.
is_category(array(5,9,10,11)) to display the widget only for certain category classified by category numbers*. You can even use single category numbers to hide or show widgets.
is_user_logged_in() to display the widget only for logged in users.
*To know category numbers in WordPress head to the category page in
your Wp admin and click on edit on any of the one category. Look into
your address bar to find the category ID.is_single(12) to display the widget on the post ID 12. The post ID is nothing but a unique number that was allocated to a blog post. So how to find the post? Simple one of my fellow blogger have blogged about it, just head over there.
!is_home() to display the widget on all the places except the homepage.
strpos($_SERVER['HTTP_REFERER'], “google.com”)!=false to display the widget for visitors who comes through Google. You can try the same step to replace Google.com with Facebook.com if you want to have a greet message for Facebook users.
is_single(‘Blogger Tips’) to display the widget on the post titled Blogger Tips. This indirectly helps you in adding a suitable affiliates ads for certain pages.
is_page(‘contact’) to display the widget only on a particular page contact. You can change the value “contact” to any page name of your wish.
is_category(array(5,9,10,11)) to display the widget only for certain category classified by category numbers*. You can even use single category numbers to hide or show widgets.
is_user_logged_in() to display the widget only for logged in users.Transfer posts from one blog to another in BLogger
Did you ever think about that? Your blog is online and there could be variety of reasons you could lose your content. May be purposely, group of people may report you as a spammer and you end up with no access to your blog. Or accidently your blog may get deleted and it cannot be undone. Or there could be lot of unpredictable reasons on the web that cause your blog get disappeared. We can't predict what threats there could be and what could be happened in next moment. So rather than finding solutions after a situation, prevention would be even more better.
Due to these security reasons, Blogger let you save your blog content in a safe place. Literally say, it's a back up. You can easily back up your content on your hard drive with a single click and simply import your blog content again if you got any critical situation. Or if you wanna move your content to another blog, this would be really helpful too.
Export Your Blog
All your blog content and corresponding Blogger comment form comments will be saved or exported here.
iii. Navigate to Settings.
iv. Jump to Other tab below.
iv. Jump to Other tab below.
v. Click on Export blog link under the Blog tools heading.
vi. Now click on Download Blog button in the pop up box. It will download your blog content and related comments for you stored in a XML file (.xml). Keep it in a safe place.
vii. Close the pop up.
Here you can easily import all your saved content to your Blogger blog.
vi. Now click on Download Blog button in the pop up box. It will download your blog content and related comments for you stored in a XML file (.xml). Keep it in a safe place.
vii. Close the pop up.
Import Your Blog
Here you can easily import all your saved content to your Blogger blog.
i. Go to Blogger Dashboard.
ii. Click on your Blog Title.
iii. Navigate to Settings.
iv. Jump to Other tab below.
iii. Navigate to Settings.
iv. Jump to Other tab below.
v. Click on Import blog link under the Blog tools heading.
vi. Click on Choose File button on the pop up and click open after selecting your previously saved/exported blog content XML file (.xml).
vii. Fill out the word verification beneath and check Automatically publish all imported posts option
if you want to publish your imported posts automatically, right after
importing them. Else after importing, your posts may remain unpublished
until you navigate to your Blogger dashboard and publish each of them manually.
viii. Now click on Import Blog button to import your blog content with corresponding post comments.
Note: If you importing
content to a existing blog, then each of your imported posts will sorted
by date and added to the particular places of your blog.
ix. Close the pop up.
Enjoy :-)
ix. Close the pop up.
Enjoy :-)
12 Feb 2013
Customize WordPress Login Page
The topic is not new to the web, but instead of sharing code snippets I preferred some WordPress plugin that can perform the task in minutes. Pathway is a premium WordPress plugin which lets you to customize the WordPress login page in literally less than 5 minutes.
Features
- Custom Background color & image
- Custom Form border & round & bg color & image
- Custom Field border & round & bg color & etc
- Custom Field Text color ( hover / active / focus)
- Button color options
- Custom Logo
- Custom Copyright text color & hover
- Shaker Effect Options
- Extensice Admin Options (Unbranded!)
- WordPress 3.0.+ Ready
- Extensive Documentation
Alternative to Pathway WordPress Plugin – Tailored Login
Tailored Login is nifty WordPress login page customization plugin from PluginBuddy. The features offered are excellent but it doesn’t come as a stand alone product. To buy Tailored Login its mandatory to purchase the PluginBuddy Developer Suite which includes the Tailored Login and other plugins from PluginBuddy.
Features
- Page background image/color
- Header image/color
- Header link URL
- Login form label’s font, size, and text color
- Login form button’s font, size, text color, and background color
- Widget & widget bar background colors
- Widget title background color, font, size, and text color
- ‘Back to Blog’ bar background color, font, size, and text color
I hope these plugins help you in customizing your WordPress login page/screen. Happy New Year.
Best Premium News blogger template
Premium news blogger template from simpleX design. Yet
another free premium template from the publisher. A well designed three
column professional blogger template. What makes simplex news template, a
premium blogger template. The reason is well
aligned column and amazing interface. Earlier version of simplex news
template had some issues in installing. But now they had fixed the
issue. Little bit complicated for beginners, but its worth of making it
as your blogger template. It is a perfect pick
for news reader blog. Before you could install the new template, its
recommended to backup your current template.Next by default the links are assigned to http://nhamngahanh.blogspot.com, change it to your own blog address.
If you need any help installing this template, drop in your comments.
Demo | Download
Mashable Like Floating Social Widget For Blogger
Its been a while many got impressed with Mashable’s floating social
bookmarking widget and many tried and came up with a wordpress plugin.
But actually people forgot about creating a floating social bookmarking
plugin for blogger. So here in this post, I am going to teach how to add floating social widget to your blogger/blogspot blogs. ]]></b:skin> and replace it with the below code#sharebox { background-color:#FFFFFF; border-color:#C1CDCD; border-style:solid; border-width:1px; left:103px; bottom:40px; margin-top:10px; position:fixed; width:64px; } #sharebox .float {margin:7px} .FBConnectButton_Text { font-size: 8px; padding:2px 4px 3px !important; } ]]></b:skin>Step 2: This step involves inserting the widget functions into your template. Therefore, place the below code before
<div class='post-header-line-1'/> <b:if cond='data:blog.pageType == "item"'> <div id='sharebox'> <div class='float'><script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/></div> <div class='float'><a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/><div class='clear'/></div> <div class='float'><a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='Post on Google Buzz'/> <script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/></div> <div class='float'><script src='http://www.stumbleupon.com/hostedbadge.php?s=5'/></div> </div> <a href='http://www.bloggermint.com/2010/06/mashable-like-floating-social-bookmarking-widget-for-blogger/'><font size='0.3'>Bloggermint</font></a> </b:if>
Beautiful New Page Navi For Blogger With Scroll
This is an another wonderful trick by Abu Farhan,
Now I want to give all of you beautiful Page Navigation. Like I said before in my comment I’ll make new Page Navigation that can support more than 500, and now this Page Navigation can support more than 500, Alhamdulillah.
To make it beautiful I used New Pugin from WP Paginator
Demo
Step 1 : Apply Style
- Login to Blogger Dashboard and navigate to Layout > Edit Html
- Dona’t click the checkbox which says “Expand Widget Templates”
- Find this
]]></b:skin>and replace it with
.paginator { margin-top:60px; font-size:1em; } .paginator table { border-collapse:collapse; table-layout:fixed; width:100%; } .paginator table td { padding:0; white-space:nowrap; text-align:center; } .paginator span { display:block; padding:3px 0; color:#fff; } .paginator span strong, .paginator span a { padding:2px 6px; } .paginator span strong { background:#ff6c24; font-style:normal; font-weight:normal; } .paginator .scroll_bar { width:100%; height:20px; position:relative; margin-top:10px; } .paginator .scroll_trough { width:100%; height:3px; background:#ccc; overflow:hidden; } .paginator .scroll_thumb { position:absolute; z-index:2; width:0; height:3px; top:0; left:0; font-size:1px; background:#363636; } .paginator .scroll_knob { position:absolute; top:-5px; left:50%; margin-left:-10px; width:20px; height:20px; overflow:hidden; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkOEdqwll5Kd_KCuhQ-8ZWKAYRE01MLhU5qHnwzoWRcSHmwuYdKRWrWJKs_e__ONimKCW_-sI0SGphWpFD9btSKkDPf1_wyTP1FB25Ifl1xFxPfeDudzG8_T3TKVyQFPvHe9_Vh3CmFFk/s1600/slider_knob.gif) no-repeat 50% 50%; cursor:pointer; cursor:hand; } .paginator .current_page_mark { position:absolute; z-index:1; top:0; left:0; width:0; height:3px; overflow:hidden; background:#ff6c24; } .fullsize .scroll_thumb { display:none; } .paginator_pages { width:600px; text-align:right; font-size:0.8em; color:#808080; margin-top:-10px; } ]]></b:skin>
Step 2 : Aplly Javascript
Find This :</body>Replace with :
Change based on your blog setting :<script src='http://scriptabufarhan.googlecode.com/svn/trunk/paginator3000.js' type='text/javascript'></script> <script type='text/javascript'> var home_page="/"; var urlactivepage=location.href; var postperpage=7; var numshowpage=6; </script> <script src='http://scriptabufarhan.googlecode.com/svn/trunk/paginator3000-forblogger-v1.0.0.js' type='text/javascript'/> </body>
var postperpage=7;
var numshowpage=6;
Postperpage : How many Post every Page for your blog
numshowpage : how Many number will show in Your page Navigation
Step 3 : Customize Label (if you already use my previous Page Navi don’t use this step)
Go to the Edit HTML page and “Expand Widget Templates”Find this
'data:label.url'and Replace with this
'data:label.url + "?&max-results=7"'Change 7 base on how many post every page
only That, I hope it can work and make your blog easy to navigate, amiin
Best WordPress Plugins Ever
Writing skills is the most important asset of those people who are engaged with the on line earning activity, and in this further with the blogging community in particular, as everyone out there would agree to this statement of mine. Surely, people will read and follow you only on your writings, and thus writing skill is the only thing that matters folks.
Now according to the current scenario, presentation and writing both matter alot. If you have a really good and interesting content but at the same time it lacks from presentation, then surely you wont get the type of response you want. And in this competitive environment, one can't take the option of loosing as a single negligence can cost you alot.
If i talk about the blogging community in particular now, it is really important for us to be updated with the latest plug ins and tools along with software's that can help in the presentation as well as maintenance of blogs and blogging website. As these tools help in a lot of ways from creation to stylizing and finalizing. My today's post includes some of the best and most favorite word press plug ins that you can use to give your blogs and blogging website the best!
Top Plug ins!
Here are some of the best and most favorite word press plug ins that can be used in order to make your work easy.1) Akismet Plug in
This plug in can basically be used for the maintenance of comments that appear on your blogs. Through this negative and inappropriate comments can easily be blocked. With this you can also even block the spams that can possibly appear on your blogs in the form of comments. So, as far as management of comments are concerned, its made easy now with the help of this plug in.
2) Broken Link Checker Plug in
This plug in is basically related to the links and addition of links in your blog post as it traces and identifies those broken links and then mend them up so that you work without being interrupted. So as far as your linking problem is concerned, its pretty much solved with the help of this plug in.
3) AdSense Deluxe Plug in
This plug in is basically the best one if you want to manage your Google AdSense as it is the best one for this purpose. Not only this, it would help you maintaining other networks too. A complete and comprehensive plug in it is.
4) WPtouch Plug in
This plug in basically helps you in the transformation and compatibility of your blogs and blogging websites with operating software's such as android etc. It transforms your blogs with themes into the form that can easily be visible through every operating software. A pretty useful and favorite plug in it is folks.
5) Maintenance Mode Plug in
This plug in greatly helps you while your blogs and blogging websites are down for maintenance as they make pretty visible to your followers when the site is down for maintenance.
6) WP Stats Dashboard Plug in
This plug in helps you to record your progress as through this tool this thing is made pretty easy as it displays and gives your progress in tabular form. You can easily view and maintain your progress with your comments and followers in the statistical form as this plug in surely makes it much easy.
7) Pricing Table Plug in
This plug in is a useful one if you wish to make your blogs and on line posts more complete, dynamic and presentable as through this plug in you can easily put in tables in your blogs and on line posts. It has within it some of the best templates that give you a vast variety for making your tables more presentable.
8) Live Blog Plug in
This is a new in market plug in as it helps you with maintaining and updating your blogs pretty fast. If you are covering an event and want to update your followers with it, then it is the best tool as it can help you if you wish to manage your blogs real fast in a short span of time.
9) RSS Footer Plug in
This plug in is used if you want to edit the content of your blogs as it can make this thing real easy. Through this you can add in the starting and ending lines in your posts pretty easily. But, if you are using word press SEO plug in, then you might not need to use this plug in.
10) SEO Friendly Images Plug in
This plug in can greatly help you with the management of your pictures you add or wish to add in your blog posts and on line content. The best part of this plug in is that it automatically tags your pictures according to the content making your work much less hectic and with it making it more dynamic and presentable.
So guys here were some of the best and most favorite plug ins that can be used in order to create and maintain your on line content including your blogs. Things get pretty easy with the use of these. In the end like always, positive feedback is appreciated.
Subscribe to:
Posts (Atom)
