Cara Menyimpan File javascript (2)

Topik :Menyimpan Scrip dalam Site Googel ini merupakan kelanjutan dari bahasan posting saya Belajar tentang file Javascript (1). Tujuan dari menyimpan script di site Google agar program bisa ditulis lebih singkat dan efisien. Meskipun sebenarnya script program aslinya bisa sangat panjang. Disamping itu file script yang sama dapat dipanggil berulang sesuai dengan kebutuhannya.

Namun disisi lain, file yang sudah disimpan di Googe site tidak dapat begitu saja dirubah, dibandingkan script aslinya. Oleh karena itu pastikan sebelum anda menyimpan sebuah script kedalam Google site, script tersebut sudah permanen, karena jika tidak anda akan cukup repot mengubah setiap kali ada perubahan.

Jika anda sudah siap mari kita coba masuk kedalam Google Site ini.


1. Masuk ke Site Google

2. Masukan Email dan Pasword Anda



3. Klik Masuk



4. Isi nama Situs Anda dan Ketik kode yang ditampilkan lalu Klik Buat



5 Pada posisi Beranda Klik Laman Baru
Beri nama laman anda: misalnya Javascript
Pilih Template yang akan digunakan : Pilih "Lemari File"
Klik Buat


6. Untuk menambahkan sebuah file script anda gunakan + Tambahkan file

6. File anda di Googel Site sudah siap untuk digunakan.

7. Bila anda ada pertanyaan silahkan berikan komentar.

Skyfall Film James Bond ke 23

Film James Bond ke 23 ini berjudul SKYFALL kabarnya akan beredar pada bulan November 2012. Film James Bond ini masih diprankan oleh Daniel Craig. Ini merupakan film James yang ke ke 3 setelah Cassino Rayale, Quantum Solace (2008). Pada James Bond yang terakhir Quantum Solace kabarnya banyak mendapat kritikan dan dikatkan sebagai film Bond yang kurang berhasil baik dari segi pemasaran maupun dari sisi penggarapannya.

Dalam film James Bond kali ini, para princishe film ini tidak mau kecolongan lagi. Mereka lalu memilih "Sam Mendes" untuk menggarap film James Bond ke 23 ini. Kualitas Sam Mendes sebagai director sebenarnya sudah tidak diragukan lagi, Namun hasilnya masih harus kita tunggu. apakah James Bond yang ke 23 ini akan sukses ditangannya.

Director:Sam Mendes
Writers:Ian Fleming (characters), John Logan (screenplay), and 3 more credits »
Stars:
Daniel Craig, Helen McCrory and Javier Bardem

Trailer Film James Bond "SKYFALL"

Belajar Tentang File Javascript (1)

Tutorial ini ditujukan bagi yang baru mengenal JavaScript. Sederhananya, JavaScript adalah bahasa pemrograman yang dapat dibaca oleh browser yang digunakan untuk membuat suatu interaksi pada sebuah halaman website. Jika berbentuk sebuah file biasanya akan berekstensi *.js




Contoh perintah kode JavaScript Alert:


alert("SELAMAT DATANG")


Kalo mau langsung disisipkan di halaman website, kita tambahkan kode HTML Javascript sehingga menjadi:

<script type="text/javascript">alert("SELAMAT DATANG")</script>

Coba letakan script tersebut di website sahabat, simpan, lalu jalankan dan lihat hasilnya.

Tapi Kalau mau dijadikan sebuah file *.js langkah-langkahnya sebagai berikut:
1. Buka Notepad. Bagi yang belum tau, Klik Start Menu » All Program » Accessories » Notepad.
2. Masukkan kode Script kamu kedalam notepad.

alert("SELAMAT DATANG")

3. Lalu simpan dengan nama "File_say.Js"

4. Upload file JavaScript "File_say.js" tersebut Cara Mengupload File JavaScript dilakukan di Ripway atau di Google Sites

5. Untuk menggunakannya di halaman website, kode HTML JavaScriptnya menjadi

<script type="text/javascript" src="Alamat file_say.js"></script>

Contoh bila "File_say.Js" anda upload di Google side maka scriptnya menjadi

<script type="text/javascript" src="https://sites.google.com/site/blogiswandi/home/javascript/File_say.js"> </script>

6. Semoga bisa dipahami. Kalau ada pertanyaan silahkan berikan komentar

Cara Membuat Tab View Menu

Saya juga awalnya tidak tahu namanya, tapi setelah walking Blog kemana-mana akhirnya saya tahu namanya Tab viw menu. Saya menyukai Tab View Menu ini karena ukurannya relatif kecil tapi bisa memuat banyak judul postingan.

Membuat menu dengan tab view scripnya cukup panjang, karena itu usahakan backup dulu blog anda untuk menghindarkan hal-hal yang tidak diinginkan. Mari kita lngsung aja ke TKP




1 Silahkan login ke blogger dengan ID sobat tentunya.
2 Tuju Tata Letak.
3 Klik Edit HTML.
4 Jangan lupa backup template sobat terlebih dahulu dengan mengklik Download Template Lengkap.
5 Kemudian letakkan kode javascript berikut sebelum kode </head>

<script type='text/javascript'>
//<![CDATA[
function tabview_aux(TabViewId, id)
{
var TabView = document.getElementById(TabViewId);

// ----- Tabs -----

var Tabs = TabView.firstChild;
while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;

var Tab = Tabs.firstChild;
var i = 0;

do
{
if (Tab.tagName == "A")
{
i++;
Tab.href = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
Tab.className = (i == id) ? "Active" : "";
Tab.blur();
}
}
while (Tab = Tab.nextSibling);

// ----- Pages -----

var Pages = TabView.firstChild;
while (Pages.className != 'Pages') Pages = Pages.nextSibling;

var Page = Pages.firstChild;
var i = 0;

do
{
if (Page.className == 'Page')
{
i++;
if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
Page.style.overflow = "auto";
Page.style.display = (i == id) ? 'block' : 'none';
}
}
while (Page = Page.nextSibling);
}

// ----- Functions -------------------------------------------------------------

function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }

function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); }
//]]>
</script>

6. Setelah itu letakkan kode berikut di atas kode ]]></b:skin>

div.TabView div.Tabs
{
height: 30px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 98px; /* Lebar Menu Utama Atas */

text-align: center;
height: 30px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #BDBDBD; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Verdana", Serif; /* Font Menu Utama Atas */
font-weight: bold;
color: #000; /* Warna Font Menu Utama Atas */
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #E6E6E6; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #BDBDBD; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #E6E6E6; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}

7. Kemudian Simpan Template.
8. Langkah selanjutnya, silahkan sobat klik Tata Letak.
9. Klik Elemen Halaman dan tambahkan Gadget.
10.Pilih yang HTML / Javascript, dan tambahkan kode berikut kedalamnya

<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 300px;">
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>
</div>
<div class="Pages" style="width: 300px; height: 250px;">

<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 3.1 <br />
Tab 3.2 <br />
Tab 3.3 <br />
</div>
</div>

</div>
</div>
</form>

<script type="text/javascript">
tabview_initialize('TabView');
</script>

11. Kemudian Simpan.


Keterangan :

Untuk kode yang berwarna merah adalah lebar dan tinggi menu, silahkan sobat sesuaikan dengan isi.

Kode yang berwarna biru silahkan sobat isi dengan judul - judul dari menu.

Dan yang berwarna ungu, adalah isi dari menu. Sobat bisa menambahkan link, gambar, banner, dll.

Oke sobat, selamat mencoba.

Noah - Separuh Aku

Setelah vakum cukup lama, akibat Ariel personal Peterpan tersandung kasus video porno, kini setelah keluar dari penjara dan mengusung nama baru "NOAH", mereka melempar single perdana dengan judul "Separuh Aku" lengkap dengan Video klipnya.Nampaknya lagu ini cukup mendapat sambutan bagus dari fans-nya yang memang telah menunggu-nunggu. Videonya sudah mulai wara-wiri dalam tayangan televisi Indonesia.

Gebrakan band NOAH ini cukup disambut antusias, karena mereka mengusung aransemen musik yang sedikit berbeda dibandingkan Peterpan. Aransmen musik Separuh Aku digarap cukup rancak. Sentuhan techno cukup terasa dalam lagu ini. Ditopang oleh video yang bagus nampaknya lagu ini punya kans untuk sukses dipasaran. kita tunggu saja kiprah Ariel dengan band NOAH nya.

Bagi sahabat yang belum mendengar lagu Ariel dengan band Noah ini, bisa disaksikan dalam videonya berikut ini :

Official Noah band Website : http://noah-site.com/
Akun Twittwe : @NOAH_ID
Youtube : “NOAH Official”

Tony Scott Bunuh diri

Sutradara film terkenal Inggris Tony Scott meniggal dunia hari Minggu lalu setela melompat dari Jembatan di Los Angelas karena dia menderita kangker otak yang sebelumnya pernah dilansir oleh ABC News dan keluarga dekatnya..

Direktur dan Produser berusia 68 tahun ini telah melhirkan sejumlah film seperti "The Hunger" (1983), "Top Gun" (1986), "Beverly Hills Cop II" (1987), "Days of Thunder" (1990), "Benar Romantis "(1993)," Crimson Tide "(1995) dan terdaftar sebagai produser di judul film dan televisi termasuk" Numb3rs "(2005-2010)," The A-Team "(2010)," The Grey "(2011 ), "The Good Wife" (2009-2012) dan "Prometheus" (2012, disutradarai oleh Ridley Scott saudaranya

Scott melompat dari jembatan Vincent Thomas Bridge di Southern California. Ini adalah jembatan gantung terbesar dan bahkan sebagai sebuah pusat untuk salah satu film nya - sebuah film yang belum dibuat. Proyek ini menjadi remake tahun 1979 Film geng jalanan "The Warriors," dan Scott merencanakan untuk memindahkan pengaturan film dari New York ke Los Angeles. Semua gedung pencakar langit, dan Los Angeles adalah horisontal. Aku berharap untuk mendapatkan sebuah adengan seseorang yang berdiri berdiri di Vincent Thomas Bridge untuk satu tembakan," kata Scott Rotten Tomatoes pada tahun 2009.

Beberapa tahun sebelumnya, Scott telah membahas rencananya untuk adegan pembuka dari film berlangsung di jembatan gantung yang menghubungkan Los Angeles Harbor ke Terminal Island di San Pedro, California (berdekatan dengan kota Long Beach): "Pembukaan 'The Warriors' sekarang dimulai di Jembatan Long Beach, dan itu akan terlihat seperti maraton LA, "kata Scott MTV News pada tahun 2005. Tahun berikutnya ia mengungkapkan lebih dari visinya untuk Cinema Blend: "Kemudian pada Vincent Thomas jembatan, yaitu Long Beach, Anda memiliki anggota geng seribu sana, maka Cyrus pergi Bang Ini hampir seperti 9/11, badan datang dari. , itu hanya pergi balistik Kemudian orang-orang ini harus mendapatkan dari Thomas Vincent kembali ke Venesia,. [California,] melalui semua wilayah geng yang berbeda. Dan itu menjadi anarki. "

The Vincent Thomas Bridge telah digunakan dalam film-film lain termasuk 1995 kejahatan Michael Mann Film "Panas," dibintangi Al Pacino, Robert DeNiro dan Val Kilmer, "Kepala" (1968), dibintangi The Monkees, "Gone in 60 Seconds" (2000) dan "Charlies Angels" (2000). Ini juga merupakan lokasi pusat di "To Live dan Die di LA" (1985), dibintangi Willem Dafoe dan William Petersen - yang memainkan karakter yang melompat dari jembatan, bungee jumping.

Pada 1.500 meter, jembatan hampir 50-tahun adalah keempat terpanjang jembatan gantung di California dan lalu lintas host sekitar 20.000 mobil setiap hari. Sedangkan tingkat bunuh diri tepat di Jembatan Vincent Thomas tidak jelas, dikatakan menjadi tempat dari mana banyak orang lain telah melakukan bunuh diri. Namun, San Fransisco Golden Gate Bridge adalah lokasi di mana lebih banyak orang mati karena bunuh diri daripada tempat lain di dunia - tingkat merayap sampai dengan 37 kematian pada tahun 2011. Pada tahun 1990 peraih medali perunggu Olimpiade Larry Andreasen tewas melompat dari Jembatan Vincent Thomas dalam upaya untuk menciptakan rekor menyelam.

Tony Scott

Expendables 2

Ringkasan

The Expendables is Back. Sejak 17 Agustus 2012 film ini sudah edar di seluruh dunia termasuk Indonesia. The Expendable 2 melanjutkan petualangan Barney Ross (Silvertes Stallon) dan kawan-kawan sebagai tentara bayaran, menumpas lawan-lawannya tanpa ampun. Kali ini misi tim Expendable adalah menyelamatkan dunia dari penjahat sadis dibawah pimpinan Jean Vilain (Jean-Claude van Damme) yang hendak menguasai Plutonium peninggalan Rusia setelah perang dingin berlalu. Perintah ini datang dari Mr. Church (Bruce Willis). Awalnya perintah ini tampak sederhana, ambil kode penyimpanan dan selesai. Namun dengan meninggal Billy the Kid (Haemworth) oleh Jean Vilain, akhirnya penyelsaian menggunakan cara Expendables. Penuh ledakan mesiu, adu jotos dan darah yang berserakan.

Film ini dibintangi oleh Silverter Satallon, Arnold Schwarzenegger, Bruce Willis, Jean-Claude van Damme, Chuck Noris, dan sederet bintang top lainnya.


In Theaters August 17, 2012
MPAA Rating R (for strong violence, language and brief sexuality)
Genres Action/Adventure, Sequel
Run Time 1 hour 43 minutes
Distributors Lionsgate
Trailer

Komentar terkini dengan Avatar

Sebelum ini saya pernah memposting Recent Comment (komentar Terbaru) dengan format standar, Tapi menurut sahabat Blog Iswandi comment ini sudah tersedia di falisitas blog. Lalu saya berfikir bagaimana cara membuat Recent comment dengan menampilkan wajah orang yang memberi comment (Avatar). Setelah menjelajahi blog sahabat disana sini, akhirnya ketemu juga scriptnya. Jujur ya ini bukan buatanku. Tapi saya yakin pasti banyak sahabat blogger yang membutuhkan script ini.

Beginilah cara membuat Recent Comments (Komentar Terbaru) dengan Avatar:

1. Login ke blogger lalu pilih menu "Layout"
2. Untuk menampilkanya di sidebar maka pilih "Add a Gadget --> HTML/Javascript" Lalu masukkan script dibawah ini kedalam kotak yg disediakan.

<style type="text/css">
ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
.w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
.w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 5,
showAvatar = true,
avatarSize = 30,
roundAvatar = true,
characters = 60,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script>
<script type="text/javascript" src="http://blogiswandi.blogspot.com/feeds/comments/default?alt=json&amp;callback=w2b_recent_comments&amp;max-results=5"></script>

- Angka 5 merupakan jumlah komentar yang mau ditampilkan.
- Ganti Blogiswandi.blogspot.com dengan nama blogmu.

4. Simpan Script ini
5. Selesai

Menampilkan Komentar Terbaru

Setelah mencari informasi dari berbagai blog sahabat akhirnya saya dapat juga cara menemukan cara menampilkan komentar terbaru dalam postingan blog.

Menampilkan recent comments atau komentar terbaru fungsinya adalah supaya kita bisa dengan mudah mengetahui siapa yang baru saja memberikan komentar pada blog kita dan di postingan mana mereka berkomentar. Recent Comments ini bisa kita pasang di halaman utama blog kita.

Beginilah cara membuat Recent Comments (Komentar Terbaru):

1. Login ke blogger lalu pilih menu "Layout"
2. "Add a Gadget --> HTML/Javascript" Lalu masukkan script diatas kedalam kotak yg disediakan.

<script style="text/javascript" src="http://superinhost.com/blog/comments.js"></script>
<script style="text/javascript">
var numcomments = 8;
var showcommentdate = true;
var showposttitle = true;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://Blogku-iswandi.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

- Angka 8 merupakan jumlah komentar yang mau ditampilkan.
- Ganti Blogku-iswandi.blogspot.com dengan nama blogmu.

3. Simpan lalu jalankan

Cara Memasang Energy Saving Mode

Kalau blog sahabat terasa semakin lambat akibat banyaknya postingan dan beragam winget yang terpasang, maka sudah waktunya sahabat blog mencoba informasi dari sahabat kita "Manmala" yang mempost artikel ini. Saya telah memasang script Energi Saving ini hasilnya cukup nyata dan saat membuka blog terasa lebih ringan.

Script Energi Saving ini cukup kecil tapi dengan kinerja lumayan bagus.

Bagaimana Tutorial Energy Saver ini, kita langsung aja ke TKP


1. Dari dashboard > design > edit html.

2. Dengan menggunakan fungsi Find (ctrl + F), cari kode

3. Copy kode berikut sebelum kode

<script language='javascript' src='https://sites.google.com/site/unwanted86/javascript/savetheenvironment.js' type='text/javascript'/>

4. Save dan lihat hasilnya.

Nota: Anda perlu menunggu kurang lebih 1 menit agar energy saver bekerja.