Jumat, 24 Mei 2013


Cara Memasang Whos Among Us di Blog
Cara Memasang Whos Amung Us di Blog - Sudah tahukah anda dengan widget yang satu ini…?! Whos Amung Us adalah suatu widget yang berfungsi untuk menganalisa status web / blog. Analisa yang dimaksud disini bukan analisa secara keseluruhan mengenai web / blog tersebut. Tapi..dengan memasang widget whos among us ini, para pengunjung web / blog atau yang punya, bisa tahu ada berapa user sih yang sedang nongkrongin web / blog tersebut. 

Nah…buat blogger yang belum pada tahu tentang gimana Cara Memasang Whos Amung Us di Blog, caranya sangat gampang. Tidak perlu login atau pun daftar dulu tinggal langsung menuju situs whos.amung.us Lalu coba ikutin petunjuk berikutnya. Setelah menuju situs tersebut, silahkan perhatikan gambar seperti di bawah, lalu klik Widget di Navigasi Menu Among Us.
Pilih Widget

Nah…Kalian tinggal copy paste aja scriptnya ke page element blog kalian. Atau misalnya ga ingin pake script, tinggal klik aja tulisan non javascript (liat gambar). 

Widget


Jika sudah, maka widget yang akan tampil diblog kalian akan seperti ini : Selain gambar widget seperti diatas, ada gambar widget lain (kalo misalnya kurang suka) yang bisa dipasang di blog. Caranya perhatikan gambar di bawah : klik pada text showcase seperti yang ditunjukan gambar atau klik disini.
Logo
Setelah kalian klik akan muncul gambar seperti ini : nah….silahkan pilih widget yang kalian suka dengan cara mengklik widget tersebut. Lalu ikutin petunjuk yang muncul dibawahnya. Ok…have a nice blogging!
10.37 Smartvone

Cara Memasang Whos Among Us di Blog
Cara Memasang Whos Amung Us di Blog - Sudah tahukah anda dengan widget yang satu ini…?! Whos Amung Us adalah suatu widget yang berfungsi untuk menganalisa status web / blog. Analisa yang dimaksud disini bukan analisa secara keseluruhan mengenai web / blog tersebut. Tapi..dengan memasang widget whos among us ini, para pengunjung web / blog atau yang punya, bisa tahu ada berapa user sih yang sedang nongkrongin web / blog tersebut. 

Nah…buat blogger yang belum pada tahu tentang gimana Cara Memasang Whos Amung Us di Blog, caranya sangat gampang. Tidak perlu login atau pun daftar dulu tinggal langsung menuju situs whos.amung.us Lalu coba ikutin petunjuk berikutnya. Setelah menuju situs tersebut, silahkan perhatikan gambar seperti di bawah, lalu klik Widget di Navigasi Menu Among Us.
Pilih Widget

Nah…Kalian tinggal copy paste aja scriptnya ke page element blog kalian. Atau misalnya ga ingin pake script, tinggal klik aja tulisan non javascript (liat gambar). 

Widget


Jika sudah, maka widget yang akan tampil diblog kalian akan seperti ini : Selain gambar widget seperti diatas, ada gambar widget lain (kalo misalnya kurang suka) yang bisa dipasang di blog. Caranya perhatikan gambar di bawah : klik pada text showcase seperti yang ditunjukan gambar atau klik disini.
Logo
Setelah kalian klik akan muncul gambar seperti ini : nah….silahkan pilih widget yang kalian suka dengan cara mengklik widget tersebut. Lalu ikutin petunjuk yang muncul dibawahnya. Ok…have a nice blogging!
Kindly Bookmark and Share it:
Halo sahabat semua, kali ini Info Bagus Fakta Bagus akan berbagi cara membuat sub menu bar di blog. Sub menu bar sangat diperlukan bagi setiap blogger sejati. Bagi para pengunjung hal ini juga sangat dibutuhkan guna mencari informasi berdasarkan pada kategori di sub menu bar. Memberi sub menu bar juga membuat blog kita tampak lebih tampan, teratur, dan praktis (tidak acak-acakan). Langkah-langkahnya berhubungan dengan edit HTML. Bagi para blogger pemula mungkin akan merasa sulit, tetapi sebenarnya hal ini sangat mudah. Ikuti saja langkah-langkah yang kami jelaskan di bawah ini. 


Ok, setelah berbasa-basi. Let's check it out...


Berikut ini langkah-langkah yang harus dilakukan :
  1. Klik Menu Desain 
  1. Pilih Menu Template lalu pilih menu Edit HTML 
  1. Pilih/klik menu Lanjutkan
  1. Pilih/klik menu Expand Template Widget
  1. <div class='main-outer'> atau
    <div id='main-wrapper'> atau <div id='main'>
     
    Cari scrift berikut :



Agar lebih mudah, klik saja F3 atau ctrl+F pada keyboard lalu pilh salah satu scrift diatas. Berdasarkan pengalaman saya setelah membolak balik informasi di www.google.com maka yang cocok adalah :
div class='main-outer'>.
Bisa jadi beda dengan template yang lain…

Setelah dapat, copas scrift berikut tepat diatas scrift yang dicari tadi : 

<style>
/* -- Menu Horizontal + Sub Menu-- */
#cat-nav {background:#156994;margin:0 15px;padding:0;height:35px;}
#cat-nav a { color:#eee; text-decoration:none; text-shadow: #033148 0px 1px 0px;border-right:1px solid #156994;}
#cat-nav a:hover { color:#fff; }
#cat-nav li:hover { background:#000; }
#cat-nav a span { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-style:normal; font-weight:400; color:#fff; text-shadow:none;}
#cat-nav .nav-description { display:block; }
#cat-nav a:hover span { color:#fff; }
#secnav, #secnav ul { position:relative; z-index:100; margin:0; padding:0; list-style:none; line-height:1; background:#0d5e88; }
#secnav a { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:700; font-size:14px; display:block; z-index:100; padding:0 15px; line-height:35px; text-decoration:none;}
#secnav li { float:left; width: auto; height:35px;}
#secnav li ul  { position: absolute; left: -999em; width: 200px; top:35px}
#secnav li ul li  { height:30px; border-top:1px solid #fff; }
#secnav li ul li a  { font-family:Verdana, Geneva, sans-serif; width:180px; line-height:30px; padding:0 10px; font-size:11px; font-style:normal; font-weight:400; color:#eee; }
#secnav li ul ul  { margin: -30px 0 0 180px; }
#secnav li:hover ul ul, #secnav li:hover ul ul ul, #secnav li.sfhover ul ul, #secnav li.sfhover ul ul ul { left:-999em; }
#secnav li:hover ul, #secnav li li:hover ul, #secnav li li li:hover ul, #secnav li.sfhover ul, #secnav li li.sfhover ul, #secnav li li li.sfhover ul { left: auto; }
#secnav li:hover,#secnav li.hover  { position:static; }
#cat-nav #secnav {width:100%;margin:0 auto;}
</style>
<div id='cat-nav'>
<ul class='fl' id='secnav'>
<li><a href='#'>Beranda</a></li>
<li><a href='#'>Menu 1</a></li>
<li><a href='#'>Menu 2</a>
<ul id='sub-custom-nav'>
<li><a href='#'>Sub Menu2 a</a></li>
<li><a href='#'>Sub Menu2 b</a></li>
</ul>
</li>
<li><a href='#'>Menu3</a>
<ul id='sub-custom-nav'>
<li><a href='#'>Sub Menu3a</a></li>
<li><a href='#'>Sub Menu3b </a></li>
</ul>
</li>
<li><a href='#'>Menu4</a>
<ul id='sub-custom-nav'>
<li><a href='#'>Sub Menu4a</a></li>
<li><a href='#'>Sub Menu4b </a></li>
</ul>
</li>
<li><a href='#'>Menu5</a></li>
</ul>
</div>


PENJELASAN :
    • Ganti tanda # (warna biru) dengan link/url yang anda inginkan. Bisa jadi link posting atau label (katagori) yang ada pada blog anda.
    • Ganti Tulisan warna biru dengan menu dan sub menu yang anda inginkan.
    • Setiap sub menu bisa ditambah atau dikurangkan sesuai keinginan. 

7. Setelah itu klik Pratinjau dulu untuk memastikan scrift sudah benar . Lalu simpanlah/save. Dan tutup edit HTML tersebut.

Saran : back up dulu template anda sebelum merubah/menambah scrift diatas, agar bisa dimanfaatkan kembali jika ada masalah dengan penambahan srcritf diatas.

8. Untuk menghilangkan tampilan tampilan dabel dengan Laman Utama, 
Maka ikutilah saran berikut :

  • Masuk ke Menu Laman 
  • Lalu pilih tampilan halaman dengan memilih "jangan tampilkan"
  • Simpan setelan, maka laman utama akan tampil sendiri sesuai dengan scrift yang kita ketikkan tadi.
Blog sudah bisa dipublikasikan...
Apabila melalui cara yang kami bagikan ini belum berhasil, coba sahabat ulangi lagi dengan sabar. jika berkali-kali memang tidak bisa, sahabat bisa berkonsultasi dengan Info Bagus Fakta Bagus melalui komentar di bagian bawah ini. 

Semoga bermanfaat kebaikan.



Sumber artikel: http://kanginanjaya.blogspot.com/2013/01/cara-membuat-sub-menu-bar-di-blog.html#ixzz2UB3OgTav
10.30 Smartvone
Kindly Bookmark and Share it:
Halo sahabat semua, kali ini Info Bagus Fakta Bagus akan berbagi cara membuat sub menu bar di blog. Sub menu bar sangat diperlukan bagi setiap blogger sejati. Bagi para pengunjung hal ini juga sangat dibutuhkan guna mencari informasi berdasarkan pada kategori di sub menu bar. Memberi sub menu bar juga membuat blog kita tampak lebih tampan, teratur, dan praktis (tidak acak-acakan). Langkah-langkahnya berhubungan dengan edit HTML. Bagi para blogger pemula mungkin akan merasa sulit, tetapi sebenarnya hal ini sangat mudah. Ikuti saja langkah-langkah yang kami jelaskan di bawah ini. 


Ok, setelah berbasa-basi. Let's check it out...


Berikut ini langkah-langkah yang harus dilakukan :
  1. Klik Menu Desain 
  1. Pilih Menu Template lalu pilih menu Edit HTML 
  1. Pilih/klik menu Lanjutkan
  1. Pilih/klik menu Expand Template Widget
  1. <div class='main-outer'> atau
    <div id='main-wrapper'> atau <div id='main'>
     
    Cari scrift berikut :



Agar lebih mudah, klik saja F3 atau ctrl+F pada keyboard lalu pilh salah satu scrift diatas. Berdasarkan pengalaman saya setelah membolak balik informasi di www.google.com maka yang cocok adalah :
div class='main-outer'>.
Bisa jadi beda dengan template yang lain…

Setelah dapat, copas scrift berikut tepat diatas scrift yang dicari tadi : 

<style>
/* -- Menu Horizontal + Sub Menu-- */
#cat-nav {background:#156994;margin:0 15px;padding:0;height:35px;}
#cat-nav a { color:#eee; text-decoration:none; text-shadow: #033148 0px 1px 0px;border-right:1px solid #156994;}
#cat-nav a:hover { color:#fff; }
#cat-nav li:hover { background:#000; }
#cat-nav a span { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-style:normal; font-weight:400; color:#fff; text-shadow:none;}
#cat-nav .nav-description { display:block; }
#cat-nav a:hover span { color:#fff; }
#secnav, #secnav ul { position:relative; z-index:100; margin:0; padding:0; list-style:none; line-height:1; background:#0d5e88; }
#secnav a { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:700; font-size:14px; display:block; z-index:100; padding:0 15px; line-height:35px; text-decoration:none;}
#secnav li { float:left; width: auto; height:35px;}
#secnav li ul  { position: absolute; left: -999em; width: 200px; top:35px}
#secnav li ul li  { height:30px; border-top:1px solid #fff; }
#secnav li ul li a  { font-family:Verdana, Geneva, sans-serif; width:180px; line-height:30px; padding:0 10px; font-size:11px; font-style:normal; font-weight:400; color:#eee; }
#secnav li ul ul  { margin: -30px 0 0 180px; }
#secnav li:hover ul ul, #secnav li:hover ul ul ul, #secnav li.sfhover ul ul, #secnav li.sfhover ul ul ul { left:-999em; }
#secnav li:hover ul, #secnav li li:hover ul, #secnav li li li:hover ul, #secnav li.sfhover ul, #secnav li li.sfhover ul, #secnav li li li.sfhover ul { left: auto; }
#secnav li:hover,#secnav li.hover  { position:static; }
#cat-nav #secnav {width:100%;margin:0 auto;}
</style>
<div id='cat-nav'>
<ul class='fl' id='secnav'>
<li><a href='#'>Beranda</a></li>
<li><a href='#'>Menu 1</a></li>
<li><a href='#'>Menu 2</a>
<ul id='sub-custom-nav'>
<li><a href='#'>Sub Menu2 a</a></li>
<li><a href='#'>Sub Menu2 b</a></li>
</ul>
</li>
<li><a href='#'>Menu3</a>
<ul id='sub-custom-nav'>
<li><a href='#'>Sub Menu3a</a></li>
<li><a href='#'>Sub Menu3b </a></li>
</ul>
</li>
<li><a href='#'>Menu4</a>
<ul id='sub-custom-nav'>
<li><a href='#'>Sub Menu4a</a></li>
<li><a href='#'>Sub Menu4b </a></li>
</ul>
</li>
<li><a href='#'>Menu5</a></li>
</ul>
</div>


PENJELASAN :
    • Ganti tanda # (warna biru) dengan link/url yang anda inginkan. Bisa jadi link posting atau label (katagori) yang ada pada blog anda.
    • Ganti Tulisan warna biru dengan menu dan sub menu yang anda inginkan.
    • Setiap sub menu bisa ditambah atau dikurangkan sesuai keinginan. 

7. Setelah itu klik Pratinjau dulu untuk memastikan scrift sudah benar . Lalu simpanlah/save. Dan tutup edit HTML tersebut.

Saran : back up dulu template anda sebelum merubah/menambah scrift diatas, agar bisa dimanfaatkan kembali jika ada masalah dengan penambahan srcritf diatas.

8. Untuk menghilangkan tampilan tampilan dabel dengan Laman Utama, 
Maka ikutilah saran berikut :

  • Masuk ke Menu Laman 
  • Lalu pilih tampilan halaman dengan memilih "jangan tampilkan"
  • Simpan setelan, maka laman utama akan tampil sendiri sesuai dengan scrift yang kita ketikkan tadi.
Blog sudah bisa dipublikasikan...
Apabila melalui cara yang kami bagikan ini belum berhasil, coba sahabat ulangi lagi dengan sabar. jika berkali-kali memang tidak bisa, sahabat bisa berkonsultasi dengan Info Bagus Fakta Bagus melalui komentar di bagian bawah ini. 

Semoga bermanfaat kebaikan.



Sumber artikel: http://kanginanjaya.blogspot.com/2013/01/cara-membuat-sub-menu-bar-di-blog.html#ixzz2UB3OgTav
setengah blog yang anda lawati mempunyai kursor yang unik dan menarik. Ada yang membuat kursor dengan tulisan nama sendiri dan ada yang meletakkan gambar sebagai kursor.Mungkin anda ingin membuatnya ,jadi tutorial ini akan menerangkan cara cara untuk membuat kursor anda sendiri.
Untuk tutorial ini saya menggunakan perisian AdobePhotoshop CS5.
1.Pada menu file pilih new dan masukkan setting seperti berikut

fail baru

Width 80pixels,height 45 pixels,resolution 75pixels dan background content transparent
Klik ok setelah memasukkannya.

2.Kemudian kita akan masukkan anak panah untuk kursor ini,pada toolbar pilih rectangle tool (ikon kotakdisebelah bawah ikon panah)dan ambil custom shape dari senarai yang terpapar

buat kursor


3.Gunakan move tool dantandakan(tick)pada show transform control untuk memutarkan anak panah .Kotak yang muncul membolehkan anda membesar,memutar dan mengubah kedudukan.

putar imej



4.pilih text tool ,jenis tulisan,warna dan taipkan teks yang anda inginkan

letak teks


5.Simpan kursor yang telah dihasilkan
   Ambil menu file pilih save as masukkan nama fail pada file name dan pilih format png  (boleh juga format  gif)  pada format dan klik save.

simpan dokumen

Ok dah siap pun cursor text anda.

Cara nak letak gambar sebagai kursor

1.Anda perlu sediakan imej yang hendak diletakkan sebagai kursor.Jika imej besar perlulah dipotong terlebih dahulu

memotong imej dengan photoshop:


2.Masukkan imej>>klik open>>pilih imej yang diperlukan
Pilih crop tool,kemudianklik an seretkekotakpadabahagian yang hendakdipotong.Tekan enter

potong imej

3. Jika sudah berpuashati.Simpan imej anda dengan format jpeg.

4.Seterusnya ikut pada langkah 2 diatas(memasukkan anak panah)
   masukkan imej yang telah anda crop..


5.File pilih>> open dan browse imej tadi.Gunakan move tool,klik dan seret ke sebelah kursor yang telah dibuat



cursor
 
Untuk ubah saiz pastikan show transform controls diaktifkan.kemudian save imej dalam format png atau gif.


Cara meletakkan cursor pada blog

Imej yang telah siap perlu diupload pada web site yang menyediakan kemudahan upload imej seperti imageshack atau tinypic bagi mendapatkan dapatkan url untuk imej.Setelah selesai upload dan dapatkan url tadi.

Kemudian masuk ke design>>template>edit html

cari kod </head>

dan letakkan kod seperti dibawah sebelum kod </head>:

<style type="text/css">body {cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXZmy5wUKQSvIMDcnxInpPWFE1qJv-oCIC4eBxhK20tw9MQ9q3m4E8BdB0aOK2S9Lhv-D_WXM3CyHCre25SOx68N0K8M_OxIPIapEKbHrG1lxUak-DirnkroOAX1bzUcPH30y_G3xGIkw/s1600/lieeza.gif),default}</style>

Masukkan url imej yang anda upload dan gantikan pada bahagian teks berwarna oren.

Kemudian save
10.27 Smartvone
setengah blog yang anda lawati mempunyai kursor yang unik dan menarik. Ada yang membuat kursor dengan tulisan nama sendiri dan ada yang meletakkan gambar sebagai kursor.Mungkin anda ingin membuatnya ,jadi tutorial ini akan menerangkan cara cara untuk membuat kursor anda sendiri.
Untuk tutorial ini saya menggunakan perisian AdobePhotoshop CS5.
1.Pada menu file pilih new dan masukkan setting seperti berikut

fail baru

Width 80pixels,height 45 pixels,resolution 75pixels dan background content transparent
Klik ok setelah memasukkannya.

2.Kemudian kita akan masukkan anak panah untuk kursor ini,pada toolbar pilih rectangle tool (ikon kotakdisebelah bawah ikon panah)dan ambil custom shape dari senarai yang terpapar

buat kursor


3.Gunakan move tool dantandakan(tick)pada show transform control untuk memutarkan anak panah .Kotak yang muncul membolehkan anda membesar,memutar dan mengubah kedudukan.

putar imej



4.pilih text tool ,jenis tulisan,warna dan taipkan teks yang anda inginkan

letak teks


5.Simpan kursor yang telah dihasilkan
   Ambil menu file pilih save as masukkan nama fail pada file name dan pilih format png  (boleh juga format  gif)  pada format dan klik save.

simpan dokumen

Ok dah siap pun cursor text anda.

Cara nak letak gambar sebagai kursor

1.Anda perlu sediakan imej yang hendak diletakkan sebagai kursor.Jika imej besar perlulah dipotong terlebih dahulu

memotong imej dengan photoshop:


2.Masukkan imej>>klik open>>pilih imej yang diperlukan
Pilih crop tool,kemudianklik an seretkekotakpadabahagian yang hendakdipotong.Tekan enter

potong imej

3. Jika sudah berpuashati.Simpan imej anda dengan format jpeg.

4.Seterusnya ikut pada langkah 2 diatas(memasukkan anak panah)
   masukkan imej yang telah anda crop..


5.File pilih>> open dan browse imej tadi.Gunakan move tool,klik dan seret ke sebelah kursor yang telah dibuat



cursor
 
Untuk ubah saiz pastikan show transform controls diaktifkan.kemudian save imej dalam format png atau gif.


Cara meletakkan cursor pada blog

Imej yang telah siap perlu diupload pada web site yang menyediakan kemudahan upload imej seperti imageshack atau tinypic bagi mendapatkan dapatkan url untuk imej.Setelah selesai upload dan dapatkan url tadi.

Kemudian masuk ke design>>template>edit html

cari kod </head>

dan letakkan kod seperti dibawah sebelum kod </head>:

<style type="text/css">body {cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXZmy5wUKQSvIMDcnxInpPWFE1qJv-oCIC4eBxhK20tw9MQ9q3m4E8BdB0aOK2S9Lhv-D_WXM3CyHCre25SOx68N0K8M_OxIPIapEKbHrG1lxUak-DirnkroOAX1bzUcPH30y_G3xGIkw/s1600/lieeza.gif),default}</style>

Masukkan url imej yang anda upload dan gantikan pada bahagian teks berwarna oren.

Kemudian save
Cara Membuat Header Blog Bergerak
Dalam tutorial ini saya akan menjelaskan bagaimana menambahkan gambar acak, memutar gambar untuk latar header di blog anda. Setelah Anda menambahkan fitur ini ke blog Anda, gambar header blog Anda akan berputar . Sebelum melakukan trik ini Anda harus membuat gambar header untuk blog. Di dalam tutorial ini saya akan menunjukkan bagaimana cara untuk memutar 5 gambar pada header blog.

  • Login ke dashboard --> Rancangan --> Edit HTML
  • Cari dan temukan kode <body>
  • Salin kode dibawah ini tepat setelah kode <body>
<script type='text/javascript'>

var HeaderImage= new Array()

HeaderImage[0]=&quot;ALAMAT-GAMBAR-1&quot;
HeaderImage[1]=&quot;ALAMAT-GAMBAR-2&quot;
HeaderImage[2]=&quot;ALAMAT-GAMBAR-3&quot;
HeaderImage[3]=&quot;ALAMAT-GAMBAR-4&quot;
HeaderImage[4]=&quot;ALAMAT-GAMBAR-5&quot;
var random=Math.round(4*Math.random());

document.write(&quot;<style>&quot;);
document.write(&quot;#header-wrapper {&quot;);
document.write(&#39; background:url(&quot;&#39; + HeaderImage[random] + &#39;&quot;) no-repeat left TOP;&#39;);
document.write(&quot; }&quot;);
document.write(&quot;</style>&quot;);

</script>

 CATATAN:

Ganti "ALAMAT-GAMBAR-X" dengan URL gambar Anda.

Jika kode diatas tidak bekerja untuk blog Anda, kemudian ganti "# header-wrapper" dengan "# header". Kamu dapat menambahkan jumlah yang berbeda dari 5 gambar. Tetapi ingat untuk mengubah "4 * Math.random ()" sesuai dengan jumlah gambar yang Anda tambahkan. Contoh, bila Kamu ingin menambahkan 8 gambar yang berbeda untuk background header blog Anda, kemudian kode harus berubah sebagai "7 * Math.random ()" di bawah. Lihat contoh:

<script type='text/javascript'>

var HeaderImage= new Array()

HeaderImage[0]=&quot;ALAMAT-GAMBAR-1&quot;
HeaderImage[1]=&quot;ALAMAT-GAMBAR-2&quot;
HeaderImage[2]=&quot;ALAMAT-GAMBAR-3&quot;
HeaderImage[3]=&quot;ALAMAT-GAMBAR-4&quot;
HeaderImage[4]=&quot;ALAMAT-GAMBAR-5&quot;
HeaderImage[4]=&quot;ALAMAT-GAMBAR-6&quot;
HeaderImage[4]=&quot;ALAMAT-GAMBAR-7&quot;
HeaderImage[4]=&quot;ALAMAT-GAMBAR-8&quot;
var random=Math.round(7*Math.random());

document.write(&quot;<style>&quot;);
document.write(&quot;#header-wrapper {&quot;);
document.write(&#39; background:url(&quot;&#39; + HeaderImage[random] + &#39;&quot;) no-repeat left TOP;&#39;);
document.write(&quot; }&quot;);
document.write(&quot;</style>&quot;);

</script>
  • Sekarang simpan template Anda. Refresh situs kamu beberapa kali untuk melihat hasil gambar pada header 
10.23 Smartvone
Cara Membuat Header Blog Bergerak
Dalam tutorial ini saya akan menjelaskan bagaimana menambahkan gambar acak, memutar gambar untuk latar header di blog anda. Setelah Anda menambahkan fitur ini ke blog Anda, gambar header blog Anda akan berputar . Sebelum melakukan trik ini Anda harus membuat gambar header untuk blog. Di dalam tutorial ini saya akan menunjukkan bagaimana cara untuk memutar 5 gambar pada header blog.

  • Login ke dashboard --> Rancangan --> Edit HTML
  • Cari dan temukan kode <body>
  • Salin kode dibawah ini tepat setelah kode <body>
<script type='text/javascript'>

var HeaderImage= new Array()

HeaderImage[0]=&quot;ALAMAT-GAMBAR-1&quot;
HeaderImage[1]=&quot;ALAMAT-GAMBAR-2&quot;
HeaderImage[2]=&quot;ALAMAT-GAMBAR-3&quot;
HeaderImage[3]=&quot;ALAMAT-GAMBAR-4&quot;
HeaderImage[4]=&quot;ALAMAT-GAMBAR-5&quot;
var random=Math.round(4*Math.random());

document.write(&quot;<style>&quot;);
document.write(&quot;#header-wrapper {&quot;);
document.write(&#39; background:url(&quot;&#39; + HeaderImage[random] + &#39;&quot;) no-repeat left TOP;&#39;);
document.write(&quot; }&quot;);
document.write(&quot;</style>&quot;);

</script>

 CATATAN:

Ganti "ALAMAT-GAMBAR-X" dengan URL gambar Anda.

Jika kode diatas tidak bekerja untuk blog Anda, kemudian ganti "# header-wrapper" dengan "# header". Kamu dapat menambahkan jumlah yang berbeda dari 5 gambar. Tetapi ingat untuk mengubah "4 * Math.random ()" sesuai dengan jumlah gambar yang Anda tambahkan. Contoh, bila Kamu ingin menambahkan 8 gambar yang berbeda untuk background header blog Anda, kemudian kode harus berubah sebagai "7 * Math.random ()" di bawah. Lihat contoh:

<script type='text/javascript'>

var HeaderImage= new Array()

HeaderImage[0]=&quot;ALAMAT-GAMBAR-1&quot;
HeaderImage[1]=&quot;ALAMAT-GAMBAR-2&quot;
HeaderImage[2]=&quot;ALAMAT-GAMBAR-3&quot;
HeaderImage[3]=&quot;ALAMAT-GAMBAR-4&quot;
HeaderImage[4]=&quot;ALAMAT-GAMBAR-5&quot;
HeaderImage[4]=&quot;ALAMAT-GAMBAR-6&quot;
HeaderImage[4]=&quot;ALAMAT-GAMBAR-7&quot;
HeaderImage[4]=&quot;ALAMAT-GAMBAR-8&quot;
var random=Math.round(7*Math.random());

document.write(&quot;<style>&quot;);
document.write(&quot;#header-wrapper {&quot;);
document.write(&#39; background:url(&quot;&#39; + HeaderImage[random] + &#39;&quot;) no-repeat left TOP;&#39;);
document.write(&quot; }&quot;);
document.write(&quot;</style>&quot;);

</script>
  • Sekarang simpan template Anda. Refresh situs kamu beberapa kali untuk melihat hasil gambar pada header 

Jumat, 10 Mei 2013



Tidak hanya badan yang perlu dilatih tetapi otak juga memerlukan latihan untuk meningkatkan kemampuannya. Seperti halnya otot yang membesar dan menguat jika dilatih, otak juga akan lebih “berotot” jika dilatih setiap hari.

Kemampuan otak dibagi menjadi memori, tingkat perhatian, bahasa, visual-spasial, dan fungsi eksekutif. Sebenarnya melakukan aktifitas mental sehari-hari yang menantang juga termasuk dalam olahraga otak tetapi kalau ingin lebih banyak meningkatkan kemampuan otak tidak ada salahnya mencoba beberapa metode dibawah ini

1. Latihan memori
Memori memegang peranan penting dalam kegiatan sehari-hari. Baik memori jangka pendek maupun jangka panjang hampir setiap waktu digunakan. Latih memori anda mulai dengan cara yang sederhana.

Dengarkan musik yang jarang atau belum pernah anda dengar dan tantang diri anda sendiri untuk menghafalkan liriknya secepat mungkin. Cara lain untuk melatih memori adalah dengan mandi dalam keadaan mata tertutup dan berpakaian dalam keadaan mata tertutup juga. Bertemu dan mengobrol dengan orang lain juga salah satu cara untuk melatih memori yang sudah terbentuk.

2. Melatih tingkat perhatian
Tingkat perhatian atau atensi yang baik menjaga kita untuk tetap berkonsentrasi dan fokus pada suatu hal meskipun ada gangguan dari lingkungan sekitar. Kita bisa melatih bagian otak yang berperan dalam mengatur fungsi atensi dengan cara merubah kebiasaan.

Misalnya jika anda biasa pergi kekantor melewati jalan A, maka cobalah untuk pergi ke kantor melalui jalan B atau bila biasanya anda menggunakan tangan kanan untuk memegang mouse, coba kendalikan kursor dengan  tangan kiri.

Menjadikan kegiatan anda bervariasi setiap hari tidak hanya melatih tingkat perhatian tetapi juga membuat kita jauh dari kebosanan. Cara lain untuk melatih tingkat perhatian adalah dengan mengerjakan sesuatu secara bersama sama, misalnya menonton TV sambil menghitung sesuatu, atau olahraga sambil mendengarkan musik.

3. Kemampuan Berbahasa
Untuk melatih kemampuan ini coba untuk membaca sesuatu yang lain, jika biasanya anda membaca tentang kesehatan sekali-sekali baca juga kolom teknologi, bisnis atau baca novel.

Berbicara dengan orang baru atau orang yang berbeda minat dengan anda juga bisa melatih kemampuan berbahasa. Jika anda tertarik dengan negara tertentu atau daerah tertentu tidak ada salahnya mempelajari bahasa baru atau memperdalam bahasa yang belum sempurna anda kuasai.

4. Visual-spasial
Kita hidup di dunia yang penuh dengan warna dantiga dimensi. Menganalisis informasi visual dan ruang disekitar anda mengaktifkan fungsi ini. Latihannya, masuklah kedalam suatu ruangan dan ambil 5 buah benda atau lebih kemudian keluar dari ruangan dan ingat-ingat kembali dimana posisi asal benda tersebut.

Terlalu mudah? Sekarang coba tambahkan waktu, setelah mengambil benda tersebut beberapa jam berikutnya cobalah untuk mengingatnya. Latihan ini akan lebih menantang jika dilakukan diruangan yang luas dengan banyak benda misalnya di perpustakaan.

5. Melatih fungsi eksekutif
Meskipun tanpa disadari, setiap hari kita melakukan analisis suatu masalah dan kemudian seringkali mengambil keputusan. bermain video game dan catur adalah beberapa cara untuk melatih fungsi eksekutif. Berkerja dalam tim dan organisasi juga melatih kemampuan ini.

So semoga artikel diatas bermanfaat bagi kita semua, bermanfaat bagi kami maupun anda sebagai pembaca. Kami ucapkan banyak terimakasih telah mengunjungi situs ini, jika ada kritik atau saran silahkan poskan dikotak komentar untuk menyempurnakan situs ini.

Info legkapnya lihat dibawah ini :
Referensi 1
Referensi 2 
18.49 Smartvone


Tidak hanya badan yang perlu dilatih tetapi otak juga memerlukan latihan untuk meningkatkan kemampuannya. Seperti halnya otot yang membesar dan menguat jika dilatih, otak juga akan lebih “berotot” jika dilatih setiap hari.

Kemampuan otak dibagi menjadi memori, tingkat perhatian, bahasa, visual-spasial, dan fungsi eksekutif. Sebenarnya melakukan aktifitas mental sehari-hari yang menantang juga termasuk dalam olahraga otak tetapi kalau ingin lebih banyak meningkatkan kemampuan otak tidak ada salahnya mencoba beberapa metode dibawah ini

1. Latihan memori
Memori memegang peranan penting dalam kegiatan sehari-hari. Baik memori jangka pendek maupun jangka panjang hampir setiap waktu digunakan. Latih memori anda mulai dengan cara yang sederhana.

Dengarkan musik yang jarang atau belum pernah anda dengar dan tantang diri anda sendiri untuk menghafalkan liriknya secepat mungkin. Cara lain untuk melatih memori adalah dengan mandi dalam keadaan mata tertutup dan berpakaian dalam keadaan mata tertutup juga. Bertemu dan mengobrol dengan orang lain juga salah satu cara untuk melatih memori yang sudah terbentuk.

2. Melatih tingkat perhatian
Tingkat perhatian atau atensi yang baik menjaga kita untuk tetap berkonsentrasi dan fokus pada suatu hal meskipun ada gangguan dari lingkungan sekitar. Kita bisa melatih bagian otak yang berperan dalam mengatur fungsi atensi dengan cara merubah kebiasaan.

Misalnya jika anda biasa pergi kekantor melewati jalan A, maka cobalah untuk pergi ke kantor melalui jalan B atau bila biasanya anda menggunakan tangan kanan untuk memegang mouse, coba kendalikan kursor dengan  tangan kiri.

Menjadikan kegiatan anda bervariasi setiap hari tidak hanya melatih tingkat perhatian tetapi juga membuat kita jauh dari kebosanan. Cara lain untuk melatih tingkat perhatian adalah dengan mengerjakan sesuatu secara bersama sama, misalnya menonton TV sambil menghitung sesuatu, atau olahraga sambil mendengarkan musik.

3. Kemampuan Berbahasa
Untuk melatih kemampuan ini coba untuk membaca sesuatu yang lain, jika biasanya anda membaca tentang kesehatan sekali-sekali baca juga kolom teknologi, bisnis atau baca novel.

Berbicara dengan orang baru atau orang yang berbeda minat dengan anda juga bisa melatih kemampuan berbahasa. Jika anda tertarik dengan negara tertentu atau daerah tertentu tidak ada salahnya mempelajari bahasa baru atau memperdalam bahasa yang belum sempurna anda kuasai.

4. Visual-spasial
Kita hidup di dunia yang penuh dengan warna dantiga dimensi. Menganalisis informasi visual dan ruang disekitar anda mengaktifkan fungsi ini. Latihannya, masuklah kedalam suatu ruangan dan ambil 5 buah benda atau lebih kemudian keluar dari ruangan dan ingat-ingat kembali dimana posisi asal benda tersebut.

Terlalu mudah? Sekarang coba tambahkan waktu, setelah mengambil benda tersebut beberapa jam berikutnya cobalah untuk mengingatnya. Latihan ini akan lebih menantang jika dilakukan diruangan yang luas dengan banyak benda misalnya di perpustakaan.

5. Melatih fungsi eksekutif
Meskipun tanpa disadari, setiap hari kita melakukan analisis suatu masalah dan kemudian seringkali mengambil keputusan. bermain video game dan catur adalah beberapa cara untuk melatih fungsi eksekutif. Berkerja dalam tim dan organisasi juga melatih kemampuan ini.

So semoga artikel diatas bermanfaat bagi kita semua, bermanfaat bagi kami maupun anda sebagai pembaca. Kami ucapkan banyak terimakasih telah mengunjungi situs ini, jika ada kritik atau saran silahkan poskan dikotak komentar untuk menyempurnakan situs ini.

Info legkapnya lihat dibawah ini :
Referensi 1
Referensi 2