LightBlog

Breaking

Friday, June 19, 2020

How to Submit a blogger sitemap on yahoo to customize your web page
June 19, 2020

How to Submit a blogger sitemap on yahoo to customize your web page

Submitting your site to yahoo is so easy and give your web pages more exposure.
 you need  a YAHOO ACCOUNT(ID).However, you don't need a Yahoo ID to know how many pages are indexed, etc. However, if your blog is new or none of the pages on your blog are indexed (type your blog url in Yahoo Search and check to see if your web pages are indexed), then you may want to Submit your Yahoo ID to your sites, feeds, etc.
Let't see how to make yahoo index in your webpages by submitting your blog sitemap.
1.Go to Yahoo Site Explorer
2.Click on the 'Sign in' buttion which is at the top of the page (If you don't have a Yahoo id, you can get one here) to sign into your account.
3.Type your blog url in the box provided and click on  'Add My Site'
4.After adding your site,you need to Authenticate(Verify your ownership).
Now click on the website name which submitted you and then click 'Authenticate' in the next page.
There are only two ways to verify your ownership.first is to upload a file to the root directory of your site which can't be possible in blogger.
second one is to 'adding a metatag' which is possible and the only way to verify ownership for bloggers.First,copy the metatag..
Next,sign in to your blogger account>Edit html and paste the metatag below the head tag and then SAVE THE CHANGES.
When you return to Yahoo! Site Explorer, click on the button that says “Ready to Authenticate”
Next,you will get  message saying that 'Your site is pending authentication'
Note:Don't remove the metatag,they will revalidate your ownership by checking your ownership regularly anytime.
5.Now,go back to the 'Site explorer home', and check the box next to your blog url and click on the Manage button.
6.Type rss.xml or atom.xml in the box given.It will helps yahoo to discover more of your site content via your rss or atom feeds and to index your blog pages quickly whenever your blog is updated.Next,click on the add feed button.
Just now, you have successfully submitted your blog site map to Yahoo! Check your account in a few days and you'll see your blog listed in the Yahoo search engine.
0
By às No comments:
Marcadores:
How To Add New Layout below Header in Blogger
June 19, 2020

How To Add New Layout below Header in Blogger

1.Log in to your blog dashboard--> layout- -> Edit HTML
2.Scroll down and search for </head> tag.
3.Add below code to your template just above the </head> tag.
#belowheader-wrapper {
width:890px;
margin:0 auto 10px;
overflow: hidden;
}
Note : You can change width:890px to equal the width of  your header-wrapper.

4.Now Scroll down to  see this:
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Your header title' type='Header'/>
</b:section>
</div>

5.Now paste the below code just after the above code.
<div id='belowheader-wrapper'>
<b:section class='belowheader' id='belowheader' preferred='yes'/>
</div>
6.Click on "Save Templates" and you are done.
0
By às No comments:
Marcadores:

Thursday, June 18, 2020

How To Hidden Blogger Header and Replace Image Instead
June 18, 2020

How To Hidden Blogger Header and Replace Image Instead

1.Log in to your blog dashboard--> layout- -> Edit HTML
2.Scroll down to  see header-wrapper code block.It will  look like this:

#header-wrapper {
width:800px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
Note :- width:800px can be different value.

3.Now add "display:none;" into your header-wrapper code block.Look like at below:
#header-wrapper {
width:800px;
margin:0 auto 10px;
border:1px solid $bordercolor;
display:none;
}
 Done. the above code hides your blog header. 

4.To use a image instead of header,find the below code.

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='your header title' type='Header'/>
</b:section>
</div>

5.Now paste the below given code just after the above code.

<a href="URL_OF_YOUR_BLOG"><img src="URL_OF_THE_IMAGE" alt="Home" /></a>
Note : Replace URL_OF_YOUR_BLOG and URL_OF_THE_IMAGE with your own content.
6.Click on "Save Templates" and you are done.
0
By às No comments:
Marcadores:
June 18, 2020

How To Add Digg Button to Every Blogger(Blogspot) Posts

How To Add Digg Button to Every Blogger(Blogspot) Posts

1. Login to your Blogger Dashboard. Go to Settings-> Archiving, set “Enable Post Pages” to “Yes” and save the settings.
2. Now go to Blogger Dashboard -> Layout-> Edit HTML
3. Check the "Expand Widget Templates" box. Find the follow code now.

<p><data:post.body/></p>

If you want the button to show at the top right corner of your post, replace the above code with this code.

<div style='float:right; margin-left:10px;'> <script type='text/javascript'> digg_url=&quot;<data:post.url/>&quot;; </script> <script src='http://digg.com/tools/diggthis.js' type='text/javascript'/> </div><p><data:post.body/></p>

If you want the button to show at the end of your post, replace the above code with this code.

<p><data:post.body/></p>
 <div style='float:right; margin-left:10px;'> <script type='text/javascript'> digg_url=&quot;<data:post.url/>&quot;; </script> <script src='http://digg.com/tools/diggthis.js' type='text/javascript'/> </div>

If you want the button to show at top left corner of your post, replace the above code with this code.

<div style='float:left; margin-right:10px;'> <script type='text/javascript'> digg_url=&quot;<data:post.url/>&quot;; </script> <script src='http://digg.com/tools/diggthis.js' type='text/javascript'/> </div>
 <p><data:post.body/></p>
0
By às No comments:
Marcadores:
June 18, 2020

How To Add Reactions widget in your blogger blog

How To Add Reactions widget in your blogger blog
To configure the reactions widget follow given steps.
1.Sign in to your blogger account.
2.Go to layout Page.
  3. Click the "Edit" link below the blog posts.
4. Check the "Reactions" widget on the pop-up window. Click Save.

How To Add Reactions widget in your blogger blog

If you're using the default Blogspot template, a widget will appear in your blog. If you do not want to include some code in your blog template, follow these steps.
1. Go to edit Html page  of blog.
2.Check the "Expand widget templates" option.
3.search the following code in your template:
<data:post.body/>
4.Then immediately after this code add the following code.
<span class='reaction-buttons'>
<b:if cond='data:top.showReactions'>
<table border='0' cellpadding='0' width='100%'><tr>
<td valign='center'><span class='reactions-label'>
<data:top.reactionsLabel/></span>
</td>
<td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
</tr></table>
</b:if>
</span>
Save and view your blog.
0
By às No comments:
Marcadores:
How To Add a Border to your Posts and Sidebar
June 18, 2020

How To Add a Border to your Posts and Sidebar

This is a fairly simple task. I'm working with a minima template, so the vocabulary of your template may be a little different. You will find the sidebar area in your CSS style sheet.
यह काफी सरल कार्य है। मैं मिनिमा टेम्प्लेट से काम कर रहा हूं, इसलिए आपकी टेम्प्लेट शब्दावली थोड़ी अलग हो सकती है। आप अपनी CSS style sheet  में साइडबार क्षेत्र की तलाश करेंगे।
Look for this code in your template.
 इसके लिए अपने टेम्पलेट में देखें।
.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

.main .Blog {
border-bottom-width: 0;
}

Then you will replace it with this code:
तब आप इसे इस कोड से बदल देंगे: 
.sidebar .widget, .main .widget {
background:#ffffff;
margin:1.5em 0 1.5em;
padding:8px 8px 8px;
border:1px solid $bordercolor;
border-bottom:1px solid $bordercolor;
border-width:1px 1px 1px;
border-bottom:1px line $bordercolor;
}

.main .Blog {
background:#ffffff;
margin:1.5em 0 1.5em;
padding:8px 8px 8px;
border:1px solid $bordercolor;
border-bottom:1px solid $bordercolor;
border-width:1px 1px 1px;
border-bottom:1px line $bordercolor;
}
That will give you a awesome border around your posts and your sidebar widgets!
You can change your border width by editing above code.
जो आपको आपके पोस्ट और आपके साइडबार विजेट के चारों ओर एक अच्छी border प्रदान करेगा!
आप कोड के ऊपर अपनी सीमा चौड़ाई संपादन बदल सकते हैं।
0
By às No comments:
Marcadores:
How to find the width of your blog Header, Sidebar and Main column
June 18, 2020

How to find the width of your blog Header, Sidebar and Main column

To find the width of the blog Header, sidebars, main column, sign into Dashboard. In the section for the blog, click LAYOUT, then click EDIT TEMPLATE. This will open the template editor window tab. Search through the templates for the following code:
ब्लॉग की चौड़ाई प्राप्त करने के लिए हैडर, साइडबार, मुख्य कॉलम, डैशबोर्ड में साइन इन करें। संबंधित ब्लॉग के section में, LAYOUT पर क्लिक करें, फिर EDIT TEMPLATE पर क्लिक करें। इससे टेम्प्लेट एडिटर विंडो खुल जाएगी। निम्नलिखित के लिए टेम्पलेट्स के माध्यम से खोजें:
#header-wrapper {
width:750px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
#main-wrapper {
width: 400px;
margin-left: 20px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
}
#sidebar-wrapper {
width: 150px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
}
These codes are from the template of the blog. The first block of code tells me that the width of the header is 750 pixels. The second block states that the width of the main column is 400 pixels. The last two blocks of code tell me that both sidebars are 150 pixels wide.
 ये कोड इस ब्लॉग के टेम्पलेट से हैं। कोड का पहला ब्लॉक मुझे बताता है कि हेडर की चौड़ाई 750 पिक्सेल है। दूसरा ब्लॉक कहता है कि मुख्य कॉलम की चौड़ाई 400 पिक्सेल है। कोड के अंतिम दो ब्लॉक मुझे बताते हैं कि दोनों साइडबार 150 पिक्सल की चौड़ाई के हैं।
0
By às No comments:
Marcadores: