If you blog under a pseudonym and do not want your blog to be associated with your real name, you should not migrate from a Blogger profile to a Google+ profile.
<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;
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++;
}
}
//]]>
</script>
<b:if cond='data:blog.pageType == "item"'>
<div style='float:right;'>
<div class='related-posts'>
<p>Related posts:</p>
<ol>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/>
</b:if>
</b:loop>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script>
</ol>
</div>
</div>
</b:if>
.related-posts {
border:1px solid #ddd;
background:#D8DFEA;
font-weight:bold;
width: 80%;
float:right;
}
.related-posts p {
margin:5px 10px 5px;
}
.related-posts ol {
font-weight:normal;
margin:0 0 0 25px;
}
.related-posts li {
margin-bottom: 2px;
}
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='author-comments'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
</b:if>
<dd class='comment-footer'>
.author-comments {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhr7Uxzn70kIXG1JDgGcYpMGZAYOTetNEZTGid49gnL-jJse2nA-x5YX1jGDyb04YCzMsMRbK2znsr8eAPsYfKhFSL3jlUBwh5tzRCYNAEhGnCLpirI_F2tq9Ash2mpFG3q6pKUr9getQ/s288/logo_admin.gif") no-repeat scroll right top #F9F9FC;
padding: 5px 5px 10px 5px;
}
<form name="MyTextBoxForm">Perhatian : masukkan kode tersebut pada mode posting edit html, supaya anda tidak menemukan error ketika blogpsot emalkukan autosaving. Selamat mencoba. Sudahkah anda juga membaca membuat link subscribe di navbar blogger
<br />
<input name="button" onclick="javascript:this.form.MyTextBox.focus();this.form.MyTextBox.select();" type="button" value="Select All Text" /><br />
<textarea cols="65" name="MyTextBox" rows="12" wrap="off">/
TARUH TULISAN ANDA DISINI
</textarea></form>
<a href="ymsgr:sendIM?YahooID"><img src=http://opi.yahoo.com/online?u=YahooID&m=g&t=2&l=us/></a>
<div style="text-align:center;margin:10px 10px;"><script src="http://widgets.twimg.com/j/2/widget.js"></script>Width : sesuaikan dengan ukuran lebar dengan widget pada blogger anda
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 5,
interval: 6000,
width: 320,
height: 300,
theme: {
shell: {
background: '#940808',
color: '#ffffff'
},
tweets: {
background: '#faf7fa',
color: '#000000',
links: '#800000'
}
},
features: {
scrollbar: false,
loop: false,
live: false,
hashtags: true,
timestamp: true,
avatars: false,
behavior: 'default'
}
}).render().setUser('USERNAME').start();
</script>
</div>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function protect(e) {
alert("Sorry, you don't have permission to right-click.");
return false;
}
function trap() {
if(document.images)
for(i=0;i<document.images.length;i++)
document.images[i].onmousedown = protect;
}
// End -->
</SCRIPT>
Pada beberapa blog, sering kali saya jumpai karena artikelnya sangat menarik sehingga yang memberikan komentar juga banyak. Akhirnya halaman dalam posting tersebut jadi panjang sekali. Dan bagi anda yang ingin berkontribusi dalam memberikan komentar, akhirnya harus menurunkan scrollbar browser kebawah sekali untuk menjangkau kotak komentar. INi dikarenakan memang secara default kotak komentar blogspot diletakkan di bawah komentar terakhir yang ada. Pada posting ini, kita akan belajar membuat sebuah tombol yang memudahkan pengunjung blog kita dengan cepat dapat menemukan kotak komentar. Widget ini sering disebut dengan post a comment.
Cara kerjanya seperti ini, ketika pengunjung melakukan klik post comment button ini, maka halaman browser akan otomatis berpindah ke kotak komentar tanpa dia harus menggeser scroll kebawah.
Untuk membuat post comment button ini anda backup dahulu template blogspot. Lalu ikuti langkah berikut ini :
1. letakkan kode berikut ini dibawah kode ]]></b:skin>
.postacomment {display:block;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtlor5bQZJTRqg-jN3JZXaD3RoYuEaUCzrg1nsdFVRe2bmY4uGWiHotD3UMYRtW5wWnDShGb5yp_CpSz0XkL_YRKgtGhKJbm7OAkF36cKgdkLScGU-nBTSMob2sn4bP9czq7PWIc2Bm0Pw/s1600/grad.png) top repeat-x; border:1px solid #DEDBD1;-moz-border-radius:5px;-webkit-border-radius:5px;margin-bottom:10px;font-family:arial;font-size:14px;text-align:center;padding:5px;float:left;}
2. letakkan kode berikut ini di bawah kode <div class='post-footer-line post-footer-line-1'/>
<div class='postacomment'><a href='#comment-post-message'>Post A Comment</a></div>
<div class='clear'></div>
3. Jangan lupa anda simpan.
Hasilnya bisa anda lihat seperti pada halaman ini. Ini sangat memudahkan pegunjung anda. Silahkan anda coba. Baca juga cara membuat widget save as pdf postingan.
<!-- START: PDF Online Script -->
<script type="text/javascript">
var authorId = "kode user id anda";
var pageOrientation = "0";
var topMargin = "0.5";
var bottomMargin = "0.5";
var leftMargin = "0.5";
var rightMargin = "0.5";
</script>
<script type="text/javascript" src="http://savepageaspdf.pdfonline.com/pdfonline/pdfonline.js">
</script>
<!-- END: PDF Online Script -->
<div id='main-wrapper'>3. Tambahkan juga kode berikut diatas ]]></b:skin>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
</b:section>
</div>
<div id='sidebar2-wrapper'>
<b:section class='sidebar2' id='sidebar2' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='Blog Archive'/>
</b:section>
</div>
<div id='sidebar3-wrapper'>
<b:section class='sidebar3' id='sidebar3' preferred='yes'>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
</b:section>
</div>
#main-wrapper {
width: 270px;
float: left;
word-wrap: break-word;
overflow: hidden;
}
#sidebar-wrapper {
margin-left: 10px;
width: 200px;
float: left;
display: inline;
word-wrap: break-word;
overflow: hidden;
}
#sidebar2-wrapper {
margin-left: 10px;
width: 200px;
float: left;
display: inline;
word-wrap: break-word;
overflow: hidden;
}
#sidebar3-wrapper {
width: 200px;
float: right;
display: inline;
word-wrap: break-word;
overflow: hidden;
}
<div id='Menumainwrapx'>
<b:section id='NavbarMenux'>
<b:widget id='HTML50' locked='false' title='MembuatMenu' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</div> <!-- End Menumainwrapx -->
<div class='clear'/>
#Menumainwrapx {Simpan template anda dahulu.
background:url(http://farm2.static.flickr.com/1046/5118494385_6bed6df208_t.jpg) repeat-x scroll 0 0 #222222;
border-bottom:1px solid #CCCCCC;
height:42px;
margin:0;
padding:0;
}
#NavbarMenux {
width: 950px;
height: 41px;
font-size: 13px;
color:#333333;
margin: 0px;
padding: 0;
font-weight:bold;
font-family:arial;
margin: 0 auto;
}
#NavbarMenuleftx {
width: 950px;
margin: 0;float:left;}
#navx { margin: 0;
padding: 0; }
#navx ul {
float: left;
list-style: none;
margin: 0;
padding: 0; }
#navx li {
list-style: none;
margin: 0px;
padding: 0; }
#navx li a,
#navx li a:link,
#navx li a:visited {
height: 22px;
color: #333333;
display: block;
font-size: 13px;
text-decoration: none;
margin: 0;
padding:10px 13px 9px 13px;
border-right: 1px solid #CFCFCF; }
#navx li a:hover,
#navx li a:active {
color: #333;
margin: 0;
text-decoration: none;
background:#F0F0F0;
}
#navx li li a, #nav li li a:link,
#navx li li a:visited {
background:url(http://farm2.static.flickr.com/1190/5119105082_e113afd892_t.jpg) repeat-x scroll 0 0 #f5f5f5;
min-width: 150px;
color: #333333;
font-size: 14px;
font-weight: normal;
float: none; margin: 0;
padding: 5px 10px;
font-weight:bold;
font-family:arial;
box-shadow: 0px 3px 3px rgba(0,0,0,0.8);
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.8);
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.8);
text-align:left;}
#navx li li a:hover,
#navx li li a:active {
background: #F5F5F5;
color: #333;
}
#navx li {
float: left;
padding: 0; }
#navx li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin:0;
padding: 0;
border-top:1px solid #242424;
}
#navx li ul a {
width: 140px; }
#navx li ul ul {
margin: -41.5px 0 0 176px;
border:none;}
#navx li:hover ul ul,
#navx li:hover ul ul ul, #navx li.sfhover ul ul,
#navx li.sfhover ul ul ul {
left: -999em; }
#navx li:hover ul,
#navx li li:hover ul,
#navx li li li:hover ul,
#navx li.sfhover ul,
#navx li li.sfhover ul,
#navx li li li.sfhover ul {
left: auto; }
#navx li:hover,
#navx li.sfhover {
position: static; }
<div id='navbarmenuleftx'>Sesuaikan dengan link dan menu yang akan anda buat dengan mengedit tulisan yang berwarna merah diatas. Misal
<ul id='navx'>
<li><a href='/'>Home</a></li>
<li><a href='#yourlink'>Menu 1</a>
<ul>
<li><a href='#yourlink'>Menu 1.1</a>
<ul>
<li><a href='#yourlink'>Menu 1.1.1</a></li>
<li><a href='#yourlink'>Menu 1.1.2</a></li>
<li><a href='#yourlink'>Menu 1.1.3</a></li>
<li><a href='#yourlink'>Menu 1.1.4</a></li>
</ul>
</li>
<li><a href='#yourlink'>Menu 1.2</a>
<ul>
<li><a href='#yourlink'>Menu 1.2.1</a></li>
<li><a href='#yourlink'>Menu 1.2.2</a></li>
<li><a href='#yourlink'>Menu 1.2.3</a></li>
<li><a href='#yourlink'>Menu 1.2.4</a></li>
</ul>
</li>
<li><a href='#yourlink'>Menu 1.3</a>
<ul>
<li><a href='#yourlink'>Menu 1.3.1</a></li>
<li><a href='#yourlink'>Menu 1.3.2</a></li>
<li><a href='#yourlink'>Menu 1.3.3</a></li>
<li><a href='#yourlink'>Menu 1.3.4</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
