Social Icons

Sabtu, 16 Maret 2013

Kode HTML Sederhana Untuk Blog

http://christiandwiwijaya.blogspot.com/-Hai gan, kali ini ane mau ngepost tentang tutorial blog, yaitu Kode HTML Sederhana Untuk Blog yang tentunya valid dengan HTML5. Sip langsung dicoba aja scriptnya gan


1. Anti Klik Kanan


Kode javascript ini buat menonaktifkan klik kanan di blog kalian gan, jadi pengunjung gak bisa klik kanan dan melihat source kode blog agan. Cari kode <body> di template blog kalian lalu ganti dengan kode dibawah ini gan.

<body oncontextmenu="return false;">


2. Kotak Pesan Peringatan ( Alert Box )



Pesan Pembuka

Kode ini buat nampilin pesan saat pengunjung pertama kali membuka atau mengunjungi blog kalian gan. Cari kode </head> di template blog, lalu copy paste kode di bawah ini tepat di bawahnya gan. Tinggal di edit aja kalimat yang di cetak tulisan kuning sesuai keinginan kalian gan.


<script type="text/javascript">
 alert("SELAMAT DATANG DI CDW BLOG");
</script>


Pesan Penutup

Kode ini muncul kalau pengunjung mau meninggalkan atau menutup tab blog kalian gan. Cara pasangnya sama dengan pesan pembuka, cari kode </head> lalu copy paste kode berikut di bawahnya gan. Tinggal di edit aja kalimat yang di teks kuning sesuai keinginan agan2.


<script type="text/javascript">
window.onbeforeunload=function(){
return confirm("Yakin Ingin Meninggalkan Blog Ini?? Masih Banyak Yang Menarik Loh Untuk Di Baca!!");
}
</script>


3.Onmouseover Sound



Kode ini buat memberikan backsound musik kalau pengunjung mengarahkan atau mengklik mousenya ke text atau gambar gan. Caranya tinggal copy paste kode di bawah ini ke mode HTML edit post blog kalian.


<script language="javascript" type="text/javascript">
 function playSound(soundfile) {
 document.getElementById("SCsound").innerHTML=
 "<embed src=\""+soundfile+"\" hidden=\"true\" autostart=\"true\" loop=\"false\" />";
 }
 </script>

<span id="SCsound"></span>


Lalu copy dan paste kode di bawah ini buat ngemunculin musik/soundnya gan.


<a href="#" onmouseover="playSound('URL-FILE-MUSIK/SOUND');">
Mouseover DISINI Buat Dengerin Musik</a>


Atau


<a href="#" onclick="playSound('URL-FILE-MUSIK/SOUND');">Klik DISINI Buat Dengerin Musik</a>


Tinggal dipilih aja mau yang onmouseover atau onclick gan. Lalu ganti URL-FILE-MUSIK/SOUND dengan Url file musik/sound agan2. Silahkan di edit sendiri kalimatnya atau bisa juga diganti sama gambar agan. Contoh kayak di bawah ini, silahkan di coba dan mungkin loadnya agak lama karena ane pake file mp3 gan.



4.Show Hide Konten / Spoiler



Kode untuk menampilkan atau menyembunyikan konten, mirip tombol spoiler yang ada  di forum-forum gan. Cara pasangnya gampang, agan cari kode </head> lalu copy paste kode javascript di bawah ini di atasnya gan.


<script language='javascript' type='text/javascript'>
function showHide() {     var ele = document.getElementById("showHideDiv");
 if(ele.style.display == "block") {             ele.style.display = "none";       }
else {         ele.style.display = "block";     } }
</script>


Sekarang tinggal nambahin kode di konten yang pengen di isi tombol buka tutupnya gan. Copy paste kode di bawah ini dan letakan kontenya di tempat yang udah ane kasih tanda gan.


<form action="" method="post">
<input onclick="return showHide();" type="button" value="Show-Hide" />
</form>
<div id="showHideDiv" style="display: none;">

---------> Konten Disini Gan <---------

</div>


5. Teks Berjalan / Marquee



Kode ini bisa kalian gunakan untuk menampilkan teks berjalan gan. Kodenya sangat sederhana bisa juga untuk gambar atau link gan. Tinggal copy kode di bawah ini dan pastekan di manapun kalian suka.


<marquee onmouseover="this.stop()" onmouseout="this.start()" behavior="scroll" direction="left" bgcolor="#FF0000">Teks, Link Atau Gambar Kalian Disini</marquee>


Buat ngerubah arahnya tinggal di ganti aja "left" sesuai keinginan kemana arah yang agan2 mau. Buat behavior bisa juga diganti pake alternate atau slide, untuk bgcolor silahkan ganti warnanya sesuka hati gan.

Atau yang lebih sederhana

 <marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>

angka 2 adalah kecepatan berjalan teks
Contoh Tulisan Berjalan


6. Downloading Progress Bar



Dengan kode ini kita bisa dengan mudah membuat bar proses download yang sederhana gan. Yang ini pake javascript kalau di klik progress barnya bergerak atau berubah otomatis gan. Tinggal copy dan paste kode di bawah ini dimana pun agan mau.

<script type="text/javascript">
//current progress
var currProgress = 0;
//is the task complete
var done = false;
//total progress amount
var total = 100;

//function to update progress
function startProgress() {
//get the progress element
var prBar = document.getElementById("prog");
//get the start button
var startButt = document.getElementById("startBtn");
//get the textual element
var val = document.getElementById("numValue");
//disable the button while the task is unfolding
startButt.disabled=true;
//update the progress level
prBar.value = currProgress;
//update the textual indicator
val.innerHTML = Math.round((currProgress/total)*100)+"%";
//increment the progress level each time this function executes
currProgress++;
//check whether we are done yet
if(currProgress>100) done=true;
//if not done, call this function again after a timeout
if(!done)
    setTimeout("startProgress()", 100);
//task done, enable the button and reset variables
else     
{
    document.getElementById("startBtn").disabled = false;
    done = false;
    currProgress = 0;
}
}
</script>
<progress id="prog" value="0" max="100"></progress>
<br />
<input id="startBtn" onclick="startProgress()" type="button" value="start" />
<div id="numValue">
0%</div>


Standarnya progress bar ini kodenya cuma <progress value="0" max="100"></progress> gan. Contoh seperti yang dibawah ini, silahkan di coba gan.

0%


7. Textarea



Fungsi textarea ini bisa buat naruh kode di postingan gan sebagai pengganti blockquote. Cara pasangnya gampang gan tinggal copy paste kode di bawah ini dan ada tiga pilihan gan.

Sederhana
<textarea>TULISAN AGAN</textarea>

Seleksi Otomatis

<textarea rows="4" cols="50" onclick="this.focus();this.select()" readonly="readonly">
Teks atau Kode Disini Gan
</textarea>

Seleksi Dengan Tombol

<form name="selectall">
<textarea name="messageBody" rows="4" cols="50">Teks atau Kode Disini Gan</textarea>
<br />
<input type="button" value="Select Text" onClick="javascript:this.form.messageBody.focus();this.form.messageBody.select();">
</form>



8.Link Dengan Pop Up



Yang terakhir gan, ini kode buat link kalau di klik bakal muncul pop up sesuai dengan target Urlnya. Misal digunakan untuk iklan atau link download gan. Copy paste kode javascript di bawah ini di atas kode </head> atau bisa juga paste langsung di postingan dengan linknya gan.


<script language="javascript" type="text/javascript">
function scpopup(url) {
    newwindow=window.open(url,'name','height=200,width=150');
    if (window.focus) {newwindow.focus()}
    return false;
}
</script>


Buat kode linknya seperti di bawah ini silahkan di copy paste gan.


<a href="Target URL Pop up" onclick="return scpopup('Target URL Pop up')">Contoh Link Popup</a>


Tinggal diganti aja Target URL Pop up dengan link yang kalian inginkan gan.




Sekian



SALAM Blogger




Cara Mengetahui Kata Kunci Paling Populer Di Google


http://christiandwiwijaya.blogspot.com/-Google adalah sebuah Search Engine raksasa yang tentunya berdiri di bawah naungan Google Inc. Selain menjadi Search Engine paling populer nomor 1 di dunia, Google juga mulai merambah dunia Software seperti Google Earth, Google Chrome, Google Sketch Up, Google Street, dan sebagainya. Sebagai Mesin Pencari paling akurat, Google menyediakan Data pencarian populer di dunia. Yang memungkinkan pengunjung dapat melihat Sepopuler apakah kata kunci tersebut.

Berikut adalah Cara Mengetahui Kata Kunci Paling Populer Di Google



1. Buka situs http://www.google.com/trends/explore

2. Tampilannya akan seperti ini

 Coba masukan lokasi dan rentang waktu
Hasilnya bisa agana2 lihat

3. Nah coba masukan keyword tertentu di suatu negara, sebagai contoh ane akan memasukan Keyword Harlem Shake di Indonesia dalam rentan waktu 7 Hari

Hasilnya sebagai berikut

4. Sekarang ane mencoba hal yang sama pada langkah ke tiga namun dengan lokasi di seluruh dunia, Hasilnya sangat berbeda



Telah terbukti bahwa hasil pencarian dari tiap negara dan waktu berbeda



Semoga Bermanfaat



Sekian



SALAM Blogger

Kamis, 31 Januari 2013

Akram Berbagi Berisi Tips Trik Blog Dan Info Menarik

Akram Berbagi Adalah Salah Satu Blog Yang Menyajikan Tentang Tips Trik Blog, Desain Blog, Teknologi , Tips SEO Blogger, Widget, Software , Download, Komputer, Lepptop, Games,Pendidikan, Dan Info Menarik Lainnya..

Jumat, 04 Januari 2013

Agung Xd Dan Jakarta-Cyber4art Blog Berisi Informasi Komputer,Software Dan Info Menarik

Kali Ini Saya Sedang Mengikuti Kontes SEO Yang Berjudul "Agung Xd Dan Jakarta-Cyber4art Blog Berisi Informasi Komputer,Software Dan Info Menarik". Kita Langsung Review Aja Ya Sobat.


Agung Xd Adalah Suatu Blog Yang Menyediakan Tentang Info Menarik Terbaru Khususnya Seperti Software Dan Tips-Trick Komputer,Cheat,Game,Template Gratis,Tutorial Blogging Dan Masih banyak Lagi Info Seputar Berita Menarik Lainya.Di Blog Ini Sobat Bisa Menemukan Artikel Yang Bermanfaat Khususnya Untuk Komputer Sobat Seperti Contohnya : Mulai Dari Software : Browser,IDM,Anti Virus Dan Masih Banyak Lagi Software Yang Bermanfaat Lagi.Silahkan Sobat Berkunjung Ke Blognya Saja YaituAgung XD.

Setelah Tadi Review Blog Agung XD Sekarang Kita Review Lagi Blog Yang Satunya Yaitu Jakarta-Cyber4rtAdalah Blog Yang Menyajikan Tentang Info Menarik Komputer Dan SoftwareBerita Unik Dan Menarik,Info Gadget,Dan Masih Banyak Lagi Artikel Yang Bermanfaat Di Blog ini Maka Dari Itu Silahkan Sobat Untuk Mengunjunginya Dan Membaca Artiekl Yang Bermanfaatnya.

Sekian Artikel Dari Saya Yang Mereview Tentang "Agung Xd Dan Jakarta-Cyber4art Blog Berisi Informasi Komputer,Software Dan Info Menarik".

Minggu, 30 Desember 2012

Template Collection SEO by Zona Template

Halo Sobat Zona,Kali Ini Admin Akan Share Tentang Template Collection SEO by Zona Template.Template Ini Gratis Untuk Kalian Semua Para Blogger.Template Ini Sudah Dilengkapi Dengan Sosial Bookmark Yang Keren-keren Abis Deh Dan Tentunya Juga SEO Friendly.
Ok langsung ajah yah lihat dibawah :


republicofnote.blogspot.com


republicofnote.blogspot.com



republicofnote.blogspot.com

Sikat ajah gan, buat koleksi mu juga....

Sabtu, 29 Desember 2012

Download Template SEO Red Color Valid HTML5

Template SEO Red Valid HTML5 - Pada Postingan Kali Ini Saya Akan Share Tentang Template SEO Red Valid HTML5.Template Ini Saya Dapatkan Dari Blog Sebelah.Mungkin Sobat Yang Suka nyari Template SEO Mungkin Tertarik Dengan Template Ini,Karena Template Ini memiliki Banyak Ke Untungannya  blog valid HTML 5 itu blog lebih ringan dan mantap bagi para vissitor dalam kata lain diprediksikan pengunjung akan betah di dalam blog anda. Kemudian dari pada itu saya akan memberikan Tutorial nya untuk mengedit beberapa yang harus diganti.



Template ini sudah dilengkapi dengan :
~ h1, h2, h3, h4, h5, h6
~ Sub Menu
~ Breadcrumb
~ Footer Kanan
~ Related Post / Artikel Terkait
~ Permalink
~ Reply Java Script One Click
~ Skin and Font Fleksibel
~ Auto Readmore
~ Mobile / Handphone Style

Silahkan Download Templatenya terlebih dahulu.

Download         Demo


Sekian Artikel Dari Saya Semoga Bermanfaat bagi Kalian Semua.

Rabu, 12 Desember 2012

Download Template Fast SEO Valid HTML5

Selamat Pagi Sobat Tutorial-KU,Kali Ini Saya Akan Share Download Template Fast SEO Valid HTML5.Buat Sobat yang ingin memiliki template super seo friendly dan valid di W3 Site, maka template yang saya share disini adalah pilihan tepat untuk sobat. Saya sudah melakukan test tingkat seo nya di chkme, dan validasi di W3. Alhasil, hasil seo score menunjukan 100% dan validasi juga lolos sebagai valid HTML5, dengan 1 warning.


 Berikut Fitur-fitur Yang Dimiliki Template Ini :
  • SEO Friendly dan memiliki seo score 100% berdasarkan testing di chkme (bisa di test pada demonya)
  • Fast loading, white, simple, clean, dan sedikit background gambar (background gambar cuma sebagai bullet pada link widget di footer)
  • Full Valid HTML5
  • 2 column, right sidebar
  • 3 column footer
  • Dipersenjatai dengan dynamic heading (judul post menggunakan H1 ketika dihalaman single post)
  • Dilengkapi dengan meta tag (bisa otomatis, bisa juga manual melalui search description option)
  • Dilengkapi dengan related post widget dibawah postingan
  • Google+ button
  • Auto Highlight Author Comments (komentar admin blog memiliki background berbeda dengan komentar pengunjung.
  • Read More otomatis tanpa javascript
  • Breadcrumb bisa langsung terindeks di google karena sudah menggunakan rich snippet markup
  • Header Ads Banner 468x60
  • Lebar sidebar 300px jadi bisa dipasang banner ukuran 300x300, 300x250
  • Disertai dengan Menu Horizontal
  • Best View di semua resolusi layar komputer
  • Browser Support: IE, Firefox, Chrome, Opera, dll.
  • License: Gratis tetapi jangan dihapus link creditnya ya! atau baca dulu ketetuannya dihalaman TOS


Sekian Artikel Saya Yang Berjudul Download Template Fast SEO Valid HTML5 Dan Semoga