quickly learn to blog: comments

comments × sidebar × widget

comments × tips trick blog

how to upgrade shoutmix V3

This time I'll post about how to upgrade shoutmix V3. in shoutmix V3 there are many differences from the previous one, especially in terms of usage.
on previous versions shoutmix we can enter directly without having to login? FOR the current version you are required to login.
from this perspective is very poorly understood for a chat but with this feature we do not need hard hard to enter the url, we just once logged in and you just enter your message.
on shoutmix v3 is equipped with statistics that can tell who's online shoutmix users, and it's like Disqus comment box? we are connected with each other.
but actually I'm not too aware fiture contained on this shoutmixV3, but the first time launching shoutmixV3 there are about 10,000 Fendaftar on that day.
I think shoutmix V3 is very nice and soon you upgrade your shoutmix

for how to make it and if my friend are interested please follow the following steps
1. your first entry into the http://www.shoutmix.com/v3/

2. as usual you sign up now or register and fill out the following form

3. then you will open your email to confirm your fendaftaran
4. after that you log into your acount get
>> dashboard>> manage>>> create shout box

5. and now your acount has been made

6. click acount that's been made and choose embed

7. now it should launch code shoutmix / her residence V3 copy to your blog

FINISSH

DEMO

comments × seo × social share

How To Add IntenseDebate Comment to blogger

I am posting this for the english version of my previous post it on my blog who speak Indonesian "senantiasa belajar"hendrytha.blogspot.com

IntenseDebate is one of the most popular a feature-rich comment system for WordPress, Blogger, Tumblr and many other blogging/CMS platforms.In this tutorial I am going to explain how to add IntenseDebate comment system to Blogger blog.

With IntenseDebate,you can do many things than your default comment system.These are some main features of IntenseDebate comments.

IntenseDebate features:

Comment Threading.
Reply-By-Email.
Email Notifications.
Commenter Profiles.
Moderation/Blacklisting.
Reputation Points & Comment Voting.
Plugins API.
OpenID.
Widgets.
Twitter Connect.
Facebook Connect.
RSS Readers & Tracking.

HTML Formatting

You can also customize your links and add some photos to your comments. IntenseDebate supports the following HTML tags: <a>, , , , , , <blockquote>, , , <strike>, <img>

Gravatar

Intensedebate offers full Gravatar support. If you have a Gravatar they will automatically upload your Gravatar when you signup for IntenseDebate. You can choose to use your Gravatar or upload a different profile pic.

Before start this process,you must backup your blogger template first.Save the backup template file on your hard drive.

1.Create a Account on IntenseDebate.com.

2. after that you log in. To install click the site and add your blog / site and you are prompted to enter your Url Address

3.NEXT STEP

you must take into

1.1.How would you like to install IntenseDebate?

if you want to install IntenseDebate?

select the "Template" option.

2.2.Which Should blog posts have comments enabled IntenseDebate?

Which blog posts must have comments enabled IntenseDebate?

Only on new posts
- Your old comments will be displayed using the original comment system of your blog

On all blog posts "
- IntenseDebate comments will be available on all posts, but comments that therewill be hidden.

Select "On all blog posts" "option.

Note: If you want to keep the "standard comments you post old Blogger blog", thenchoose "Only on the new entry".

4.Scroll down to the bottom of the instruction.
you are told to backup your template you get to design and select edit Teplate andDownload full template

after that you note where the downloaded file was saved because of this that we will upload the template

Now pay attention: now select the file where you save the template you downloaded and uploaded files

Next you Delete the existing code in your template

Copy the code in Diteintensedatabate earlier and copy the template that you Delete and save See the results

Just to the attention of utuk comentar your existing will not be displayed but are still in the database blogger
hopefully when the tide is many of the comments on your blog and your comments after this
especially if you do not understand please comment

comments × tips trick blog

How To Add Disqus Comment System to Blogger

DISQUS is a comments platform that helps you build an active community from your website's audience. It has awesome features, powerful tools, and it's easy to install.Before this I have explain how to add IntenseDebate comment system to blogger blog and now I am going to explain how to add Disqus comment system to your blogger blog.
There are lot of good features with Disqus comment system when we comparing it with Blogger default comment system.
Realtime comment system
Comments become more like live discussions with realtime posting and updating. By offering a faster, more intuitive experience, Disqus is everyone's favorite way to comment.
Notification and reply system
The notification system lets people know when they've received a response. Best of all, they can continue the conversation straight from the email.
Inline media embedding
Full integration with media services such as Youtube, Flickr, and more. Attach media such as photos and videos right within the comments.
Mobile commenting
Fully compatible with mobile websites for commenting while on the go. The default mobile theme is formatted with smartphones, like the iPhone or Android phones, in mind.
Social integration
Full integration with Facebook, Twitter, and more. Let people login, comment, and share using social services they already use and love.
The Community Box
A quick way to show off what your community is made up of. The community box gives everyone a summary view of the activity and people participating on the site.
Liking and sharing
People can rate what they like by liking pages or comments and then sharing that on Facebook, Twitter, and other networks.
Moderation tools
Powerful and easy-to-use tools helps you keep your community under control. The moderation panel is designed for managing a large volume of incoming comments.
Spam-Be-Gone
Our in-house anti-spam technology keeps spam and unsavory people out of your community. Our anti-spam continually learns from the rest of the Disqus network to keep your site safe.
Mobile apps
Disqus apps are available for the iPhone, Android, and webOS phones. Manage your communities while you're on the go with these freely available apps.
Blacklists and whitelists
Make daily moderation easier with granular control over who gets to contribute within the community. Disqus gives you powerful tools such as blacklists, whitelists, and word filtering.
Import and export
Import existing comments into Disqus and sync up your data. All data is completely portable and can be exported at any time.
International languages
Disqus supports dozens of languages in addition to English. Complete your integration with native language support.
SEO-friendly and local sync
We offer plugins and integration methods that ensure compatibility with search engines.
Theme customization
Customize with CSS to smooth out the integration with your website. Or, use our advanced theme editor to craft your own custom theme.
Tweets and reactions
Disqus brings the conversation back to your site by collecting Tweets, mentions, and other reactions from around the web.
Profile management
Commenters control their personas and reputation across the different communities they participate on. Disqus makes it easy to track and keep conversations together.
Activity streams
Audiences stay engaged with insight into others' activity all over the web. Integrated activity streams let people see where else the smart people are talking.
Connected communities
Disqus reaches 200 million people every month across half a million websites and communities on the web. Keep the conversations lively by connecting your audience with the millions of others already on Disqus.
Before follow the instruction given below,
(a) Login to your Blogger Account.
(b) Backup your blogger template.
(c) Make sure that your blog is using Blogger Layouts. See upgrade instructions if not.
(d) Enable commenting. See instructions to enable commenting. Make sure that Who Can Comment? is set toAnyone.
Now Follow the steps given below. You can add Disqus comment system to your blog easily.
1. First create a account on Disqus.com.
2. Now visit this link to add your blog to the Disqus account:
http://disqus.com/admin/register/
3. Fill in the necessary details and click on "Continue".

3. Fill in the required details and click "Continue".

install platporm

after that Select addsite thereafter entered into your blog and add widgets OK completed

comments × seo × tips trick blog

Related post or postings linked Extremely Useful for Your Blog Mainly SEO. Related heading to work when your post will be displayed under the posts related to these postings that refer the reader to read a lot more in your blog that makes visitors feel at home to read more of your posts. for this time I will share with you two pieces related to your post

Note: THIS different from the use of links within a link karenra Within a random post work and had nothing to do with the post concerned and the use of labels in every post you

2. RELATED POST V1

1.login to your blog account click on the draft and edit html
click Expand Widget Templates
find code: <data:post.body/> Note: use CTRL F to find the code themselves

Copy the code below just below the code <data:post.body/>

Note: If you are using auto readmore there are 4 or 3 code you put this code in the code below the third see in the picture below

CODE:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/>
<br/>
<H2>Read other articles:</H2>
<div class='cayunbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid
#ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;albri&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
<script type="text/javascript">RelPost();</script>
</div>
</b:if>

NOTE: Notice the red code "Read other articles" that you can change the name of desire

Next to setting CSSny but this depends on you want to wear or not here I do not pake Code CSS but I do not know for your template, you just input its CSS Code

now you find this code ]]></ b: skin> and you copy the code below the above code ]]></ b: skin>

. cayunbox {border: 1px solid # 000000; padding: 5px;

background-color: # 7BFAAF;-moz-border-radius: 5px; margin: 5px;}

. cayunbox: hover {background-color: # CE44F0;}

then you save and see the result:

2. RELATED POST V2

1.login to your blog account click on the draft and edit html

click Expand Widget Templates

find this code: </ head> Note: use CTRL + F to search for code themselves

<script type="text/javascript">

//<![CDATA[

var relatedTitles = new Array();

var relatedTitlesNum = 0;

var relatedUrls = new Array();

function related_results_labels(json) {

for (var i = 0; i < json.feed.entry.length; i++) {

var entry = json.feed.entry[i];

relatedTitles[relatedTitlesNum] = entry.title.$t;

for (var k = 0; k < entry.link.length; k++) {

if (entry.link[k].rel == 'alternate') {

relatedUrls[relatedTitlesNum] = entry.link[k].href;

relatedTitlesNum++;

break;

}

}

}

}



function removeRelatedDuplicates() {

var tmp = new Array(0);

var tmp2 = new Array(0);

for(var i = 0; i < relatedUrls.length; i++) {

if(!contains(tmp, relatedUrls[i])) {

tmp.length += 1;

tmp[tmp.length - 1] = relatedUrls[i];

tmp2.length += 1;

tmp2[tmp2.length - 1] = relatedTitles[i];

}

}

relatedTitles = tmp2;

relatedUrls = tmp;

}



function contains(a, e) {

for(var j = 0; j < a.length; j++) if (a[j]==e) return true;

return false;

}



function printRelatedLabels() {

var r = Math.floor((relatedTitles.length - 1) * Math.random());

var i = 0;

document.write('<ul>');

while (i < relatedTitles.length && i < 20) {

document.write('<li><a href="' + relatedUrls[r] +
'">' + relatedTitles[r] + '</a></li>');

if (r < relatedTitles.length - 1) {

r++;

} else {

r = 0;

}

i++;

}



document.write('</ul>');

}

//]]>

</script>

2.Next you are looking for code <data:postLabelsLabel/>The full code like this:

<b:if cond='data:post.labels'> <data:postLabelsLabel/> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if> </b:loop> </b:if>

Next you delete the code and replace with the following code and save:

<b:if cond='data:post.labels'>

<data:postLabelsLabel/>

<b:loop values='data:post.labels' var='label'>

<a expr:href='data:label.url'
rel='tag'><data:label.name/></a><b:if cond='data:label.isLast
!= "true"'>,</b:if>

<b:if
cond='data:blog.pageType == "item"'>

<script
expr:src='"/feeds/posts/default/-/" + data:label.name +
"?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10"'
type='text/javascript'/>

</b:if>

</b:loop>

</b:if>



<p>

<h2>Baca
ini juga :</h2>

</p>



<script
type='text/javascript'>

removeRelatedDuplicates();

printRelatedLabels();

</script>

NOTE: actually you only need to add code that are red only easy but let me just change the code to 2 with a third code.

congratulations to try it when I hope this article helps to give me 1 or like facebook or join site and please your Commenting

comments

comments × tips trick blog

comments × label × tips trick blog × toutorial-blog

How To Add Author Bio Box to Your Blogger Below Every Blogger Post

1.Login to your blogger dashboard--> Design- -> Edit HTML

2.Scroll down to where you see ]]></b:skin> tag .

3.Copy below code and paste it just After ]]></b:skin> tag

<style type='text/css'>                                 
#Bttoolz Author Box {                                  
background: none repeat scroll 0 0 #EDEDED;                                    
padding: 10px;                                     
margin-top:10px;}                                     
.authoravatar {float:left;margin-right:10px;padding:4px;background:#ccc;border:1px solid #222222;}                                  
.postauthor {float:left;}                                  
</style>

4.Now Scroll down to where you see <data:post.body/> tag.

5.Copy below code and paste it just After <data:post.body/> tag.

<div style='clear:both'/>                          
                                      
<div id='Bttoolz Author Box'>
                                          
<!-- Author Bio-->
                                          
<b:if cond='data:blog.pageType == "item"'>
                                                                               
<b:if cond='data:post.author == "NAME OF AUTHOR"'>
                                                 
<img class='authoravatar' height='39' src='IMAGE URL OF AUTHOR' width='39'/>
                                                 
<div class='postauthor'>                                                      
                                                     
<h3><a href='AUTHOR'URL Here'>NAME OF AUTHOR </a></h3>
                                                     
<p> NOTES ABOUT Your Self </p>
                                                 
</div>
                                                 
<div style='clear:both'/>        
                                             
</b:if>

Note : Replace NAME OF AUTHOR , IMAGE URL OF AUTHOR , AUTHOR'URL Here ,NAME OF AUTHOR , NOTES ABOUT Your Self with your content..

6. Now Save Template And You are done..

comments

Adding the "Email me" link to your blog/webpage is very helpful for the visitors who want to contact you.It increases the interactivity between the visitors and your site and make them come regularly.

Hi henry! I will write the email address directly like abc@gmail.com and ask visitors to contact me.So,why to add these clickable links like"Email me" ?
There are plenty of problems if you show your email address directly on your site as SPAMMERS find your email address easily via search engines,and other sources.
So,by adding this type of links will hide your email address and If your visitors want to contact you,they will click on it.If the visior want to sent to you via another source like yahoo,google,etc they will simply copy the email address(in the outlook express) and email you.
On clicking the links,WINDOWS OUTLOOK EXPRESS will be open by default.
So,how to add the "Email me" link?
There are two types of ways to do it.One is text link and another one is image link.

Text Link:
Suppose,your email id is abc@gmail.com ,here is the code you have to add

<a href="mailto:abc@gmail.com">Email me </a>

Don't forget to change the email address in the above code to your's.If you want another anchor text(not "Email me"),you can change it.
Image link:
Suppose,if you want the visitors to email you by clicking on an image like the below one

First you have to upload your picture to some image hosting services.They will give a direct link for the uploaded image.Take a note of it.
In this example, the direct link for the uploaded image is
http://i219.photobucket.com/albums/cc286/7kranthiswaroop/thenvelope.gif and your email address is some abc@gmail.com ,the code you have to add is

<a href="mailto:abc@gmail.com"><img src="http://i219.photobucket.com/albums/cc286/7kranthiswaroop/thenvelope.gif" alt="Email me" width="120" height="57" border="0" /></a>

Where to paste this code in your blogger(blogspot) blog?
Sign into your blogger dashboard>layout>add a page element>html/javascript and Paste the code and save the changes.
That's it!

quickly learn to blog

comments × sidebar × widget

comments × tips trick blog

comments × tips trick blog

comments × seo × social share

comments × tips trick blog

comments × seo × tips trick blog

comments

comments × tips trick blog

comments × label × tips trick blog × toutorial-blog

comments

comments

comments

comments

twet

Entri Populer

Partner

Free Tools

Followers

Statistik

Label

Name:
Email:
Comment: