membuat sendiri share button melayang css

share

  • membuat sendiri share button melayang css

    Cara Membuat Sendiri Share Button Melayang Dengan CSS


    Cara membuat sendiri share button melayang dengan CSS untuk website atau blog, dibuat menggunakan script HTML dan CSS tanpa menggunakan JavaScript
  • membuat sendiri share button melayang css
    Service
    1. Complete Website
    2. Only web script
    3. Web modification
    4. Application program
    5. Free web template
    6. Free application
    7. Basic SEO
    8. Article request
    9. Tutorial programing
  • membuat sendiri share button melayang css
    MOTO
    "Kepuasan Pelanggan adalah Prioritas kami, Sebagai Pemicu Semangat Dalam Memberikan Pelayanan Terbaik".
  • membuat sendiri share button melayang css Teknologi dan Bahasa
    PHP-5, HTML-5, CSS3, SQL Server, MySQL Database, Access Database, Java, JavaScript, dan Visual Basic.
  • membuat sendiri share button melayang css
    VISI
    "Menjadi penyedia layanan yang terpercaya dan maju dalam dunia Teknologi Informasi."

Cara Membuat Sendiri Share Button Melayang Dengan CSS

Membuat sendiri share button melayang dengan CSS untuk website atau blog dibuat menggunakan script HTML dan CSS tanpa menggunakan JavaScript, tutorial ini sangat mudah diikuti oleh para pemula webmaster atau blogger apalagi oleh yang sudah senior.
Share button melayang dipinggir / disamping bagian website atau blog (kanan mapupun kiri) akan membuat tampilan web / blog menjadi lebih dinamis, penuh dengan style, keren, tidak menghabiskan space layout, dan terkesan profesional.

Sebetulnya ada banyak cara membuat share button melayang ini secara mudah dan instan yaitu menggunakan widget dari provider / penyedia widget yang dapat diperoleh secara gratis seperti AddThis dan ShareThis. Namun kami tidak akan membahas bagaimana cara membuat share button melayang menggunakan widget dari provider widget tersebut, untuk itu kami mengajak Anda untuk belajar mandiri dalam mengolah script bagaimana membuat sendiri share button melayang menggunakan CSS.

Berikut langkah - langkah atau cara membuat sendiri share button melayang dengan CSS, lengkap dengan kode / script nya:

Cara Membuat Sendiri Share Button Melayang Dengan CSS

Download eBook Membuat Share Button Melayang CSS



Share Button CSS Tutorial

1. Siapkan icon share button social network, kemudiann simpan dalam folder images pada directory Anda.

membuat sendiri share button melayang css
Membuat Sendiri Share Button Melayang Dengan CSS

2. Buat script / kode HTML dan CSS berikut menggunakan text editor kemudian simpan satu level dengan folder images.

<!DOCTYPE html>
<html>
<head>
	<title>Download Button Share Melayang | CSS Tutorial
	<style type="text/css" media="screen">
		.float-button-wrapper {position: fixed;	left: 25px;	top: 160px;}
		.float-button-wrapper p {left: 15px;	font-size: 11px; margin-bottom: 3px;}
		.float-button-page img {background: none; border: none; padding: 0; margin: 0;}
		.float-button-page a {float: left; clear: left; margin-bottom: 1px;}
		.float-button-page a:hover img {background-color: #f1f1f1; filter: alpha(opacity=50); -moz-opacity: 0.5;	-khtml-opacity: 0.5; opacity: 0.5;}
		.float-button-page {position: absolute;	background: none;}
	</style>
</head>
<body>
<h1>Download Button Share Melayang | CSS Tutorial By <a href="http://www.rajaputramedia.com" style="text-decoration:none">Jasa Pembuatan Website
<hr>
<div style="overflow:auto; width:100%; height:968px;">
	<div class="float-button-wrapper">
		<div class="float-button-page">
			<a href=""><img src='images/facebook-icon.png'>
			<a href=""><img src='images/twitter-icon.png'>
			<a href=""><img src='images/blogger-icon.png'>
			<a href=""><img src='images/linkedin-icon.png'>
			<a href=""><img src='images/gplus-icon.png'>
		</div>
	</div>
</div>
</body>
</html>

Jika Anda mengikuti tutorial membuat sendiri share button melayang ini dan langsung mempraktekannya maka jika script dijalankan pada web browser hasilnya akan tampil seperti gambar dibawah ini:

membuat sendiri share button melayang css
Membuat Sendiri Share Button Melayang Dengan CSS

Download Tutorial Membuat Sendiri Share Button Melayang

Download Script Share Button Melayang CSS

Demikian tutorial tentang bagaimana cara Membuat Sendiri Share Button Melayang Dengan CSS, lengkap dengan script HTML nya. Untuk mendapatkan script / source code nya Anda dapat langsung mendownload melalui link di atas, jika link download tidak aktif atau error mohon hubungi kami melalui SMS atau email atau melalui form komentar dan obrolan. Semoga dapat membantu.

Baca juga :


Cara Membuat Sendiri Share Button Melayang Dengan CSS

Tags: share button melayang css, cara membuat share button, share button css, share button melayang, membuat sendiri share button melayang


Reliable

membuat sendiri share button melayang css

Translate Page

Advertise

membuat sendiri share button melayang css

Payment & Donation

membuat sendiri share button melayang css

Rekening BCA : 343 1156 006

a/n : Andi Hatmoko

Rekening MANDIRI : 13300 11921 079

a/n : Andi Hatmoko

membuat sendiri share button melayang css

Account :

andihatmoko@gmail.com

Google +

Live Chat

rex2017-10-19, 00:05 am
asik
rhcekih2017-10-18, 10:51 am
Saya sudah dowload, pas mau extract minta password. Password rar nya apa y min? Terima kasih
Yudhistir2017-10-10, 10:48 am
Maaf mas, link download simpeg v.4 nya kok ga bisa ya
yosie2017-10-09, 14:07 pm
selamat siang, tertarik dengan program aplikasi stock barangnya. apakah ini free atau harus beli
junaidi2017-10-09, 08:25 am
kami mau input data pegawai tapi download aplikasinya susah, tolong solusinya admin.. a.n SDN 269 LAMBATU, Lutim
bayu 2017-10-07, 18:32 pm
misi admin saya mau tanya kalo buat download nya dimana iya
Dalil2017-09-20, 16:24 pm
Min, Q pingin bikin sofware data base keanggotaan sebuah Organisasi dengan daftar data diri, tahun pelantikan, dan area
igratiann2017-09-20, 11:27 am
Min, mau nanya, ada contoh script untuk multiple insert dengan tabel, gak?
Sherina s2017-09-18, 09:52 am
cara download nya gimana ini teh?
Leni M.A2017-09-14, 13:48 pm
Kasih link nya dongg plisss aku butuh buat tugas sekolah nihhh
Teguh2017-09-13, 20:06 pm
cara membuat widget google+ gimana, buat tutorialnya dong
intan2015-03-05, 22:22 pm
kalo ingin membuat halaman admin dari program chat seperti ini bagaimana script php nya ???
Amat2015-01-21, 19:03 pm
Untuk kolom bawaan gimana isinya
andela2014-09-11, 09:01 am
saya memerlukan aplikasi/softwere untuk membuat website bagaimana caranya?
Andreas2014-05-22, 19:40 pm
Isi artikelnya bagus, mudah di ikuti buat praktek langsung. Thanks admin
Nanda2014-05-17, 02:07 am
Cara pemesanan aplikasi berbasis web nya gimana, apa bisa scriptnya saja yang dikirim?
Edo2014-01-29, 06:13 am
Dear Admin, Kalo mau order script bagaimana caranya?
Irwan2014-01-22, 03:44 am
Pak admin, kapan free aplikasi nya di release?
angelo2014-01-11, 03:17 am
pak admin websitenya keren abis, kapan kita berkumpul ya
Sania2014-01-04, 03:21 am
Bagaimana cara instal template yg sudah didownload?

Post your chat:


Name



Email



Chat



Confirm you are NOT a spammer

 

membuat sendiri share button melayang css