Cara Memasang Hewan Piaraan di Blog

Kalau sobat blogger berminat untuk memelihara hewan peliaraan di dalam blog, sobat blogger tinggal copy paste kode yang ada di bawah ini dan tempatkan kode ini di kolom Gadget atau Widget blog sobat.


Kode Ikan
<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/fish.swf?" width="300" height="200"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/fish.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>

Kode Laba-laba
<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/spider.swf?" width="300" height="200"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/spider.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>

Kode Hamster
<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?" width="300" height="225"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param></object>

Kode Pinguin
<object type="application/x-shockwave-flash" style="outline:none;" data="http://penguinsgadget.googlecode.com/svn/trunk/penguins.swf?" width="300" height="200"><param name="movie" value="http://penguinsgadget.googlecode.com/svn/trunk/penguins.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>

Kode Kura-kura
<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/turtle.swf?" width="300" height="200"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/turtle.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>

Kode Dog
<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/102399522366632716596/dog.swf?" width="300" height="225"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/102399522366632716596/dog.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="bgcolor" value="FFFFFF"/></object>

Kode Katak
<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/treefrog.swf?" width="300" height="200"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/treefrog.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>

Itu adalah kode untuk masing-masing hewan piaraan

sumber

Read More

Cara Membuat Recent Post Animasi Pada Blog

Kembali lagi saya membahas tentang Widget Recent post. Sobat blogger tentu masih ingat bahwa pada pertemuan sebelumnya, kita membahas tentang Recent Post Widget No Thumbnail dan Recent Post dengan Thumbnail. Widget Recent Post kali ini saya sebut dengan nama Recent Post Animasi. Kenapa di sebut dengan nama Widget Recent Post Animasi? karena widget ini bergerak turun naik secara beraturan. Menurut hemat saya, di antara ke tiga Widget Recent Post ini, Widget Recent Post Animasi adalah yang paling bagus karena menurut saya juga Widget Recent Post Animasi ini adalah Widget Recent Post penyempurna dari Widget Recent Post sebelumnya. Coba saja sobat pasang ketiga widget ini dan sobat bandingkan, mana yang lebih cantik dan mana yang kelihatan lebih indah. 

Cara Buat Widget Recent Post Animasi :

• Sign In di http://www.blogger.com/
• Pada Dashbor klik Design
• Klik Add a Gadget dan HTML Java Script
• Copy kode di bawah ini dan paste pada kolom yang tersedia

==============================================================================

<style type="text/css">
#rp_plus_img{height:377px;}
#rp_plus_img li {height:60px;padding:5px;list-style:none;
background-color:#ffffff;
border:solid 1px #000000;}
#rp_plus_img a{color:#00000;}
#rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;
text-align:justify;
-moz-border-radius: 5px;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;}
</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/recentpost.js"></script>

<script type="text/javascript">
var speed = 1500;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>

<ul id="rp_plus_img"><script style="text/javascript">
var numposts = 5;
var numchars = 0;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul><small><a href="http://bloggertutorialblog.blogspot.com/" target="_blank">Get this widget here</a></small>

==============================================================================

• Klik Simpan

Tambahan :
var numposts = 5; adalah jumlah post yang akan ditampilkan, silahkan sobat blogger sesuaikan 

sumber

Read More

Membuat Google Translate Sederhana Untuk Blog

Widget Google Translate adalah Widget Penterjemah yang di buat khusus buat pengguna Internet yang memiliki situs atau blog. Widget Google Translate merupakan widget yang harus di miliki oleh setiap situs atau blog yang target visitornya tidak hanya dari negeri sendiri. Dengan adanya widget ini, visitor yang berasal dari luar negeri dapat mengartikan secara langsung setiap artikel yang mereka baca. Widget google Translate ini memiliki tampilan yang sangat simple atau sederhana. Kalau widget ini di pasang di blog sobat blogger, maka ketika pengunjung blog membuka salah satu halaman blog sobat, di bagian bawah bawah menu bar akan muncul menu bar baru yang menawarkan kita untuk menterjemahkan laman yang di baca.

Cara buat Widget Google Translate Sederhana :

• Sign In di http://www.blogger.com/
• Pada Dashbor klik Design
• Klik Add a Gadget dan HTML Java Script
• Copy kode di bawah ini dan paste pada kolom yang tersedia

<div id="google_translate_element"></div><script> function googleTranslateElementInit() {   new google.translate.TranslateElement({     pageLanguage: 'id'   }, 'google_translate_element'); } </script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

• Klik Simpan

Tambahan :

id adalah kode Bahasa untuk Bahasa Indonesia, bahasa yang digunakan di blog

Kalau sobat blogger, menginginkan Widget Google Translate yang lain, Silahkan klik link di bawah ini :

1. Widget Google Translate yang menampilkan bendera berbayang

sumber

Read More

Membuat Google Translate Bendera Berbayang

Widget Google Translate yang saya tawarkan hari ini adalah widget Google Translate ke empat setelah Widget Google Translate Sederhana, Widget Google Translate Bendera Bergerak, Widget Google Translate Pin Bendera. Widget ini terlihat indah pada blog yang mempunyai background cerah atau terang. Nah... kalau blog sobat mempunyai background cerah, apa yang di tunggu? Langsung pasang widget ini di blog sobat.

Cara buat Widget Google Translate Bendera Berbayang

• Sign In di http://www.blogger.com
• Pada Dashbor klik Design
• Klik Add a Gadget dan HTML Java Script
• Copy kode di bawah ini dan paste pada kolom yang tersedia

==============================================================================

<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="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=7645695684025277404#" rel="nofollow" target="_blank" title="English"><img align="absbottom" alt="English" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr4sm6Epv94P_q0v9-kQemwhJ9jjxv0bJajzdgKZGgu6qsqH0py1h6nVKyYXR_tEuOJPTHpi8xjiyfF5QaSw82mO2KCYYFl-hhboDoX4c2OARhyqzQj58NFfwUV7GOozM-OVV7C7qK87k/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="English" width="27"></a>
<a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=7645695684025277404#" rel="nofollow" target="_blank" title="German"><img align="absbottom" alt="German" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYwkCPbHyntEm0fC9NYzpt1JX71YJ4TIMYqCRimspK4Q3iR7bR3WmHjpjMQjn_5sLZ6VGG_LR-st_pt7FodXoh6I-nT_w1PuUIXLczuB7aitY5a5qLID4irDQH-nOFbSWdYD6RcZpzy6v8/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="German" width="27"></a>
<a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=7645695684025277404#" rel="nofollow" target="_blank" title="Spain"><img align="absbottom" alt="Spain" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYw8FZhDIBtolNi401GO7azfX3FgPPXtANe3zB6ji4DbyzvaqpJ8Hx0gAixC3KFTLSq8M587pwOCHUszrWEPyp_loQdrzsQrDmd2PCGJHgVvSmvy4beToXulPbcepyV482Yye3AIFb_sEJ/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Spain" width="27"></a>
<a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=7645695684025277404#" rel="nofollow" target="_blank" title="Italian"><img align="absbottom" alt="Italian" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5D3wY2CQWqLnmkjD8Qj4iHZmadb-2JqTzWJbtK7lPMANiZALAACygcEAR0vCJ4WT0iiyafFNJRqu3hMdJFCVj-YwemF5fVz5vTYUW8sPike0bDczuul9dc8ma5gSKh-TPMC3WjDgcV4c/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Italian" width="27"></a>
<a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=7645695684025277404#" rel="nofollow" target="_blank" title="Dutch"><img align="absbottom" alt="Dutch" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdOMEEXYDxctIsic32PwH5y1mxXt1gSvCXMO855XjlZMrU6RdQOlb7zbQTzz44ex8neEYCBlhBkMJdIiRNgll8hvE-a2VT45vTUs03nvIgqynQ8AVgRH0bDEeIrE8b76F4jOuWDlr5TeM/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Dutch" width="30"></a>
<a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=7645695684025277404#" rel="nofollow" target="_blank" title="Russian"><img align="absbottom" alt="Russian" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8XXfR2oFzAiKqXex75nUSHSb9j0atkOvDrjMCwOfdrGeALXJhsbBFc3cEF9ciXqj7mLU65Btp3PvgsiW7_ynw9SytEARzmqcwqAdgezDO70puuKSf7VgSs9Lx3VTRP8RJ-zDbngqZXXw/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Russian" width="27"></a>
<a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=7645695684025277404#" rel="nofollow" target="_blank" title="Japanese"><img align="absbottom" alt="Japanese" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjomh4g2BRNd6q8S_jQeIBq9Ybp4_zB3oyVMpFdCeZswCG6Psb4h0vIYN70igd42f1VEcC5Erd_J1LF_MmitfyH85qLSRpAxYA1k5TjlFjr_nsV89Riexmxsf3K2qTlkvFWseVruFpaIGbW/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Japanese" width="27"></a>
<a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=7645695684025277404#" rel="nofollow" target="_blank" title="Korean"><img align="absbottom" alt="Korean" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuzOX0SKXx3Dfu6VqMvUTL8iE22Z59tVUZ0-9xkELk9C9w8Rg2WMkkZimv4UzXBT38B2bhMK_PHj1B87y-lPx9-O22VFUW5h7EkA5zOvteoc5cf9NPcG_giXGg1QapgGMdTtvElfUUtrQ/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Korean" width="30"></a>
<a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=7645695684025277404#" rel="nofollow" target="_blank" title="Arabic"><img align="absbottom" alt="Arabic" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixy19GrFT8Dh3IIAa6z_T81kCjLoo8zBOTq6qecQso8lsH7iJDfVFZuBECgG7YyADW0nD2Fa9g_R1k6oxC6eRPpj3DsUu9R9Xeelx2LEdfNhyphenhyphenlDuQ9RUqPPYvsj1L8xKJEDBrPxeZ5BRQ/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Arabic" width="27"></a>
<a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=7645695684025277404#" rel="nofollow" target="_blank" title="Chinese Simplified"><img align="absbottom" alt="Chinese Simplified" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2V-AwP9UhpzyC21AMKAXjFgKThxpBxopew5NB2sS_xEAZ9eZkz0HAQYVjVoqr2Y-JDJxntUmbTmglQ9ks7ZmAcvjrCuEHQZxfjRgM-SzbU43EKPYF_UEVX_d_65TLhmCSM2uhOgWCAVE/?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Chinese Simplified" width="27">

 ===============================================================================

• Klik Simpan

sumber

Hasilnya akan terlihat seperti di bawah ini

     

Read More

Cara Menyembunyikan Navbar Blog

Navbar berada di bagian atas Header Blog. Navbar merupakan menu Horizontal yang terdiri atas kotak pencarian dan beberapa link seperti Link Bebagi, Link Laporkan Penyalahgunaan, Link Blog Berikut, Link Buat Blog dan Link Masuk. Navbar memiliki banyak tampilan warna seperti warna biru, hitam, silver, tan, transparan terang dan transparan gelap. Navbar merupakan fitur default dari sebuah template.

Sudah beberapa kali terjadi perubahan bentuk Navbar dari versi sebelumnya. Perubahan tersebut membuat Tampilan Navbar terlihat lebih bagus. Walaupun seperti itu, 95 dari 100 blog, menghilangkan fitur tersebut. Mungkin, mereka merasa dengan adanya Navbar, tampilan blog mereka kurang indah. Jadi kalau sobat blogger termasuk orang yang merasa seperti itu, ikuti tips menyembunyikan Navbar di bawah ini.

Cara Menyembunyikan Navbar :

• Log In di  http://www.blogger.com/
• Pilih Layout kemudian klik Edit HTML
• Copy kode di bawah ini

#navbar-iframe {
display: none !important;
}

• Letakkan kode terebut sebelum kode /* Variable definitions (Untuk lebih jelasnya, perhatikan gambar di bawah ini) :

SEBELUM

SETELAH

• Kalau sobat blogger sudah mengikuti langkah di atas, SAVE template sobat

Tambahan :

Pada beberapa template, kode di atas tidak bisa digunakan. Oleh karena itu, kalau sobat blogger memiliki template yang berbeda dan ingin menyembunyikan Navbar. Silahkan ajukan melalui kolom komentar di bawah ini, tentunya dengan menyertakan jenis template sobat.

sumber

Read More

Cara Menghias Cursor Pada Blog

Picture by : Tutorial Untuk Blog

Hari ini menjadi hari yang melelahkan dan membosankan buat saya, melelahkan karena banyaknya pekerjaan yang harus diselesaikan, dan membosankan karena jaringan internet yang saya gunakan lagi gangguan. Tepaksa, postingan yang seharusnya saya publikasikan, saya tunda untuk beberapa hari. Terus postingan yang sobat blogger baca saat ini, bisa dikatakan sebagai media curhat supaya kedua rasa yang sudah saya sebutkan tadi bisa sedikit berkurang. Tapi kalau saya teruskan curhat saya ini, bisa-bisa blog ini menjadi blog untuk curhat bukan blog yang kasih tutorial tentang blog. Jadi, saya putuskan untuk membuat tutorial singkat tentang cara membuat Cursor Blog di kejar warna. Salah salah salah, saya ganti istilahnya menjadi cara membuat cursor di krumuni warna. Waduh, kayaknya masih kurang tepat juga istilah ini, ya sudah, saya pakai istilah yang lebih umum saja yaitu "Cara Modifikasi Cursor Blog".

Teknik ini tidak merubah tampilan default dari cursor kita yang berbentuk panah (Arrow), akan tetapi crusor yang tanda panah itu akan di kejar oleh sekumpulan warna yang indah. Teknik ini bisa dikatakan sebagai salah satu cara memperindah blog. Mungkin sobat blogger tidak bisa membayangkan apa yang sudah saya jelaskan tadi. Jadi, supaya sobat blogger bisa melihat langsung seperti apa yang saya jelaskan tadi, langsung saja praktekkan tutorial ini :

Cara Modifikasi Crusor Blog :

• Seperti biasa, masuk dulu ke akun blogger sobat
• Di bagian Dashboard klik design
• Selanjutnya klik Add a Gadget dan HTML/javascript
• Copy kode di bawah ini dan paste pada kolom yang tersedia :

=================================================================================

<script language="JavaScript" type="text/javascript">
var xCol = "#FF0000";
var yCol = "#FFFF00";
var zCol = "#0000FF";
var n = 6; //number of dots per trail.
var t = 40; //setTimeout speed.
var s = 0.2; //effect speed.
var r,h,w;
var d = document;
var my = 10;
var mx = 10;
var stp = 0;
var evn = 360/3;
var vx = new Array();
var vy = new Array();
var vz = new Array();
var dy = new Array();
var dx = new Array();
var pix = "px";
var strictmod = ((document.compatMode) &&
document.compatMode.indexOf("CSS") != -1);
var domWw = (typeof window.innerWidth == "number");
var domSy = (typeof window.pageYOffset == "number");
var idx = d.getElementsByTagName('div').length;
for (i = 0; i < n; i++)
{
var dims = (i+1)/2;
d.write('<div id="x'+(idx+i)+'" style="position:absolute;'
+'top:0px;left:0px;width:'+dims+'px;height:'+dims+'px;'
+'background-color:'+xCol+';font-size:'+dims+'px"><\/div>'
+'<div id="y'+(idx+i)+'" style="position:absolute;top:0px;'
+'left:0px;width:'+dims+'px;height:'+dims+'px;'
+'background-color:'+yCol+';font-size:'+dims+'px"><\/div>'
+'<div id="z'+(idx+i)+'" style="position:absolute;top:0px;'
+'left:0px;width:'+dims+'px;height:'+dims+'px;'
+'background-color:'+zCol+';font-size:'+dims+'px"><\/div>');
}
if (domWw) r = window;
else
{
if (d.documentElement &&
typeof d.documentElement.clientWidth == "number" &&
d.documentElement.clientWidth != 0)
r = d.documentElement;
else
{
if (d.body && typeof d.body.clientWidth == "number")
r = d.body;
}
}
function winsize()
{
var oh,sy,ow,sx,rh,rw;
if (domWw)
{
if (d.documentElement && d.defaultView &&
typeof d.defaultView.scrollMaxY == "number")
{
oh = d.documentElement.offsetHeight;
sy = d.defaultView.scrollMaxY;
ow = d.documentElement.offsetWidth;
sx = d.defaultView.scrollMaxX;
rh = oh-sy;
rw = ow-sx;
}
else
{
rh = r.innerHeight;
rw = r.innerWidth;
}
h = rh;
w = rw;
}
else
{
h = r.clientHeight;
w = r.clientWidth;
}
}
function scrl(yx)
{
var y,x;
if (domSy)
{
y = r.pageYOffset;
x = r.pageXOffset;
}
else
{
y = r.scrollTop;
x = r.scrollLeft;
}
return (yx == 0)?y:x;
}
function mouse(e)
{
var msy = (domSy)?window.pageYOffset:0;
if (!e) e = window.event;
if (typeof e.pageY == 'number')
{
my = e.pageY - msy + 16;
mx = e.pageX + 6;
}
else
{
my = e.clientY - msy + 16;
mx = e.clientX + 6;
}
if (my > h-65) my = h-65;
if (mx > w-50) mx = w-50;
}
function assgn()
{
for (j = 0; j < 3; j++)
{
dy[j] = my + 50 * Math.cos(stp+j*evn*Math.PI/180) *
Math.sin((stp+j*25)/2) + scrl(0) + pix;
dx[j] = mx + 50 * Math.sin(stp+j*evn*Math.PI/180) *
Math.sin((stp+j*25)/2) * Math.sin(stp/4) + pix;
}
stp+=s;
for (i = 0; i < n; i++)
{
if (i < n-1)
{
vx[i].top = vx[i+1].top; vx[i].left = vx[i+1].left;
vy[i].top = vy[i+1].top; vy[i].left = vy[i+1].left;
vz[i].top = vz[i+1].top; vz[i].left = vz[i+1].left;
}
else
{
vx[i].top = dy[0]; vx[i].left = dx[0];
vy[i].top = dy[1]; vy[i].left = dx[1];
vz[i].top = dy[2]; vz[i].left = dx[2];
}
}
setTimeout(assgn,t);
}
function init()
{
for (i = 0; i < n; i++)
{
vx[i] = document.getElementById("x"+(idx+i)).style;
vy[i] = document.getElementById("y"+(idx+i)).style;
vz[i] = document.getElementById("z"+(idx+i)).style;
}
winsize();
assgn();
}
if (window.addEventListener)
{
window.addEventListener("resize",winsize,false);
window.addEventListener("load",init,false);
document.addEventListener("mousemove",mouse,false);
}
else
if (window.attachEvent)
{
window.attachEvent("onload",init);
document.attachEvent("onmousemove",mouse);
window.attachEvent("onresize",winsize);
}
</script>

=================================================================================

• Save

Tambahan :
Kalau sobat blogger mau mengganti warna yang mengitari cursor, sobat bisa rubah kode ini :

var xCol = "#FF0000";
var yCol = "#FFFF00";
var zCol = "#0000FF";

Selamat Mencoba Teman Blogger Semua . Semoga Berhasil

sumber

Read More

Cara Membuat Salam Pembuka Pada Blog

Apakah sobat blogger pernah berkunjung ke suatu blog, kemudian muncul sebuah salam pembuka atau ucapan salam dari blog tersebut? Kalau pernah, apakah sobat blogger tertarik untuk memasang fitur seperti itu? Kalau sobat blogger tertarik, berarti kebetulan banget karena itulah tutorial blog yang akan saya berikan buat sobat blogger hari ini, yaitu tentang cara Membuat Salam Pembuka Di Blog. Apa mamfaat dari memasang salam pembuka ini di blog, sepertinya tidak perlu saya sebutkan. So, let's make it.

Cara Membuat Salam Pembuka Di Blog :

• Sobat masuk dulu ke akun Blogger sobat
• Klik Design
• Klik Add a Gadget dan HTML JavaScript
• Copy dan paste kode berikut pada kolom yang tersedia

=================================================================================

<script type='text/javascript'>
var name = prompt("Selamat Datang...!! Nama kamu siapa?", "Nama Kamu");
alert("Salam Kenal Ya..."+name)
alert("Selamat menikmati artikel yang kami suguhkan")
</script>

=================================================================================

• Klik Save

Tambahan :

Teks prompt yang berwarna merah bisa sobat blogger sesuaikan dengan keinginan sobat blogger. Tapi ingat ya, jangan gunakan bahasa yang kurang sopan, bisa-bisa pengunjung yang akan mencari artikel di blog sobat pada kabur semua.

sumber

Read More

Manfaat alexa site audit

Alexa adalah sebuah situs yang sering di kupas atau di bahas oleh hampir semua blog. Ada yang mengupas tentang Cara membuat widget Alexa, Cara Memasang Widget Alexa, Cara optimasi blog di Alexa, Cara Claim blog di Alexa, dan banyak lagi topik lain yang di bahas tentang Alexa. Supaya sedikit berbeda dengan blog-blog yang lain dan supaya tidak di kira tulisan ini hasil kutipan, saya pun akan membahas topik yang lain tentang Alexa yaitu Mamfaat Alexa Site Audit. Walaupun informasi yang akan saya sajikan atau kupas hari ini sangat sedikit, saya sangat berharap, semua ini dapat menambah pengetahuan kita tentang Alexa.

Seperti yang tertulis di background di situs tersebut, dengan Alexa Site Audit, You can grow your web traffic and improve your user experience. Artinya dengan melakukan site audit di situs Alexa, sobat blogger dapat meningkatkan traffik blog sobat dan dapat mengembangkan pengalaman sobat sebagai pengguna

Apa mamfaat dari Alexa Site Audit? Mungkin sobat blogger pernah bertanya tentang hal tersebut Jadi saya akan gambarkan sedikit tentang semua itu. Ada empat point penting yang kita bisa dapatkan kalau melakukan Site Audit di Alexa yaitu :

1. Increased Traffic
2. Extensive Insights
3. Peace of Mind
4. Complete Control

Increased Traffic (Lalu lintas meningkat)

Alexa Site Audit menyediakan analisis SEO yang paling lengkap di mana saja. Setiap audit memeriksa hingga 10.000 halaman di situs atau blog kita dan memberi kita rekomendasi terinci untuk meningkatkan lalu lintas pencarian kita.

Extensive Insights (Wawasan yang luas)

Lebih dari sekedar Tool SEO, Alexa Site Audit juga meliputi laporan pada kegunaan dan analisis Web cakupan tag di situs web atau blog kita.

Peace of Mind (Ketenangan Pikiran)

Dengan laporan berjalan secara otomatis dua kali setiap bulan, Alexa Site Audit memonitor situs atau blog kita sehingga kita dapat berkonsentrasi pada pengembangan bisnis kita.

Complete Control (Kontrol yang lengkap)

Kita dapat membatalkan langganan kita setiap saat, kita tidak akan ditagih lagi. Atau membeli sebuah laporan Alexa Site Audit tunggal dan menerima laporan tindak lanjut gratis.

Sebenarnya masih banyak lagi informasi yang bermamfaat atau berguna tentang Alexa Site Audit. Tapi cukup itu saja yang bisa saya gambarkan. Untuk lebih lengkapnya, silahkan sobat blogger langsung mengunjungi situs Alexa tentang Alexa Site Audit.

sumber

Read More

TOS atau tata cara pembayaran Idblognetwork.com

Id Blog Network

TOS atau tata cara pembayaran Idblognetwork.com

Blogger / Publisher harap mengerti tentang peraturan Pay Out / Pembayaran seperti berikut dibawah ini :

1. Pembayaran dilakukan pada awal bulan antara tanggal 5 sampai dengan 10 tiap bulan (hari kerja)

2. Khusus untuk pekerjaan PPP (Pay Per Post) atau job review, akan dilakukan pembayaran bervariasi antara 45-60 hari dihitung pada saat Campaign Selesai. blogger yang mendapatkan review diharapkan memberikan laporan mingguan mengenai jumlah impression, jumlah klik yang terjadi pada artikel review tersebut. keterlambatan laporan, tidak melapor, pelanggaran TOS, tidak mematuhi guidance akan menyebabkan penundaan pembayaran, Pelanggaran fatal akan menyebabkan tidak terjadinya pembayaran

(Updated 18 july 2011)

3. Pay out dilakukan ke blogger bila saldo minimal Rp 300,000 pada akhir bulan (Updated 18 july 2011)

4. Blogger tanpa NPWP tidak dikenakan potongan pajak (Updated 18 july 2011)

5. Blogger dengan NPWP tidak dikenakan potongan pajak

(Updated 18 july 2011)

6. Mulai Agustus 2011, Blogger Tidak perlu mengisi data NPWP (Updated 18 july 2011)

7. Blogger yang mendapatkan tugas review antara tanggal 20 sampai dengan akhir bulan, maka pay out dilakukan pada awal bulan berikutnya, misalkan tugas review dilakukan 20 january maka pay out dilakukan pada awal bulan maret. Dengan catatan apabila blogger tersebut mematuhi guidance,TOS yang diberikan

8. Dengan alasan kemudahan mekanisme transfer, maka yang diprioritaskan pembayaran adalah Bank BCA/Mandiri/BNI

9. PO CPP-Job Review + CPT Twitter akan dibayarkan 60 hari setelah campaign di-locked. (Updated 18 july 2011) 

Misalnya : 

Locked CPP job review tanggal 30 Juli 2011 tanpa ada masalah, maka PO blogger akan dilakukan pada tgl 6-10 

Oktober 2011.

10. Bank yang digunakan untuk transfer Pay out adalah BCA (Bank Central Asia), Bank Mandiri,Bank Syariah Mandiri,(BNI) Bank Negara Indonesia,Bank Syariah BNI, (BRI) Bank Rakyat Indonesia,Bank Danamon,Bank CIMB Niaga,Bank Permata,Bank DKI,Bank Muamalat

11. Payout untuk PPA (PayPerAction) ditransfer pada periode 2 bulan berikutnya. contoh kasus: penghasilan pada bulan january 2012 untuk campaign PPA (pay per action) akan ditransfer pada bulan Maret 2012
sumber

 

Read More

Cara Membuat Blog Terbaru 2012 di Blogger

Cara membuat blog terbaru 2012

Cara Membuat Blog di Blogspot (Blogger.com) GRATIS

Blogger.com platform blog yang jadi salah satu blog pilihan blogger Indonesia terutama buat yang baru belajar sepertiku. Walau sebagian blogger pro mencibir blogspot dan selalu membanding bandingkan dengan Wordpress.org blogspot selalu yang utama dihatiku karena dia gratis dan sudah support beragam script dan bisa memasang iklan.

Langsung saja ini langkah demi langkah cara membuat blogger di Blogspot terbaru :

1. Membuat Email di Gmail.com

Blogger.com sudah di akusisi oleh Google jadi langkah pertama dalam membuat blog di blogspot ialah kita wajib untuk memiliki akun GMAIL sebagai  email yang digunakan untu daftar di blogger.com. Walaupun sebenarnya bisa menggunakan email lain tapi percaya deh mending make GMAIL dari awal.

Cara Membuat Email di Gmail

Daftar GMAIL gratis buka www.gmail.com lalu klik di pojok kanan atas Create An Account atau Buat Akun

membuat akun di Gmail.com

Tinggal isi data data di akun gmail yang akan dibuat seperti nama, tempat tanggal lahir , password dan lain-lain.

Biasanya dalam membuat email di GMAIL kita perlu verifikasi lewat nomor handphone jadi usahakan masukan nomor handphone yang bisa dikirimin sms dari Google untuk verifikasi.

Setelah email di Gmail dibuat baru kita bisa melanjutkan ke step 2 membuat blog.

2. Daftar di Blogger.com

Setelah membuat email di GMAIL sekarang saatnya daftar di www.Blogger.com

buka www.blogger.com lalu klik bagian kanan atas yang bertulisan 'sign up atau daftar'

daftar blogger | Sign Up

Isi data-data sesuai keinginan :

Cara bikin blog

• email : email GMAIL yang kita buat tadi di tahap 1
• Password : pilihlah password minimal 8 karakter
• Display Name (nama tampilan) : Merupakan nama yang digunakan sebagai nama kita di akun blog nanti. Misal aku memilih nama "ayead gaptek" maka nama yang akan muncul ketika aku posting nanti ialah "posted by ayead gaptek atau diposting oleh ayead gaptek"
• Gender (Jenis Kelamin) : pilih kelamin sesuai kenyataan atau kalau ragu pilih "other atau lainnya"
• Birthday (tanggal lahir) : masukan dengan format tanggal/bulan/tahun misal jika tanggal lahir 17 agustus 1945 maka yang dimasukkan = 17/08/1945 jika dalam format bahasa inggris seperti gambar dibawah maka format tanggalnya ialah bulan/tanggal/tahun
• Word Verification (verifikasi) : masukan karakter yang terdapat di bawah
• Lalu centang Acceptance of terms (penerimaan peryaratan)
• Klik Continue / Lanjutkan

3. Membuat Blog | Cara Bikin Blog

Sampai proses diatas sobat sudah selesai cara membuat akun Blogger, sekarang saatnya membuat BLOGnya. 

Di akun blogger klik "Blog baru" untuk membuat blog. Lalu akan muncul halaman untuk memilih Judul, Alamat Blog dan Template.

Cara Membuat Blogger : memilih Judul, Alamat dan template

Pilih Judul dan Alamat blog.

• Judul digunakan sebagai penama blog, misal untuk blog ini dulu kuberi judul Blognya Ayead Tergaptek
• Alamat merupakan url alamat blog yang diinginkan misal alamat blog pemulung12.blogspot.com

Saran Gaptek : dalam memilih judul dan nama blog jangan pilih yang aneh atau susah dieja maupun menggunakan simbol yang aneh-aneh. Pilih yang mudah diingat orang lain dan tidak membingungkan.

Memilih Template Blog

Ada berbagai template bawaan dari blogger yang tersedia sobat bisa memilih terserah sesuai dengan yang disuka lalu klik 'Buat Blog'

Saran Gaptek : Dalam memilih template blog awal, aku lebih suka dengan template 'AWESOME' karena lebih terlihat simpel tanpa banyak background gambar. Template yang namanya 'Simple' justru sebenarnya tidak simpel seperti namanya karena menggunakan background dalam bentuk gambar sehingga berat untuk dibuka.

4. Blog Sudah Jadi

Selamat ! sampai disini blog sudah berhasil dibuat
sumber

Read More

Langkah langkah Memasang Template Blog di Blogger

Langkah-langkah untuk memulai memasang/ mengganti templet di blogger.com adalah sebagai berikut:

1 . LogIn/ masuk ke akun Blogger milik anda.

2 . Apabila sudah sampai di halaman Dasbor, Klik Tata Letak.


3. Dan sekarang anda telah masuk di halaman Tata Letak, silahkan untuk meng-klik Edit HTML untuk memulai memasang/ mengganti templet.


4. Selanjutnya, klik Download Template Lengkap. hal ini dilakukan untuk menghindari kegagalan dalam memasang templet baru. Jadi kalau hal tersebut terjadi, maka tidak akan menjadi masalah karena anda telah menyimpan Back-Up/ cadangannya.

5 . Selanjutnya Klik Kotak Expand Template Widget, yang bertujuan agar proses peng-upload-an menjadi lebih lancar.

6 . Kemudian Klik tombol Browse, untuk mengambil templet blog baru anda di Komputer anda yang kemudian diikuti dengan mengklik tombol Unggah untuk memulai proses peng-upload-an.

"Tunggu Beberapa saat sampai proses pengunggahan telah selesai..."

7. Apabila proses pengunggahan telah selesai, silahkan untuk meng-klik tombol Simpan Template.



Untuk mencari templet , teman-teman bisa mengunjungi website-website yang menyediakan templet gratis untuk blogger.com berikut ini:

1. www.blogspottemplate.com

Menyediakan lebih dari 80 template gratis buat blogger, dijamin gak nyesel. Dan di sana nantinya anda bisa men-download template tersebut secara cuma2 alias gratis.

2. www.blogtemplate4u.com

Menyediakan template blogger gratis untuk anda, tersedia banyak pilihan seperti template jenis apa yang anda inginkan. Selain itu anda juga bisa memilih jumlah kolom (template berkolom) dan di web ini tersedia 2-4 kolom (template berbasis kolom), dan masih banyak lagi pilihan2 dan kategori2 lainnya. Bikinan org Indo lho...itu lho yang familiar. Kang Rohman, tahu kan?

3. www.btemplates.com

Situs ini menyediakan template dengan kategori komplit. Banyak macamnya juga, yang berkolom, juga ada yang berbasis Magazine, Elegant Style dan juga sekarang sudah banyak template dengan versi Web 2.0. Pokoknya gak nyesal dah.

4. www.themelib.com

Kalau yang ini menyediakan template yang unik lho. Ya...seperti template i-phone, dengan kata lain nanti tampilannya kayak i-phone. Selain itu di themelib juga menyediakan beberapa tutorial mengenai Blog.

5. www.eblog-templates.com

Menyediakan jumlah template yang tidak kalah dengan yang lainnya juga. Selain itu di eblog-templates.com anda bisa mengikuti program afiliasi penjualan template yang ditawarkan oleh pihak eblog-templates.com, ini kesempatan lho...buat nambah2 sangu hehehe

6. www.pyzam.com

Template yang disediakan memiliki warna yang segar/ fresh, pokoknya warnanya bagus2 dah. Yaaa...dengan kata lain ahli dalam memadukan warna.

7. www.blogcatalog.com

Kalau yang ini anda pasti akan tertarik dengan gaya templatenya. Juga sudah tersedia template yang secara otomatis membuat tulisan anda menjadi Read More

8. www.finalsense.com
Situs ini gak kalah pentingnya juga lho, memiliki bentuk2 template yang unik. Mungkin anda ingin memiliki blog yang bentuknya laptop, ya' templatenya ada di situs ini, buruan.


Untuk selebihnya teman-teman bisa mencari templet gratisan lainnya. Untuk mempermudah pencarian, teman-teman bisa menggunakan jasa Om Google. Cukup sekian... sumber

Semoga Bermanfaat 

 

Read More