1 cara mengetahui template blog/website orang lain

Terkadang dalam memlih template blog kita menemui jalan buntu. Secara kebetulan, pas lagi browsing nyari template khusus untuk blog, sobat ketemu dengan template blog lain yaitu blog resources untuk template sobat sendiri. Setelah lihat di bagian credit link di footer, sobat belum juga bisa menemukan yang namanya author template maupun nama template itu sendiri. Tapi, kali ini sobat gak perlu sedih, saya akan share beberapa cara untuk mengetahui nama template suatu blog ataupun website dari berbagai cms.

1. Blogger

Pastinya yang pertama adalah yang domainnya blogspot.com.. Singkat saja, untuk mengetahui nama template atau pun authornya sobat tinggal mengikuti langkah langkah berikut:

1. Masuk ke homepage dari blog yang ingin diketahui templatenya.
2. Klik kanan kemudian pilih view page source.
3. Nah, disini biasa diletakkan detail dari sebuah template. Sobat harus cermat dalam mencari.
4. Biasanya template detailnya itu di seputaran awal CSS. Contohnya:

     5.  Setelah ketemu, sobat langsung cari di google atau langsung ke author url langsung.

2. Wordpress

Yang in caranya berbeda. Caranya sbb:

1. Masuk ke hompagenya terlebih dahulu.
2. Klik kanan pilih view page source.
3. Tekan CTRL + F untuk pencarian dan ketikkan wp.
4. Cari yang punya struktur kaya gini:

     5.  Kalau udah ketemu, nama tema  / templatenya itu setelah themes. Misalkan kaya dia atas, namanya             platinum.

Sobat bisa langsung cari ke google.

3. Joomla.

Khusus buat para pengguna joomla. Ini saya kasih trik lain. Caranya sebgai berikut:

1. Masih sama, buka hompagenya dulu.
2. Klik kanan kemudian pilih view page source.
3. Tekan Ctrl + F lalu ketikkan template
4. Cari yang strukturnya hampir seperti ini:

Sobat bisa langsung cari ke google temanya...

Note:

1. Cara ini tidak berlaku jika template atau tema yang digunakan admin bukan tema yang disebarluaskan. Misalnya tema hasil sendiri dan untuk kepentingan pribadi dan tidak dishare di internet. 
2. Untuk cara blogger, ada sebagian user tidak mencantumkan template detail.Cara lain, lihat di footer atau credits link homepage tersebut.
3. Kalau sudah cari di internet namun tidak ada, ada kemungkinan nama templatenya dirubah.

Untuk mengetahui jenis cms, silahkan simak cara mengetahui jenis cms suatu web

Selamat mecari dan berjuang Template Hunter.....  

0 cara ganti background blog

Background memiliki fungsi penting bagi sebuah blog atau website. Selain kenyamanan pembaca, keindahan dan eye catching blog juga tergantung dari background. Untuk kostumisasinya sendiri sebenarnya sangat fleksibel, sobat bisa memberinya warna, menaruh gambar, hingga dengan efek gradient.

Berikut cara cara mengganti background blog..

Untuk langkah paling awal, langsung ke dashboard blog yang akan di edit => rancangan => edit html. Pada edit html, sobat harus menemukan dulu, selector body di htmlnya. Caranya tekan CTRL + F, kemudian cari body, biasanya terletak di awal. Strukturnya seperti ini..

body {propertycss}

atau bisa juga seperti ini..

body {
propertycss
}

ditulisan berwarna merah itulah terdapat property css, misalnya background, width, dan property lainnya. Karena yang ingin diedit adalah background, maka yang diedit adalah value dari property background. Kalau selector body belum ada, cukup ditambahkan saja.Hasilnya akan seperti ini..

body {background:ini value yang akan di rubah;property lain:value lain;}

atau bisa seperti ini ..

body {
background:ini value yang akan di rubah;
property lain:value lain;
}

Kedua contoh di atas berbeda karena penempatan dan optimasi saja, hasilnya tetap sama.
Sobat tidak perlu mengindahkan property dan value yang berwarna hijau , karena saya anggap dalam selector body terdapat banyak property. Fokus hanya pada property dan value background.

1. Warna.
Untuk merubah background menjadi warna tertentu, sobat hanya perlu memasukkan kode warna sebagai valuenya. Bisa berupa kode hex, rgb maupun color name yang bisa dibaca browser,misalnya:whitesmoke,grey atau silver. Hasilnya seperti ini..

body {
background:whitesmoke;
property lain:value lain;
}

Pada contoh di atas, saya menggunakan whitesmoke. Untuk warna lain bisa dilihat di color generator.

2. Gambar.
Jika ingin menggunakan gambar tertentu sebagai background, sobat harus menghostingnya terlebih dahulu. Setelah itu copy dan pastekan direct link gambar ke property background. Sobat harus menambah url sebelum link gambar. Link harus dibuka dan ditutup dengan tanda kurung "(....)".Hasilnya seperti ini.

body {
background:url (link gambar);
property lain:value lain;}

Silahkan ganti link gambar yang berwarna merah dengan link gambar yang sudah di hosting tadi.

3. Warna + Gambar.
Mungkin sobat bingung kenapa harus kedua duanya. Bukankah itu menghabiskan bandwidth?? Penggunaan warna dan gambar sekaligus dimaksudkan untuk mengantisipasi jika suatu saat gambar gagal loading ataupun link salah. Hal ini sangat berpeluang jika gambar yang sobat gunakan bukan dihosting sendiri atau tempat hosting gambar background sedang down. Jadi, saat gambar tidak muncul, maka warna akan menggantikan. Contohnya seperti ini..

body {
background: #f5f5f5 url (link gambar);
property lain:value lain;}

Warna yang digunakan sebaiknya mengikuti warna dominan dari gambar background agar tidak menghilangkan identitas blog. Silahkan ganti warna merah dengan warna dan link gambar anda sendiri.

4. Gradient.
Saat ini gradient banyak digunakan karena bisa menampilkan banyak warna, secara visual mirip dengan gambar. Padahal itu adalah perpaduan warna yang memerlukan css khusus yaitu gradient. Selain itu, memasang efek gradient sebagai background cenderung lebih cepat ketimbang gambar. Untuk penggunaanya, agak sedikit rumit.

background-image: -webkit-linear-gradient([kode warna] [ukuran pixel], [kode warna] [ukuran pixel]); 

Contohnya seperti ini..

body {
background-image:  -webkit-linear-gradient(#cccccc 80px, #f5f5f5 20px)
property lain:value lain;}

Warna merah bisa diganti dengan selera masing masing..Untuk konfigurasi lebih mudah silahkan ke Gradient Generator.

Semoga cara cara di atas dapat membantu sobat dalam mengedit blog agar tampil lebih baik di mata pengunjung. Penggunaan dan pengkostumisasian gradien maupun css hanyalah sebagai layout. 

1 cara ganti cursor mouse pada blog

Bagi kalian yang bosan dengan bentuk cursor mouse pada blog kalian hanya itu itu saja .

kalian bisa ganti gengan cursor mouse yang lain lho !!!!! coba klik website ini http://www.cursors-4u.com

nanti dibagian kiri kalian bisa liat bacaan yang seperti dibawah ini

New And Hot Newest Most Viewed Most Rated Most Comments Favorites  Categories Animated Anime Cartoons Celebrity Comics Cursors/Pointers Cursor Sets Cute Food Games Holidays & Events Mechanical Movies & TV Shows Nature Smileys Sports Symbols Unsorted Special Requests kalian boleh pilih yang mana saja,contoh nya anime--> disebelah kiri lagi kalian pilih apa terserah contoh naruto--> Most Viewed Bleach Clannad Code Geass Dragonball Death Note Digimon Domo Fate Stay Night Fullmetal Alchemist Gundam Haruhi Suzumiya Hello Kitty Inuyasha Kaoani K-On! Lucky Star Macross Naruto Neon Genesis One Piece Please Teacher! Reborn! Sailor Moon Shugo Chara Soul Eater Vampire Knight Vocaloid Unsorted  Like Our Page NARUTO CURSORS FOR YOUR TUMBLR, BLOG, WEBSITE, & COMPUTER MOUSE! Display Per Page:             19   Or   39 1 2 3 4 5 6 7 8 Next [9..16] Last kalau udah di klik nanti muncul gambar seperti di atas langsung aja klik salah satu contoh yang ini nanti muncul code di bagian bawah Option #1 - Universal CSS/HTML Code dan Option #2 - CSS Style Sheet Only Code kalau yg satu kode nya kaya gini <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/user/use-1/use141.ani),  url(http://cur.cursors-4u.net/user/use- 1/use141.png), progress !important;}</style><a href= http://www.cursors-4u.com/cursor/2011/02/06/sasuke-s-mangeky-333-sharingan.html" target="_blank " title="Sasuke's Mangekyō Sharingan"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Sasuke's Mangekyō  Sharingan" style="position:absolute; top: 0px; right: 0px;" /></a> kalau yang dua kode nya kaya gini /* Start http://www.cursors-4u.com */ body, a:hover \] {cursor: url(http://cur.cursors-4u.net/user/use-1/use141.ani), url(http://cur.cursors-4u.net/user/use-1/use141.png), progress !important;} /* End http://www.cursors-4u.com */ tapi kalian jangan copy kode yang dua  copy lah kode yang satu  login ke akun blogger kalian-->tata letak-->klik add gadget-->klik HTML/java script-->masukkan kode tadi ke konten jangan lupa simpan lihat hasil nya

0 Cara Redirect Ctrl + U pada blog

Cara Redirect Ctrl + U pada blog

Kali ini saya akan share cara Redirect ctrl + u. Bila blog anda menggunakan trick ini maka apabila ada seseorang yg menekan ctrl + u maka secara otomatis akan di alihkan. Mau lihat demonya coba anda tekan ctrl + u sekarang.

Fitur-Fitur :

- Tidak bisa CTRL+U
- Tidak bisa CTRL+S

- Tidak bisa Ctrl+Shift+I
- Tidak bisa F12

Bagaimana anda tertarik untuk mencobanya. silahkan ikuti tutorial berikut.

- Log in ke blogger anda
- Masuk ke Template > Edit Html
- Tekan Ctrl + F, lalu cari kode <head>
- Setelah ketemu copy code dibawah ini lalu letakkan di atas kode <head>

<script src='http://adithya.googlecode.com/files/Apctrl%2Bu.js' type='text/javascript'></script> 

- Setelah selesai SIMPAN Template kamu.

~Selamat Mencoba~

0 cara membuat efek bintang cursor mouse

Cara membuat efek bintang jatuh dari cursor di blog, animasi bintang jatuh adalah sebuah animasi kursor yang berupa bintang bertaburan yang jatuh dari cursor atau mouse ketika digerakkan, hal ini sangat menarik untuk dipasang di sebuah blog atau website karena animasi nya yang indah dan unik sehingga akan menarik visitor blog untuk betah tinggal lama-lama untuk membaca blog sobat

Buat sobat yang senang me-modifikasi blog nya dengan sesuatu yang beda dan unik mungkin perlu mencoba animasi bintang jatuh yang satu ini. Cara membuat bintang jatuh ini juga tidak susah-susah amat dan sobat tidak perlu meng-edit kode yang ada di template, cukup hanya copy paste kode-kode yang akan saya berikan dibawah nanti ke edit html pada bagian add gadget dan juga untuk mengganti warna bintang nya pun sobat bisa rubah sesuai dengan warna background template blog sobat dengan bantuan Colorpic software, tertarik? silahkan ikuti tutorial blogger dibawah ini

Pemasangan Efek Bintang Jatuh Pada Cursor di Blogger

• Login di Blogger
• Pilih Design > Add gadget > HTML/Javascript
• Masukkan kode dibawah ini ke kolom HTML/Javascript

<script type='text/javascript'>
// <![CDATA[
var colour="#52D8ED";
var sparkles=100;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="3px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="3px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
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 && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

Cari kode yang berwarna merah diatas dan gantilah sesuai dengan kode warna keinginan sobat

Terakhir simpan dan efek bintang jatuh dari cursor sudah dapat sobat lihat