Sabtu, 07 Desember 2013
Cara Membuat Spoiler Pada Blog
Postingan kali ini tutorial cara membuat spoiler pada blog. Apa spoiler itu? Lihat contoh berikut! Klik tab berikut!
Sudah mengerti maksudnya? Postingan ini untuk menjawab pertanyaan seorang teman, (de suciyellow), syukur kalau bisa bermanfaat bagi yang lain...
Berikut caranya:
- Pada dasbor klik tata letak=> klik elemen halaman=> tambah gadget=> HTML/JavaScript
- Copy dan paste kode berikut kedalam kolom kontent:
<div><div style="margin: 20px; margin-top:5px"><div style="margin-bottom: 2px;" class="smallfont"><input style="margin: 0px; padding: 5px; width: auto; " value="Show" onclick="if (this.parentNode.parentNode.getElementsByTagName(div)[1].getElementsByTagName(div)[0].style.display != ){ this.parentNode.parentNode.getElementsByTagName(div)[1].getElementsByTagName(div)[0].style.display = ; this.innerText = ; this.value = Hidden; }else { this.parentNode.parentNode.getElementsByTagName(div)[1].getElementsByTagName(div)[0].style.display = none; this.innerText = ; this.value = Show; }"type="button"/></div><div class="alt2"><div style="display: none;"><div style="border: none; color:none; background-color:none; text-align: justify; padding:10px;"> DISINI LETAK KONTENT ANDA</div></div></div></div></div><blink><a href=http://amatullah83.blogspot.com/2009/12/cara-membuat-spoiler-pada-blog.html>Klik cara membuat widget ini</a></blink>
- Jangan lupa simpan dan simpan lagi!
- Lihat hasilnya!
Semoga bermanfaat!
Sabtu, 09 November 2013
Cara Membuat Content Slider Image Otomatis
Content slider image otomatis ini adalah hanya salah satu dari sekian banyak content slider image otomatis yang ada di internet, karena menurut piper comex content slider ini cukup mudah untuk diterapkan, maka piper comex pilih untuk dipasang pada blog piper comex. Terima kasih buat blog maskolis.com yang bersedia berbagi tutorial tersebut.

Berikut cara pembuatannya:
1. Login ke blogger
2. Pilih blog yang ingin kita tambah content slider image otomatis
3. Masuk ke "template" >> edit "html" >> centang "expand widget templates"
4. Jika perlu di "backup" dulu, untuk jaga-jaga apabila ada kesalahan edit html.
5. Selanjutnya cari kode: ]]></b:skin>, letakkan kode berikut ini diatas kode tersebut.
Cara Membuat Ip Address
Tapi bahasanya ga kayak itu?
Nih, kode HTMLnya :
<center><a href="http://bloggerblogspot.com/2010/12/3-search-enginese-dalam-1-browser.html"><img src="http://www.wieistmeineip.de/ip-address/?size=125x125" border="0" width="125" height="125" alt="IP" /></a></center>
Jumat, 08 November 2013
Cara Membuat Foto Menjadi Hitam Putih di Photoshop

Ada Beberapa kutipan dari teman dengan profesi fotographer :
"Untuk dapat merubah foto berwarna menjadi foto hitam putih yang baik, kita harus terlebih dahulu memahami karakter warna yang ada pada foto tersebut. Baru kemudian kita dapat menterjemahkan karakter dari warna-warna tersebut menjadi karakter tone hitam putih yang sesuai. Untuk dapat menghasilkan tone hitam putih pada foto yang sesuai dengan karakter warna awal dari foto maka kita harus dapat melakukan pengaturan tone pada masing-masing warna. "
Ini adalah cara yang paling singkat dan paling cepat untuk mengubah foto warna menjadi black and white. Cara membuat foto hitam putih di photoshop paling simple sebagai berikut:
- Buka photoshop
- Buka foto warna : Klik File > Open

- Tekan Control + Shift + U.
- Tekan Alt > I > A > D
- Klik Image > Adjustment > Desaturation
- Liat Hasil nya di bawah ini

- Buka photoshop
- Buka foto berwarna : klik File > Open > pilih foto
- Klik Image > Mode > Gray Scale > klik Oke pada kotak dialog seperti di bawah ini.
A. Memakai brightness/Contras
- Caranya tekan Alt > I > A > C atau klik Image > Adjutment > Brightness/Contras.
- Lakukan pengatutan gelap terang dengan menggeser slider sesuai ke kanan dan kekiri sesuai kondisi foto anda.
- Klik Oke

- Tekan Alt > I > V atau tekan Control + M atau klik Image > Adjustment > Curves
- Drag Curves kekanan kiri atas atau bawah sesuai dengan kondisi foto kita.
- Dapat juga dengan mengisi isian pada Output dan Input Ini sebenarnya tidak penting abaikan saja... Kecuali untuk mengedit foto-foto atau gambar yang sama komposisi warnanya sehinga bisa dipakai untuk settingan default.
- Klik Oke.
- Tekan Alt > I > A > L atau tekan Control + L atau klik Image > Adjustment > Level
- Geser slider yang ada ke kanan dan ke kiri (panah biru)
- Atau isilah angka pada kotak isian seperti yang dittunjuk oleh anak panah (merah, kuning, hijau) pada gambar di bawah ini. Sama abaikan saja ini...
- Klik Oke.

Contohnya kita bisa mengatur tingkat gelap terang background pas foto di atas tanpa banyak mempengaruhi tingkat gelap terang pada muka misalnya. Hal ini akan mudah dilakukan hanya dengan banyak latihan.
- Buka Photoshop
- Buka foto yang akan kita ubah menjadi hitam putih : Klik File > Open
- Klik Image > Adjustment > Chanel Mixer > Centang/ Contreng/Chek isian Monochrome di kiri bawah pada kotak dialog Chanel Mixer. Lihat anak panah pada gambar di bawah ini.
Kamis, 07 November 2013
Cara Membuat Kursor Blog Di Kelilingi Tiga Bintang Berekor

- Langkah pertama login ke blog sobat
- Kedua masuk dashboar>>tata letak >> Add gadget >> pilih HTML/javascript
- Copy paste code script di bawah ini
<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>
- Teraakhir save template
Keterangan : ganti script yang berwarna orange dengan warna favorit warna sobat
Semoga Membantu dan bermanfaat
Sumber : mbah google
Rabu, 06 November 2013
Cara Membuat Grafik Menggunakan Excel
Cara Membuat Grafik Menggunakan Excel versi Microsoft Excel 2007:
- Label data yang ingin Anda buat menjadi grafik. Dalam Row 1, type the labels untuk setiap potongan data Anda berencana untuk grafik. Sebagai contoh, type “Month” dalam cell A1 dan “Unit” di cell B1.
- Masukkan data yang ingin Anda buat menjadi grafik. Di bawah label Anda telah mengatur di bagian atas setiap kolom, ketik informasi yang ingin Anda grafik. Sebagai contoh, type the months of the year di bawah judul di Kolom A (“Jan” di A2) dan unit-unit di bawah judul di Kolom B, agar sesuai dengan bulan Kolom A.
- Highlight data untuk grafik. Klik dan tarik mouse Anda di seluruh data dalam spreadsheet Excel.
- Cara Membuat Grafik Menggunakan Excel, Klik pada tab “Insert”, tab kedua di bagian atas layar.
- Locate the “Charts” section of the insert ribbon. Beberapa jenis grafik (disebut “grafik/charts” di Excel) yang tersedia.
- Klik pada jenis grafik yang ingin Anda ciptakan. Pilihan untuk jenis grafik akan ditampilkan. Cara Membuat Grafik Menggunakan Excel
- Klik pada option untuk grafik Anda di Excel yang ingin dibuat. Excel kemudian akan membuat grafik yang menampilkan data yang Anda berikan dalam spreadsheet Excel.
- Cara Membuat Grafik Menggunakan Excel, Mengubah teks pada grafik juga dapat dilakukan, jika diperlukan. Jika Anda ingin mengubah judul atau teks lain pada grafik, klik pada teks Anda ingin mengubah dan kemudian ketik perubahan Anda.
Selasa, 05 November 2013
Membuat Css Animasi Loading Di blog
Cara Membuat Animasi Loading Blog Dengan CSS - Loading CSS Animation. Mbah SERP kali ini mempunyai Trik Blogger Keren ,, Animasi Loading Animation Ini berfungsi Menipulasi Loading Blog Sobat Supaya Terlihat Wus Wus :D .CSS ini saya Nemu Saat Lagi Blogwalking Ke blognya Om Days,,Yaps Artikel Ini saya Salin Ke blog Saya , Karna Saya Lihat Mungkin Trik Ini sanagat Bermanfaat Bagi Teman Teman Dan Bagi Saya Tentunya ..Code CSS
#loadhalaman {position:fixed;opacity:0.93;top:0;left:0;Lalu Tambahkan JQuery ini Diatas </head>, disini saya menggunakan Jquery versi 1.7.2 (Pasang jika belum ada Jquery di Template anda)
background-color:#000;z-index:9999;text-align:center;width:100%;height:100%;padding-top:20%;color:#000;display:none;}
.loadball {background-color: transparent;border:5px solid rgb(240 ,0 , 0);border-right:5px solid transparent;border-left:5px solid transparent;border-radius:
50px;box-shadow: 0 0 35px rgb(255 ,0 , 0);width:50px;height:50px;margin:0 auto;-moz-animation:spinPulse 1s infinite ease-in-out;-webkit-animation:spinPulse 1s infinite linear;}
.loadball-2 {background-color: transparent;border:5px solid rgb(240 ,0 , 0);border-left:5px solid transparent;
border-right:5px solid transparent;border-radius:50px;box-shadow: 0 0 15px rgb(255 ,0 , 0);width:30px;height:30px;margin:0 auto;position:relative;top:-50px;-moz-animation:spinoffPulse 1s infinite linear;-webkit-animation:spinoffPulse 1s infinite linear;}
@-moz-keyframes spinPulse {0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px rgb(255, 0, 0)}50% { -moz-transform:rotate(145deg); opacity:1; }100% { -moz-transform:rotate(-320deg); opacity:0; }}
@-moz-keyframes spinoffPulse {0% { -moz-transform:rotate(0deg); } 100% { -moz-transform:rotate(360deg); }}
@-webkit-keyframes spinPulse {0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px rgb(255, 0, 0)} 50% { -webkit-transform:rotate(145deg); opacity:1;} 100% { -webkit-transform:rotate(-320deg); opacity:0; }}
@-webkit-keyframes spinoffPulse {0% { -webkit-transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); }}
<script src=http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js type=text/javascript></script>Dan Yang Langkah Terakhir , pasang Script Dibawah Ini Tepat Diatas Tag </body>
<div id=loadhalaman>Kemudian Disave Deh ..
<div class=loadball></div>
<div class=loadball-2></div>
</div>
<script type=text/javascript>
$(function() {
var siteURL = "http://" + top.location.host.toString();
var $internalLinks = $("a[href^="+siteURL+"], a[href^=/], a[href^=./], a[href^=../]");
$internalLinks.click(function() {
$(#loadhalaman).fadeIn(1500).delay(6000).fadeOut(1000);
});
// Hilangkan overlay saat diklik untuk mengatasi gangguan, terutama jika link internal diset dengan target=_blank
$(#loadhalaman).click(function() {
$(this).hide();
});
});
</script>
Gimana Mennurut Kalian ,, Bagus Gak CSS nya ... Memang Bener Bener Kreatif ya Om days .. ckckck
Selamat Mencoba Sobat .
Cara Membuat Kue Bolu Coklat
Bahan yang dibutuhkan dalam pembuatan resep ini :
- Mentega 1/4 Kg
- Gula Halus 3/8 Kg
- Vanili 2 Bungkus kecil
- Ovalet 1/2 Sendok Makan
- Terigu 3 1/2 ons
- Coklat Bubuk 1/2 Kardus
- Susu Bubuk Putih 5 Sendok Makan
- Telur 12 butir
- Baskom untuk tempat adonan
- Oven untuk memanggang
- Loyang (big size)
- Mixer untuk mixing
- Pisahkan isi telur (kuning dan putih) di tempat berbeda, putih telur di tempat tertentu sedangkan kuning telurnya bisa tetap berada di dalam cangkang.
- Masukkan mentega, gula halus, vanili dan ovalet ke dalam baskom lalu mulai di-mix pake mixer selama kurang lebih 10 menit.
- Setelah itu campur adonan dengan kuning telur yang dimasukkan satu persatu ke dalam baskom (adonan harus di-mix terusnmenerus selama kuning telur dimasukkan, tujuannya biar rata) selama kurang lebih 10 menit.
- Setelah itu masukkan terigu sedikit demi sedikit ke dalam adonan, aduk sampai rata
- Setelah itu masukkan susu bubuk sedikit demi sedikit ke dalam adonan, aduk sampai rata
- Setelah itu masukkan coklat bubuk sedikit demi sedikit ke dalam adonan, aduk sampai rata (untuk langkah 5-6-7 waktu yang dibutuhkan kira-kira 15 menit)
- Mix putih telur yang sudah dipisahkan selama 5 menit di tempat terpisah.
- Masukkan putih telur yang sudah di-mix ke dalam baskom yang berisi adonan, lalu mix selama 10 menit atau gunakan insting anda sebagai pembuat kue apakah adonan sudah siap atau belum :).
- Masukkan adonan kue yang sudah siap ke dalam loyang, lalu panggang di dalam oven selama +- 40 menit suhunya 25 derajat celcius atau gunakan insting anda sebagai pembuat kue apakah kue bolu sudah masak atau belum :).
- Pegang loyangnya hati-hati (soalnya panas), terus letakkan di tempat yang sudah disediakan.
Minggu, 03 November 2013
Membuat Watermark dg Menu Gaussian Blur









Sabtu, 02 November 2013
Membuat Efek Cermin dengan CorelDRAW
Misalkan kita akan membuat bayangan cermin pada kaca mobil dibawah ini;













Senin, 21 Oktober 2013
Resep Cara Membuat Sate Usus Ayam

Bahan untuk cara membuat sate usus ayam :
- usus ayam 300 (tiga ratus) gram
- gula merah 1 (satu) sendok teh
- jahe 2 (dua) cm dimemarkan
- air 500 (lima ratus) mili liter
- daun jeruk 3 (tiga) lembar. Tulang daunnya dibuang
- air kapur sirih 1 (satu) sendok makan
- Minyak goreng
- lengkuas 2 (dua) cm dimemarkan
- santan kelapa 500 (lima ratus) mili liter
- kecap manis 1 (satu) sendok makan
- serai 2 (dua) batang dimemarkan
- merica 1/4 (seperempat) sendok teh
- bawang putih 3 (tiga) siung
- kemiri 2 (dua) buah
- bawang merah 8 (delapan) siung
- garam 1/2 (setengah) sendok teh
- ketumbar 1 (satu) sendok teh
- jintan 1/4 (seperempat
- Usus ayam dicuci, lalu lumuri dengan air kapur sirih tadi. Kemudian cuci lagi sampai bersih
- Usus itu direbus dengan jahe dan air hingga, lalu tiriskan.
- Bumbu / bahan-bahan yang dihaluskan tadi ditumis, beri gula merah, kecap manis, daun jeruk, lengkuas dan serai. Aduk sampai merata.
- Tuangkan santan lalu masukkan usus, diaduk sampai meresap. Angkat dan dinginkan.
- Ambil tusuk sate dan usus, kemudian ditusuk dengan pola membentuk lipatan.
- Usus serta tusuk satenya digoreng sebentar saja. Tiriskan. Sajikan saat masih hangat.
- Resep Membuat Sate Ikan ++
- Resep Membuat Sate Ayam Madura
- Resep Membuat Sate Usus Ayam Jabar
- Resep Membuat Sate Sapi manis
- + Resep Membuat Sate Kambing
- Resep Membuat Sate Kelinci
- Tips Cara Memutihkan Kulit Secara Alamiah
- Tips Cara Merawat Wajah dengan Mentimun
- Menurunkan Berat Badan dengan Pelangsing Tubuh
- Cara Merawat Rambut Rontok Agar Panjang
- Free Domain Gratis .Com Mau??
- Cara Membuat Usaha Bisnis Online Pakaian Tanpa Modal
- Cara Membuat Toko Baju Online dan Cara Pemasarannya
- Cara Membuat Tas Unik dan Kreatif