MyLovelyBlog Download mod gta sa, sinjai blog, tips dan trik Download | Tips blogger | Tips Windows | Tutorial Uciha Gaara
Tampilkan postingan dengan label aksesoris bloganda. Tampilkan semua postingan

cara membuat kotak komentar twitter di blog kita




Cara Membuat Kotak Komentar Twitter :
1. Untuk membuat aplikasi komentar di twitter silahkan Anda buat terlebih dahulu di Apps Developers Twitter.
2. Isikan data yang dibutuhkan seperti terlihat pada gambar di bawah ini. Jika telah selesai, klik I Agree.

3. ID Aplikasi Twitter Anda berada di Consumer Key .
4. Lalu, klik Create My Access Token di bagian paling bawah.
5. Setelah terbuat, maka Anda akan mendapat semua kode dan akses pada aplikasi tersebut.
6. Kode yang dicoret merah, silahkan anda ambil dengan copy paste ke notepad terlebih dahulu.
7. Login ke Bloggger.com
    Template > Edit HTML > Ceklis Expand Widget Templates
8. Cari Kode <head> dan letakkan kode di bawah ini di bawahnya :
<meta content='ID Facebook' property='fb:admins'/>
<meta content='FB_APP_ID' property='fb:app_id'/>
<script src='http://code.jquery.com/jquery-latest.pack.js'/>
<script src='http://jsblogstop.googlecode.com/svn/commentpages/jsCommentPages.js'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://jsblogstop.googlecode.com/svn/jstweetbox/v1/jsTweetBox.js'/>
<script src='http://platform.twitter.com/anywhere.js?id=TWITTER_API_Key&amp;v=1'/>
Ganti kode bewarna merah dengan data yang Anda telah punya. Masukkan id facebook (Ex : pemakan.wortell) , FB Application ID (Ex : a8xy76m44aoqqUi9mKr0), dan masukkan Twitter_API_Key dengan kode yang anda copy di notepad.
9. Lalu cari kode class='comments'
10. Copy kode di bawah ini dan letakkan di bawah kode tersebut.

<div class='comments-tab' id='blogger-comments' title='Comments from Blogger'>
<data:post.numComments/> Comments
</div>
<div class='comments-tab' id='twitter-comments' title='Comments with Twitter'>
<span class='js-page-tweet-count' expr:href='data:post.url'/> Tweets
</div>
<div class='js-default-tab comments-tab' id='fb-comments' title='Comments made on Facebook'>
<fb:comments-count expr:href='data:post.url'/> Komentar
</div>
<div class='clear'/>
</div>
<div class='comments-page' id='twitter-comments-page'>
<div id='js-tweet-box'/>
</div>
<div class='comments-page' id='fb-comments-page'>
  <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='fb-root'/>
    <fb:comments expr:href='data:post.url' num_posts='5' width='500'/>
  </b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>
- Angka 5 adalah jumlah komentar yang akan ditampilkan dan tidak disematkan.
- Angka 500 adalah lebar kotak komentar tersebut.

cara membuat artikel terkait di blogger


Tak perlu banyak cincong langsung aja

  1.  Masuk blogger
  2. Rancangan 
  3. Edit html 
  4. Centang expand template widget
  5. cari kode </head> kemudian letakkan script di bawah ini tepat di atas kode </head> 
<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>  
Kemudian cari kode <data:post.body/> kemudian letakkan script berikut ini di bawah kode <data:post.body/>
<b:if cond='data:post.labels'>
<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&amp;callback=related_results_labels&amp;max-results=5"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<h4>Artikel Terkait</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>

tapi ingat ini hanya berfungsi jika entri anda memiliki label,

Terakhir simpan template

cara menempatkan Pos Rcent di blog

Bagaimana menempatkan posting terbaru di blog Anda .. it `s sangat sederhana dan sangat mudah ...
Untuk menginstal widget seperti biasa kita harus login ke account blogger dan pergi ke tab Desain -> Elemen Halaman, kemudian tambahkan gadget HTML / Javascript baru dan kode Copas bawah ke dalam gadget baru



<script type="text/javascript" src="http://blogindo.googlecode.com/files/recent-post.txt"> </ script> <script>
    numposts var = 5;
    var showpostdate = false;
    var showpostsummary = false;
    var numchars = 100; </ script> <script src = " http://naldohatake.blogspot.com/ feeds / posts / default? orderby = published & alt = json-in-script & callback = rp "> </ script>
 


setelah Copas kode, dari:

         Ganti kode berwarna(link) dengan alamat blog Anda
         var numposts -> Jumlah judul posting terakhir ditampilkan.
         var showpostdate -> Ubah palsu untuk menjadi kenyataan jika Anda ingin menampilkan tanggal posting.
         var showpostsummary -> Bisa berubah menjadi benar jika Anda ingin menampilkan ringkasan dari setiap judul posting.
         NUMCHARS var -> Jumlah karakter dalam ringkasan. Jika showpostsummary diatur ke false maka opsi ini tidak akan berpengaruh.

cara memasang buku tamu yang simple

Pada buku tamu blog sangat penting untuk interaksi antara pemilik blog dan pengunjung .. ok to the point ..Untuk melakukan ikuti langkah-langkah di atas:

    
Pergi ke http://www.shoutmix.com/ alamat untuk mendaftar..

    
Seperti biasa Anda harus daftar terlebih dahulu dengan mengklik Dapatkan Satu tulisan noe, >> gratis, atau dengan mengklik tulisan Sign Up, silakan tulis data Anda pada formulir yang telah disediakan.
    
Jika Anda sudah tedaftar, dan menerima anggota sehingga shoutmix, silahkan login dengan id anda
    
Dalam kolom berjudul Style, klik tampilan menu.
    
Silahkan klik pull-down di samping Muat Dari Preset untuk mengatur tampilan buku tamu anda, silahkan pilih yang sesuai dengan keinginan Anda. Setelah selesai klik Save Settings.
    
Untuk mendapatkan kode HTML dari shoutbox Anda, mohon klik Gunakan Shoutbox yang berada di bawah menu Start Cepat


 Untuk menempatkan kode HTML shoutbox sebelumnya di blog Anda, ikuti langkah-langkah di bawah ini.

Silahkan klik Rancangan
- Klik elemen laman
- Klik tambah gadget/add gadget
- Klik opsi HTML/Javascript
- Silahkan sobat Copy dan Paste Kode HTML di bawah ini :
 <style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:150px; width:30px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2vm3ImNNdrigMns7pIJcJ0GxRf9rc54hC3yqjLv5pItkckB9hVTFNR8PJubVdLCDMwRoO53ZuYZj5xsKaA2LSQvlzbEOWyEA8MW5fYOj3N_BZBrERkHLVLlUabR5GeaAS7ciLp_8SpooI/s1600/buku+tamu.png') no-repeat; } .gbcontent{ float:left; border:1px solid #B3B3B3; background:#E6E6E6; padding:5px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent">   <!-- BEGIN CBOX - www.cbox.ws - v001 --> Code CBox milik anda<!-- END CBOX -->  <br/>Mau buat buku tamu ini ?<br/>Klik <a href="http://tjoretan-akoe.blogspot.com/2012/05/panduan-cara-membuat-buku-tamu.html"target="_blank"> di sini </a> <div style="text-align:right"> <a href="javascript:showHideGB()"> [hide] </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script> 
- Silahkan sobat ganti tulisan yang berwarna merah dengan Kode yang sobat peroleh dari cbox

cara membuat gambar bergetar saat disenuh mouse

1. Masuk ke Blogger> Klik Rancangan > Klik edit HTML
2. Cari kode ]]></b:skin> dengan bantuan CTRL+F agar lebih mudah, lalu letakkan atau paste kode dibawah ini setelah / dibawahnya kode ]]></b:skin> tadi.
kode:


<b:if cond='data:blog.pageType == &quot;item&quot;'><style type='text/css'>
.post img {border:3px solid #1e1e1e;-webkit-transition: all 0.4s ease-in-out;}.post img:hover{margin-left:20px}</style> </b:if>
3. Klik simpan template.


lihat dan coba

cara memasang tombol widget share,like tweet

caranya

  • masukke blog
  • klik tata letak
  • klik tambah gadget
  • klik html/javascript

lalu copy/paste kode ini

<style>
/*-------MBT Floating Counters------------*/
#floatdiv {
    position:absolute;
    width:94px;
    height:229px;
    top:0;
    left:0;
        z-index:100
}

#mbtsidebar {
        border:1px solid #ddd;
        padding-left:5px;
    position:relative;
    height:220px;
    width:55px;
    margin:0 0 0 5px;
}
</style>


<div id="floatdiv">
<div id="mbtsidebar">
    <table cellpadding="1px" cellspacing="0">
    <tr>
    <td style="border-bottom: 1px solid #E8E8E8; padding:5px 0 2px 0;">
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="false" layout="box_count" show_faces="false" font=""></fb:like>
    </td>
    </tr>
    <tr>
    <td style="border-bottom: 1px solid #E8E8E8; padding:5px 0px;">
<g:plusone size="Tall" expr:href="data:post.url">
    </g:plusone></td>
    </tr>
    <tr>
    <td style="border-bottom: 0px solid #E8E8E8; padding:5px 0 0px 0;">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="AgeboyCber">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
    </td>
    </tr>
    <tr>
    <td style="border-bottom: 0px solid #E8E8E8; padding:0px 0 0px 0;">
<p style=" font-size:10px; text-align:center; color:#ddd;"><a style="color:#ddd;" href="http://ageboy.blogspot.com/" target="_blank">Widgets</a></p>
    </td>
    </tr>
    </table>
</div>
</div>
<script type="text/javascript">
// JavaScript Document

   <!--
/* Script by: www.jtricks.com
* Version: 20071017
* Latest version:
* www.jtricks.com/javascript/navigation/floating.html
*/
var floatingMenuId = 'floatdiv';
var floatingMenu =
{
    targetX: 0,
    targetY: 300,
    hasInner: typeof(window.innerWidth) == 'number',
    hasElement: typeof(document.documentElement) == 'object'
        && typeof(document.documentElement.clientWidth) == 'number',
    menu:
        document.getElementById
        ? document.getElementById(floatingMenuId)
        : document.all
          ? document.all[floatingMenuId]
          : document.layers[floatingMenuId]
};
floatingMenu.move = function ()
{
    floatingMenu.menu.style.left = floatingMenu.nextX + 'px';
    floatingMenu.menu.style.top = floatingMenu.nextY + 'px';
}
floatingMenu.computeShifts = function ()
{
    var de = document.documentElement;
    floatingMenu.shiftX =
        floatingMenu.hasInner
        ? pageXOffset
        : floatingMenu.hasElement
          ? de.scrollLeft
          : document.body.scrollLeft;
    if (floatingMenu.targetX < 0)
    {
        floatingMenu.shiftX +=
            floatingMenu.hasElement
            ? de.clientWidth
            : document.body.clientWidth;
    }
    floatingMenu.shiftY =
        floatingMenu.hasInner
        ? pageYOffset
        : floatingMenu.hasElement
          ? de.scrollTop
          : document.body.scrollTop;
    if (floatingMenu.targetY < 0)
    {
        if (floatingMenu.hasElement && floatingMenu.hasInner)
        {
            // Handle Opera 8 problems
            floatingMenu.shiftY +=
                de.clientHeight > window.innerHeight
                ? window.innerHeight
                : de.clientHeight
        }
        else
        {
            floatingMenu.shiftY +=
                floatingMenu.hasElement
                ? de.clientHeight
                : document.body.clientHeight;
        }
    }
}
floatingMenu.calculateCornerX = function()
{
    if (floatingMenu.targetX != 'center')
        return floatingMenu.shiftX + floatingMenu.targetX;
    var width = parseInt(floatingMenu.menu.offsetWidth);
    var cornerX =
        floatingMenu.hasElement
        ? (floatingMenu.hasInner
           ? pageXOffset
           : document.documentElement.scrollLeft) +
          (document.documentElement.clientWidth - width)/2
        : document.body.scrollLeft +
          (document.body.clientWidth - width)/2;
    return cornerX;
};
floatingMenu.calculateCornerY = function()
{
    if (floatingMenu.targetY != 'center')
        return floatingMenu.shiftY + floatingMenu.targetY;
    var height = parseInt(floatingMenu.menu.offsetHeight);
    // Handle Opera 8 problems
    var clientHeight =
        floatingMenu.hasElement && floatingMenu.hasInner
        && document.documentElement.clientHeight
            > window.innerHeight
        ? window.innerHeight
        : document.documentElement.clientHeight
    var cornerY =
        floatingMenu.hasElement
        ? (floatingMenu.hasInner
           ? pageYOffset
           : document.documentElement.scrollTop) +
          (clientHeight - height)/2
        : document.body.scrollTop +
          (document.body.clientHeight - height)/2;
    return cornerY;
};
floatingMenu.doFloat = function()
{
    // Check if reference to menu was lost due
    // to ajax manipuations
    if (!floatingMenu.menu)
    {
        menu = document.getElementById
            ? document.getElementById(floatingMenuId)
            : document.all
              ? document.all[floatingMenuId]
              : document.layers[floatingMenuId];
        initSecondary();
    }
    var stepX, stepY;
    floatingMenu.computeShifts();
    var cornerX = floatingMenu.calculateCornerX();
    var stepX = (cornerX - floatingMenu.nextX) * .07;
    if (Math.abs(stepX) < .5)
    {
        stepX = cornerX - floatingMenu.nextX;
    }
    var cornerY = floatingMenu.calculateCornerY();
    var stepY = (cornerY - floatingMenu.nextY) * .07;
    if (Math.abs(stepY) < .5)
    {
        stepY = cornerY - floatingMenu.nextY;
    }
    if (Math.abs(stepX) > 0 ||
        Math.abs(stepY) > 0)
    {
        floatingMenu.nextX += stepX;
        floatingMenu.nextY += stepY;
        floatingMenu.move();
    }
    setTimeout('floatingMenu.doFloat()', 20);
};
// addEvent designed by Aaron Moore
floatingMenu.addEvent = function(element, listener, handler)
{
    if(typeof element[listener] != 'function' ||
       typeof element[listener + '_num'] == 'undefined')
    {
        element[listener + '_num'] = 0;
        if (typeof element[listener] == 'function')
        {
            element[listener + 0] = element[listener];
            element[listener + '_num']++;
        }
        element[listener] = function(e)
        {
            var r = true;
            e = (e) ? e : window.event;
            for(var i = element[listener + '_num'] -1; i >= 0; i--)
            {
                if(element[listener + i](e) == false)
                    r = false;
            }
            return r;
        }
    }
    //if handler is not already stored, assign it
    for(var i = 0; i < element[listener + '_num']; i++)
        if(element[listener + i] == handler)
            return;
    element[listener + element[listener + '_num']] = handler;
    element[listener + '_num']++;
};
floatingMenu.init = function()
{
    floatingMenu.initSecondary();
    floatingMenu.doFloat();
};
// Some browsers init scrollbars only after
// full document load.
floatingMenu.initSecondary = function()
{
    floatingMenu.computeShifts();
    floatingMenu.nextX = floatingMenu.calculateCornerX();
    floatingMenu.nextY = floatingMenu.calculateCornerY();
    floatingMenu.move();
}
if (document.layers)
    floatingMenu.addEvent(window, 'onload', floatingMenu.init);
else
{
    floatingMenu.init();
    floatingMenu.addEvent(window, 'onload',
        floatingMenu.initSecondary);
}
//-->
</script>

hasil nya gini




smoga suksezzzzzzzzzzzzzz

cara pasang kamera cctv di blog

Pertama kalian masuk ke blog kalian

jika uda masuk pilih tataletak

and lalu klik tambah gadget:

lalu klik javascript

copy kode ini


<script language="JavaScript" src="http://sundaboy.googlecode.com/files/sundaboy_kiri_atas.txt" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("http://i861.photobucket.com/albums/ab174/Qasim54/0002048B.gif") </script>


link warna merah sebenarnya bisa kalian ganti dengan link lain

semoga bermaanfaat

download template blog transparant keren sekarang

inilah kumpulan template transparant yg saya temukan




Template Transparan [1]
Sumber

Template Transparan  [2]
Sumber

Template Transparan [3]
Sumber

Template Transparan [4]
Sumber

Template Transparan [5]
Sumber
DOWNLOAD 

Template Naruto-vs-Sasuke
Sumber
DOWNLOAD
Template BlackHat
Sumber
Template Blackhat 2012
TemplateHC
Sumber
 Template Dark Murder
Sumber

Irvan Blue Template
Sumber
DOWNLOAD
Template RVGreen
Sumber

Template Diablo
Sumber 
DOWNLOAD 

Template Anime-Heaven-v2
Sumber
DOWNLOAD 

Template Naruto Vs sasuke

New Update

template di bawah sama dengan template yg saya gunakan,hanya saja template saya,saya edit makanya jadi gitu hehehehehe....semoga sukses
Template Green Matrix
 

cara pasang gambar melayang di blog

loggin ke blog
klik tataletak
lalu tambah gadget

copas kode ini

<style type="text/css"><br /><br />#topbar{<br />background-color:#61380B;<br />position:absolute;<br />visibility:hidden;<br />z-index:100;<br />border:2px<br />#FFFFFF groove;<br />-moz-border-radius:8px;<br />padding-top:6px;<br />padding-left:1px;<br />padding-bottom:3px;<br />padding-right:1px;<br />-moz-opacity:0.63;<br />filter:alpha(opacity=63);opacity:0.63;<br />}<br />#topbar a img{<br />color:transparent;text-decoration:none;border:none;<br />}<br /></style>

<script language="javascript"><br /><br />/***************************************************************<br />* Floating Top Bar script - Dynamic Drive (http://www.dynamicdrive.com)<br />* Sliding routine by Roy Whittle (http://www.javascript-fx.com/)<br />* Simplified Floating by !CrazyDavinci! (http://crazydavinci.net)<br />* This notice must stay intact for legal use.<br />* Visit http://www.dynamicdrive.com/ for full source code<br />***************************************************************/<br />startX = parseInt(screen.width/2)+500;startY = parseInt(screen.height/2)-110<br />function iecompattest(){return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body}<br />function staticbar(){<br />ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;<br />d = document;<br />el= d.getElementById("topbar");<br />barheight= el.offsetHeight;<br />function ml(id){<br />el.style.cssText="visibility:visible;width:75px";if(d.layers)el.style=el;<br />el.sP=function(x,y){this.style.right=x+"px";this.style.top=y+"px";};<br />el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;<br />el.x = startX;el.y -= startY;return el;<br />}<br />window.stayTopright=function(){<br />var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;<br />ftlObj.y += (pY - startY - ftlObj.y)/8;ftlObj.sP(ftlObj.x, ftlObj.y);setTimeout("stayTopright()", 10);<br />}<br />ftlObj = ml("topbar");stayTopright();<br />}<br />if (window.addEventListener) window.addEventListener("load", staticbar, false);<br />else if (window.attachEvent) window.attachEvent("onload", staticbar);<br />else if (document.getElementById) window.onload=staticbar </script>

<div id="topbar" align="center">
<a href="http://naldohatake.blogspot.com/" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib7K8FE4WZSFtaHTmfBXcPwVDBTbDOzrXfZBxDfEc5OwBbFpeFEuxvjnaBjdJ7cO805LXspNkEBe4zLnIbUPanDeiPMPzEA8FevSdNzlemwWSkr8-yjWahiwCnDAtQ97M924yh8rX-sqmu/s1600/naldo+hatake.gif" width="70px" /></a><blink><span style="font-family:Times New Roman;font-size:2,8;color:#FF0000;">
About Me
</span></blink></div>

  • ganti link kuning dengan link gambar ini
  •  ganti tulian merah dengan kata anda sendiri

cara pasang gambar dipojok blogger

copy kode di bawah ini di tambah gadget


<div style="position: fixed; bottom: 0px; center: 10px;width:110px;height:130px;"><a href="http://naldohatake.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ5q1MDroqz6yznUoxbVmaBEekl_CNv3Ef83bSJGiZLPhlf9tci-d0tN7i5IyV_b5L3OqmSFqcsMJPlA3fRbZ67yW6QxGsNlTTbK6oigOSekb41B8JHQMKOUi_sHl1_PuDGBwP5JQmBLsX/s1600/haaaaa.gif" title="widget animasi bergerak atau gif" alt="animasi bergerak " border="0" /></a><small><center><a href="http://naldohatake.blogspot.com/" target="_blank">animasi bergerak </a></center></small></div>

atau




                                     
        Top Right                              Top Left                        
                     Bottom Right

 Cara Meletakkannya :

Untuk Bottom Right


<script language="JavaScript" src="http://entry44.googlecode.com/files/entry44bottomright.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("Isikan Url Gambar")</script>

Untuk Bottom Left

<script language="JavaScript" src="http://entry44.googlecode.com/files/entry44bottomleft.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("Isikan Url Gambar")</script>

Untuk Top Right

<script language="JavaScript" src="http://entry44.googlecode.com/files/entry44topright.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("Isikan Url Gambar")</script>

Untuk Top Left
<script language="JavaScript" src="http://entry44.googlecode.com/files/entry44topleft.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("Isikan Url Gambar")</script>

untuk link berwarna kuning dan merah ganti dengan url gambar yang ingin anda tampilkan


untuk tulisan berwarna merah pada kode pertama bisa anda ganti
Top Right untuk di atas kanan pojok blog
Top Left   untuk diatas kri pojok blog
Bottom Left   untuk dibawah kiri blogger
Bottom right untuk dibawah kanan blogger


contoh pada saya





cara pasang tukar link pada blog

apa sih guna tukar link???saya juga nggak tau

tapi kalau ingin tau kodenya

ini

  1. masuk ke blogger anda
  2. klik tata letak
  3. klik tambah gadget

copy and paste kode ini


<a href="http://naldohatake.blogspot.com/"><http://4.bp.blogspot.com/-baaqdewyjpm/udi6wkl65ci/aaaaaaaaany/rfs431kxq5m/s1600/naldo+hatake.gif" width="189" height="46" alt="naldo hatake" /></http:></a>
<textarea code="" width="250" height="60" name="">
<a href="http://naldohatake.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib7K8FE4WZSFtaHTmfBXcPwVDBTbDOzrXfZBxDfEc5OwBbFpeFEuxvjnaBjdJ7cO805LXspNkEBe4zLnIbUPanDeiPMPzEA8FevSdNzlemwWSkr8-yjWahiwCnDAtQ97M924yh8rX-sqmu/s1600/naldo+hatake.gif" width="189" height="46" alt="naldo hatake" /></a></textarea>

  • ganti link bewarna kuning dengan link/url blog anda
  • ganti link berwarna biru dengan link gambar anda(gambar ini berfungsi sebagai background tukar link anda0
  • ganti tulisan berwarna merah dengan nama blog anda
semoga sukses and berhasil

cara pasang background matrix di blog

pertama yang harus anda lakukan
  • Login ke blog sobat.
  • Klik "Design" kemudian klik "Edit HTML".


  • Cari kode </Head> kemudian copy-paste kode CSS di bawah ini diatas </Head>.

    <style type="text/css">
    body{
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGHXtew9qBFyscxMmlse-uZoagq8VduZYAGy4BgDIDE-roK762qZ1WwSnE15igl1Mxs_tWtM7pf73iA3VHiyTs5gBOzKStftLVzDHt-Cl-JZstRtjE7IsHyi8wLgw-fqG-QuagQ65qn2WV/s800/monozcore_blogspot_com_redmatrix.gif) repeat center center fixed black;
    }
    </style>
  • Ganti kode yang berwarna merah pada baris kode atas dengan URL gambar animasi matrix yang sobat inginkan.
  • Klik "Save" dan lihat hasilnya...
Animasi Gambar Matrix
  • 0-1-1 Matrix


  • Black Red Matrix


  • Blue Matrix 1


  • Blue Matrix 2


  • Green Matrix


  • Port Listener


  • Red Matrix


  • Blue Matrix

selain dengan gambar matrix diatas,,anda juga bisa menggunakan gambar yang lain,baik format JPG,GIF, dan lain-lain...

selamat mencoba

translate di blog

pasang translate

klik tata letak
lalu klik tambah gadget
pilih javascript dan copy/paste kode di bawah 

<style>.google_translate img {filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;border:0;}.google_translate:hover img {filter:alpha(opacity=30);-moz-opacity: 0.30;opacity: 0.30;border:0;}.google_translatextra:hover img {filter:alpha(opacity=0.30);-moz-opacity: 0.30;opacity: 0.30;border:0;}</style><div> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigvAzh-oQQdEMatqa1iTPeG4UzWgkTFFC4EkhEFf6APSmQUrehtbXqCFZJ_1io_n8yNDwb4jH-sTnic-Jd90rc-5txDsk9wW04NULmqDyOjwX78EVZ19L0Y2JvX6xOe056H8UFOdtewTQ/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRCD3w3BdQ6dMj6aqtinq8MVJ3vzdqqE2Z_5RdMtKUkQwypmv1AHB39vLWAbMuUqVcBcwe8pWqNfLksOCOM2V7Z5ni3MeabXdikMZxsK39RFaMrnMQTuoXWxKfAlnayH_2I9mpjT0IP3g/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPcIyH7yj1FwZfabVrQucieYPyDXnlxEnC_rsVtixcgsdCpMKAzm79wtFJDfwCRdxiv0HyMzjVDV44kB5F4q3YDD3IEDqaR1HkKxkp0QZupboakqKiYnrvJTc8mSEl-WapNNII4Wv41OAu/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu9lfg74RRNUTMHaKRfIJDRhpRNlPNkkN-aF51V1_aMb6Rr-D5slHIRP-kRuaSaSS7a7_wkza2j2MNnzJW8w_EejWvfrqD4BEPE-2bJvUWuMlXMPyQ7wsGGjtEhT3UE5M4E5F3s_dSRE2U/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXiBrY0nhIMKZ736mUiiclpe42PEK4UzuxHa477G5weCN2woFjaQNUyXLk7Hkde8S0OedDR_eyJSLgpCbbkXRIyc-s_TC9-myX8tplPasFEEHGGMT_hz-P1yLpA2lGM4d2ynd3aC99Y_w/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMuxn-dmVWNF9GriaFY0eUrcl5gfF6bQFToAAv130pWP4f70gD_WsMQed835yQYXcClGDfoCGIUVF-xA2fNp2Rp2D-lP6tjqurZYTMujr5DCaHROlahX6SAfKLeWe9KHIVArEip4uObEQ/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <br /><br /><a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLFQ_QAGwlHg9wNr9SlO-NJs8-RaObNSr5_ft6P8TvMwoyiguJq800PzAE9wsNQpYz8GhqARLfsu-68DoyLKKjURcAluaNgT3zpZ3KURansEuTImCKrzRd4-9rlEApTh9hQr40EMAJjc8/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghmtRedqaW8NjlioEXMRWZ5Ko9Q-Ds-3bIqFpgZynEMZXTCs6hzPJgSDJbriskfyOMAdqyQTiWqRE39gYjDJ-WCAPS_GwKEIvU6Kh69dTXenx2ZIuUsyhX-D7HcJYdhqRHMhyphenhyphen_HhrZ5ns/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio28b6CTI8n-eUIti4vT2Hrj2f7AmT5QGm9M_Ve49HFgGKs41LxibWxpm2zCy_PJlESU806n1lvD_oI4bA7lLoA6c7E0cF2yYvE12ZGLQTlREUY3hrVZlK74uZeZVqppUFK6I-qPuArD3f/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEr8bBJ51WosvN3meqQv1i2EwwdB5EplXVGBfybQn_XLSH-L1Z7zn4gHQwd18m251kY6YgHdZCCbt-cHs-cBsrqOKYWlKFYA4yqRury60oE7_QMYL1B3aNxmRDFGKaKl7cJgt1r5ZZqz0/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVajddbZa0CMq7_oG7rchIe39ctwSyK6GOzed0bKHs_ikc3WCVBpZWYQz1w0ugOeffawaoUJm6357Uwom1fj7H-bKBHN6BQSJ7QlzFI9BPCb2UPeGjLM9oUkGffRleCZTIrfFfMx9Ld9g/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7czh-cn&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH9A9IeENiKkzuq55UQdvlxlPlBUFkKRoCnBJrnLPIGkwnw57xvBnHsag9bUmSNVDitI4If1p2TR6uuICcQYaBe_NIQ5Du0gGHgiacB2KNyPSwRXivLig5OavqSoDSxdZNeAnS-sSV3fY/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> </div> <div style=font-size:10px;margin:8px 0px 3px 0px>by : <a href=http://naldohatake.blogspot.com/>lucifer</a></div>
 











smoga bermaafaat
HQ Blogger Templates