teamcool2's Profile on Ping.sg
rss twitter
Showing posts with label website. Show all posts
Showing posts with label website. Show all posts

Hosting Termurah Di Indonesia (HanomanHost)

Hanomanhostsudah lama tidak update update Blog Kali ini saya akan memberikan sedikit info seputar dunia Website . ada Beberapa hosting di indonesia yang berani memberikan harga murah Dengan Kualitas yang bisa saya bilang Wow banget Dengan kecepatan akses 100Gbps dan Mengunakan Media penyimpanan SSD

Hosting ini sangar murah dan cepat . tadinya ane ngga percaya sama iklan iklan alhasil ane coba mengunakan dan merasakan Hosting tersebut yang ternyata teruji benar benar nyata yang di tulis iklan iklan dengan Modal Rp. 50.000 sudah dapat hosting dengan space 1Gb dan Bandwith unmeter wow banget ...

dengan Kecepatan internet saya yang hanya 2mbps butuh waktu 10detik untuk meload semua isi web saya bener bener nyata ternya

HOSTING MURAH dan HOSTING CEPAT  yang telah teruji Berikut ane kasih Link untuk Yang mau coba Bukti nyatanya

http://hanomanhost.com/

Belajar PHP - Membuat From login Dengan Php dan Mysql

Kali ini Saya akan Membahas Sesai judul Yaitu Belajar Php - membuat From Login . Untuk tutuorial Belajar php kaliin kita membutuhkan Peralatan atau Tool Sebagai berikut :
Belajar PHP
- Xampp 
Xampp ini adalah Sebuah Software Yang digunakan untuk membanggun Server Website Pada windows 
- Dreamweaver
dreamweaver adalah software untuk membuat sebuah webiste yang sangat frendly . 
- Mysql 
Mysql adalah Software untuk Menyimanpan Data ini sudah satu paket Dengan Xampp


Install seluruh Tool Tadi . 
Membuat Database Mysql pada phpmyadmin
- Buka browser
Belajar Php
- jika sudah Muncul Gambar Klik Database 
- lalu Ketikan nama Nama Databasenya (db_loginCreate new database 
Belajar Php
- Setelah itu Klik Create untuk membuat Database Baru 
- Setelah Berhasil Cari databasenya tadi lalu di klik 
- Klik Create Table
- Lalu Isikan Sama seperti Gambari ini :
Belajar Php
 Ket ; Table Name     : Nama Table yang akan di gunakan untuk mengkatagorikan Dalam satu database 
          Columen          : Nama Field database 
          Type                : Type databasenya apa 
          Lengh/Volume  : Jumlah Karakter yang dapat di input ke database 

- Jika Hanya muncul 2 Colume saja liha paling bawah ada gambar seperti ini isikan 1 
Belajar Php
- jika Sudah Langsung Save 
- lakukan primary key pada Field id
- Klik Pada Tab atas Insert untuk Memasukan Database username dan Password 
Belajar Php
- lalu save 
- selesai dalam pembuatan Database Untuk Belajar PHP - Membuat From Login Dengan Php dan Mysql
Setelah Melakuukan Pembuatan Database langsung untuk Membuat From loginnya . dalam hal ini saya akan Membuat 3 File php 
- index.php
- Koneksi.php
- Cek.php
sebelum membuat ketiga File Tersebut buat dulu Folder Login pada Directory Xampp/Httdoc 
jika sudah sekarang buka Dreamwafer atau tidak notepad 
- lalu Copy - Paste Code untuk Membuat File Index.php 

 <html>
<head>
<title>Form Login</title>
</head>
<body>
<center>
  <form action="cek.php" method="post">
  <table>
  <tr><td colspan="2" align="center"><h1>Form Login </h1></td></tr>
  <tr><td>Username</td><td> : <input type="text" name="username"></td></tr>
  <tr><td>Password</td><td> : <input type="password" name="password"></td></tr>
  <tr><td colspan="2" align="right"><input type="submit" value="Login"> <input type="reset" value="Batal"></td></tr>
  </table>
  </form>
</center>
</body>
</html>
- Setelah di Copy - paste Langsung Save dengan Nama Index.php jgn lupa save di Direktory htdocs 
- Membuat Koneksi.php
- New File Copy - paste Code berikut 
<?php
  mysql_connect("localhost","root","") or die("Koneksi Gagal");
  mysql_select_db("latihanweb") or die("Database Tidak Ditemukan");
?>
- Save dengan nama File koneksi.php 
- Membuat File Cek.php
- New File Copy - paste Codenya
<?php
include "koneksi.php";
 
$username = $_POST['username'];
$password = $_POST['password'];
 
$user  = mysql_query("SELECT * FROM login WHERE username='$username' AND password='$password'");
$match = mysql_num_rows($user);
 
if ($match==1){
    echo "<h1>Login Berhasil</h1>"; 
}
else {
    echo "<h1>Login Gagal</h1>";    
}
?> 
- Save dengan Nama File cek.php \
setelah itu uji coba apakah berhasil
Saya tidak Memberika Scripnya silakan Mencoba try and Error adalah pelajaran bagi anda 

SEO On Page : Merubah Dynamic Tag H1 di Artikel Post Blogger

Kali ini saya akan Memberikan Tips Seo yaitu Basic SEO OnPage Yang Sering di lakukan Para Pelaku Optimalis Blog . Trik ini Sebenernya dasar Banget . Seperti yang udh pernah di bahas Di Artikel Sebelumnya  Tips Seo Blogger 2013 Real Situation . yang memberikan Bukti Tentang Berhasilnya SEO yang saya lakukan pada blog Bombercomputer dan sekarnag saya akan Membagi ilmu yang saya dapat dari internet Dan saya kombinasin

salah sautnya adalah SEO OnPage ini sekarnag saya akan membahas Dasarnya yaitu Merubah Tag Heading pada Blog H1,H2,H3 . Heading ini sangat Perlu untuk MemPercepat masuk Index Dari Search Engines .Jika  Artikel kita udh masuk Index pasti Lebih Gampang para Pencari Dunia maya menemukan Blog 

Oke langusng aja tapi saya mau jelasin Dulu Tag Heading ini hanya berpengaruh pada Title Blog Bukan Gambar Blog . jadi kalo ada yang mengunakan Title Blog nya menguanakan Gambar . ganti dulu Ke Text Baru bisa pake Trik ini . 

Merubah Dynamic H1 satu pada Title Blog . jadi kronologinya seperti ini. saat anda berada di Homepage Title blog anda Akan bertag H1 sedangkan Judul Postingan Mengunakan Tag H2 dan Judul Wedget mengunakan Tag H3 . Terus saat Di Postpage itu Judul Blog menjadi Tag H2 dan Judul Postingan jadi H1 . kenapa harus Begitu ? Karena Search Engines akan Mengindex sebuah judul Postingan lebih cepat apa bila dalam blog tersebut ada 1 Tag h1 jika Lebih Blog tersebut di angap Spam .


Langkah Pertama 

1. Login ke Blogger
2. Masuk ke Rancangan -> Edit HTML
3. Jangan lupa di simpan/ download dulu template lama
4. Klik "Expand Widget Template

Langkah Kedua 
Cari Cobe di bawah ini :

<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>

Ganti dengan Kode di bawah ini :

<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<b:if cond='data:blog.pageType != "item"'>
<H1 class='title'>
<b:include name='title'/>
</H1>
<b:else/>
<p class='title'>
<b:include name='title'/>
</p>
</b:if>
</div>
<b:include name='description'/>
</div>

Penjelasan Kode di atas adalah memrubah Titel Blog Dynamic seperti di atas tadi . saat di homepage Judul blog akan Tag h1 dan saat di Post page Menjadi H2

Langkah ketiga
Cari Code Berikut ini :

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

Ganti Dengan kode berikut :

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.title'>
<H3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</H3>
</b:if>
<b:else/>
<H1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</H1>
</b:if>

Kode di atas adalah untuk merubah Judul postingan secara dynamic saat di homepage h2 dan di Postpage H1 dan juga untuk Merubah Tag Judul Wedget Menjadi H3 

Harus di ingat ini khusus untuk blog dengan Judul Blog Text bukan Judul Blog Image .
oke sampe di sini dulu tutorial SEO On Page  Nanti Lagi saya akan Membahas Tentang Meta Tag dynamic tunggu aja Next Tutorial . 



Tips Seo Blogger 2013 Real Situation

Kali ini saya akan membahasa Tips n Trik Seo Khusus Untuk Blogger . sebelumnya saya baru saja Belajar Seo For Blogger dari segala macam Website saya coba ada beberapa tutorial yang tidak berhasil Apa Akibat dari sayanya atau Yang memberikan Tutoriall .

Perlu di ketahui SEO adalah Search Engine Optimization yang artinya adalah Pengoptimalkan Mesin pencari seperti Google, yahoo, Msn, dll. supaya Judul Atau Nama Blog/website anda ada di Halaman Pertama Atau di index

Dalam melakukan SEO ada 2 cara yaitu SEO On page dan Off Page . yang Dua-Duanya saling membutuhkan.On page adalah Seo yang di tanamkan di dalam Tamplat Blog atau Website . sedangkan Offpage adalah Link eternal yang menujukan Blog kita berada .

Contoh : SEO One page adalah Meta Tag . Heading H1 H2 H3 , Keyword , Description dll
Contoh : SEO Off Page adalah Submit Direktory Web Pr tinggi . Blog Dummy , Sosial Netwok bookmark Dll

keduanya harus saling menguntungkan Sesudah SEO onpage di kerjakan dan mendapatkan hasil yang puas , waktunya cari backlink atau seo offpage cara Website dengan PR tinggi . kenapa logika saja Website dengan Pr tinggi Berarti Websitenya sering di jumpai orang  makanya sebab itu di lakukanya Blog Walking Yang artinya Berjalan di blog - blog setelah itu komentar dan tinggal kan Url blog anda.

Agar Para Visitor bisa melihat blog anda dan langusng menklik untuk meriview Blog anda . nan untuk Blogger dengan bahasa indonesia biasanya sulit menemukan Social Network Bookmark Tapi tenagn aja Di Bombercomputer . shareing bkan dari Hasil Copas tapi Real Situastion yang ane alamin sendiri . 

Beberapa bukti ane berhasil Masukin Ke google index Dengan beberapa hari bermain SEO onpage dan off page

Seobombercomputer

Seobombercomputer2


Oke Sampai sini Dulu penjelasanya sampe sini dulu yah nanti saya lanjut jika ingin di lanjut . untuk yang mau tanya tanya bisa Follow @olidfire terimakasih

Belajar SEO Blogger Simple

Di Akhir bulan ini saya mau Ceritain tentang Pengalaman saya Belajar SEO untuk Blog Bombercomputer ini tadinya saya binggung . Gimana caranya terus apa yang harus saya lakukan untuk Awal .sampe saya ketemu sama patner saya di salah satu forum terbesar indonesia . saya tanya-tanya sama beliu apa yang saya harus lakukan . sampe di jelaskan dengen bener-bener panjang .

kata beliu saya harus melakukan Seo On Page terlebih dahulu soalnya blog saya belum pernah melakukan trik Seo apa pun yang penting nulis terus kalo ada yang butuh bisa di cek langusng ke blog saya .

makanya saya mau belajar biar Pengunjung di Blog saya bertambah . Beberapa Faktor yang penting dalam melalkukan SEO On page
- Heading H1 H2 H3 Dll
- Alt image
- Title Link
- Meta Tag

setelah saya tahu langusng saya googleing Apa yang sudah di kasih tadi . Banyak artikel-arrtikel yang Bikin sesat . berdalil kalo SEO frendly padalah mah Bohong banget . samape saya cari dan modifikasi dengan kemampuan saya HTML .

Dan Hasilnya Berhasill bisa di vek Di SINI sedikit lagi 100% masih banyak yang harus saua edit edit lagi biar dapet hasil yang memuaskan .

Oke Sampai sini aja soalnya saya masih harus melakukan percobaan untuk Blog saya . setelah berhasil saya akan rangkum dan di publis di Blog Bombercomputer ini . oke Terima kasih

Tool Mencari Kode Warna HTML

kali ini saya mau memberikan Salah satu tool yang sangat penting buat para pemula Dalam hal pembuatan Website . biasanya dalam Pembuatan Website itu yang sangat sulit adalah menetukan warna  Biasanya para Pembuat website di sulitkan dengan Menentukan Kode warna Pada Html .


karena banyak sekali kode kode warnanya oleh sebab itu saya memberikan salah satu tool yang dapat mempermudah para Website develotment pemula untuk mecari kode warna

 

Jangan Lupa Follow @olidfire atau langsung ke Officel @Bombercom

Install Editor Tinymce Pada Web Berbasis PHP


TinyMCE adalah sebuah editor WYSIWYG Javascript HTML yang berbasis web dan platform independent, dan dirilis sebagai Open Source di bawah lisensi LGPL oleh Moxiecode Systems AB. TinyMCE memiliki kemampuan untuk mengubah field textarea HTML atau elemen HTML lainnya sebagai instans editor. TinyMCE juga sangat mudah untuk diintegrasikan ke dalam Content Management Systems lainnya.

Fitur TinyMCE * Mudah untuk diintegrasikan - Hanya beberapa baris kode yang dibutuhkan. * Customizable - Tema dan plugin, elemen invalid blok dan memaksakan atribut. * Browserfriendly - Mozilla, MSIE, FireFox, Opera, Safari dan Chrome. * Ringan - Gzip kompresor PHP / .NET / JSP / ColdFusion, membuat TinyMCE 75% lebih kecil dan lebih cepat di-load. * AJAX Compatible - Anda dapat dengan mudah menggunakan AJAX untuk menyimpan dan memuat konten! * Internasional - Multibahasa mendukung penggunaan paket bahasa. * Open Source - Gratis di bawah lisensi LGPL, jutaan orang membantu menguji dan memperbaiki editor ini setiap hari
.
Persyaratan TinyMCE tidak memiliki persyaratan langsung selain kompatibilitas browser, dan tentu saja JavaScript harus diaktifkan. Dan TIDAK ADA kode back-end yang didistribusikan bersama TinyMCE. TinyMCE dapat disetup untuk menggunakan textarea HTML sebagai ruang kerjanya. Bila form dikirimkan ke server, anda dapat memiliki sistem yang melakukan sesuatu dengan isi textarea tersebut, seperti menyimpannya ke database atau file. Frontend juga dapat disetup untuk membaca konten dari file, sehingga anda dapat membuat perubahan terhadap file tersebut.


Berikut tutorialnya
 .
1 input java scrip berikut di bagian atas atau dibawah koneksi database
Scrip diatas untuk memberi tahu dmn letak direktory Tinymca berada ../webin/tiny_mce/tiny_mce.js ganti sesuai dengan direktori anda menyimpan Tiny_mca

2. untuk menampilkan Tiny_mce
Buat terlebih dahulu text area biasa
Setelah itu tulis scrip berikut di atas textarea yang tadi di buat
Scrip berikut akan merubah textarea yang anda buat menjadi seperti ini



3. memasang thema pada Tiny mce
Kalo tadi itu mengunakan thema standar sekarang mengunakan thema advance
Pada scrip berikut :

Pada bagian mode : "textareas" tambahkan di bawahnya scrip berikut :
theme : "advanced",
plugins : "autolink,lists,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,advlist,autosave,visualblocks",
// Theme options
theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,restoredraft,visualblocks",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
theme_advanced_resizing : true,
// Example content CSS (should be your site CSS)
content_css : "css/content.css",
// Drop lists for link/image/media/template dialogs
template_external_list_url : "lists/template_list.js",
external_link_list_url : "lists/link_list.js",
external_image_list_url : "lists/image_list.js",
media_external_list_url : "lists/media_list.js",
// Style formats
style_formats : [
{title : 'Bold text', inline : 'b'},
{title : 'Red text', inline : 'span', styles : {color : '#ff0000'}},
{title : 'Red header', block : 'h1', styles : {color : '#ff0000'}},
{title : 'Example 1', inline : 'span', classes : 'example1'},
{title : 'Example 2', inline : 'span', classes : 'example2'},
{title : 'Table styles'},
{title : 'Table row 1', selector : 'tr', classes : 'tablerow1'}
],
// Replace values for the template plugin
template_replace_values : {
username : "Some User",
staffid : "991234"
}
Maka hasilnya pasti akan berubah menjadi seperti ini :
oke selesai juga Tutorial Instalasi Tinymce yang singkat semoga bermanfaat dan bisa di implementasikan kalo ada yang mau di tanyain bisa mentions ke Twitter Writer @olidfire Atau langsung ke officel @bombercom 

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Sweet Tomatoes Printable Coupons