Tips Membuat Blog Reaction Disetiap Posting Artikel Blogger

Sekarang cara menempatkan atau membuat Blog Reaction Technorati bisa ditempatkan dibawah disetiap Posting Artikel. Disini kita dapat kodenya pada Web-Technorati, akan tetapi ada perubahan sedikit pada scriptnya dan blog reactions tersebut akan saya tempatkan tepat disamping Posted by dan sebenarnya bisa ditempatkan dimana saja asal tujuan utama adalah dilingkupnya suatu artikel kita.

Caranya :
1. Login blogger
2. Layout + Edit HTML + centang Expand Widget
3. Cari kode ini --> <p><data:post.body/>
4. Setelah ketemu, turun kebawah sedikit sampai ketemu kode sbb :

<p class='post-footer-line post-footer-line-1'>
<span class='post-author'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</b:if>
</span>

5. Setelah ketemu lalu sisipkan kode diantara :

<p class='post-footer-line post-footer-line-1'>
<span class='post-author'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
<script src='http://embed.technorati.com/linkcount' type='text/javascript'/>
<a expr:href='&quot;http://technorati.com/search/&quot; + data:post.url'
rel='linkcount'>View blog reactions</a>
</b:if>
</span>

6. Save Template + Selamat mencoba


Source : http://dhuwuh.blogspot.com/2008/11/tips-membuat-blog-reaction-disetiap.html

Tips Membuat Page Menu Widget Navigasi Pada Blogger

Membuat Page Menu Widget Navigasi yaitu suatu arahan/penunjuk halaman selanjutnya/sebelumnya yang biasanya terletak dibawah posting artikel blogger. Sehingga kita dan pengunjung yang malas membuka atau meng-klik arahan katogori/label dapat secara langsung menunjuk Navigasi halaman tertentu yang diinginkan secara cepat. Ini aku dapet dari http://rias-techno-wizard.blogspot.com dimana dalam penerapannya hanya copy-paste kode tersebut kedalam HTML/Java Script dan saya edit sedikit. Tanpa panjang lebar bagi yang belum tahu dan terserah mau dimodifikasi model apa HeHeHe... Untuk contohnya bisa anda lihat dibawah posting artikel saya, tapi disini saya hanya menampilkan judulnya saja tanpa ada isinya dan jika diklik maka isinya akan keluar.



1. Login Blogger
2. Layout + Page Elements + Add HTML/Java Script
3. Copy paste kode dibawah ini

<style>
.showpageArea {padding: 0 2px;margin-top:10px;margin-bottom:10px;
}
.showpageArea a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}
.showpageArea a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
.showpageNum a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}
.showpageNum a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
.showpagePoint {font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
font-weight: bold;
border: 1px solid #333;
color: #fff;
background-color: #000000;
}
.showpage a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
.showpageNum a:link, .showpage a:link {
font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;}
.showpageNum a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
</style>
<script type="text/javascript">
function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage =
thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ?
thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ?
thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';
var pageCount=5;
var displayPageNum=3;
var firstPageWord = 'First';
var endPageWord = 'Last';
var upPageWord ='Previous';
var downPageWord ='Next';
var labelHtml = '<span class="showpageNum"><a
href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';
for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
postNum++;
htmlMap[htmlMap.length] =
'/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){
itemCount++;
}
}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
if(title!='') postNum++;
htmlMap[htmlMap.length] =
'/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}
for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord
+'</a></span>';
}
fFlag++;
}
if(p==(thisNum-1)){
html += '&nbsp;<span class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'
</a></span>';
}
}
if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord
+'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){
if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"><a href="/">'+ firstPageWord +'
</a></span>'+upPageHtml+' '+html +' ';
}else{
html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}
}
html = '<div class="showpageArea"><span style="font-size:11px;padding: 2px 4px
2px 4px;margin: 2px 2px 2px 2px;color: #000000;border: 1px solid #333;
background-color: #FFFFFF;" class="showpage">Page '+thisNum+' of
'+(postNum-1)+': </span>'+html;
if(thisNum<(postNum-1)){
html += downPageHtml;
html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'">
'+endPageWord+'</a></span>';
}
if(postNum==1) postNum++;
html += '</div>';
if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");
if(postNum <= 2){
html ='';
}
for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}
if(pageArea&&pageArea.length>0){
html ='';
}
if(blogPager){
blogPager.innerHTML = html;
}
}
}
</script>

<script
src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999"
type="text/javascript"></script>
<div
style="text-align:right;font-size:10px;color:000000;margin-top:15px;display:none;">
<a href="http://dhuwuh.blogspot.com/">Grab this Widget</a></div>

4. Tempatkan widget tepat dibawah Posting
5. Sava & Lihat hasilnya


Source : http://dhuwuh.blogspot.com/2008/11/tips-membuat-page-menu-widget-navigasi.html

Tips Menterjemahkan Blogger Dengan Google Site Translate

Nah sekarang pengen nampilkan blogger kita dalam translate multi language / terjemahan multi bahasa. Jadinya blog kita bisa diterjemahkan kedalam bahasa yang diinginkan oleh pengunjung lain yang beda bahasa. Disini tidak jauh-jauh saya menggunakan fasilitas mbah google yang fasilitas ini dapat dinikmati dan diundah di google translate yang mana setingan default-nya dapat kita sesuaikan dengan keinginan kita. Copy paste kode dibawah kedalam Layout + Page Elements + HTML/Java Scripts.

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=en&w=160&h=60&title=&border=&output=js"></script>

Source : http://dhuwuh.blogspot.com/2008/11/tips-menterjemahkan-blogger-dengan.html