Breaking

Showing posts with label Blog. Show all posts
Showing posts with label Blog. Show all posts

Friday, June 19, 2020

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:

Tuesday, June 16, 2020

How To Disable Right Click in Blogger(blogspot) or Webpage
June 16, 2020

How To Disable Right Click in Blogger(blogspot) or Webpage

This post explains how to disable right click on Blogger (Blogspot) or any other webpage using an HTML (JavaScript) code.
यह पोस्ट बताती है कि HTML (जावास्क्रिप्ट) कोड का उपयोग करके ब्लॉगर (ब्लॉगस्पॉट) या किसी अन्य वेबपेज पर राइट क्लिक को कैसे निष्क्रिय किया जाए।
It is very annoying if someone copies (steals) your blog posts, articles, pictures and some other kind of information that says they are the real owners of the content.
But, 'disabling right click' is not the right solution for that.
यदि कोई आपके ब्लॉग पोस्ट, लेख, चित्र और आपके द्वारा स्वामित्व की गई जानकारी को यह कहते हुए कॉपी करता है कि वे सामग्री के मूल स्वामी हैं, तो यह बहुत कष्टप्रद है। लेकिन, मुझे लगता है कि 'राइट क्लिक को disable करना' उसके लिए सही समाधान नहीं है।
Most people come to your site to read information and a very small percentage of people come to your site to steal your work, images, etc. Therefore, most people find it insulting and I think it is very unethical to do so. -Business is the thing.
If you want to protect your data,my suggestion is to add a Watermark(logo) with your sitename,or your name on the images,pictures,etc.
अधिकांश लोग आपकी साइट पर जानकारी पढ़ने के लिए आते हैं और बहुत कम प्रतिशत लोग आपकी साइट पर आपके काम, चित्र आदि को चुराने के लिए आते हैं। इसलिए, अधिकांश लोग इसे अपमानजनक मानते हैं और मुझे लगता है कि यह करना बहुत ही अव्यवहारिक बात है यदि आप अपनी छवियों को सुरक्षित रखना चाहते हैं, तो मेरा सुझाव है कि आप अपने साइटनेम के वॉटरमार्क (लोगो), या चित्रों, चित्रों आदि पर अपना नाम जोड़ें।
Note:By using this javascript code,you only disable the right click by warning the visitors that the content is copyrighted.
नोट: इस जावास्क्रिप्ट कोड का उपयोग करते हुए, आप केवल आगंतुकों को चेतावनी देकर राइट क्लिक को अक्षम करते हैं कि सामग्री कॉपीराइट है।
the code for this is below.
<SCRIPT language=JavaScript>
<!-- http://www.spacegun.co.uk -->
var message = "function disabled";
function rtclickcheck(keyp){ if (navigator.appName == "Netscape" && keyp.which == 3){ alert(message); return false; }
if (navigator.appVersion.indexOf("MSIE") != -1 && event.button == 2) { alert(message); return false; } }
document.onmousedown = rtclickcheck;
</SCRIPT>
Where to put it in blogger ?
Sign in to your blogger dashboard-->layout-->Page Elements-->Add a Gadget-->html/javascript and paste the above javascript code and Save the changes.
इसे ब्लॉगर में कहाँ पेस्ट करें?  अपने ब्लॉगर डैशबोर्ड में साइन इन करें ->layout-->Page Elements-->Add a Gadget-->html/javascript और उपरोक्त जावास्क्रिप्ट कोड पेस्ट करें और परिवर्तनों को  Save करे ।

 How it works?
यह कैसे काम करता है
If you right click anywhere on the webpage,a pop upmassage will on screen saying "function disabled".If you want to change the message to you own one like "sorry....this work is copyrighted" or something like that,replace the "funtion disabled" text with your own message in the Javascript code.
यदि आप वेबपृष्ठ पर राइट क्लिक करते हैं, तो एक संदेश स्क्रीन पर "फ़ंक्शन disabled" कहकर पॉप जाएगा। यदि आप संदेश को अपने आप बदलना चाहते हैं जैसे "sorry.... काम कॉपीराइट है" या ऐसा कुछ, प्रतिस्थापित करें जावास्क्रिप्ट कोड में अपने संदेश के साथ "funtion disabled" 
0
By às No comments:
Marcadores: