Cara Memasang Icon Back To Top

Tutorial Blog Kali Ini Maz Dani akan membagikan cara memasang Icon Back To Top
Mungkin blog sobat terkadang mempostingkan suatu topik namun banyak kata-kata hingga scroll nya terlalu banyak,Halaman blog yang panjang mungkin salah satu hal yang tidak disukai oleh pembaca. Solusinya pada halaman home jangan terlalu banyak menyimpan jumlah artikel. sebaiknaya dalam halaman home mempunyai maksimal 5 artikel dan Kalau bisa  ditambah dengan pemanfaatan fungsi read more (baca selengkapnya).

Tapi kalau memang elemen blog atau artikel yang panjang bagaimana? pembaca akan lebih malas mengscroll kembali ke atas halaman page untuk mengakses menu lain. Kalau begitu silakan saja pasang "Icon Back To Top" (tombol Icon kembali ke atas) yang memungkinkan pembaca lebih mudah kembali ke atas halaman. Tombol Icon tersebut selalu terletak pada tempat atau posisi yang tetap walaupun adanya scrolling page.

Berikut kode "Icon Back To Top" (tombol Icon kembali ke atas) dan design yang dapat Anda pilih : 

Masuk ke dasbor >Template > edit html cek list kotak kecil > Letakan kode di atas </body>
Bisa Juga Add gatget>html/Java script>copy paste code back to top

 
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='http://i15.photobucket.com/albums/a398/syilpid/Backtotopbiru.png'/></a>
 

<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='http://i15.photobucket.com/albums/a398/syilpid/Backtotophitam.png'/></a>
 

<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='http://i15.photobucket.com/albums/a398/syilpid/Backtotophijau.png'/></a>
 

<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='http://i15.photobucket.com/albums/a398/syilpid/Backtotopkuning.png'/></a>

<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='http://i15.photobucket.com/albums/a398/syilpid/Backtotopmerah.png'/></a>

<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='http://i15.photobucket.com/albums/a398/syilpid/Backtotoporange.png'/></a>

<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='http://i15.photobucket.com/albums/a398/syilpid/Backtotoppink.png'/></a>


<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='http://i15.photobucket.com/albums/a398/syilpid/Backtotopungu.png'/></a>
 
Mudah Bukan??
Tinggal kreasikan sesuai selera
Jika ingin mengganti icon back to top tinggal ganti kode warna hijau dengan kode gambar yang sobat inginkan
jika masih belum paham bisa di tanyakan di komentar


Demikian Tutorial Blog Dasar Cara Memasang Icon Back To Top

Cara membuat DAFTAR ISI/ MENU otomatis

Cara membuat Daftar Isi/Menu otomatis Pada Tutorial Blog Kali ini Maz Dani Akan men-share cara Membuat/memasang daftar isi/menu otomatis,Daftar isi label dan data publish Juga sudah ditambah fungsi scroll,apa gunanya??selain untuk memudahkan pengunjung mencari apa yang mereka cari juga memudahkan untuk memisah antara label dan judul postingan
Perhatikan langkah-langkahnya, ok sob

1. masuk ke dashbord
2. masuk ke menu tata letak
3. add gatget
4. pilih sciript/html
5. copy code di bawah ini

<div style="background:#FFFFFF; no-repeat scroll 0 0; border:2px solid #FFFFFF; height:310px; overflow:auto; padding:10px; width:260px;">
<div id="cl_option">
Loading... </div>
<div id="cl_content_list">
</div>
<script type="text/javascript">
var jumlah_kata_dalam_ringkasan = 250;
</script><span style="font-weight:bold;"></span>
<script src="http://raihanun.googlecode.com/files/DaftarMenuOtomatis.js">
</script>
<script src="http://dubraw735.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=onLoadFeed&amp;max-results=500">
</script></div><a href="http://dubraw735.blogspot.com/2012/03/cara-membuat-daftar-menu-otomatis.html" target="_blank"><small>get this</small></a> </div>

     6.ganti tulisan merah dengan url sobat
     7.jangan lupa simpan dan  lihat hasilnya
ganti #FFFFFF Dengan Warna yang kamu inginkan Jika blum Tau kode macam macam warna bisa disini
Lihat Demo
Semoga Bermanfaat
kalau ada yang belum paham bisa di tanyakan di komentar ok:)

Demikian Tutorial Blog  Cara membuat DAFTAR MENU otomatis

Cara Membuat PAYPAL DONATE Button

Cara Membuat/Pasang PAYPAL DONATE Button
Donate botton adalah fitur yang memungkinkah kita mendapat sumbangan dari pengunjung yang ingin menyumbang
langsung saja yya sob ke tkp


1.Pertama, silakan login ke akun 

2.Klik menu 'Merchant Services' tab .


3.Cari tulisan "Donations" kemudian kilk


4.Sekarang,sobat akan melihat beberapa pilihan seperti nama Donasi / layanan, id donasi, dll. Dan jika semua sudah selesai silakan klik "Create a button Now"


5.Ambil kode html Paypal Donasi yang sudah kita buat tadi... Kopi kodenya kemudian login ke blogger dashboard »» Klik layout »» Add a Page element »» html/javascript »» Paste kode Paypal Donasi yang sudah kita kopi tadi kemudian Simpan/SAVE THE CHANGES.

Berikut contaoh tombol Paypal Donate

Demikian Tutorial blog Cara Pasang PAYPAL DONATE Button

Program C++ Luas dan Keliling Lingkaran

Berikut Program mencari luas dan keliling lingkaran dengan menggunakan c++ .


#include <stdio.h>
#include <iostream.h>
#include <conio.h>
void Hitung_Luas(float jari,float phi);
void Hitung_Keliling(float jari,float phi);
float Hitung_Luasling(float jari,float phi);
float Hitung_Keling(float jari,float phi);
main ()
{
    cout<<"Program Luas dan Keliling Lingkaran"<<endl<<endl;
    float jari; float phi= 3.14;
    printf("Masukkan Jari-Jari= "); scanf("%f",&jari,"n");printf;
    cout<<"=================================="<<endl;printf;
    cout<<"Fungsi dan Prosedur Luas Lingkaran"<<endl;printf;
    Hitung_Luas(jari,phi);
    printf("n");
    printf("Luas dengan Fungsi =%.2f",Hitung_Luasling(jari,phi));printf("n");
    printf("==================================");printf;printf("n");printf;
    cout<<"   www.berryhs.com "<<endl;printf;
    cout<<"=================================="<<endl;printf;
    cout<<"Fungsi dan Prosedur Keliling Lingkaran"<<endl;printf;
    Hitung_Keliling(jari,phi) ; printf("n");
    printf("Keliling dengan Fungsi = %.2f",Hitung_Keling(jari,phi));
    return(jari,phi);

}

void Hitung_Luas(float jari,float phi)
{
    float luas;
    luas=phi*jari*jari;
    printf("Luas dengan Procedure=%.2f",luas);

}
void Hitung_Keliling(float jari,float phi)
{
    float keliling;
    keliling=2*phi*jari;
    printf("Keliling dengan Procedure =%.2f",keliling);

}
float Hitung_Luasling(float jari,float phi)
{
    float luas;
    luas=phi*jari*jari;
    return(luas);
}
float Hitung_Keling(float jari,float phi)
{
    float keliling;
    keliling=2*phi*jari;
    return(keliling);
}

Program Pascal Looping (perulangan)

Looping (perulangan)


     merupakan bentuk yang sering ditemui didalam suatu program aplikasi. Didalam bahasa pascal, dikenal tiga macam perulangan yaitu :dengan menggunakan statemen For, While-Do, dan Repeat…until.

1. For
For biasa digunakan untuk perulangan positif atau perulangan dengan penghitung (couter) dari kecil kebesar atau dengan kata lain pertambahannya positif.Bu : For variabel-kontrol := nilai awal To nilai-akhir Do statemen
contoh :
var
i :integer;
begin
for i:= 1 to 5 do writeln(‘BSI’);
end.
maka akan menghasilkan :
BSI
BSI
BSI
BSI
BSI
For Nested
contoh :
var
i:integer;
begin
for i:= 1 to 2 do
begin
for j:= 1 to 2 do
write(i:3,j:3);
writeln;
end;
readln;
end.
maka akan menghasilkan :
1 1 1 2
2 1 2 2
  
2. While-do,
digunakan untuk melakukan proses perulangan suatu statemen atau blok statemen terus-menerus selama kondisi logika Benar.
bu : statemen_while while ungkapan_logika do statemen
contoh :
uses crt;
var k:integer;
begin
  k:=1;
  while k<=3 do
  begin
  writeln(‘Halo’);
  k:=k+1;
  end;
end.Hasilnya :
Halo
Halo
Halo 

3. Repeat Until, 
digunakan untuk mengulang statemen suatu blok statemen sampai (until) kondisi yang diseleksi di Until tidak terpenuhi.
bu : repeat
  statemen;
  until ungkapan_logika;
contoh:
var i : integer;
begin
i:=0;
repeat
  i:=i+1;
  writeln(i);
until i = 5;
readln;
end.