Ringkasan ini tidak tersedia. Harap klik di sini untuk melihat postingan.

Kalau sebelumnya kita mempelajari perulangan menggunakan 'For', kini kita akan mencoba untuk belajar menggunakan 'While'.

Contoh :

#include <iostream>
#include <conio>

main(){
           int x=1;
//membuat sebuah perulangan
while (x<=5)
    {
       cout<<x<<". "<<"Mari belajar C++"<<endl; //menampilkan data yang akan diulang
      x++;
      }
getch();

} 

Untuk sebuah inputan dari user adalah sebagai berikut :

#include <iostream>
#include <conio>

main(){
           int x;
cout<<"Masukkan berapa kali anda akan mengulang :  ";
cin>>x;
//membuat sebuah perulangan
while (x<=5)
    {
       cout<<x<<". "<<"Mari belajar C++"<<endl; //menampilkan data yang akan diulang
      x++;
      }
getch();

}

Perulangan pada c++ menggunakan perintah yakni 'For' , 'While' dan 'do while'.

Kali ini kita akan mempelajari perulangan denga perintah For. Kita akan membuat sebuah program yang akan menampilkan nilai secara berulang sebanyak nilai yang sudah ditentukan.

Contoh :

#include <iostream>
#include <conio>

main(){

int x;
//membuat sebuah perulangan
for(x=1 ;x<=5;x++)
{
cout<<x<<". "<<"Mari belajar C++"<<endl; //menampilkan data yang akan diulang
}
getch();

}

Itu merupakan sebuah perulangan sederhana menggunakan perulangan 'For'

Carilah kode di bawah ini

]]></b:skin> 
    

Setelah itu, letakkan kode di bawah ini tepat di atas ]]></b:skin>

#toTop {
display:none;
text-decoration:none;
position:fixed;
bottom:10px;
right:10px;
overflow:hidden;
width:51px;
height:51px;
border:none;
text-indent:-999px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4jENkkwoOr4OtSZwBNX_urKEMm1Ktw9GXsYOa04Ty1UkyQkRA-s3zGUGHIPzPl9xC5jIxy86JKPy2X613UhfuFTgjGChmoP5dIZXtCRplXCHmEX6eUgjqcQkRGnv9ba5iqqQle5VDGME/s1600/ui.totop.png) no-repeat left top;
}
#toTopHover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4jENkkwoOr4OtSZwBNX_urKEMm1Ktw9GXsYOa04Ty1UkyQkRA-s3zGUGHIPzPl9xC5jIxy86JKPy2X613UhfuFTgjGChmoP5dIZXtCRplXCHmEX6eUgjqcQkRGnv9ba5iqqQle5VDGME/s1600/ui.totop.png) no-repeat left -51px;
width:51px;
height:51px;
display:block;
overflow:hidden;
float:left;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
}
#toTop:active, #toTop:focus {
outline:none;
}
    

</head> 

Letakkan code di bawah ini sebelum code </head>

<script src='http://code.jquery.com/jquery-1.6.1.min.js' type='text/javascript'/>
<script src='http://suyb.googlecode.com/files/jquery.easing.1.3.js' type='text/javascript'/>
<script src='http://suyb.googlecode.com/files/jquery.ui.totop.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
/*
var defaults = {
containerID: &#39;moccaUItoTop&#39;, // fading element id
containerHoverClass: &#39;moccaUIhover&#39;, // fading element hover class
scrollSpeed: 1200,
easingType: &#39;linear&#39; 
};
*/

$().UItoTop({ easingType: &#39;easeOutQuart&#39; });

});
</script>

Simpan Template.

Carilah code di bawah ini

]]></b:skin>

Setelah itu, copy code di bawah ini tepat di atas ]]></b:skin>

/* div container containing the form */
#searchContainer {
margin:20px;
}

/* Style the search input field. */
#field {
float:left;
width:200px;
height:27px;
line-height:27px;
text-indent:10px;
font-family:arial, sans-serif;
font-size:1em;
color:#333;
background: #fff;
border:solid 1px #d9d9d9;
border-top:solid 1px #c0c0c0;
border-right:none;
}

/* Style the "X" text button next to the search input field */
#delete {
float:left;
width:16px;
height:29px;
line-height:27px;
margin-right:15px;
padding:0 10px 0 10px;
font-family: "Lucida Sans", "Lucida Sans Unicode",sans-serif;
font-size:22px;
background: #fff;
border:solid 1px #d9d9d9;
border-top:solid 1px #c0c0c0;
border-left:none;
}
/* Set default state of "X" and hide it */
#delete #x {
color:#A1B9ED;
cursor:pointer;
display:none;
}
/* Set the hover state of "X" */
#delete #x:hover {
color:#36c;
}
/* Syle the search button. Settings of line-height, font-size, text-indent used to hide submit value in IE */
#submit {
cursor:pointer;
width:70px;
height: 31px;
line-height:0;
font-size:0;
text-indent:-999px;
color: transparent;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7yt4RcsxxVCOfPU-o38SE_ryrrLQ0qsBKv3pRhs4MtiPuWS3SglxvMg9Ym8nVS_Cj8JqWO3dGIfJkmHJd0D29Xx3JLPezaM4luCZDa2Cxt8ko3OJow1OMwNruAbJGsNxVLihKrdX9v4EI/s1600/ico-search.png) no-repeat #4d90fe center;
border: 1px solid #3079ED;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
/* Style the search button hover state */
#submit:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7yt4RcsxxVCOfPU-o38SE_ryrrLQ0qsBKv3pRhs4MtiPuWS3SglxvMg9Ym8nVS_Cj8JqWO3dGIfJkmHJd0D29Xx3JLPezaM4luCZDa2Cxt8ko3OJow1OMwNruAbJGsNxVLihKrdX9v4EI/s1600/ico-search.png) no-repeat center #357AE8;
border: 1px solid #2F5BB7;
}
/* Clear floats */
.fclear {clear:both}

Dan temukan code

</head>

Lalu letakkan code di bawah ini

<script src='http://code.jquery.com/jquery-1.6.1.min.js' type='text/javascript'/>
<script type='text/javascript'>
$().ready(function() {
// if text input field value is not empty show the &quot;X&quot; button
$(&quot;#field&quot;).keyup(function() {
$(&quot;#x&quot;).fadeIn();
if ($.trim($(&quot;#field&quot;).val()) == &quot;&quot;) {
$(&quot;#x&quot;).fadeOut();
}
});
// on click of &quot;X&quot;, delete input field value and hide &quot;X&quot;
$(&quot;#x&quot;).click(function() {
$(&quot;#field&quot;).val(&quot;&quot;);
$(this).hide();
});
});
</script>

Save Template.


Tambahkan Gadget HTML/Javascript baru

1. Design --> Elements --> Add Gadget
2. Pilih "HTML/Java Script"
3. Tambahkan code berikut

x

Save

Facebook Like Button Code :

<iframe allowTransparency='true'  expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot;  + data:post.url +  &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;'  frameborder='0' scrolling='no' style='border:none; overflow:hidden;  width:450px; height:40px;'/><a  href='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips'   src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO89poVMKe1eY_dqIGOMGEX8IXtGR626KXefY-IwTHEclllGeRTt4FvTyDg0alHvHIoTjAddJpFflpUuQVEh_ncHHyTWiCqxzgIn4ypURTS7GYl3uGFI2pXfXZoEmBOznxJR81yb4GTViG/s1600/best+blogger+tips.png'/></a>

1. Bawah

<div class='post-header-line-1'>

2. Atas

<data:post.body/>

3. Bawah

<data:post.body/>

Save Template.