Square Banner

Flex Slider (Do Not Edit Here!)

(Tab Widget 2)

(Tab Widget 4)

Poll

Popular Posts

About Me

Followers

(Tab Widget 3)

Showing posts with label MrezaPadillah. Show all posts
Showing posts with label MrezaPadillah. Show all posts

MemBuat Kerangka Website Sederhana Dengan Tag HTML 5 & CSS 3

Assalamuallaikum wr.wb Teman,, Hallo kali ini saya MRP Akan Memberikan Tutorial Sederhana tentang WEBSITE menggunakan tag-tag HTML 5 ,,, oke kita langsung saja ke TKP :D heheehe..

Langkah yang pertama : buat struktur html nya dan kasih link css nya disini saya Mengkasih kn nama nya ( hampa.css )

<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="hampa.css">
</head>
<body>

</body>
</html>

Langkah ke-2 : kita akan membuat header Ketikkan kodenya di dalam body

<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="hampa.css">
</head>
<body>
<header>
<p> <a href="">MRP </a></p>
<div id= gambar>
<a href="" title="Facebook"><img src="facebook.png"></a><br>
<a href="" title="Twitter"><img src="twitter.png"></a><br>
<a href="" title="Rss"><img src="rss.png"></a><br>
</div>
</header>
</body>
</html>

nahh di situ <header> </header> termasuk dalam HTML 5 ,, okee lalu kita ketik CSS nya

header{
background-color: #0000A0;
width: 100%;
height: 100px;
}

p a{
color: #0B39F4;
font-size: 90px;
text-decoration: none;
}

p a:hover{
color:  #000080;
text-decoration: none;
}


body{
margin: 0;
padding: 0;
}

langkah ke- 3: kita akan  membuat content dan sidebar ;

<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="hampa.css">
</head>
<body>
<header>
<p> <a href="">MRP </a></p>
<div id= gambar>
<a href="" title="Facebook"><img src="facebook.png"></a><br>
<a href="" title="Twitter"><img src="twitter.png"></a><br>
<a href="" title="Rss"><img src="rss.png"></a><br>
</div>
</header>
<div class="container">
<section class="sidebar">

</section>
</div>

nah di situ <div class="container"> </div> termasuk dalam HTML 5 dan juga <section class="sidebar"> 

</section>  juga termasuk dalam HTML 5 

oke sekarang kita masukkan CSS nya ;

.container{
width: 90%;
height: 80%;
background-color: #8080C0;
margin: 0 auto;

}

.sidebar{
background-color: #000;
margin: 0 auto;
width: 20%;
height: 100%;
float: left;
}



langkah 4 : kita akan membuat Footer 

<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="hampa.css">
</head>
<body>
<header>
<p> <a href="">MRP </a></p>
<div id= gambar>
<a href="" title="Facebook"><img src="facebook.png"></a><br>
<a href="" title="Twitter"><img src="twitter.png"></a><br>
<a href="" title="Rss"><img src="rss.png"></a><br>
</div>
</header>
<div class="container">
<section class="sidebar">

</section>
</div>

<footer>
<footer>
</body>
</html>

nah disitu <footer> <footer> termasuk dalam HTML 5 oke dan sekarang kita masukkan css nya 

footer{
margin: 0 auto;
background-color: #0000A0;
width: 100%;
height: 30%;
}



nah maka akan menjadi seperti ini ;


Assalamuallaikum wr.wb Teman,, Hallo kali ini saya MRP Akan Memberikan Tutorial Sederhana tentang WEBSITE menggunakan tag-tag HTML 5 ,,, oke kita langsung saja ke TKP :D heheehe..

Langkah yang pertama : buat struktur html nya dan kasih link css nya disini saya Mengkasih kn nama nya ( hampa.css )

<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="hampa.css">
</head>
<body>

</body>
</html>

Langkah ke-2 : kita akan membuat header Ketikkan kodenya di dalam body

<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="hampa.css">
</head>
<body>
<header>
<p> <a href="">MRP </a></p>
<div id= gambar>
<a href="" title="Facebook"><img src="facebook.png"></a><br>
<a href="" title="Twitter"><img src="twitter.png"></a><br>
<a href="" title="Rss"><img src="rss.png"></a><br>
</div>
</header>
</body>
</html>

nahh di situ <header> </header> termasuk dalam HTML 5 ,, okee lalu kita ketik CSS nya

header{
background-color: #0000A0;
width: 100%;
height: 100px;
}

p a{
color: #0B39F4;
font-size: 90px;
text-decoration: none;
}

p a:hover{
color:  #000080;
text-decoration: none;
}


body{
margin: 0;
padding: 0;
}

langkah ke- 3: kita akan  membuat content dan sidebar ;

<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="hampa.css">
</head>
<body>
<header>
<p> <a href="">MRP </a></p>
<div id= gambar>
<a href="" title="Facebook"><img src="facebook.png"></a><br>
<a href="" title="Twitter"><img src="twitter.png"></a><br>
<a href="" title="Rss"><img src="rss.png"></a><br>
</div>
</header>
<div class="container">
<section class="sidebar">

</section>
</div>

nah di situ <div class="container"> </div> termasuk dalam HTML 5 dan juga <section class="sidebar"> 

</section>  juga termasuk dalam HTML 5 

oke sekarang kita masukkan CSS nya ;

.container{
width: 90%;
height: 80%;
background-color: #8080C0;
margin: 0 auto;

}

.sidebar{
background-color: #000;
margin: 0 auto;
width: 20%;
height: 100%;
float: left;
}



langkah 4 : kita akan membuat Footer 

<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="hampa.css">
</head>
<body>
<header>
<p> <a href="">MRP </a></p>
<div id= gambar>
<a href="" title="Facebook"><img src="facebook.png"></a><br>
<a href="" title="Twitter"><img src="twitter.png"></a><br>
<a href="" title="Rss"><img src="rss.png"></a><br>
</div>
</header>
<div class="container">
<section class="sidebar">

</section>
</div>

<footer>
<footer>
</body>
</html>

nah disitu <footer> <footer> termasuk dalam HTML 5 oke dan sekarang kita masukkan css nya 

footer{
margin: 0 auto;
background-color: #0000A0;
width: 100%;
height: 30%;
}



nah maka akan menjadi seperti ini ;


Instalasi Windows 8 + Software

Assalamualaikum Wr.Wb Saya Kali Ini Ingin memposting lagi Tentang Apa yang Saya Bisa Yang Saya jadikan jasa Yaitu Instalasi Windows 8, Instalan Saya Ini Menggunakan Media FlashDisk
Saya Juga Menginstal Kan Langsung Nyaman ... Yaitu Wifi Langsung Bisa Dan Bonus Software-Software Unggulan,,, Di jamin Puas Yang Berminat Silahkan

Hubungi Saya Di
 Via Handphone : 081347776520
Via Twitter : @_Pemula_


Powerred By: M. Ridho (2 RPL)

Assalamualaikum Wr.Wb Saya Kali Ini Ingin memposting lagi Tentang Apa yang Saya Bisa Yang Saya jadikan jasa Yaitu Instalasi Windows 8, Instalan Saya Ini Menggunakan Media FlashDisk
Saya Juga Menginstal Kan Langsung Nyaman ... Yaitu Wifi Langsung Bisa Dan Bonus Software-Software Unggulan,,, Di jamin Puas Yang Berminat Silahkan

Hubungi Saya Di
 Via Handphone : 081347776520
Via Twitter : @_Pemula_


Powerred By: M. Ridho (2 RPL)

Terima Jasa Instalasi Os Windows XP : Hub : 081347776520

Assalaumalaikum ,,, Saya ada Sekit jasa yaitu Instalasi Windows Xp,, Yang Pengen Instal Di Sekitar Samarinda Silahkan Hubungi :081347776520 Atau Mention Di Twitter


Tak Ada salah Nya kita mencoba hal yang kecil, Yang Lain Bisa kenapa saya tidak bisa
:V "Salam Teman"
Assalaumalaikum ,,, Saya ada Sekit jasa yaitu Instalasi Windows Xp,, Yang Pengen Instal Di Sekitar Samarinda Silahkan Hubungi :081347776520 Atau Mention Di Twitter


Tak Ada salah Nya kita mencoba hal yang kecil, Yang Lain Bisa kenapa saya tidak bisa
:V "Salam Teman"

Edit Photo

Assalamualaikum Wr.Wb
 Saya Kali Ini Akan Memposting Tentang Sedikit Usaha Saya Mendapatkan Uang Atau Pulsa
*jasa saya Kali Ini Adalah Jasa Untuk mengedit Foto , karna Saya Senang Sekali Dalam Dunia Editing , Stiap Hari Hampir Membuka Photoshop & Corel Draw.
Ini Adalah Karya-karya Saya




Saya juga Bisa Sedikit WPAP Ni karya Saya Yang Saya Edit Jadi WPAP ;


Itu Saja Ya Teman, Bagi Teman Yang Ingin Menggunakan Jasa Edting Saya Bisa Menghubungi Saya
Via HandPhone :081347776520
Via Twitter : @_Pemula_
Dan Untuk Pembayaran Nya Bagi Yang Di luar  Samarinda Bisa Membayar Dengan Pulsa 5000 ke Nomor 0813-4777-65-20 , dan di Samarinda Juga Bisa Membayar Dengan Pulsa Dengan Cara Yang Sama Sperti di Luar Samarinda...
*Sekian Saya Hanya Sedikit Usaha Yang Lainnya Punya Jasa Kenapa Saya tidak Walau Hanya Kecil-kecilan... :V 
SALAM SAHABAT :)

Assalamualaikum Wr.Wb
 Saya Kali Ini Akan Memposting Tentang Sedikit Usaha Saya Mendapatkan Uang Atau Pulsa
*jasa saya Kali Ini Adalah Jasa Untuk mengedit Foto , karna Saya Senang Sekali Dalam Dunia Editing , Stiap Hari Hampir Membuka Photoshop & Corel Draw.
Ini Adalah Karya-karya Saya




Saya juga Bisa Sedikit WPAP Ni karya Saya Yang Saya Edit Jadi WPAP ;


Itu Saja Ya Teman, Bagi Teman Yang Ingin Menggunakan Jasa Edting Saya Bisa Menghubungi Saya
Via HandPhone :081347776520
Via Twitter : @_Pemula_
Dan Untuk Pembayaran Nya Bagi Yang Di luar  Samarinda Bisa Membayar Dengan Pulsa 5000 ke Nomor 0813-4777-65-20 , dan di Samarinda Juga Bisa Membayar Dengan Pulsa Dengan Cara Yang Sama Sperti di Luar Samarinda...
*Sekian Saya Hanya Sedikit Usaha Yang Lainnya Punya Jasa Kenapa Saya tidak Walau Hanya Kecil-kecilan... :V 
SALAM SAHABAT :)

Design Poster DLL

Assalamualaikum Wr.Wb
  Saya Kali Ini Akan Memposting, Sedikit-sedikit Usaha tentang Jasa Design Poster Dan Lain-lain
Yang Ingin Design Poster Silah Kan Hubungin Saya Di 081347776520, Atau Mention Di @_pemula_

 Oke Ini Contoh - Contoh Yang Udah Saya Design posternya ;
 1.




Teman Bisa Membayar Nya Dengan Pulsa rp.5000 Ke No Saya 0813-4777-65-20 . info Lebih Lengkapnya Bisa Teman Liat Di Posting Selanjutnya Tentang Jasa Edit Photo, Ok Salam M.R.P
Assalamualaikum Wr.Wb
  Saya Kali Ini Akan Memposting, Sedikit-sedikit Usaha tentang Jasa Design Poster Dan Lain-lain
Yang Ingin Design Poster Silah Kan Hubungin Saya Di 081347776520, Atau Mention Di @_pemula_

 Oke Ini Contoh - Contoh Yang Udah Saya Design posternya ;
 1.




Teman Bisa Membayar Nya Dengan Pulsa rp.5000 Ke No Saya 0813-4777-65-20 . info Lebih Lengkapnya Bisa Teman Liat Di Posting Selanjutnya Tentang Jasa Edit Photo, Ok Salam M.R.P

My First Web

Haii Teman Saya Habis Buat Website Pribadi Saya Tetapi gagal. Walau Gagal Saya Tetap senang Teman Karna Kegagalan Awal Dari Keberhasilan"
 Tolong Ya teman-teman liat web nya
Web Gagal Teman 
Haii Teman Saya Habis Buat Website Pribadi Saya Tetapi gagal. Walau Gagal Saya Tetap senang Teman Karna Kegagalan Awal Dari Keberhasilan"
 Tolong Ya teman-teman liat web nya
Web Gagal Teman 

My Profil

 
2012 Mari Belajar Bahasa Pemrograman | BTemplate3s | Blogger Templates for HostGator Coupon Code Sponsors: WooThemes Coupon Code, Rockable Press Discount Code