Tampilan Facebook Berubah Total Di Tahun 2014 Nanti

Sunday, March 10, 2013 11 Comments
Facebook pastinya merupakan ajang untuk kita para anak muda maupun orang tua dalam menambah teman maupun menjalin hubungan dengan pasangan kita. Tidak sedikit memang situs jejaring sosial ini juga digunakan oleh para pebisnis untuk mempromosikan bisnis mereka. Kehadiran facebook tentu saja membawa dampak positif dan negatif baik di luar negeri sana maupun di negeri kita sendiri. Seiring berjalannya waktu, facebook semakin lama menjadi semakin populer. Bayangkan nih sob, sampai saat ini jumlah user facebook telah mencapai 1 miliar pengguna diseluruh dunia. Nah karena kepopulerannya ini nih sob, ada rumor mengatakan bahwa facebook akan merombak seluruh tampilan situsnya pada tahun 2014 loh!

Untuk memanjakan para usernya ini nih, Facebook memang terus melakukan berbagai upaya yang tidak sedikit. Dari mulai menambahkan banyak fitur baru dimana sekarang ada fitur bernama subcribe, fitur privacy shorcut, dan juga kalian bisa dengan mudah memasang iklan dan mempromosikan status kalian dengan fitur promote. Selain itu tampilan profile kita yang disebut Timeline sepertinya menjadi andalan facebook agar user bisa lebih mudah melihat profilenya. Mungkin memang sebelumnya banyak user yang pro dan kontra terhadap tampilan baru dari profile user tersebut. Nah menaggapi hal ini, facebook ternyata tidak hanya ingin merubah tampilan profile kita saja loh. Facebook ternyata berencana juga merubah seluruh tampilan webnya dimulai dari tampilan login, timeline maupun home menjadi lebih keren dan menarik!

Sebelumnya memang ini hanyalah rumor sob. Tapi ternyata ada beberapa gambar dimana gambar tersebut merupakan prototype dari tampilan facebook tersebut. Diakui bahwa tampilan facebook yang keren tersebut dibuat oleh seorang desainer asal Australia bernama Fred Nerby. Fred membuat tampilan facebook yang keren tersebut kemudian mempostingnya di Behance. Fyi nih sob, Behance adalah sebuah situs dimana kita bisa memposting apapun, atau karya yang sudah kita buat lalu mengsharenya agar kita semua orang bisa melihatnya. Sekilas memang tampak tampilan facebook yang baru ini sangatlah keren dan terlihat seperti kombinasi antara desain Microsoft dan Apple.

Berikut gambar-gambar dari tampilannya.





Desain tampilan yang lebih halus, warna biru yang begitu melekat yang menjadi khas facebook, tampilan timeline dan news feed yang terlihat begitu elegan membuat orang-orang yang melihatnya pun merasa takjub dan berdecak kagum. Memang nih sob ada sebagian orang yang bilang bahwa tampilan baru ini nantinya bakal lebih ribet dan membuat pusing. Tapi jika kita lebih seksama sepertinya tampilan ini lebih simple,dan lebih bewarna.

Well, at least tidak membuat kita jenuh dengan tampilan yang seperti sekarang bukan? Fred sendiri pun mengatakan bahwa tampilan tersebut dia buat dari gabungan antara tampilan Microsoft dan Apple. Seperti kita ketahui tampilan Microsoft terbaru mengusung tema design yang sederhana, clean dan cenderung flat. Sedangkan Apple mengedepankan desain yang soft dan human touche.

Berikut ini gambar contoh pada Halaman atau Fanpage



Segitu dulu ya IchiDovers, Happy Reading

Sumber : Link


Cara membuat blog Maintenance dengan Gambar

Sunday, March 10, 2013 13 Comments
IchiDovers kali ini ketemu lagi ya? , kita bahas masalah bikin blog Under Maintenance dengan Gambar, soalnya saya pernah ditanya sama teman saya, Gimana cara bikin blog maintenance pake gambar ris? , Gua jawab dengan jawaban ini, Sini gua tunjukin, gampang kog

Berikut Langkahnya :

  1.  Masuk Ke Template ->Edit HTML
  2. Cari kode ]]></b:skin> , Lakukan dengan Ctrl+F agar mencarinya lebih cepat
  3. Copy Kode dibawah ini dan pastekan diatas kode ]]></b:skin>
html {
  height: 100%;
  background:url(http://i1104.photobucket.com/albums/h331/labibkhairi1/under-maintenance.gif)

 no-repeat center 50%;
  margin: 0;
}
body {
  display: none;
}
NB: url Warna biru dapat diganti dengan gambar maintenance yang lain


    4. Save Template dan lihat hasilnya
Jika ingin dihapus, hapus saja kode tadi 

Cara Bikin Logo/Icon dengan Shape di Photoshop

Sunday, March 10, 2013 3 Comments
Woy IchiDovers, balik lagi nih bawa tutor bikin icon, Caranya aku lengkapin pake gambar lho, semoga bermanfaat ya ^_^
Siapin Bahannya : Photoshop sama Imajinasi

Step 1 : Buat Page Baru dengan menekan File-> New di Photoshop atau bisa juga pake Ctrl+N

Step 2 : Tentukan Ukuran Page buat ngeditnya Widht sama Height terserah kamu, kalau aku biasanya pake
             600x600px setelah ditentuin klik OK nanti akan muncul lembar kertas di Photoshop

Step 3 : Buat lingkaran menggunakan Eclipse Tool 
             Kayak gini 

Step 4 : Bikin  layer baru buat Tempat matanya, Buat Mata dengan menggunakan Brush Bulat Warna putih (Ukuran brush terserah)
Step 5 : Buat kembali Bulatan hitam di tengah Bulat putih yang di Step 4 menggunakan brush yang lebih kecil ukurannya
Step 6 : Buat dua bulatan lagi diatas Bulatan hitam seperti gambar berikut agar berefek mengkilap
Step 7 : Buat Dua Garis untuk mulut seperti ini
Step 8 : Buat lagi dua garis Vertical diantara garis di step 7 seperti ini
Step 9 : Bikin garis Miring di dalem garis hitam step 7 sama 8 seperti ini 
Step 10 : Kasih Warna di dalam mulut (Atas Putih, bawah Merah) kayak gini 
Step 11 : Agar keliatan mengkilap kita kasih Lagi tambahan, duplicate layer bulat untuk iconnya dan taruh di layer bagian paling atas dan ganti jadi warna putih 

  
Step 12 : Ganti Opacitynya jadi 20 dan Hapus sebagian seperti ini Hasilnya




Nah Gampang kan IchiDovers, Sekarang semua ada di tangan kalian, Tapi Gunakannlah Imajinasi kalian dan jangan disalah gunakan
See You ^_^


Cara Membuat Efek Daun Brguguran di Blog

Wednesday, March 06, 2013 2 Comments

Hay IchiDovers, lagi apa nih?, kali ini saya akan share trik Blog yang keren, efek ini adalah daun yang berguguran dengan berayun. daripada penasara mending coba deh

Langkahnya:
  1. Login ke Blogger
  2. Masuk ke Tata Letak
  3. Tambah Gadget lalu Pilih HTML/Javascript
  4. Masukin code ini ke dalam form tersebut : 
<script src='https://daunberguguran.googlecode.com/files/daun.js'/></script>
     5. Simpan
Sekian dulu ya sob , terima Kasih IchiDovers
 


Cara membuat Efek bintang mengikuti kursor

Tuesday, March 05, 2013 2 Comments
Halo sobat IchiDovers, malem-malem gini enaknya ngapain ya?, share ilmu enak kali ya, Yuk pantengin terus, topiknya tentang "Cara membuat Efek bintang mengikuti kursor" , kayaknya seru tuh, langsung saja yok
  1. Pertama masuk dulu tuh ke akun Bloggernya masing-masing, jangan pake akun tetangga Ntar ditimpuk lhoo XD
  2. Pilih Tata Letak
  3. Kemudian pilih tambah gadget
  4. Pilih HTML/JavaScript
  5. Copy Pastekan Kode berikut ini
<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>
Keterangan : Kode merah adalah kode warna bintang bertaburan 


    6. Save

Selesai dah tutornya, gampang kan sobat, ya udah mau ke Counter dulu beli pulsa

Cara Membuat Tulisan Mengikuti Kursor

Tuesday, March 05, 2013 2 Comments
Bagi kalangan Blogger, mempercantik blog merupakan salah satu cara untuk memanjakan mata pengunjung dan membuat blog banjir pengunjung, salah satu caranya adalah dengan menambahkan beberapa widget.

 Kali ini saya akan mengajarkan bagaimana memasang tulisan yang dapat mengikut kursor, tetapi perlu dipikir lagi ya apakah ini mengganggu atau tidak. Langsung saja kita praktekan

Cara :

1. Login ke dalam akun Blogger milik anda
2. Setelah berhasil login masuk ke Tata Letak
2. Tambah Gadget -> HTML/Javascript
3. Copy kode berikut ke dalam HTML/Javascript
          <style type='text/css'>
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: &#39;comic sans ms&#39;, verdana, arial;
color: #warnanya;

position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}

</style>
<script type='text/javascript'>
//<![CDATA[

;(function(){

// Pesanmu di sini, bahasa sundanya yaitu "Pesan anjeun di dieu.." hehehe... (QUOTED STRING)
var msg = "Ganti dengan tulisan yang ingin ditampilkan";


// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 25;

// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;

// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;

// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;

// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.2;

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;


if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement :

document.body,

mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},

makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) +

'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},

drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},

init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},

ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};

})();
//]]>
</script>
Keterangan
 Ganti kode berwarna merah untuk menentukan tulisan yang mengikuti kursor
 Ganti Kode berwarna Hijau untuk mengganti warna Tulisan

6. Save dan Refresh page untuk melihat hasilnya apakah bagus atau tidak
7. Jika anda merasa hal tersebut mengganggu anda dapat menghapusnya dari blog anda

Itulah cara mempercantik dengan menambahkan tulisan mengikuti kursor, Terima kasih sudah berkunjung, jangan lupa tinggalkan komentar ya

Berita Apple Merilis iPhone 5 Murah Bukan Rumor Belaka?

Monday, March 04, 2013 Add Comment

Hei IchiDovers,
Fenomena akan larisnya produk iPhone dipasaran terus terjadi hingga saat ini. Beberapa produk unggulan Apple seperti iPhone 4S, dan iPhone 5 ternyata menjadi gadget yang semakin waktu penjualannya terus mengalami peningkatan. Beberapa konsumen kalangan menengah keatas pun memang melihat bahwa ponsel iPhone merupakan ponsel yang dapat memenuhi kebutuhan mereka. Namun harganya yang kunjung kian meroket membuat iPhone ini tidak bisa dijangkau konsumen khususnya iPhone 5. Kalau sebelumnya Apple menepis rumor tentang tidak akan ada iPhone murah, kali ini lagi-lagi ada isu bahwa iPhone 5 murah akan segera dirilis oleh Apple.

Rumor yang kembali muncul ini datang dari California, Amerika Serikat. Kali ini rumor menyebutkan bahwa selain Apple akan mengeluarkan iPhone 5 murah, informasi tentang harga, tanggal liris, dan bentuk dari iPhone dengan harga terjaungkau tersebut pun ikut terkuak. Seperti yang diberitakan dari media Internasional khususnya dari Amerika, Apple dikabarkan akan segera meluncurkan versi murah dari iPhone 5 yang saat ini telah dipasarkan. Menurut sumber, iPhone 5 murah yang rencananya akan dirilis Apple tersebut akan dibanderol USD330 atau sekitar Rp. 3,1 juta! Nah murah sekali kan? Pada berita tersebut, disebutkan bahwa dengan iPhone 5 murah ini Apple bertujuan untuk menarik konsumen kelas menengah di negara seperti China dan India dan Asia lainnya.
Selain dari media internasional yang ada di Amerika, ternyata berita tentang harga, spesifikasi dan bentuk model dari iPhone 5 murah yang akan dirilis ini juga datang berhembus dari Jepang. Situs besar di Jepang bernama . Macotakara menyebutkan bahwa dalam waktu dekat ini Apple akan segera merilis iPhone 5 versi murahnya. Selain situs jepang, seseorang dari situs besar Amerika bernama iLounge Jeremy Horwitz mengklaim bahwa sumber terpercaya memberitahunya mengenai detail tentang bentuk perangkat baru itu. Dia mengatakan, perangkat baru Apple akan memiliki layar Retina dengan konektor Lightning. “Satu dari sumber-sumber kami mengklaim harga iPhone terlalu tinggu untuk konsumen di daratan China dengan harga iPhone 5 mulai dari USD849 dan iPhone 4 USD500, di negara yang rata-rata gaji tahunannya sekira USD3 ribu per orang". kata horwitz pada tulisannya di website tersebut.
Selain untuk menjangkau konsumen dari berbagai kalangan di negara Cina, India dan Asia lainnya, ternyata ada faktor lain yang pastinya menyebabkan Apple akan merilis iPhone 5 murahnya tersebut. Menurut sumber berita hongkong, angka penjualan produk Apple yaitu iPhone ternyata terus melemah semakin hari mengingat harganya yang masih terlalu mahal. Jika dibandingkan dengan gaji diwilayah Asia dan Amerika, tidak adil rasanya jika iPhone 5 tersebut mempunyai harga yang sama dengan di negara besar dari benua lainnya. Maka dari itulah sampai saat ini rumor dan berita akan diluncurkannya iPhone 5 dengan harga yang lebih murah lagi-lagi bertiup kencang dan kali ini cukup mengundang perhatian. Apakah benar Apple akan merilis Iphone 5 murahnya?



Yok sobat IchiDovers Pada Do'a semoga keinginnannya Tercapai ^_^



  

Manhunt 2 Game Paling Kontroversial

Sunday, March 03, 2013 Add Comment

Pada 2008 Manhunt 2 dilarang beredar karena konten sadisme yang ditampilkannya. Game ini dikembangkan oleh Rockstar. Karena dilarang, Rockstar akhirnya melakukan merilis versi revisinya, namun, tetap dilarang untuk diperjualbelikan.
Pada tahun 2004, Manhunt menjadi perbincangan yang menarik di inggris, Manhunt menjadi berita utama koran-koran Inggris menyusul tewasnya seorang siswa 14 tahun akibat ditikam dan dipukul di Leicester, kota Inggris tengah timur. Orang tua korban merasa yakin pembunuhnya memperoleh ilham dari game itu, kendatipun polisi dan pengacara menjelaskan tak ada bukti game itu memainkan peran dalam pembunuhan tersebut.
Game ini dilarang di tujuh negara, termasuk Jerman, Inggris dan Irlandia.
Penasaran dengan game ini?

My Banner

Sunday, March 03, 2013 51 Comments
Tukeran Banner Yok Sob !! ^_^

Sudah saya Tentukan Untuk saling share blog kreatif, karena itu juga memajukan Bangsa.

Ukuran 468x60px
<a href='http://ichimaru-docky.blogspot.com/' title='Ichimaru-Docky'><img src='http://i.imgur.com/QmziP6R.png'/></a>
Ukuran 88x31px

<a href='http://ichimaru-docky.blogspot.com/' target='_blank'><img alt='Ichimaru-Docky | Creative is not about Money' src='http://i.imgur.com/3xLkMcA.png'/></a>

Terima Kasih sobat IchiDovers

Cara Menghapus tanda Obeng dan Tang pada blog

Sunday, March 03, 2013 9 Comments
Hay IchiDovers, saatnya share Pengalaman, Sekarang saya share pengalaman saya pada saat mengedit template , Pada saat itu saya menemukan masalah yaitu tanda obeng yang selalu muncul, ya udah tanpa pikir lama mari Kita selesaikan masalahnya

Caranya seperti dibawah ini :
  1. Login ke akun Blogger kamu
  2. Masuk ke Template -> Edit HTML -> Centang Expand Template Widget
  3. Cari kode ini   
]]></b:skin>
     4. Copy pastekan kode berikut tepat diatas kode tersebut
          .quickedit{display:none;}
      5. Simpan

Tarraaa, gampang kaan, coba diliat , pasti dah kelar masalahnya