How to move WordPress blog to Blogger.
Move contents (post, image,video etc.) from WordPress To Blogger
If you want to transfer your blog from WordPress to Blogger, now I will try to talk you out of it. The main problem you need to find a solution for is the various file types.
When you export your content will all media file from WordPress it produces an WXR file format, that Blogger cannot import as it uses the XML file format.
 |
| Switch from WordPress to Blogger |
There is a solution
: Convert your WordPress WXR file into a Blogger XML format and your import will be done.
Even, you can move from a free hosted WordPress.com blog or a self-hosted WordPress.org powered site to Blogger.
The 3 steps will be needed:
Exporting your content in a WXR file
Converting your WXR file to XML format
Importing your XML file to Blogger
WordPress bloggers follow these steps:
Step 1. Export Contents (post, page, media etc) From WordPress
Login to your WordPress Dashboard
Click on the Tools tab
Click on the Export tab
Save the file to your local computer (PC)
It will be WordPress WXR file on your local computer
Step 2. How to Import Posts to Blogger
Login to your Blogger Dashboard
Click the Create a Blog link if you want to import your WordPress content to a new blogger site or go to your existing blog dashboard.
Go to setting > Other > Import content and import your WordPress content in XML format to Blogger
Now you can publish your imported posts to your Blogger blog.
Remark: The maximum file size you can convert from WordPress WXR to Blogger XML format is 1mg
How to create Admin Widget in BlogSpot blog.
In my previous post I have show you how to remove the Blogger Navbar from the screen. For that reason now you don't have access to your dashboard, settings, layout and posts, because the navbar is gone.
In this post I will show you how to add an Admin Widget to your sidebar.
Step 1: Backup your template
Though this is not a very unsafe modification, it is always good practice to backup your template before modifying it.
Go to the Layout click on Edit HTML-tab, and download your template as an XML-file and save it to your hard disk.
Step 2: Create an new Link Widget in your sidebar
From the Layout|Page Elements tab Add a Widget to your sidebar. Select the link-widget from the list. Set the title for example to Admin, and add 4 links to the list.
Dashboard : http://www.blogger.com/home
Change Settings : http://www.blogger.com/blog-options-basic.g?blogID=---------
Change Layout : http://www.blogger.com/rearrange?blogID=---------
Edit Posts : http://www.blogger.com/post.g?blogID=-------------
New Post : http://www.blogger.com/post-create.g?blogID=---------
In this links you have to change the ----------------- to the ID of your Blog. The easiest way to do this is to go to your dashboard, and view the list of your blogs. Hover your mouse over the links (Layout, Settings, etc) and watch the status-bar of your browser. You will see the link there. The easiest way is to right-click each link, copy the hyperlink, and paste it into the link widget.
Step 3: Save
Save the Widget and display your Blog. If you are viewing your Blog, clicking one of the Admin links will bring you to the appropriate screen. Visitors of your Blog will not be able to modify it, because they are not logged in to your blog. If you are not logged in, clicking an admin-link will bring up the Blogger login screen.
Also Read:
How to create a free blog using blogger | step by step guide.
Blogger Tutorial For Beginners PDF - Free eBook Download.
How to hide or remove subscribe to posts atom from blogger?
How to remove or delete "home" link below blogger post?
How to remove or edit Powered by Blogger Attribution Gadget.
Buy google play account
Google Play is a part of Google?s advantage for what we utilize to know as the Android Bazaar, where Android customers went to buy and download their mobile apps.
So if you having trouble to create your google play account and want to Buy google play account please contract with us.We will solve your all problem and give you a approve google play account.thanks
How to remove or delete "home" link below blogger post?
This
BlogSpot tutorial design
show you, How to remove or permanently delete the ?Home? link that appears below the posts in your BlogSpot blog.
If you use Blogger platform, you must have seen the Home link between Older and Newer post links in the blogger pagination area.
This link to the home page is really a navigational service, and may help your blog readers to quickly go to the homepage, but to most of the bloggers, it is hopeless and annoying, and they habitually want to conceal it or remove it completely from the template CSS codes.
Hiding the ?Home? link with CSS
You may have read huge online tutorials about removing that link from your Blogger template, but that is not removing, that?s hitting. But its easier then removing the link from the template.
If you want to just hide of that link anyway without mining deep into the code, add the following code to the CSS of your blogger template and save the changes.
.home-link { display: none; }
Now you still have the ?Home? link in your blogger template but it will stop appearing due to the above CSS code.
Permanently delete ?Home? link from Blogger template:
Now the link to your blog homepage, still available. If you are centering on limiting the number of links on your blog posts and pages, you may care about removing this link, as we already have the link to the homepage in the logo or the header section.
If you are relaxed with coding, here is how to removing the home link permanently.
Just search ?home-link? in your blogger template by press CTRL+F. Remove all the entities beginning with
<a class='home-link'
From the template and save the changes.
That?s all. You?ve successfully removed the ?Home link? from below the posts in your blog.
Share This!
If you find this
BlogSpot tutorial for beginners is
helpful, we would appreciate a link from your website or a mention on your social network. Thanks!
<a href=" http://ram-seo.blogspot.com" title="
Blogger Blog Tips and Tricks">
Blogger Blog Tips and Tricks </a>
The above HTML code will produce the following link:
Blogger Blog Tips and Tricks
ADD HTML SITEMAP PAGE TO BLOGGER BLOG | GOOGLE SITEMAP.
Are you trying to create an HTML Sitemap page for your blogger blog? HTML Sitemap are different from XML Sitemap that you submit to search engines to improve your crawling rate or get a quick indexing of your new posts. HTML Sitemaps, shows an prepared list of your published posts, just like a table of content.
Blogging experts says, a google sitemap page is one of the most important pages on every blog. It helps to increase the user engagement on our blog and makes it more user friendly.
By using the
html script sitemap page, visitors of your blog can easily navigate through the all of your published post under different groups they are interested in.
I personally use the sitemap page on my own blog for a long time, so I can say it is one of the most visited pages on my blog. When visitors find out the content on your blog more useful, they search for more content like this on your blog and if a sitemap page is available on your blog.
XML Sitemaps vs HTML Sitemaps
An XML sitemap created with the help of an XML markup language and are especially intended for search engines. You can create and submit your site's XML sitemap in webmaster tools, which will not only improve your site's crawling rate but also quick indexation of your site.
On the other hand, HTML sitemaps are created with plain Hyperlink Text Markup Language and are especially intended for your website visitors. It is usually used to list all the post or pages that are published on your site.
Creator of this HTML Sitemap codes:
The code I am going to share is issued by +Taufik Nurrohman. He is an Indonesian and he has done so much for blogger platform users by releasing the amazing scripts for free. We owe to him.
Most of the template designers who are selling blogger templates on ThemeForest.com use his scripts to add amazing functionalities and awesome features to their templates.
Demo Screenshot of Sitemap Page We Are Going To Add
How to create HTML sitemap page in Blogger.
Step-1:
Login to your blogger account and go to the Dashboard.
Step-2:
Select Pages from the left Navigation bar and click on New Page.
Step-3:
Give page title ?Sitemap? without quote and hit the Publish menu button. This process will create your blog static site map HTML page with the exact sitemap URL like ?
http://YourBlogName.blogspot.com/p/sitemap.html
Step-4:
From the opened window, click on the name of that sitemap page so that page editor will open again. Now, you may change the title again Ex:All Posts at a Glance.
Step-5:
Now, go to the HTML mode of that page and paste the following codes. You may also write something on this page for your users before publishing it.
<div id="tabbed-toc">
<span class="loading">Loading, please wait?...</span></div>
<br />
<script type="text/javascript">
var tabbedTOC = {
blogUrl: "http://ram-seo.blogspot.com/", // Enter your blog URL
containerId: "tabbed-toc", // Container ID
activeTab: 1, // The default active tab index (default: the first tab)
showDates: false, // `true` to show the post date
showSummaries: false, // `true` to show the posts summaries
numChars: 200, // Number of summary chars
showThumbnails: false, // `true` to show the posts thumbnails (Not recommended)
thumbSize: 40, // Default thumbnail size
noThumb: "", // A "no thumbnail" URL
monthNames: [ // Array of month names
"January",
"February",
"March",
"April",
"May",
"June",
"July",
"August",
"September",
"October",
"November",
"December"
],
newTabLink: true, // Open link in new window. `false` to open in same window
maxResults: 99999, // Maximum post results
preload: 0, // Load the feed after 0 seconds (option => time in milliseconds || "onload")
sortAlphabetically: true, // `false` to sort posts by published date
showNew: 7, // `false` to hide the "New!" mark in most recent posts or
//define how many recent posts are to be marked by changing the number
newText: " - <em style='color: white;padding: 1px 5px;border-radius: 20px;background-color: #F00;'>New!</em>" // HTML/CSS for
//the "New!" text
};
</script>
<script src="http://yourjavascript.com/
<style>
/*Sitemap */
#tabbed-toc {
width: 99%;
margin: 0 auto;
overflow: hidden !important;
position: relative;
color: #222;
border: 0;
border-top: 5px solid #FC0204;
background-color: #1D1D1D;
-webkit-transition: all 0.4s ease-in-out;
}
#tabbed-toc .loading {
display:block;
padding:5px 15px;
font:normal bold 11px Arial,Sans-Serif;
color:#FFF;
}
#tabbed-toc ul,
#tabbed-toc ol,
#tabbed-toc li {
margin:0;
padding:0;
list-style:none;
}
#tabbed-toc .toc-tabs {
width: 24.8%;
float: left !important;
}
#tabbed-toc .toc-tabs li a {
display:block;
font:normal bold 10px/28px Arial,Sans-Serif;
height:28px;
overflow:hidden;
text-overflow:ellipsis;
color:#ccc;
text-transform:uppercase;
text-decoration:none;
padding:0 12px;
cursor:pointer;
-webkit-transition: all 0.3s ease-in-out;
}
#tabbed-toc .toc-tabs li a:hover {
background-color: #515050;
color: #FFF;
}
#tabbed-toc .toc-tabs li a.active-tab {
background-color:
#0384ff
;
color: #222;
position: relative;
z-index: 5;
margin: 0 -2px 0 0;
}
#tabbed-toc .toc-content,
#tabbed-toc .divider-layer {
width: 75%;
float: right !important;
background-color: #F5F5F5;
border-left: 5px solid
#0384ff
;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s ease-in-out;
}
#tabbed-toc .divider-layer {
float:none;
display:block;
position:absolute;
top:0; right:0; bottom:0;
}
#tabbed-toc .panel {
position:relative;
z-index:5;
font:normal normal 10px Arial,Sans-Serif;
}
#tabbed-toc .panel li a {
display: block;
position: relative;
font-weight: bold;
font-size: 11px;
color: #222;
line-height: 2.8em;
height: 30px;
padding: 0 10px;
text-decoration: none;
outline: none;
overflow: hidden;
-webkit-transition: all 0.3s ease-in-out;
}
#tabbed-toc .panel li time {
display:block;
font-style:italic;
font-weight:400;
font-size:10px;
color:#666;
float:right;
}
#tabbed-toc .panel li .summary {
display:block;
padding:10px 12px;
font-style:italic;
border-bottom:4px solid #275827;
overflow:hidden;
}
#tabbed-toc .panel li .summary img.thumbnail {
float:left;
display:block;
margin:0 8px 0 0;
padding:4px;
width:72px;
height:72px;
border:1px solid #dcdcdc;
background-color:#fafafa;
}
#tabbed-toc .panel li:nth-child(even) {
background-color: #DBDBDB;
font-size: 10px;
}
#tabbed-toc .panel li a:hover,
#tabbed-toc .panel li a:focus,
#tabbed-toc .panel li a:hover time,
#tabbed-toc .panel li.bold a {
background-color:#222;
color:#FFF;
outline:none;
-webkit-transition: all 0.3s ease-in-out;
}
#tabbed-toc .panel li.bold a:hover,
#tabbed-toc .panel li.bold a:hover time {
background-color:#222;
}
@media (max-width:700px) {
#tabbed-toc {
background-color:#fff;
border:0 solid #888;
}
#tabbed-toc .toc-tabs,
#tabbed-toc .toc-content {
overflow:hidden;
width:auto;
float:none !important;
display:block;
}
#tabbed-toc .toc-tabs li {
display:inline;
float:left !important;
}
#tabbed-toc .toc-tabs li a,
#tabbed-toc .toc-tabs li a.active-tab {
background-color:#222;
color:#ccc;
}
#tabbed-toc .toc-tabs li a.active-tab {
color:#000;
}
#tabbed-toc .toc-content {
border:none;
}
#tabbed-toc .divider-layer,
#tabbed-toc .panel li time {
display:none;
}
}
</style>
Customize: -
1) To change the message which appears before the sitemap is loaded, change this "Loading, please wait ..." line to your own.
2) Replace my blog URL with your blog URL by replacing http://ram-seo.blogspot.com/ and those who are using the custom domain name, change your country specific extension to .com at the end of the URL.
For example, change http://yourblog.blogspot.in to http://yourblog.blogspot.com where .in is a country specific TLDN for Indian users, got it?
3) Color scheme is BLUR and you may like to change it to your blog's color scheme. To change the yellow color just replace this
#0384ff
color code to your own which appears two times in the CSS code above.
Finally, publish your Site Map page and Enjoy!
Recommended: Add Blogger Contact Form to Any Static Page. link this HTML sitemap page to every page of your blog i.e. either at the end of each blog posts or in header/footer or sidebar etc.
Share This!
If you find this useful, we would appreciate a link from your website or a mention on your social network. Thanks!
<a href="https://ram-seo.blogspot.com" title="Blogger Blog Tips and Tricks"> Blogger Blog Tips and Tricks </a>
The above HTML code will produce the following link:
Blogger Blog Tips and Tricks
No comments:
Post a Comment