baca in: April 2017

99 Guru SEO

Saya adalah seorang 99 guru seo. Dulunya sih gurunya guru seo. wkwkwkwkwk just kidding. Sebenarnya tidak ada tujuan apa - apa menulis ini. Hanya coba keyword 99 guru seo saja.

Perkenalkan nama saya syawaluddin amin, biasa dipanggil amin. Jika anda ingin membutuhkan jasa seo, anda bisa menghubungi saya.

Cara menghentikan fitur auto slide pada carousel bootstrap

Assalamu'alaikum wr wb,
kali ini saya akan share bagaimana Cara menghentikan fitur auto slide pada carousel bootstrap.
Berikut ini syntaxnya.
------------------------------------------------------
<div id="carousel-example-generic" class="carousel slide" data-interval="false">
------------------------------------------------------
Semoga bermanfaat.
http://pangeran-it.blogspot.co.id/

Website telkomsel di hack 27 April 2017

Cara menampilkan checkbox yang terpilih di javascript

Assalamu'alaikum wr wb,
kali ini saya akan share bagaimana Cara menampilkan checkbox yang terpilih di javascript.
Berikut ini syntaxnya.
----------------------------------------------
<div id="booking_form">
<input type="checkbox" name="bType[]" id="bType" value="Ayam Goreng"> Ayam Goreng<br>
<input type="checkbox" name="bType[]" id="bType" value="Kari Kambing"> Kari Kambing<br>
<input type="checkbox" name="bType[]" id="bType" value="Telur Sambal"> Telur Sambal<br>
<input type="checkbox" name="bType[]" id="bType" value="Daun Ubi Rebus"> Daun Ubi Rebus<br>
<button class="btn" >TAMPILKAN MENU</button>
</div>

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

<script type="text/javascript">
$('.btn').click(function(){
$("input[type=checkbox]:checked").each(function() {
alert( $(this).val() );
});
});
</script>

----------------------------------------------
Semoga bermanfaat.
http://pangeran-it.blogspot.co.id/

Cara install robomongo di windows

Assalamu'alaikum wr wb,
kali ini saya akan share bagaimana cara install robomongo.
Berikut ini langkahnya.
1.Download robomongo di alamat website resminya di https://robomongo.org/download.

2.Pilih tab windows kemudian klik download. Status file download tampil di bawah status bar. Setelah download selesai, klik file download tersebut untuk menginstall.

3.Pilih yes jika muncul dialog cridential bawaan windows.

4.Tampilan welcome robomongo setup. Klik next untuk melanjutkan.

5.Tampilan robomongo license agreement. Klik i agree.

6.Tampilan lokasi install robomongo. Klik next.

7.Tampilan robomongo start menu folder. Klik install.

8.Tampilan proses install robomongo.

9.Install robomongo selesai. Klik finish.

Semoga bermanfaat.
http://pangeran-it.blogspot.co.id/

Cara install mongodb di windows

Assalamu'alaikum wr wb,
kali ini saya akan share bagaimana cara install mongodb di windows.

Berikut ini langkahnya.
1.Masuk ke alamat website mongo : https://www.mongodb.com/download-center#community

2.Klik download

3.Pilih tab windows kemudian klik download

4.Setelah klik download maka akan direct ke halaman thank you for downloading dan file download muncul di statusbar bawah (saya menggunakan google chrome). Tunggu hingga download selesai.

5.Setelah download selesai, klik file mongodb yang di download tersebut untuk menginstall. Klik run untuk melanjutkan.

6.Status preparing windows installer.

7.Tampilan Welcome mongodb setup. Kemudian klik next.

8.Tampilan end-user license agreement. Checklist i accept kemudian klik next.

9.Tampilan pilihan mode setup. Pilih Complete.

10.Tampilan mongodb ready to install. Klik install.

11.Tampilan status progress install mongodb.

12.Tampilan setup mongodb complete. Install mongodb di windows selesai. Klik finish.

Semoga bermanfaat.
http://pangeran-it.blogspot.com/

Cara menampilkan jumlah objek yang di pilih pada javascript

Assalamu'alaikum wr wb,
kali ini saya akan share bagaimana Cara menampilkan jumlah objek yang di pilih pada javascript.
berikut ini syntaxnya.
-----------------------------------------------------
<style type="text/css">
#test {
width: 30em;
margin: 2em auto;
overflow: hidden;
}

#test li {
float: left;
height: 4em;
width: 4em;
margin-bottom: 1em;
margin-right: 1em;
cursor: pointer;
border: 1px solid #ddd;
background: #ccc;
list-style: none;
border-radius: 10px;
}

#test li.selected { background-color: darkgreen; }

</style>

<center>
<h1>Cara menampilkan jumlah objek yang di pilih pada javascript</h1>
</center>
<ul id="test">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<center>
<p>Jumlah objek yang terpilih: <span id="select-count">0</span></h1></p>
</center>
<script type="text/javascript">
var selectNum = 0;

function select(obj, elements) {

elements = document.getElementsByTagName(elements);

if (obj.className == "selected") {
obj.className = "";
selectNum--;
}
else {
obj.className = "selected";
selectNum++;
}
document.getElementById("select-count").innerHTML = selectNum;

for (i = 0; i < 10; i++) {
elements[i].onmouseover = elements[i].onmousedown;
}

obj.onmouseup = function() {
for (i = 0; i < 10; i++) {
elements[i].onmousedown = elements[i].onmouseover;
elements[i].onmouseover = null;
}
}

}

var li = document.getElementsByTagName('li'),
len = li.length,
i;

for (var i = 0; i < len; i++) {

var item = li[i];

item.onmousedown = function() {
select(this, 'li');
};

}
</script>
-----------------------------------------------------
Semoga bermanfaat.
http://pangeran-it.blogspot.co.id/

Cara buat menu selected menu tampil text di css

Assalamu'alaikum wr wb,
kali ini saya akan share bagaimana Cara buat menu selected menu tampil text di css,
berikut ini syntaxnya.
-------------------------------------------------------------
<style type="text/css">
ul li {
display:inline-block;
background:skyblue;
margin:5px;
padding:5px;
width:50px;
height:50px;
text-align:center;
}

ul li a span {
margin-top:20px;
visibility:hidden;
position:relative;
top:20px;

}

ul li a:hover span, ul li a:focus span {
visibility:visible;
}
</style>

<h1>Cara buat menu selected tampil text</h1>
<ul>
<li><a href="#">menu 1<br /><span>pilih</span></a></li>
<li><a href="#">menu 2<br /><span class="current">pilih</span></a></li>
<li><a href="#">menu 3<br /><span>pilih</span></a></li>
</ul>
-------------------------------------------------------------
Semoga bermanfaat.
http://pangeran-it.blogspot.co.id/

Cara merubah foto berdasarkan list yang di klik pada javascript

Assalamu'alaikum wr wb,
kali ini saya akan share tentang Cara merubah foto berdasarkan list yang di klik pada javascript.
Berikut ini syntaxnya.
---------------------------
<ul class="catalog" style="list-style: none;">
<li class="catalog_item catalog_item--default-view">
<div class="catalog_item_image">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGvmaGrcP6Ob1iLEMETVjkZBw13Cd9opIJC5-kREjyxoQcRzsLug07m1GHaLQJteQ-Hd-QDsyo_GGrwc8InXPWGzZXTxC4Kh7ieDRmHGlv8ev45qLkJBOLrz_Y7w4U8V9WaHuFLoapwtou/s1600/5+Perintah+Dasar+Command+Prompt+Untuk+Jaringan+yang+Sering+Digunakan.png" alt="model01" class="catalog_item_icons__big-foto" width="100" height="100">
</div>
<br><br><br>
<ul class="catalog_item_icons" style="list-style: none;">
<li class="catalog_item_icons__preview">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1q75VdHNkmx5Z7Ol68RZHqInOETvB2cN6NZ4oJsXPElAL0TCneVf0uM3oeowYw4SuK1M71MxPqXSSGsFMSvUj7ThnfslCJpZmPamnaGuh-jmlQOCeI7udRtr6_KkQm26pQAZn2sJXqzSi/s640/Pengertian+Command+Prompt+%2528CMD%2529+Serta+Kumpulan+Perintah+Lengkap.jpg" alt="01" class="catalog_item_icons__preview--foto-small" width="100" height="100">
</li>
<li class="catalog_item_icons__preview">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiR9HxvAaali-9xwE0Y-s5aEt9Ctd-hhHX3PEnweIc5wnqwXZhwBz3ZdyjfYIojmwViVuMLKPZXVXX4u_35Ul8Uciq8UYXkYYOrZHBM7H5UNRjBenBUtbEVbs-JBqLHw-XMdYeVz3Z-ouM/s640/command-prompt-icon.png" alt="02" class="catalog_item_icons__preview--foto-small" width="100" height="100">
</li>
<li class="catalog_item_icons__preview">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6q3hHz37qjtB6HCKKjIi11R68bk_oNk1u3oUBLCqDcPWeRTecA6YNMOlGnUdtYkYRnvneTuO2FwgMwPk66TtI_iW7XcznXchqkyezI_nufu-dvOB3c_SOSy_wEHEwyIOlPdlPxD82BjvE/s640/command-prompt-powershell-670x335.jpg" alt="03" class="catalog_item_icons__preview--foto-small" width="100" height="100">
</li>
</ul>
</li>
</ul>

<script
src="https://code.jquery.com/jquery-3.2.1.min.js"
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
crossorigin="anonymous"></script>

<script type="text/javascript">
$(document).ready(function() {
//Hal ini menjalankan fungsi ketika diklik pada item
$('.catalog_item_icons li').click(function() {
//Mengambil sumber gambar dari elemen diklik.
//dengan $('img', this) Anda memilih gambar dalam elemen diklik
_src = $('img', this).attr('src');
//Pada baris berikutnya saya menugaskan ke variabel _obj - induk .catalog_item - default-pandangan dari elemen diklik
_obj = $(this).parents('.catalog_item--default-view');
//Pada baris berikutnya saya mengubah atribut sumber .catalog_item_icons__big-foto yang terletak di objek _obj
$('.catalog_item_icons__big-foto', _obj).attr('src', _src);
});
});
</script>
---------------------------
Semoga bermanfaat.
http://pangeran-it.blogspot.co.id

Cara buat menu vertical di html

Assalamu'alaikum wr wb,
kali ini saya akan share
-------------------------------
<!DOCTYPE html>
<html>
<body>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul>
</body>
</html>
-------------------------------
Semoga bermanfaat.
http://pangeran-it.blogspot.co.id/