Google WebMaster - Menambah Administration User

Google telah menambahkan fitur administrasi user di Google Webmaster yang memungkinkan pemilik situs untuk menambah user lain dengan akses terbatas.



Sebelumnya, pemilik situs harus melewati proses verifikasi bila ingin menambahkan user lain di Google Webmaster, dimana setiap user baru yg ditambahkan akan memiliki hak akses yang unlimited sehingga sangat beresiko bila anda tidak terlalu mengenal / mempercayai orang tersebut.

Kini pemilik situs dapat menambahkan user lain dengan akses Full Access dan Restricted tanpa perlu melalui proses verifikasi dengan total maximum sampai dengan 100 user.

Pilihan hak akses user di Google Webmaster:

    Owner Access: Semua user yang telah diverifikasi di Webmaster Tools. Setiap user yang masuk dalam kategori ini dapat menambahkan user lain dan melakukan semua pilihan kontrol yang ada di Google Webmaster.
    Full Access: User dengan akses ini diberi keleluasaan untuk melihat semua data dan melakukan beberapa aksi administrasi seperti merubah setting situs atau menghapus sitelinks.
    Restricted Access: User yang masuk dalam kategori restricted hanya bisa melihat data situs dan melakukan aksi basic seperti Fetch as Googlebot dan mengatur pesan untuk akun mereka.

Bila pembaca ingin menambahkan user dapat melakukannya di pilihan Manage Site -> Add or Remove Users atau dibawah Site Configuration >> User administration.





Saat User dengan akses terbatas membuka webmaster ia akan melihat tulisan Restricted Access di bagian kanan atas (gambar bawah).




Read More …
0 komentar
Label: , ,

5 Plugin "Populer Post" Wordpress terbaik

Plugin Popular Post sangat bermanfaat untuk meningkatkan jumlah pageviews blog sobat, plugin-plugin ini berguna untuk menampilkan artikel mana yang paling banyak dibaca oleh pengunjung ! ! Berikut bebera daftar Plugin Popular Post yang menurut saya cukup baik :

JAW Popular Posts Widget –  Plugin ini merupakan tambahan yang bagus untuk setiap blog sobat, karena memiliki fitur untuk menampilkan Link daftar Popular Post pada sebuah widget di sidebar.

WordPress.com Popular Posts – Plugin ini hampir sama dengan plugin sebelumnya, yang menampilkan Popular Post pada sidebar.

Most Popular Posts –Yang ini nggak kalah keren, dan penggunaannya cukup mudah, kalian tinggal install dan aktifkan pluginya dan menambah sebuah widget pada sidebar

Popular Posts – Berbeda dengan yang lainnya, plugin yang satu ini bisa kalian letakkan dimana saja, sesuai keingin kalian. juga bisa di Sidebar

WordPress Popular Posts – Mungkin yang ini salah satu yang terbaik, kenapa ? ? Karena plugin ini memungkinkan kalian buat men format ulang pluginnya sesuai dengan kebutuhan kalian.


Mungkin cuma 5 itu aja dari gue,, pilihlah sesuai dengan kebutuhan dan lihat dulu fitur-fiturnya sebelum menginstall .. :)
Read More …
2 komentar
Label: ,

Menyembunyikan Versi Wordpress

Saat ini siapa yang tak kenal wordpress???  Salah satu dari sekian banyak CMS (Content Management System) yang penggunaannya cukup mudah dan mempunyai fitur yang lengkap :) Bahkan buat personal blog gue http://aangr.web.id juga menggunakan Source Wordpress dan menggunakan self hosting.
Bahkan sampai saat ini Wordpress masih memegang kandidat kuat sebagai best opensource blogengine :D Tak heran bahwa tahun 2009 lalu, Wordpress mendapatkan penghargaan Best Open Source CMS Award dengan fitur terlengkap dan meraih Runner Up Best Open SOurce PHP.

Walaupun demikian, wordpress juga rentan di hack terutama versi-versi lama. Untuk itu ada baiknya kita menyembunyikan versi wordpress yang kita gunakan. Kalo masih bingung bagaimana bisa melihat versi wordpress yang digunakan, kalian cukup dengan menekan Ctrl+U atau klik kanan halaman web tersebut dan pilih View Page Source. Lihatlah seperti gambar dibawah ini :


Dari Screenshot diatas dapat diketahui bahwa http://aangr.web.id menggunakan CMS Wordpress versi 3.3.1. Nahh,, untuk menyembunyikan versi wordpress tersebut caranya cukup mudah.

  • Login ke web/blog kalian.
  • Pilih Appereance >> Editor
  • Kemudian pilih Function.php
  • Kemudian cari dan hapus kode dibawah ini 
remove_action('wp_head', 'wp_generator');

Kode tersebut tergantung template yang kalian gunakan, jadi carilah kode yang sama atau hampir sama :D Kemudian simpan.
Kemudian kalian lihat page souce nya, jika kalian mengikuti langkah2 diatas dengan benar maka kalian telah berhasil Menyembunyikan Versi Wordpress kalian.

Read More …
0 komentar
Label:

Menu Navigasi dengan Efek Mouse Over

Sobat, Menu Navigasi bisa membuat blog sobat terlihat lebih cantik, apalagi dengan menambahkan efek mouse over. Efek Mouse Over kali ini adalah apabila Cursor Mouse berada pada menu tersebut, maka menu navigasi tersebut akan tergeser keluar secara otomatis. Liat screen shootnya :

Ok,, buat bikin menu Navigasi tersebut :

  • Login Blogger
  • Tambahkan Gadget baru dan Pilih HTML/Javascript
  • Masukkan Kode dibawah :
<style>
ul#navigation {
position: fixed;
margin: 0px;
padding: 0px;
top: 0px;
right: 0px;
list-style: none;
z-index:999999;
width:721px;
}
ul#navigation li {
width: 103px;
display:inline;
float:left;
border:0;
}
ul#navigation li a {
display: block;
float:left;
margin-top: -2px;
width: 100px;
height: 25px;
background-color:#eeeeee;
background-repeat:no-repeat;
background-position:50% 10px;
border:1px solid #BDDCEF;
-moz-border-radius:0px 0px 10px 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-khtml-border-bottom-right-radius: 10px;
-khtml-border-bottom-left-radius: 10px;
text-decoration:none;
text-align:center;
padding-top:80px;
opacity: 0.96;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
ul#navigation li a:hover{
background-color:#CAE3F2;
}
ul#navigation li a span{
letter-spacing:2px;
font-size:11px;
color:#60ACD8;
font-family:trebuchet-ms, arial, tahoma, Sans-Serif;
font-weight:bold;
text-shadow: 0 -1px 1px #fff;
}
ul#navigation .rss a{
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPMjqFFwjTajRSsj_gMROKSVSFjwynvO8sR1N_UsKDxy8lIvIIxQhqSAhXaVHjq1fNsoQInz8_iNSGGLx-EKZzGdLwYb0dn9z6Op6HsLykyE3_UaYQOa9Y1S_wF3OxQAzPPCXtvQP5T6My/s400/rss_64x64.png);
}
ul#navigation .facebook a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ5MbT2aRi1_6srPPI74c2ESJjydnYAqXHrft89kp2hPc973ZJBGyU7qxMhL16yVTJE-mMF0NOmlxd7MqoKncIMnRVBCoBK2oZ0UhdNlnemLVm-nl8M7SkZB0snv33ypEYyKnzAJFYtiD2/s400/facebook_64x64.png);
}
ul#navigation .twitter a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSXz2_45HEjbrLs0nTNVElZb-P7ehaKkxlolzAFSnzk-oqjspVg6GM9j58QfSekHsLCtBRI5BipBWYMDsGd3Fot9nAOsr_wALyKWi52PS1W2dJ2OFxYGi_J7VqffjzSXFle01ubRZ9CTUR/s400/twitter_64x64.png);
}
ul#navigation .googlebookmarks a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9sHYcwDEj-Gw5escw7n_1tBLqvE8OZ5yZa1nVwe7udE6CoiFU-Ng3eDYljgCE4Agfv8V9C0i-g2LMcoBDOhl6LZrlaGEHDvJGiktGxN48WACWdumt9PTzoxuGoQRxTXXuDB_W3_gaXwyH/s400/google_64x64.png);
}
ul#navigation .e-mail a {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1PYHo7KdzEz0Me7w5pMLU5vtO2etSlVGIA9WyJpAGAb4TL7VZoU_ZfQwbsLb6VyX5Holp1adQsAZncx4b5NRYxo_FxxQhfAE6awFFhNz16PC9g5_rrxU8D38ulIvJO1B5EWaBrRC3mSk6/s400/yahoo_64x64.png);
}
</style>
<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js" type="text/javascript">
</script>
<script type="text/javascript">
$(function() {
var d=300;
$('#navigation a').each(function(){
$(this).stop().animate({
'marginTop':'-80px'
},d+=150);
});
$('#navigation > li').hover(
function () {
$('a',$(this)).stop().animate({
'marginTop':'-2px'
},200);
},
function () {
$('a',$(this)).stop().animate({
'marginTop':'-80px'
},200);
}
);
});
</script>
<ul id="navigation">
<li class="rss"><a href="http://blogger-kerinci.blogspot.com">RSS Feed</a></li>
<li class="facebook"><a href="FACEBOK-PROFILE">Facebook</a></li>
<li class="twitter"><a href="TWITTER-ACCOUNT">Twitter</a></li>
<li class="googlebookmarks"><a href="https://www.google.com/bookmarks/">Google</a></li>
<li class="e-mail"><a href="YAHOO!-ACCOUNT">Yahoo!</a></li>
</ul>

Eidt kode diatas sesuai kebutuhan :). Kemudian simpan..! 
Dan sobat udah berhasil bikin Menu Navigasi dengan efek Mouse Over
Read More …
0 komentar
Label:

Membuat Jump Menu

Dimalam yang dingin ini gw bakalan berbagi tentang cara bikin Jump Menu..! :) gw juga nggak bisa ngejelasin apa itu Jump Menu. Jadi sobat liat aja contoh dibawah :

 

Cara bikinnya juga sangat simple, sobat bisa membuat menu tersebut di halaman artikel, atau gadget blog sobat. Caranya seperti biasa :
1. Tambah Gadget Baru
2. Pilih "HTML/javaScript
3. Masukkan Kode dibawah

<form>
<select onChange="MM_jumpMenu('parent',this,0)">
<option>Daftar Blog Gw</option>
<option value="http://blogger-kerinci.blogspot.com">Blogger Kerinci</option>
<option value="http://kerinci-cyberlink.com">Komunitas Sharing</option>
<option value="http://aangr.blogspot.com">Diary Gw</option>
</select>
</form>

Kemudian Simpan Gadget atau terbitkan Postingan Tersebut.! Untuk menambah menu lebih banyak lagi, copy kode dibawah ini :

<option value="http://aangr.blogspot.com">Diary Gw</option>

Dan letakan diatas kode </select>


  • Tulisan yang bercetak tebal, ganti dengan alamat URL menu dan yang bercetak miring ganti dengan Nama Alamat URL tersebut
Selamat..!! sobat udah berhasil membuat Jump Menu.
Read More …
0 komentar
Label:

Membuat Menu Admin Area di Blog

Kali ini gw bakal bagi2 informasi tentang cara bikin Membuat Menu Admin Area di Blog, menu admin area memudahkan sobat untuk masuk sebagai pemilik blog sobat, melalui halam blog sobat.!! Jadi sobat nggak perlu susah2 buat buka situs www.blogger.com terlebih dahulu.
Screenshotnya :

Admin Area

Cara bikinnya cukup gampang, sobat hanya perlu menambah satu buah Gadget Baru, kemudian Pilih HTML/Javascript. Lalau masukkan script dibawah ini :

Masukkan Email dan Password anda<br /><br /><form action="https://www.google.com/accounts/ServiceLoginBoxAuth" method="post" onsubmit="onlogin()"><input value="http://www.blogger.com/loginz?d=%2Fhome&p=http%3A%2F%2Fwww.blogger.com%2F" name="continue" type="hidden" /><input value="blogger" name="service" type="hidden" /><input value="8" name="nui" type="hidden" /><input value="8" name="naui" type="hidden" /><input value="2" name="fpui" type="hidden" /><input value="3" name="uilel" type="hidden" /><input value="true" name="skipvpage" type="hidden" /><input value="false" name="rm" type="hidden" /><input value="true" name="alwf" type="hidden" /><input value="http://www.blogger.com/login.g" name="roeu" type="hidden" /><input value="0" name="alinsu" type="hidden" /><input value="WbQ8QiJfUvA" name="GA3T" type="hidden" /><div><label for="Email"> Username: <br /><input id="Email" tabindex="1" value="" name="Email" size="20" type="text" /></label></div><div><label for="Passwd"> Password: (<a href="https://www.blogger.com/forgot.g" target="_top" title="Forgot your password?">?</a>) <br /></label><input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="20" type="password" /></div><br /><input id="signin-btn-ns" tabindex="0" value="Sign in" class="ubtn ubtn-block" name="submit" type="submit" /></form>


Jika sudah selesai lalu simpan, kemudian lihat hasilnya. Jika langkah2 tersebut sobat ikuti dengan benar. Maka sobat telah berhasil membuat Menu Admin Area di Blog sobat. :)
Read More …
0 komentar
Label:

Membuat tombol Back to Top

Tombol Back To Top, sangat bermanfaat untuk mempermudah pengunjung blog untuk kembali ke bagian atas (header) blog sobat hanya dengan sekali klik, sehingga tidak perlu bersusah payah menggeser scrool mause..:)
Kali ini gw share tentang cara membuat Tombol Back To Top, seperti pada sudut kanan bawah blog gw ini.


Untuk membuat tombol Back To Top pada blogspot, silahkan ikut cara2 dibawah :

  • Login ke Blogger
  • Kemudian Tambah Gadget Baru 
  • Pilih HTML/Javascript
  • Masukkan Kode dibawah :
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Kembali Ke Atas"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGZo5XMQAzEUrCDyJM5lznSDk2z9L9AlIAvTyIN5bccU7y4PnFqzO01WyGtnpOXzOpe1JMBSyFZYoJkFCVsYv8FSQQUNVc3MmHmceI7sPNt75vFu2JKcFCJqjCD54CxoFITrJwHBfwKxM/s1600/images+%25282%2529.jpg" /></a>

  • Kemudian simpan... Dan Liat hasilnya...
* Teks yang berwarna merah ganti dengan alamat URL gambar sobat :)




Read More …
0 komentar
Label:

Membuat Daftar Isi dengan mudah

Sobat pasti udah tau Daftar Isi..! Kita biasa melihat daftar isi dalam sebuah buku, daftar isi ini sangat bermanfaat untuk memudahkan pembaca untuk menemukan bagian yang ingin dibaca. Untuk itu kita membuat daftar isi di blog kita, dengan harapan dapat membantu pengunjung untuk menemukan artikel yang ingin dibaca.
Sebenarnya kita bisa membuat daftar isi secara manual dengan membuat link satu-persatu untuk setiap artikel. Tentunya membutuhkan waktu yang lama. Kali ini gw bkalan berbagi tentang bagaimana cara membuat daftar isi dengan mudah, seperti yang saya buat di Blog Blogger-Kerinci ini, liat hasilnya disini http://blogger-kerinci.blogspot.com/2011/11/daftar-isi.html .

Lanjut ..!!

1. Login ke Blogger
2. Posting Entri Baru, atau sobat juga bisa membuat Laman sendiri.
3. Masukan Kode dibawah ini pada postingan sobat :

<script src="http://sites.google.com/site/barajajs/listofcontent/contents.js">
</script><script src="http://blogger-kerinci.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>

Kemudian terbitkan..!!
Maka sobat telah berhasil membuat daftar isi untuk blog sobat. Kembali lihat hasilnya DISINI. Moga bermanfaat..
Read More …
1 komentar
Label:

Blockquote Keren dengan CSS

perbesar (klik)
Blockqoute adalah kutipan yang berada pada suatu blok atau area tertentu, dengan adanya blockqoute ini sangat membantu pengunjung dalam membaca artikel kita, apalagi jika sobat memposting artikel terntang code-code atau script tertentu.
Jadi kali ini saya akan share cara membuat blockquote yang lebih keren. Contohnya bisa sobat liat diblog gw ini atau liat gambar disamping :)

Untuk membuat blockquote tersebut kita harus mengedit sedikit kode CSS blog sobat. Ok..
  1. Masuk ke Rancangan >> Edit HTML
  2. Kemudian cari Kode blockquote atau .post blockquote (tergantung CSS pada blog sobat
  3. Hapus kode tersebut beserta elemen-elemennya.
  4. Ganti dengan kode dibawah :

blockquote {
background: #EEE ;
width: 400px;
padding: 5px;
margin: 5px;
width: 400px;
overflow:auto;
max-height:250px;
-webkit-box-shadow:
1px 1px 0 rgba(0, 0, 0, 0.100),
3px 3px 0 rgba(255, 255, 255, 1.0),
4px 4px 0 rgba(0, 0, 0, 0.125),
6px 6px 0 rgba(255, 255, 255, 1.0),
7px 7px 0 rgba(0, 0, 0, 0.150),
9px 9px 0 rgba(255, 255, 255, 1.0),
10px 10px 0 rgba(0, 0, 0, 0.175);
-moz-box-shadow:
1px 1px 0 rgba(0, 0, 0, 0.100),
3px 3px 0 rgba(255, 255, 255, 1.0),
4px 4px 0 rgba(0, 0, 0, 0.125),
6px 6px 0 rgba(255, 255, 255, 1.0),
7px 7px 0 rgba(0, 0, 0, 0.150),
9px 9px 0 rgba(255, 255, 255, 1.0),
10px 10px 0 rgba(0, 0, 0, 0.175);
box-shadow:
1px 1px 0 rgba(0, 0, 0, 0.100),
3px 3px 0 rgba(255, 255, 255, 1.0),
4px 4px 0 rgba(0, 0, 0, 0.125),
6px 6px 0 rgba(255, 255, 255, 1.0),
7px 7px 0 rgba(0, 0, 0, 0.150),
9px 9px 0 rgba(255, 255, 255, 1.0),
10px 10px 0 rgba(0, 0, 0, 0.175);
}


Simpan, dan liat hasilnya pada postingan blog sobat yang telah terpasang blockquote :)
Read More …
0 komentar
Label:

Mempercantik blog dengan efek bubble (gelembung)

Perbesar (klik)
Ada banyak cara untuk mempercantik blog kita, salah satunya dengan membuat efek pada Cursor Blog. Kali ini gw akan bikin efek bubble (gelembung) pada kursor blog.! kayak gambar diatas. !

Cara nya gampang :
  • Sobat cuma perlu menambah satu buah gadget >> kemudian Pilih HTML/Javascript
  • Masukkan kode dibawah :

&lt;script type=&quot;text/javascript&quot; src=&quot;https://sites.google.com/site/unwanted86/javascript/bubblecursor.js&quot;&gt;&lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;

// &lt;![CDATA[

var colours=new Array(&quot;#0066FF&quot;, &quot;#0066FF&quot;, &quot;#0066FF&quot;, &quot;#0066FF&quot;, &quot;#0066FF&quot;); // colours for top, right, bottom and left borders and background of bubbles

var bubbles=100; // maximum number of bubbles on screen



/****************************

* JavaScript Bubble Cursor *

* (c) 2010 mf2fm web-design *

* http://www.mf2fm.com/rv *

* DON&#039;T EDIT BELOW THIS BOX *

****************************/

var x=ox=400;

var y=oy=300;

var swide=800;

var shigh=600;

var sleft=sdown=0;

var bubb=new Array();

var bubbx=new Array();

var bubby=new Array();

var bubbs=new Array();



window.onload=function() { if (document.getElementById) {

var rats, div;

for (var i=0; i&lt;bubbles; i++) {

rats=createDiv(&quot;3px&quot;, &quot;3px&quot;);

rats.style.visibility=&quot;hidden&quot;;



div=createDiv(&quot;auto&quot;, &quot;auto&quot;);

rats.appendChild(div);

div=div.style;

div.top=&quot;1px&quot;;

div.left=&quot;0px&quot;;

div.bottom=&quot;1px&quot;;

div.right=&quot;0px&quot;;

div.borderLeft=&quot;1px solid &quot;+colours[3];

div.borderRight=&quot;1px solid &quot;+colours[1];



div=createDiv(&quot;auto&quot;, &quot;auto&quot;);

rats.appendChild(div);

div=div.style;

div.top=&quot;0px&quot;;

div.left=&quot;1px&quot;;

div.right=&quot;1px&quot;;

div.bottom=&quot;0px&quot;

div.borderTop=&quot;1px solid &quot;+colours[0];

div.borderBottom=&quot;1px solid &quot;+colours[2];



div=createDiv(&quot;auto&quot;, &quot;auto&quot;);

rats.appendChild(div);

div=div.style;

div.left=&quot;1px&quot;;

div.right=&quot;1px&quot;;

div.bottom=&quot;1px&quot;;

div.top=&quot;1px&quot;;

div.backgroundColor=colours[4];

div.opacity=0.5;

if (document.all) div.filter=&quot;alpha(opacity=50)&quot;;



document.body.appendChild(rats);

bubb[i]=rats.style;

}

set_scroll();

set_width();

bubble();

}}



function bubble() {

var c;

if (x!=ox || y!=oy) {

ox=x;

oy=y;

for (c=0; c&lt;bubbles; c++) if (!bubby[c]) {

bubb[c].left=(bubbx[c]=x)+&quot;px&quot;;

bubb[c].top=(bubby[c]=y)+&quot;px&quot;;

bubb[c].width=&quot;3px&quot;;

bubb[c].height=&quot;3px&quot;

bubb[c].visibility=&quot;visible&quot;;

bubbs[c]=3;

break;

}

}

for (c=0; c&lt;bubbles; c++) if (bubby[c]) update_bubb(c);

setTimeout(&quot;bubble()&quot;, 40);

}



function update_bubb(i) {

if (bubby[i]) {

bubby[i]-=bubbs[i]/2+i%2;

bubbx[i]+=(i%5-2)/5;

if (bubby[i]&gt;sdown &amp;&amp; bubbx[i]&gt;0) {

if (Math.random()&lt;bubbs[i]/shigh*2 &amp;&amp; bubbs[i]++&lt;8) {

bubb[i].width=bubbs[i]+&quot;px&quot;;

bubb[i].height=bubbs[i]+&quot;px&quot;;

}

bubb[i].top=bubby[i]+&quot;px&quot;;

bubb[i].left=bubbx[i]+&quot;px&quot;;

}

else {

bubb[i].visibility=&quot;hidden&quot;;

bubby[i]=0;

return;

}

}

}



document.onmousemove=mouse;

function mouse(e) {

set_scroll();

y=(e)?e.pageY:event.y+sleft;

x=(e)?e.pageX:event.x+sdown; }



window.onresize=set_width;

function set_width() {

if (document.documentElement &amp;&amp; document.documentElement.clientWidth) {

swide=document.documentElement.clientWidth;

shigh=document.documentElement.clientHeight;

}

else if (typeof(self.innerHeight)==&quot;number&quot;) {

swide=self.innerWidth;

shigh=self.innerHeight;

}

else if (document.body.clientWidth) {

swide=document.body.clientWidth;

shigh=document.body.clientHeight;

}

else {

swide=800;

shigh=600;

}

}



window.onscroll=set_scroll;

function set_scroll() {

if (typeof(self.pageYOffset)==&quot;number&quot;) {

sdown=self.pageYOffset;

sleft=self.pageXOffset;

}

else if (document.body.scrollTop || document.body.scrollLeft) {

sdown=document.body.scrollTop;

sleft=document.body.scrollLeft;

}

else if (document.documentElement &amp;&amp; (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {

sleft=document.documentElement.scrollLeft;

sdown=document.documentElement.scrollTop;

}

else {

sdown=0;
sleft=0;
}
}

function createDiv(height, width) {
var div=document.createElement(&quot;div&quot;);
div.style.position=&quot;absolute&quot;;
div.style.height=height;
div.style.width=width;
div.style.overflow=&quot;hidden&quot;;
return (div);
}

// ]]&gt;
&lt;/script&gt;

  • Kemudian Simpan

Sobat bisa mengubah warna bubble tersebut dengan mengganti kode warna dibawah :



ok.. sobat liat hasilnya... :)
Read More …
0 komentar
Label:

Memasang Tombol Follow dan Dashboard

Skrang gw bakalan hare tentang cara bikin tombol Follow dan Dashbord yang terletak di sudut kanan atas blog sobat, tombol tersebut memudahkan pengunjung untuk kembali ke halaman awal blog sobat atau pun sekalian mengikuti blog sobat. :)


Caranya :
  • Login ke blogger
  • Tambah Gadget >> dan pilih HTML/Javascript
  • Masukkan kode dibawah ini

<div style="position: fixed; top: 5px; right: 90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=274271123453236825" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://3.bp.blogspot.com/-feYAFwQF-GM/TtOSBVXcMmI/AAAAAAAAHvk/GH1PZPVvU7c/follow.png" border="0" /></a><div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-N61PPu_1haE/TtOSBZgZikI/AAAAAAAAHvc/vIEC_dYpIVo/dashboard.png" /></a></div>

    •  Kemudian simpan
    Angka yang berwarna merah ganti dengan ID blog sobat. Jika sobat nggak tau ID blog sobat, silahkan pilih Rancangan atau New Entri kemudian lihat pada address bar.
    Liat screenshot dibawah, yang merupakan ID blog gw :


    Moga bermanfaat..:)
    Read More …
    0 komentar
    Label:

    Memasang Widget "Blogger Kincai"

    Buat Sobat-sobat Blogger Kerinci, kita pasang Widget Blogger-Kincai, biar kekompakan ama persatuan kita lebih jelas terlihat. :)
    Sobat hanya menambah Gadget Baru, dan pilih HTML/Javascript, kemudian masukkan kode dibawah ini.

    <script type="text/javascript" src="http://anggrie.net63.net/source/melayang.js"></script>
    <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFE3zKv1ESQfMXVRh2WsP2nuS17EEfFQY2-Hd3mMmn6-7M_Dss2dObrLhpqYtQ3g5FRIXjy2J0Sl4ZnmW0t5mq656fq1TJOVADMO_xFnQ_l9jO85dpCcv-tYZEv_hU0XUd1e8b_xen4p0/s1600/kra.png")</script>

    Bravoo..! Blogger Kincai.. :)
    Read More …
    0 komentar
    Label: , , ,

    Design sendiri Template Blog Kamu

    Artisterr, adalah software yang memungkin Sobat Blogger-Kerinci buat design sendiri template blog sobat. Cara bikinnya cukup mudah, nggak perlu kehalian khusus. :) tergantung kreatifitas sobat aja.. :) Dengan software ini sobat bisa membuat template untuk Joomla, Wordpress, Blogger(Blogspot), Drupal, DotNetNuke.
    Liat screenshotnya :




    Screenshot Worksheet Artisterr :




    Gw udah nyoba bikin beberapa Template Blog, dan hasilnya lumayanlah buat seorang amatiran kayak gw.. :)
    Softwarenya bisa sobat download di http://www.artisteer.com/?p=downloads .


    Download Artisteer 3
    Download Keygen Artisteer 3 (140kb)
    Read More …
    1 komentar
    Label: ,

    Membuat Related Post

    Related Post/Artikel terkait, merupakan sebuah widget yang sangat penting dipasang, untuk mepermudah pengunjung menemukan artikel-artikel yang terdapat di blog sobat. Kali ini kita akan membuat "Related Post" yang terletak dibawah artikel blog sobat. Contohnya seperti pada blog Blogger Kerinci ini.




    1. Pilih Rancangan >> Edit HTML
    2. Ceklist "Expand Template Widget"
    3. Copy kode dibawah,

    <style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjERQmMnFKxes9HcgNhqumM8RJnfUE1UhDT9uzzLdvA_KXF_4nou8eVXAaJ0BuPbBJHqQaH2cL6mG38qyUFiAqFx_tlakndluhTOJCz87qK9Ji5cc0oBWhL-fZI18TAP5d_f5NoXGr86NQ/&quot;) no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://anggrie.net63.net/source/related.js' type='text/javascript'/>

    4. Letakkan di bawah kode </head>
    5. Sekarang cari <data:post.body/>. atau <div class='post-body> ,
    6. Copy skrip dibawah :

    <b:if cond='data:blog.pageType == "item"'>
    <div id="related-posts">
    <font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
    <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
    <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
    </script>
    </div></b:if>



    7. Letakkan dibawah kode <data:post.body/>, jika diblog sobat terdapat dua buah <data:post.body/>  letakkan dibawah kode yang kedua.

    Simpan dan liat hasilnya.....
    Read More …
    0 komentar
    Label:

    Mebuat Redirect Blog

    Cerita ini berawal dari blog lama gw http://yuliosbook.blogspot.com  yang udah nggak kepake lagi, soalnya skarang gw lebih fokus di http://blogger-kerinci.blogspot.com , daripada blog pertama gw terbengkalai maka gw memasang script redirect / pengalihan. Maksudnya setiap pengunjung yang masuk ke http://yuliosbook.blogspot.com Maka setelah blog tersebut terbuka, secara otomais akan dialihkan keblog baru gw. Bingung...?? coba aja klik http://yuliosbook.blogspot.com 


     Buat bikinnya cukup simpel :
    1. Pilih Rancangan >> Edit HTML
    2. Copy kode dibawah

    <META CONTENT='10; URL=http://blogger-kerinci.blogspot.com' HTTP-EQUIV='Refresh'/>

    3. Letakkan kode tersebut di atas kode <head>
    4. Simpan.

    oy,, angka 10 itu maksudnya adalah setelah sepuluh detik blog pertama terbuka, maka akan dialihkan ke blog kedua.

    Moga berhasil...:)
    Read More …
    0 komentar
    Label:

    Membuat Blog Auto Refresh

    Skarang kita akan membuat blog akan refresh secara otomati sesuai dengan interval waktu yang kita tentukan.
    ikutin step by stepnya :
    1. Pilih menu rancangan >> Pilih "Edit HTML"
    2. Cari kode ]]></b:skin>, dan copy kode dibawah ini 


    <meta content='500 http-equiv='refresh'/>


    3. Paste kode tersebut dibawah kode ]]></b:skin>,
    4. Simpan.

    ctt: Angka 500 merupakan interval waktu dalam hitungan detik agar blog melakukan Auto Refresh 

    Simpel bangetkan, selamat mencoba :)
    Read More …
    0 komentar
    Label:

    Membuat Status Page Loading

    Page Loading ini akan muncul, saat browser sedang memuat/menampilkan blog sobat hingga 100%. Contohnya pada blog gw ini..


    Langkah2 buat bikinnya :
    • Copy skrip dibawah, kemudian letakkan di bawah kode <head>
     <script src='http://anggrie.net63.net/source/preloadpage.js' type='text/javascript'/>

    • Kemudian cari kode <body> dan ganti dengan kode dibawah :
    <body onLoad='PreloadPage();'>
<div id='prepage' style='position: fixed; _position: absolute; top: 0px; right: 0px; clip: inherit;
    _top: expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-offsetHeight);
    _left: expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth-offsetWidth);
    width: 100%; height: 100%; background-color: #000;
    padding: 0px; border: 0px; text-align: center; filter: alpha(opacity=75);
    -moz-opacity: .75; opacity: .75; font-family: verdana; font-weight: bold; color: #ccc;'>
<script type='text/javascript'>PreLoading();</script>
</div>



    Kemudian simpan...
    Read More …
    0 komentar
    Label: , ,

    Twitter Bird melayang di Blog

    Maksudnya dalah gambar Twitter Bird yang melayang (terbang) berpindah2 di halamn blog sobat. :) caranya cuma dengan menambahkan gadget baru untuk skrip tersebut . :)
    • Tambah gadget
    • HTML/Javascript
    • Masukan kode dibawah
    <script src="http://anggrie.net63.net/source/twittermelayang.js" type="text/javascript"></script>
    <script type="text/javascript">
    var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiey3IW6pexSfmc1HRVNcjrleJxNZ3I9wmlXqHvryJuyMih4LdxKJF3mwSzTyEZfcQmsE-8ooTg0siyKQ_8b2ATE3F_Z9dZiZlMpJdxEbpWTC0xSXn1jmX14ee-5oY4GPrpASXtI9r61j2v/s1600/original.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button",
    "select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/anggrie_yulio";var tweetThisText = "Twitter - UserID http://www.yuliosbook.blogspot.com/";tripleflapInit();
    </script>

    **Tulisan yang berwarna merah, ganti dengan URL Twitter sobat
    **Tulisan yang berwarna biru, ganti dengan alamat blog sobat.
    • Simpan...
    Dan begitulah adanya ..... :D
    Read More …
    0 komentar
    Label: , ,

    Memasang Gambar Melayang

    Gambar melayang maksudnya, gambar yang selalu tetap, yang tidak terpengaruh terhadap scrool mouse. Bingung??? Biasanya sih terletak di sudut atas atau bawah halaman blog. Kalo mau bikin ikutin aja step by step nya... :D
    • Tambah Gadget
    • Pilih HTML/Javascript
    • Copy Paste skrip dibawah :
    <script type="text/javascript" src="http://anggrie.net63.net/source/melayang.js"></script>
    <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFvtUrbd4DY6qYSQ-KtePjwuozbC-U-i5AdlACuvjY_vGsqHp5hP_CRoK6zvMdTmHGU2O-Dysdjangeet77qy97WrRN2uV5_LxMC_zim-UvPD4gHWoUgNj2sjGVQL0gPU-ZxQrjGq5KsY/s1600/ico.png")</script>
    • dan begitulah... :)
    ** link yang warna merah bisa diganti ama alamat gambarnya, atau mau pake yang itu aja juga boleh.

    Simpan, dan liat hasilnya...
    Read More …
    0 komentar
    Label: , ,

    Membuat Efek Salju pada Blog/Website

    Trik kali ini mungkin udah agak basi, soalnya skrip ginian udah merajalela di internet. :) Skrip ini buat bikin efek salju yang berjatuhan kayak blog gw ini, tapi bisa juga di blog/web lain selain blogspot.com, dengan sedikit sentuhan pastinya, caranya :
    • Tambah Gadget
    • Pilih HTML/Javascript
    • Copas skrip dibawah ini
    <script language="JavaScript" src="http://anggrie.net63.net/source/salju.js"></script>

    • Kemudian simpan, udah....
    Cuma gitu aja kok, trus liat hasilnya..... :D
    Read More …
    1 komentar
    Label: , ,
    Langganan: Postingan (Atom)

    Powered by

    Pengikut

    Total Tayangan Halaman

    Follow on G+