Friday, October 2, 2015

List of Websites to download Masters/PhD thesis and dissertation

thesis and dissertation writing tips, phd journey, master's degree writing tips

Here is the list of websites that i used to get ebook, thesis & dissertation for free in writing my thesis:

- OATD
- EThOS
- PQDOPEN
- ProQuest
- Queens
- CORE
- DiVA
- ETDs
- Ebook
- Dart Europe
- OhioLINK
- UM Repository

- will update from time to time if i have more

correct ways to google, how to google like a pro, google correctly how to

Tips to find Thesis/Dissertation

1) Google.com : type: YOUR TITLE etc.
2) Google type words "partial fulfillment" your keywords and pdf

Example: "partial fulfillment" eportfolio reflection pdf

3) Google scholar, tak pun pergi publication page of that author
4) Type "keywords/topic" and "fulfillment" pdf (biasanya dlm english dah banyak boleh dpt tanpa perlu institutional access)

Example: eportfolio reflection fulfillment pdf

5) National library website
6) https://etd.ohiolink.edu/ap/1?0
7) https://archive.org/
8) http://www.opendoar.org/find.php
9) http://academicjoy.net/
10) http://ethos.bl.uk/Home.do
11) http://www.ndltd.org/
12) http://www.proquest.com/
13) http://www.opendoar.org/
14) http://oatd.org/
15) http://www.lib.utexas.edu/
16) http://scholarbank.nus.edu.sg/
17) http://spiral.imperial.ac.uk/
18) http://scholar.lib.vt.edu/theses/
19) http://www.theses.com/
20) ...

IF U GUYS HAVE MORE LINKS FEEL FREE TO COMMENT IT BELOW ~ Sharing is Caring! ^___^

Thursday, June 25, 2015

How to Embed Files and Videos Responsively into Blog or Website?

Today i'll teach you guys how to make your file embed code responsive. In my previous tutorial, i forgot to mention that if you embed your files using the default code provided by google drive, your files will not be responsive. In fact, default embed code from youtube, vimeo, daily motion or even map code from google maps are not responsive. As for now, only instagram, scribd (select 'autosize'), soundcloud, storify and twitter offer responsive embed codes, which means you just need to copy-paste the default embed code provided without changing anything.

What does responsive files/videos means?

Nowadays people used handy electronic devices such as smartphones and tablet more often than a laptop or computers (PC) to browse or even searching for information.Those devices come from a variety of screen sizes. It will be difficult to read something that has an improper aspect ratio (too big or too small). Responsive code play its role by automatically change the file/video width/size to perfectly fit any screen size. This is an important feature for eportfolio as it will encourage good reading and learning experiences. If you read my workshop post using ex: smartphone, you will realize that the embedded powerpoint width and size automatically fit the phone screen (even after you enable auto-rotate option).

Follow simple steps below to make the embed codes responsive:

Step 1. Get the file embed code | video get the URL

for google drive u can refer: embed files from google drive into blogger tutorial

Step 2. Open embedresponsively.com > Select media source > Paste the code > Click Embed
(If your embed code from google drive, select Generic iFrame as your media source)

Step 3. Copy the new generated embed code > Paste it into the HTML section of your blog post/page

How to customize?

You can only change the file height, as the code is responsive and it will automatically change the file width according the screen size. To alter the height, change the value of the highlighted code above (padding-bottom: 110%). The best size for pdf/word files = 130/140% and powerpoint = 77%.

Example of default vs responsive file/video:

** View this post using mobile phone/mobile view to see the differences

❖ Using Default Embed Code

❖ Using Responsive Embed Code (padding-bottom: 140%)

❖ Using Default YouTube Embed Code

❖ Using Responsive Embed Code

I think that's all for now.. to all my lovely Muslim readers, i wish you guys a blessed Ramadhan.
May the spirit of this month illuminate the world and show us the way to peace and harmony ♥

Smile ^___^

Wednesday, June 10, 2015

Teaching Eportfolio Development Workshop

Workshop Slideshow

Today's im assisting my SV in teaching eportfolio development workshop. All of the participants are lecturers from various fields. I can see that most of them are really passion in learning new things which makes me feel very happy :)

teaching eportfolio development workshop for lecturers at PPP, City Campus, UTeM.

Participants are having discussion in designing their teaching eportfolio

Participants presenting their teaching eportfolio at the end of the workshop

From my observation, people easily get scared when it comes to coding. It's not that hard actually if u're +ve & willing to learn. Once u know how to edit and implement the codes, u surely gonna love it ♡

i hate programming, programming is difficult and complicated

To all the participants, feel free to email me at blurrydino@gmail.com if you guys have any questions regarding eportfolio development/codes ok. Till then:

Good Luck in experimenting your newly developed Eportfolio & Smile! ^_____^

Tuesday, June 9, 2015

Add Static Pages & Embed Files from Google Drive into Blogger

Blogger Static Pages allows us to create specific pages for our blog/eportfolio such as About Me, Curriculum Vitae, Contact & etc. on stand-alone pages that are linked from your blog. The static pages basically are the same post pages, but there are several things that make them different. One of the differences is that static pages don't apppear in the home page, don't have a label, and are not indexed as archive pages.

Follow simple steps below to create it:

Step 1. Go to Blogger Dashboard > select your blog > go to Pages and click on New Page.

Step 2. Type the title (not compulsory) and write the page's content.

Step 3. Before publishing it, click on Preview to see how it will appear on your blog.

Step 4. When you have finished the editing, click on Publish button. Then, click View.

Step 5. You will be redirected to a new tab which is your new page. Copy the URL & paste it into

your drop down menu bars html coding and you're done!

Now you have owned the static page. If you want another static page, just repeat the steps above :)

Embed files from Google Drive

Next we will learn how to embed files from Google Drive into your blogger page/post. Fyi, all gmail users have google drive which comes with free 15GB storage! With this drive, you can store and share lots of online files such as PDF, words, power point, video and etc. So, if you want to embed your google drive files like the above picture, follow the steps below:

Step 1. Go to your Google Drive > Right-Click the file you want to embed and Choose Share

Step 2. Next click Advanced to your Google Drive > Click Change > Choose On - Public on the web

> Click Save and Done.

Step 3. Double Click file that you want to embed > Click on Pop-out

Step 4. You will be directed to a new tab, at the new page, choose More actions, click Embed item

and copy the code.

Step 5. Next go to your Blog > Choose posts/pages > Click New post/page > Choose HTML

and Paste the code.

Step 6. Click on Preview to see how it will appear on your blog and click Publish when you are done :)

P/s: You can also change the width and height of the embed file by changing its code value.

(not necessary if you are using responsive embed code)

Embed code example:

<iframe src="https://docs.google.com/file/d/0B0lYSJVoAi5pMXc3Vmw5UDVFakE/preview" width="640" height="480"></iframe>

GOOD LUCK! ^___^

Friday, June 5, 2015

Add Menu Bar with Drop Down Menus for Blogger

Today's tutorial i will teach you guys how to add drop down menus for blogger. This is an important feature for blog/eportfolio because it's not only improving the looks of your blog, but also it’s navigation. Thus, helping your readers to reach your web content more easily. By default blogger just provide a simple menu bar, so in this tutorial i'll show you how to have the same menu bar with drop down menus.

Add Drop Down Menu Bars for Blogger tutorial

Step 1. Go to Blogger Dashboard > select your blog > go to Layout and click on Add a Gadget link.
(choose add a gadget link below the header as we want our menu bars to be in that position)

Step 2. When the popup window appears, scroll down and choose the HTML/JavaScript widget.

Step 3. Copy the following code, Paste inside the empty box, and Replace it with all your links:

<!-- start navmenu -->
<ul id='cssnav'>
<li class="active"><a href='PUT-HOME-LINK-HERE'>Home</a></li>
<li class="sub"><a href='PUT-CATEGORY-ONE-LINK-HERE'>Category 1</a>
<ul>
<li><a href='PUT-SUB-CATEGORY-ONE-LINK-HERE'>Sub-category1</a></li>
<li><a href='PUT-SUB-CATEGORY-TWO-LINK-HERE'>Sub-category2</a></li>
<li><a href='PUT-SUB-CATEGORY-THREE-LINK-HERE'>Sub-category3</a></li>
</ul>
</li>
<li><a href='PUT-CATEGORY-TWO-LINK-HERE'>Category 2</a>
<ul>
<li><a href='PUT-SUB-CATEGORY-ONE-LINK-HERE'>Sub-category1</a></li>
<li><a href='PUT-SUB-CATEGORY-TWO-LINK-HERE'>Sub-category2</a></li>
<li><a href='PUT-SUB-CATEGORY-THREE-LINK-HERE'>Sub-category3</a></li>
</ul>
</li>
<li><a href='PUT-CATEGORY-THREE-LINK-HERE'>Category 3</a>
<ul>
<li><a href='PUT-SUB-CATEGORY-ONE-LINK-HERE'>Sub-category1</a></li>
<li><a href='PUT-SUB-CATEGORY-TWO-LINK-HERE'>Sub-category2</a></li>
<li><a href='PUT-SUB-CATEGORY-THREE-LINK-HERE'>Sub-category3</a></li>
</ul>
</li>
<li><a href='PUT-CATEGORY-FOUR-LINK-HERE'>Category 4</a>
<ul>
<li><a href='PUT-SUB-CATEGORY-ONE-LINK-HERE'>Sub-category1</a></li>
<li><a href='PUT-SUB-CATEGORY-TWO-LINK-HERE'>Sub-category2</a></li>
<li><a href='PUT-SUB-CATEGORY-THREE-LINK-HERE'>Sub-category3</a></li>
</ul>
</li>
</ul>
<!-- end navmenu -->

Note:

- Links can be static pages, websites, social networks, and etc.

- There is no styling added yet and the menu will disarrange because we still didn't put any CSS code

- You can add more categories and sub-categories as you need by just copying the same format as

listed in the example above - remove <ul>....</ul> will eliminate drop down menus.

Step 4. Go to Template > click Customize > choose Advanced and click Add CSS >

Step 5. Copy the following code and Paste inside it:

/* ----- CSS Nav Menu Styling ----- */
#cssnav {
margin: 0px 0 0 -30px;
padding: 0px 0px 0px 0px;
width: 880px;  /* Set your width to fit your blog */
font: $(tabs.font); /* Template Designer - Change Font Type, Size, Etc */
color: $(tabs.text.color); /* Template Designer - Change Font Size */
}

#cssnav ul {
background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;
_background-image: none; /* Template Designer - Change Menu Background */
height: 20px; /* Change Height of Menu */
list-style: none;
margin: 0px;
padding: 0px;
}

#cssnav li {
float: left;
padding: 0px;
}

#cssnav li a {
background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;
_background-image: none; /* Template Designer - Change Menu Background */
display: block;
margin: 0px;
font: $(tabs.font); /* Template Designer - Change Font Type, Size, Etc */
text-decoration: none;
}

#cssnav > ul > li > a {
color: $(tabs.text.color); /* Template Designer - Change Font Color */
}

#cssnav ul ul a {
color: $(tabs.text.color); /* Template Designer - Change Color */
}

#cssnav li > a:hover, #cssnav ul li:hover {
color: $(tabs.selected.text.color); /* Template Designer - Change Font Color on Hover */
background-color: $(tabs.selected.background.color); /* Template Designer - Change Font Background on Hover */
text-decoration: none;
}

#cssnav li ul {
background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;
_background-image: none; /* Template Designer - Change Menu Background */
display: none;
height: auto;
padding: 0px;
margin: 0px;
position: absolute;
width: 200px; /* Change Width Of DropDown Menu */
z-index:9999;
}

#cssnav li:hover ul {
display: block;
}

#cssnav li li {
background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;
_background-image: none; /* Template Designer - Change Background */
display: block;
float: none;
margin: 0px;
padding: 0px;
width: 200px; /* Change Width Of DropDown Menu */
}

#cssnav li:hover li a {
background: $(tabs.selected.background.color); /* Template Designer - Change Background of Link on Hover */
}

#cssnav li ul a {
display: block;
height: auto;
margin: 0px;
padding: 10px;
text-align: left;
}

#cssnav li ul a:hover, #cssnav li ul li:hover > a {
color: $(tabs.selected.text.color); /* Template Designer - Change Text Color on Hover */
background-color: $(tabs.selected.background.color); /* Template Designer - Change Background on Hover */
border: 0px;
text-decoration: none;
}

>> you can change width: 880px to any suitable value to make the menu bar fit with your blog width <<

Step 6. Choose Tabs Text/Backgrounds and customize it based on your preferences > click Apply
to Blog after you have finished, and you're done! XD

* Selected color refer to the color change when you hover your cursor to the tab text/menu bar

P/s: If you guys have any questions, don't hesitate to ask in the comment section below ok :)

Wednesday, June 3, 2015

Confident People vs Overconfident People

Wordless Wednesday

confident people versus overconfident people, respectful

confident people versus overconfident people, think before talk

confident people versus overconfident people, good listener

confident people versus overconfident people, learning from mistakes

confident people versus overconfident people, well-prepared

confident people versus overconfident people, be the best

Friday, May 29, 2015

Add Recent Comments Widget Without Author Comments for Blogger

In this tutorial, i will teach you guys how to have cool recent comments widget without author comments. As you can see at the sidebars, im using this widget. Not only because it makes my eportfolio looks good but also helps me to keep notice when someone commenting my post here. In eportfolio development interaction between lecturers and friends are crucial to encourage learning.

Recent Comments Widget With Effects and Avatar which Exlude/Hide Author Comments

recent comments widget with hide author function, blogger tutorial, blogspot widget

Why should i add this widget to my eportfolio/blog?

As i said before, with this widget you can simply notice when someone commenting your post without the need to login to your blogger account and open the comment section. You can get a glimpse of what's happening by just simply opening your blog :)

This widget also have cool features listed below :

✔ beautiful rolling effect when you hover at the avatar

✔ when you click the avatar, you will be directed to the commentator profile

(either blogger or google plus profile)

✔ you can customize the size, color, number of characters/comments to display, and etc.

✔ when you hover at the commentator's name, u will see the title of the post they had
commented + date & time they posted those comments

✔ and if you click the name, you will be directed to their comments
✔ the best part is that, all your comments (the author) will not be shown, so you can reply to
your readers comments as many as you want :)

Without further ado, let's follow the tutorial:

Step 1. Go to Blogger Dashboard > select your blog > go to Layout and click on Add a Gadget link.

Step 2. When the popup window appears, scroll down and choose the HTML/JavaScript widget.

Step 3. Copy the following code and Paste inside the empty box:

<style type="text/css">
.rc{padding-left:24px; padding-top: 6px;}
.rc a:hover {color: ##F3903E;text-decoration: none;}
.rc-ico{margin-left:-20px;margin-top:4px;float:left; margin-right:3px}
.rc-ico img {margin-top: -2px;margin-right:5px; border: 3px solid #BEBEBE;-webkit-border-radius: 100px;-moz-border-radius: 1px;border-radius: 100px;-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .4);-moz-box-shadow: 0 0px 0px rgba(0, 0, 0, .4);box-shadow: 0 0px 0px rgba(0, 0, 0, .4);
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out; }
.rc-ico img:hover {-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);}
.rc-header{font-size: 12px;}
.rc-header a{}
.rc-body{font-style: normal;font-size:11px;padding: 1px 4px 1px 10px;border: 1px solid transparent;}
.rc-footer{font-size:10px; float: right;}
</style>
<script type="text/javascript">
var numRecentComments = 5;
var maxCommentChars = 55;
var trueAvatars = true;
var urlMyAvatar = '';
var urlMyProfile = '';
var cropAvatar = true;
var sizeAvatar = 55;
var urlNoAvatar = "http://www.vincegolangco.com/wp-content/uploads/s"+sizeAvatar+"/2010/12/batman-for-facebook.jpg";
var urlAnoAvatar = 'http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s=' + sizeAvatar;
var txtMore = '';
var txtWrote = '';
var txtAnonymous = '';
var maxResultsComments = "";
var numPerPost = 2;
var maxPostTitleChars = 40;
var getTitles = true;
var maxResultsPosts = "";
var txtTooltip = '[user] on "[title]" - [date MM-dd-yyyy hh:mm]';
var urlToTitle = {};
function replaceVars(text, user, title, date) {
text = text.replace('[user]', user);
text = text.replace('[date]', date.toLocaleDateString());
text = text.replace('[datetime]', date.toLocaleString());
text = text.replace('[time]', date.toLocaleTimeString());
text = text.replace('[title]', title.replace(/\"/g,'"'));
var i = text.indexOf("[date ");
if(i > -1) {
var format = /\[date\s+(.+?)\]/.exec(text)[1];
if(format != '') {
var txtDate = format.replace(/yyyy/i, date.getFullYear());
txtDate = txtDate.replace(/yy/i, date.getFullYear().toString().slice(-2));
txtDate = txtDate.replace("MM", String("0"+(date.getMonth()+1)).slice(-2));
txtDate = txtDate.replace("mm", String("0"+date.getMinutes()).slice(-2));
txtDate = txtDate.replace("ss", String("0"+date.getSeconds()).slice(-2));
txtDate = txtDate.replace("dd", String("0"+date.getDate()).slice(-2));
//or: txtDate = txtDate.replace("dd", date.getDate());
txtDate = txtDate.replace("hh", String("0"+date.getHours()).slice(-2));
//or: txtDate = txtDate.replace("hh", date.getHours());
text = text.replace(/\[date\s+(.+?)\]/, txtDate)
}
}
return text;
}
if(urlMyProfile == "") {
var elements = document.getElementsByTagName("*");
var expr = /(^| )profile-link( |$)/;
for(var i=0 ; i<elements.length ; i++)
if(expr.test(elements[i].className)) {
urlMyProfile = elements[i].href;
break;
}
}
function getPostUrlsForComments(json) {
for(var i = 0 ; i < json.feed.entry.length ; i++ ) {
var entry = json.feed.entry[i];
for (var k = 0; k < entry.link.length; k++ ) {
if (entry.link[k].rel == 'alternate') {
href = entry.link[k].href;
break;
}
}
urlToTitle[href] = entry.title.$t;
}
}
function showRecentComments(json) {
var postHandled = {};
var j = 0;
if(numPerPost) {
while(numPerPost < numRecentComments) {
for(var i = 0 ; i < json.feed.entry.length ; i++ ) {
var entry = json.feed.entry[i]; if(entry.author[0].name.$t=="YOUR NAME") continue;
if(entry["thr$in-reply-to"]) {
if(!postHandled[entry["thr$in-reply-to"].href])
postHandled[entry["thr$in-reply-to"].href] = 1;
else
postHandled[entry["thr$in-reply-to"].href]++;
if(postHandled[entry["thr$in-reply-to"].href] <= numPerPost)
j++;
}
}
if(j >= numRecentComments)
break;
numPerPost++;
j = 0;
postHandled = {};
}
if(numRecentComments == numPerPost)
numPerPost = 0;
}
postHandled = {};
j = 0;
for(var i = 0 ; j < numRecentComments && i < json.feed.entry.length ; i++ ) {
var entry = json.feed.entry[i]; if(entry.author[0].name.$t=="YOUR NAME") continue;
if(numPerPost && postHandled[entry["thr$in-reply-to"].href] && postHandled[entry["thr$in-reply-to"].href] >= numPerPost)
continue;
if(entry["thr$in-reply-to"]) {
if(!postHandled[entry["thr$in-reply-to"].href])
postHandled[entry["thr$in-reply-to"].href] = 1;
else
postHandled[entry["thr$in-reply-to"].href]++;
j++;
var href='';
for (var k = 0; k < entry.link.length; k++ ) {
if (entry.link[k].rel == 'alternate') {
href = entry.link[k].href;
break;
}
}
if(href=='') {j--; continue; }
var hrefPost = href.split("?")[0];
var comment = "";
if("content" in entry) comment = entry.content.$t;
else comment = entry.summary.$t;
comment = comment.replace(/<br[^>]*>/ig, " ");
comment = comment.replace(/<\S[^>]*>/g, "");
var postTitle="-";
if(urlToTitle[hrefPost]) postTitle=urlToTitle[hrefPost];
else {
if(hrefPost.match(/\/([^/]*)\.html/)) postTitle = hrefPost.match(/\/([^/]*)\.html/)[1].replace(/_\d{2}$/, "");
postTitle = postTitle.replace(/-/g," ");
postTitle = postTitle[0].toUpperCase() + postTitle.slice(1);
}
if(maxPostTitleChars && postTitle.length > maxPostTitleChars) {
postTitle = postTitle.substring(0, maxPostTitleChars);
var indexBreak = postTitle.lastIndexOf(" ");
postTitle = postTitle.substring(0, indexBreak) + "...";
}
var authorName = entry.author[0].name.$t;
var authorUri = "";
if(entry.author[0].uri && entry.author[0].uri.$t != "")
authorUri = entry.author[0].uri.$t;
var avaimg = urlAnoAvatar;
var bloggerprofile = "http://www.blogger.com/profile/";
if(trueAvatars && entry.author[0].gd$image && entry.author[0].gd$image.src && authorUri.substr(0,bloggerprofile.length) == bloggerprofile)
avaimg = entry.author[0].gd$image.src;
else {
var parseurl = document.createElement('a');
if(authorUri != "") {
parseurl.href = authorUri;
avaimg = 'http://www.google.com/s2/favicons?domain=' + parseurl.hostname;
}
}
if(urlMyProfile != "" && authorUri == urlMyProfile && urlMyAvatar != "")
avaimg = urlMyAvatar;
if(avaimg == "http://img2.blogblog.com/img/b16-rounded.gif" && urlNoAvatar != "")
avaimg = urlNoAvatar;
var newsize="s"+sizeAvatar;
avaimg = avaimg.replace(/\/s\d\d+-c\//, "/"+newsize+"-c/");
if(cropAvatar) newsize+="-c";
avaimg = avaimg.replace(/\/s\d\d+(-c){0,1}\//, "/"+newsize+"/");
if(authorName == 'Anonymous' && txtAnonymous != '' && avaimg == urlAnoAvatar)
authorName = txtAnonymous;
var imgcode = '<img height="'+sizeAvatar+'" width="'+sizeAvatar+'" title="'+authorName+'" src="'+avaimg+'" />';
if (authorUri!="") imgcode = '<a href="'+authorUri+'">'+imgcode+'</a>';
var clsAdmin = "";
if(urlMyProfile != "" && authorUri == urlMyProfile)
clsAdmin = " rc-admin";
var datePart = entry.published.$t.match(/\d+/g); // assume ISO 8601
var cmtDate = new Date(datePart[0],datePart[1]-1,datePart[2],datePart[3],datePart[4],datePart[5]);
var txtHeader = txtWrote;
if(txtWrote.indexOf('[')==-1)
txtHeader = authorName + ' ' + txtWrote;
else
txtHeader = replaceVars(txtHeader, authorName, postTitle, cmtDate);
var tooltip = replaceVars(txtTooltip, authorName, postTitle, cmtDate);
if(!/#/.test(href)) href += "#comments";
document.write('<div title="'+tooltip+'" class="rc'+clsAdmin+'">');
document.write('<div title="'+tooltip+'" class="rc-header'+clsAdmin+'"><div title="'+tooltip+'" class="rc-ico'+clsAdmin+'">'+imgcode+'</div><a title="'+tooltip+'" href="' + href + '">' + txtHeader + ' </a></div>');
if(comment.length < maxCommentChars)
document.write('<div title="'+tooltip+'" class="rc-body'+clsAdmin+'">' + comment + '</div>');
else {
comment = comment.substring(0, maxCommentChars);
var indexBreak = comment.lastIndexOf(" ");
comment = comment.substring(0, indexBreak);
document.write('<div title="'+tooltip+'" class="rc-body'+clsAdmin+'">' + comment + '...</div>');
if(txtMore != "") {
var moretext = replaceVars(txtMore, authorName, postTitle, cmtDate);
document.write('<div title="'+tooltip+'" class="rc-footer'+clsAdmin+'"><a title="'+tooltip+'" href="' + href + '">' + moretext + '</a></div>');
}
}
document.write('<div style="clear:both;"></div></div>');
}
}
}
if(getTitles)
document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/posts/summary?redirect=false'+maxResultsPosts+'&alt=json-in-script&callback=getPostUrlsForComments"></'+'script>');
document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false'+maxResultsComments+'&alt=json-in-script&callback=showRecentComments"></'+'script>');
</script>

Step 4. Replace this line $t=="YOUR NAME" with your blogger/google+ profile name. You will find this line twice in the code, change both. Remember, this is code is case-sensitive,
if your name ex. Linda Khoo you have to write it as (entry.author[0].name.$t=="Linda Khoo")

How to customize?

If you just copy-paste the above code without changing any value, your widget will look exactly like this blog recent comments widget. You can change the code a little bit to make it looks different:

● border: 3px solid #BEBEBE

3 here refer to the thickness of the border around the avatar and #BEBEBE refer to the
border color. Visit Here and Here to get the color code if you want to change the color.

● .rc-header{font-size: 12px;} - 12 refer to the size of the commentator's name.

● rc-body{font-style: normal;font-size:11px
font-style can either be normal or italic & 11 refer to the comments font-size in the widget.

● numRecentComments = 5 - the number of recent comments you want to display.

● maxCommentChars = 55 - the number of characters in the comments you want to display.

● sizeAvatar = 55 - the size of the avatar.

Step 5. After you've made the changes, click Save.. and you are Done!

P/s: If you guys have any questions, don't hesitate to ask in the comment section below ok :)

Credit to: helpblogger