A month ago, Blogger released threaded comment system which is greatest feature so far. It allow users to reply to certain comment and make thread like structure of comment. But Threaded Commenting feature came up with some certain bugs like users directly landing up to the comment section after once complete load of a page.
Some people might have noticed that the 'Reply' button of threaded comment is not working. For that, revert widgets temples to default and re follow the given instructions in this post.
Playing with CSS and making your blog cool is hard task to do. Considering this, I have created CSS specially designed for threaded comment system of Blogger. You can watch the demo yourself in this blog (in the comment section). If you like that comment section style the follow the following instructions to use it in your Blogger blog.
Threaded Comment with Cool Layout Style
First you need to enabled threaded comment system. (If you already enabled, then please ignore this step).
Go to Edit HTML page and find the following line of code:
Replace the above code with the following:
Please note: If you found 2 codes lines of given spinet, then you have to replace both.
Now search for ]]></b:skin> and just above that paste the following CSS codes:
Now save the template and your are done!
Go to one of your page which have comment and see if it works. Enjoy using cool threaded comment system.
Some people might have noticed that the 'Reply' button of threaded comment is not working. For that, revert widgets temples to default and re follow the given instructions in this post.
Playing with CSS and making your blog cool is hard task to do. Considering this, I have created CSS specially designed for threaded comment system of Blogger. You can watch the demo yourself in this blog (in the comment section). If you like that comment section style the follow the following instructions to use it in your Blogger blog.
Threaded Comment with Cool Layout Style
First you need to enabled threaded comment system. (If you already enabled, then please ignore this step).
Go to Edit HTML page and find the following line of code:
<b:include data='post' name='comments'/>
Replace the above code with the following:
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
Please note: If you found 2 codes lines of given spinet, then you have to replace both.
Now search for ]]></b:skin> and just above that paste the following CSS codes:
.comments {
clear: both;
margin-top: 10px;
margin-bottom: 0px;
line-height: 1em;
}
.comments .comments-content {
font-size: 12px;
margin-bottom: 16px;
font-family: Verdana;
font-weight: normal;
text-align:left;
line-height: 1.4em;
}
.comments .continue a, .comments .comment .comment-actions a {
display:inline;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding: 2px 5px;
text-decoration: none;
text-shadow:0 1px 1px rgba(0,0,0,.3);
color:#FFF;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-right: 10px;
border: 1px solid #3079ED;
background: #0066FF;
background: -webkit-gradient(linear, left top, left bottom, from(#0099FF), to(#009999));
background: -moz-linear-gradient(top, #0099FF, #009999);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0099FF', endColorstr='#009999');
}
.comments .continue a:hover, .comments .comment .comment-actions a:hover {
text-decoration: none;
background:#0099FF;
background: -webkit-gradient(linear, left top, left bottom, from(#009999), to(#0099FF));
background: -moz-linear-gradient(top, #009999, #0099FF);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009999', endColorstr='#0099FF');
}
.comments .continue a:active, .comments .comment .comment-actions a:active {
position: relative;
top:1px;
background: -webkit-gradient(linear, left top, left bottom, from(#0066FF), to(#0099CC));
background: -moz-linear-gradient(top, #0066FF, #0099CC);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0066FF', endColorstr='#0099CC');
}
.comments .comments-content .comment-thread ol {
list-style-type: none;
padding: 0;
text-align: none;
}
.comments .comments-content .inline-thread {
padding: 0.5em 1em 0 1em;
}
.comments .comments-content .comment-thread {
margin: 8px 0px 0px 0px;
}
.comments .comments-content .comment-thread:empty {
display: none;
}
.comments .comments-content .comment-replies {
margin-top: 1em;
margin-left: 40px; font-size:12px;
}
.comments .comments-content .comment {
padding-bottom:8px;
margin-bottom: 0px
}
.comments .comments-content .comment:first-child {
padding-top:16px;
}
.comments .comments-content .comment:last-child {
border-bottom:0;
padding-bottom:0;
}
.comments .comments-content .comment-body {
position:relative;
}
.comments .comments-content .user {
font-style:normal;
font-weight:bold;
}
.comments .comments-content .user a {
color: #444;
}
.comments .comments-content .user a:hover {
text-decoration: none;
color: #555;
}
.comments .comments-content .icon.blog-author {
width: 18px;
height: 18px;
display: inline-block;
margin: 0 0 -4px 6px;
}
.comments .comments-content .datetime {
margin-left:6px;
color: #999;
font-style: italic;
font-size: 11px;
float: right;
}
.comments .comments-content .comment-content {
font-family: Arial, sans-serif;
font-size: 12.5px;
line-height: 19px;
}
.comments .comments-content .comment-content {
font-family: Arial, sans-serif;
font-size: 12.5px;
line-height: 19px;
text-align:none;
margin: 15px 0 15px;
}
.comments .comments-content .owner-actions {
position:absolute;
right:0;
top:0;
}
.comments .comments-replybox {
border: none;
height: 250px;
width: 100%;
}
.comments .comment-replybox-single {
margin-top: 5px;
margin-left: 48px;
}
.comments .comment-replybox-thread {
margin-top: 5px;
}
.comments .comments-content .loadmore a {
display: block;
padding: 10px 16px;
text-align: center;
}
.comments .thread-toggle {
cursor: pointer;
display: inline-block;
}
.comments .comments-content .loadmore {
cursor: pointer;
max-height: 3em;
margin-top: 3em;
}
.comments .comments-content .loadmore.loaded {
max-height: 0px;
opacity: 0;
overflow: hidden;
}
.comments .thread-chrome.thread-collapsed {
display: none;
}
.comments .thread-toggle {
display: inline-block;
}
.comments .thread-toggle .thread-arrow {
display: inline-block;
height: 6px;
width: 7px;
overflow: visible;
margin: 0.3em;
padding-right: 4px;
}
.comments .thread-expanded .thread-arrow {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent;
}
.comments .thread-collapsed .thread-arrow {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==") no-repeat scroll 0 0 transparent;
}
.comments .avatar-image-container {
float: left;
overflow: hidden;
}
.comments .avatar-image-container img {
width: 36px;
}
.comments .comment-block {
margin-left: 48px;
position: relative;
padding: 15px 20px 15px 20px;
background: #F7F7F7;
border: 1px solid #E4E4E4;
overflow: hidden;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-image: initial;
}
Now save the template and your are done!
Go to one of your page which have comment and see if it works. Enjoy using cool threaded comment system.
Staying focused is not bad but trying too hard might be harmful for your goal. 
One of the main problems bloggers face is that of budget allocation. Most bloggers spend money on frivolous things; rather than the important things. If a tool is not going to increase your profit or efficiency in the short or long run; forget about it and invest in the little things that matter. Stop 
When you get registered to the freelancing sites, you get notified. You chose to bid with a proposal when the right contracts clicks to you. It’s important to understand the actual domain you are planning to work for. The description given by the client is always 20% of the real story. Go through the terms and conditions mentioned in the job description, calculate orally, mentally, discuss it with a senior (if have any) and then analyze yourself whether it would be comfortable for you to work with the snap shot you are just having. The enthusiasm for the new contract always tells you an affirmative feeling. True that. But you need to keep feelings a side at the very first site because a wrong judgment here, will take you nowhere!
Why to restrict it to freelancers only, time is an important factor that every person should consider the most. It’s the key of door that opens up the way to success. Coming back to Freelancing, a major point of clause, that arouse even in my freelancing career, despite being a regular worker is the time management. Your client expects you to work like a robot or an angel and deliver his work on the stated time. Professional enough! Then you should and should not do the following things as well.
Freelancers must have a good know how about management at least. We all work for money; therefore one should know how to manage it too. As a freelancer you earn for the work you do for your clients. Most of the clients are foreigners and the only way to contact them is through emails. Being a major clause of working for someone you don’t know often creates a sense of insecurity. To ensure you get paid for the work you do, here are some tips that you need to follow,
This tech-savvy Texas school hosts numerous open houses, conferences, and other events centered around incorporating iPads, iPod Touches, laptops, and other portable computing devices into classroom settings. Apple even rewarded Abilene Christian University with its Distinguished Program moniker for its efforts in leading the education sector’s general movement towards digital integration. In the 2010-11 Mobile Learning Report, it highlights innovative breakthroughs such as the Optimist’s status as the first college newspaper with its very own iPad app and the efforts of chemistry professors Dr. Cynthia Powell and Dr. Autumn Sutherlin to podcast and comprehensively research student engagement with technology. Powell is also the founder of Mobile Enhanced Inquiry-Based Learning, a “blended learning strategy” focusing on mobile usage in the STEM fields.
Stanford University’s partnership with Bling made it easier for Palo Alto residents and students alike to pay at local vendors, helping reduce their risk of identity theft. Through the use of an application and tiny tag, users purchase items via PayPal accounts as opposed to the traditional credit and debit cards, and the alliance draws praise from both Cardinals and the businesses they patronize for its ease. Along with this creative little time-saving measure, the school also hosted Mobile Persuasion in 2009. The Nokia-sponsored event, organized by Stanford’s Persuasive Tech Lab, to converse about all the ins and outs of mobile learning and draw up some strategies to explore — extending the department’s own overarching goals.
Seeing as how Bangladesh Open University’s entire modus operandi revolves around distance learning, it makes perfect sense that it would embrace what mobile technology has to offer higher education. One method utilized in its classrooms blends SMS with TV and/or radio for a multimedia experience encouraging digital discussion while soaking up recorded lessons. BOU hopes their developments taking advantage of the country’s fondness for wireless will nurture education in more remote areas where resources remain difficult to acquire.
Journalism students at Northeast Community College in Norfolk, Neb., received a thorough glimpse into the intimate inner workings of television studio KTIV — in Sioux City, Iowa. Webcameras allowed the two buildings to connect with one another, giving learners a tour of the facilities and putting them face-to-face with professionals eager to answer their questions. Most of the discussion revolved around KTIV’s transition from analog to digital media and succeeding in an Internet-driven market.
Developers at Purdue University created Hotseat so tech-loving teachers could encourage running commentary during lectures. Students connect via Facebook, Twitter, or SMS to discuss the lectures and presentations at hand, with their messages relayed on a screen in real time. Professors use this for a few different reasons, including more richly detailed class talks with fewer interruptions and garnering immediate feedback. The application is available on web-based browsers and mobile devices and its “backchannel” structure has earned it a plethora of praise.
Because Twitter manages to influence everything from the latest musical trends to serious social upheaval (as was the case in Egypt and Libya), journalism majors at this Australian college are now required to take a course in the ubiquitous social media outlet. Reactions to this new devotion to mobile technology have proven mixed, and course content blends both history and practicums in how to go about navigating the 140-character limit. Griffith University educators think thoroughly comprehending all the ins and outs of emerging technologies such as Twitter is an absolutely essential skill in the news outlets of the future.
Learning Twitter is also mandatory in David Gerzof’s Emerson College classroom, where students partner up with real companies and design online marketing campaigns around them. Which, of course, includes incorporating common and not-so-common social media strategies. He arranged sponsorship with Sprint Nextel, who donated 10 EVO phones for student use, which included digital video and blogging in addition to the expected Facebooking and tweeting. Another creative project involved a social media scavenger hunt around Boston and utilizing it as a way to promote the cellular provider’s services.
As with even some of the most humbly connected institutes of higher learning, University of Michigan does boast its very own personal mobile app used by students, faculty, and staff. But it also plays host to the Mobile Apps Center, a department entirely devoted to developing these handy little bits and bytes. It hosts an annual Hackathon challenging students to spend 48 hours drawing up their own apps for use on and off campus, as well as contests and conferences challenging young and old thinkers alike to test the limits of where the technology can go.
Seton Hall University marked a significant turning point in mobile integration when it became the very first institute of higher learning to assign every full-time student and faculty member an iPad back in 2010. Also an Apple Distinguished Program, its Griffin Technology Advantage homepage features an impressive archive of news stories regarding professors, staff members, and their creative approaches to the available devices. Reeves Library, for example, integrated holdings with iPads via the Polaris app. And chemistry professor Dr. Demetra Czegan loves how the devices allow her students to go paperless, downloading lecture notes and PowerPoint presentations and lightening their loads.
