Pengertian
Laman Kebijakan Privasi adalah sebuah Laman yang memberitahukan pengunjung tentang semua tata cara anda dalam mengelola web atau blog.Laman Kebijakan Privasi ini merupakan salah satu halaman yang penting bagi blog karena google sangat merokemendasikan untuk memasangnya.Selain itu dengan adanya Kebijakan privasi itu menandakan bahwa web anda menghargai privasi dari user.
Dengan adanya Laman Kebijakan Privasi itu dapat membuat blog anda terlihat lebih profesional.Selain itu bagi anda yang mempunyai mitra iklan dalam blog anda,laman ini menjadi pemberitahu bahwa perubahan tampilan blog tidak hanya karena anda menggantinya melainkan bisa merupakan dari tindakan mitra iklan
Cara Membuat Kebijakan Privasi Bahasa Indonesia
Silahkan Copy tulisan dibawah ini dan Paste kan di Laman Baru Blog anda tepatnya di Compose,kalau belum tahu dimana letak laman baru,Kamu bisa lihat bagian paling akhir dari postingan ini.
Kebijakan Privasi untuk (Ganti Url Blog anda)
Jika Anda memerlukan informasi lebih lanjut atau memiliki pertanyaan tentang kebijakan privasi kami, jangan ragu untuk menghubungi kami melalui email di (Ganti Email Anda).Pada (Ganti Url Blog anda), privasi dari pengunjung kami adalah sangat penting bagi kami. Dokumen kebijakan privasi ini menguraikan jenis informasi pribadi yang diterima dan dikumpulkan oleh (Ganti Url Blog anda) dan bagaimana ia digunakan.
Log Files
Seperti banyak situs Web lain, (Ganti Url Blog anda) yang menggunakan file log. Informasi di dalam file log meliputi protokol internet (IP) alamat, jenis browser, Internet Service Provider (ISP), tanggal / waktu cap, merujuk / keluar halaman, dan jumlah klik untuk menganalisis kecenderungan, mengelola situs, melacak gerakan pengguna di sekitar lokasi, dan mengumpulkan informasi demografis. alamat IP, dan lain informasi tersebut tidak terkait dengan informasi yang pribadi.
Cookies dan Web Beacon
(Ganti Url Blog anda) tidak menggunakan cookies untuk menyimpan informasi tentang preferensi pengunjung, merekam informasi pengguna tertentu pada halaman pengguna akses atau kunjungan yang, menyesuaikan konten halaman web berdasarkan jenis browser pengunjung atau informasi lain yang pengunjung mengirimkan melalui browser mereka.
DoubleClick DART Cookie.
:: Google, sebagai vendor pihak ketiga, menggunakan cookies untuk melayani iklan di (Ganti Url Blog anda).. :: Google menggunakan cookie DART memungkinkan untuk menampilkan iklan kepada pengguna berdasarkan kunjungan mereka ke (Ganti Url Blog anda) dan situs lainnya di Internet.. :: Pengguna dapat membatalkan penggunaan cookie DART dengan mengunjungi kebijakan privasi jaringan iklan dan konten Google di URL berikut - http://www.google.com/privacy_ads.html
Beberapa partner periklanan kami mungkin menggunakan cookies dan web beacon di situs kami. Mitra iklan kami meliputi ....
(Isi dengan nama mitra iklan misalkan Google Adsanse atau chitika atau kumpul blogger atau yang lain,bila tidak ada maka tidak usah diisi)
Ini iklan pihak ketiga server atau jaringan iklan dengan menggunakan teknologi iklan dan link yang muncul di (Ganti Url Blog anda) mengirim langsung ke browser Anda. Mereka secara otomatis menerima alamat IP anda ketika hal ini terjadi. Teknologi lainnya (seperti cookies, JavaScript, atau Web Beacon) juga dapat digunakan oleh jaringan iklan pihak ketiga untuk mengukur efektivitas iklan mereka dan / atau untuk personalisasi konten iklan yang Anda lihat.
(Ganti Url Blog anda) tidak memiliki akses ke atau kontrol terhadap cookies tersebut yang digunakan oleh pihak ketiga pemasang iklan.
Anda harus berkonsultasi dengan kebijakan privasi masing-masing dari server iklan pihak ketiga untuk informasi lebih rinci tentang praktek-praktek mereka serta untuk petunjuk tentang cara memilih dari praktek tertentu. (Ganti Url Blog anda)'s kebijakan privasi tidak berlaku untuk, dan kita tidak dapat mengontrol kegiatan, pengiklan lain atau situs web.
Jika Anda ingin menonaktifkan cookie, Anda dapat melakukannya melalui individu pilihan browser. Informasi lebih lanjut tentang cookie manajemen khusus dengan web browser dapat ditemukan di website masing-masing browser.
Ganti tulisan yang berwarna merah seperti
(Ganti Url Blog anda) menjadi url blog anda seperti ini http://dirawan7.blogspot.co.id/
(Ganti Email Anda) menjadi alamat email anda seperti ini irawandiki7@gmail.com
(Isi dengan nama mitra iklan misalkan Google Adsanse atau chitika atau kumpul blogger atau yang lain,bila tidak ada maka tidak usah diisi) ganti menjadi
Google Adsanse
Chitika
KumpulBlogger
atau tidak usah diisi bila tidak ada mitra iklan
Cara membuat Kebijakan Privasi Berbahasa Inggris
1.Buka Link Ini serprank ,serprank merupakan web generator yang digunakan untuk membuat Kebijakan Privasi atau Privacy Policy
2.Setelah itu arahkan kursor kepada Member Area lalu Klik Member Tool,seperti gambar di bawah ini
3.Setelah itu Pilih Privacy Policy Generator For Google Adsanse Publisher seperti gambar dibawah ini
4.Karena anda belum menjadi member,maka pilih Register seperti di bawah ini
5.Setelah Itu Klik Select seperti gambar dibawah ini
6.Isikan data-data yang di perlukan lalu checklist i agree to term and conditions for membershp dan klik submit and confirm
7.Setelah itu ulangi Langkah 2 dan 3 seperti diatas maka anda akan masuk ke halaman seperti di bawah ini
8.Isikan Formulis itu seperti di bawah ini
Silahkan checklist sesuai mitra iklan anda,lalu klik Create My Privacy Policy
9.Setelah itu arahkah ke bawah dan Klik Grab The HTML for This Privacy Policy seperti di bawah ini
10.Setelah itu Copy Semua script Html seperti di bawah ini
11.Buka Blog kamu dan Klik Laman dan Pilih Laman Baru seperti gambar di bawah ini
12.Pastekan Sript tadi di HTML seperti dibawah ini
Lalu Publikasikan
Ada 4 Laman Yang Penting Untuk Blog Yaitu Laman Kebijakan Privasi,Laman Kontak,Laman Syarat dan Ketentuan,Dan Laman Daftar isi,maka dari itu usahakan anda membuat ke empat laman itu.Untuk mengetahui pengertian dan cara pembuatannya anda bisa melihat di blog saya ini
Itu dia Pembelajaran Kali ini,Selanjutnya saya akan mengajarkan cara membuat daftar Laman di blog,terima kasih telah mau membaca
Syarat dan Ketentuan itu apa sih pentingnya untuk blog?Jawabannya Penting,karena dengan adanya Laman Syarat dan Ketentuan di blog dapat menjadikan blog kita terhindar dari perilaku pengunjung yang menjengkelkan.
Didalam Laman tersebut kita sudah memberitahukan kepada pengunjung bahwa blog kita mempunyai peraturannya sendiri,jadi bila ada yang mau protes-protes tentang isi konten kita atau hal lain kita dapat mempersilahkan pengunjung untuk tidak pergi dari blog kita tersebut
Laman Syarat dan Ketentuan itu ibarat Undang-undang,dan blog kita itu ibarat Perpustakaat,sedangkan pengunjung itu ibarat orang yang mengunjungi perpustakaan.Jadi dengan adanya Laman Syarat dan Ketentuan bisa membuat pengunjung blog bersikap sopan dan tertib sesuai ketentuan yang kita buat.Oleh Karena itu Laman Syarat dan Ketentuan itu penting.
Lalu Bagaimana Cara Membuatnya Syarat dan Ketentuan di Blog?
Sebenarnya anda bisa membuat Syarat dan Ketentuan anda sendiri sesuai aturan apa yang ingin anda buat untuk blog anda,tetapi ada baiknya anda membuat Laman Syarat dan Ketentuan seperti pada umumnya.Sesuai aturan-aturan yang biasanya digunakan oleh blog pada umumnya.
Kali ini saya akan memberitahukan 2 tutorial membuat Laman Syarat dan KetentuanYaitu Laman Syarat dan Ketentuan Berbahasa indonesia dan Laman Syarat dan Ketentuan berbahasa Inggris atau biasa disebut Terms and Conditions.
Cara Membuat Laman Syarat dan Ketentuan Berbahasa Indonesia
Silahkan Copy tulisan dibawah ini dan Paste kan di Laman Baru Blog anda tepatnya di Compose,kalau belum tahu dimana letak laman baru,Kamu bisa lihat bagian paling akhir dari postingan ini.
Syarat dan Ketentuan (Ganti Url Blog anda)
Berikut adalah Syarat dan Ketentuan untuk penggunaan (Ganti Url Blog anda). Silahkan baca dengan seksama. Jika Anda perlu menghubungi kami mengenai segala aspek dari persyaratan berikut penggunaan website kami, silahkan hubungi kami di alamat email berikut - (Ganti Email Anda).Dengan mengakses isi (Ganti Url Blog anda) (selanjutnya disebut sebagai website) Anda menyetujui persyaratan dan ketentuan yang ditetapkan di sini dan juga menerima Kebijakan Privasi kami. Jika Anda tidak setuju dengan salah satu syarat dan kondisi Anda tidak harus terus menggunakan Website dan segera pergi.
Anda setuju bahwa Anda tidak akan menggunakan website untuk tujuan ilegal, dan bahwa Anda akan menghormati semua hukum dan peraturan yang berlaku.Anda setuju untuk tidak menggunakan website dengan cara yang dapat mengganggu kinerja, rusak atau memanipulasi konten atau informasi yang tersedia di situs web atau mengurangi fungsi keseluruhan situs web.Anda setuju untuk tidak mengganggu keamanan website atau mencoba untuk mendapatkan akses ke daerah aman dari website atau mencoba untuk mengakses informasi sensitif Anda percaya ada di website atau server di mana host.
Anda setuju untuk bertanggung jawab penuh atas setiap klaim, biaya, kerugian, kewajiban, biaya termasuk biaya hukum yang dikeluarkan oleh kami yang timbul dari setiap pelanggaran syarat dan ketentuan dalam perjanjian ini dan untuk yang Anda akan setuju jika Anda terus menggunakan situs web.Reproduksi, distribusi di metode apapun baik online atau offline sangat dilarang. Pekerjaan di situs dan gambar, logo, teks dan informasi lainnya adalah milik (Ganti Url Blog anda) (kecuali dinyatakan lain).
PenolakanMeskipun kita berusaha untuk menjadi benar-benar akurat dalam informasi yang disajikan di situs kami, dan berusaha untuk tetap sebagai up to date mungkin, dalam beberapa kasus, beberapa informasi yang Anda temukan di website mungkin sedikit usang.(Ganti Url Blog anda) berhak untuk membuat modifikasi atau koreksi informasi yang Anda temukan di website setiap saat tanpa pemberitahuan.
Ubah Syarat dan Ketentuan PenggunaanKami berhak untuk melakukan perubahan dan untuk merevisi Syarat yang disebutkan di atas dan Ketentuan penggunaan.Terakhir Revisi: (Ganti Tanggal Anda Membuat)
Ganti tulisan yang berwarna merah seperti
(Ganti Url Blog anda) menjadi url blog anda seperti ini http://dirawan7.blogspot.co.id/
(Ganti Email Anda) menjadi alamat email anda seperti ini irawandiki7@gmail.com
(Ganti Tanggal Anda Membuat) menjadi 2016/05/09
Cara Membuat Laman Syarat dan Ketentuan Berbahasa Inggris atau Terms And Conditions
Kali ini saya akan menggunakan serprank yang merupakan web yang mempunyai tools generator untuk membuat Term And Service Secara otomatis.
1.Buka web Serprank dengan cara mengklik alamat berikut ini http://serprank.com/
2.Setelah itu arahkan kursor kepada Member Area lalu Klik Member Tool,seperti gambar di bawah ini
3.Setelah itu pilih Term And Conditions Generator seperti dibawah ini
4.Karena anda belum menjadi member,maka pilih Register seperti di bawah ini
5.Setelah Itu Klik Select seperti gambar dibawah ini
6.Isikan data-data yang di perlukan lalu checklist i agree to term and conditions for membershp dan klik submit and confirm
7.Setelah itu ulangi Langkah 2 dan 3 seperti diatas maka anda akan masuk ke sebuah halaman Term And Conditions Generator ,dan arahkan kebawah hingga menemui halaman seperti dibawah
Keterangan:
Site URL: http://: Isikan dengan url blog anda seperti http://dirawan7.blogspot.co.id/
Email Address: Isikan dengan alaman email anda seperti irawandiki7@gmail.com
Privacy Policy URL: Isikan dengan url dari Laman Privacy Blog anda seperti http://dirawan7.blogspot.co.id/p/kebijakan-privasi-untuk-httpdirawan7.html ,bila anda belum tahu dan belum membuat Privacy Policy,kamu bisa membaca Cara Membuat Kebijakan Privasi atau Privacy Policy
Preferred Data Structure: Pilih Date-Month-Year agar urutan penanggalan updatenya tanggal bulan tahun
Setelah itu pilih Create My Term and Conditions
8.Setelah itu anda akan masuk kehalaman ini
copy Term And Conditions milik blog anda seperti diatas
9.Buka Blog kamu dan Klik Laman dan Pilih Laman Baru seperti gambar di bawah ini
10.Pastekan di kertas putih laman baru tepatnya di Compose seperti di bawah ini
11.Klik Publikasi
Itu dia pembelajaran kita kali ini tentang membuat Laman Syarat dan Ketentuan,Ada 4 Laman Yang Penting Untuk Blog Yaitu Laman Kebijakan Privasi,Laman Kontak,Laman Syarat dan Ketentuan,Dan Laman Daftar isi,maka dari itu usahakan anda membuat ke empat laman itu.Untuk mengetahui pengertian dan cara pembuatannya anda bisa melihat di blog saya ini
Mempunyai template blogger buatan sendiri adalah suatu kebanggaan,memang kita bisa membuat template dengan fasilitas bawaan blogger yang ada di tema dan tinggal menyesuaikan sendiri
Tetapi rasanya kurang puas kalau tidak membuat sendiri dengan membuat codingannya,dan codingan yang dibutuhkan adalah bisa html dan css,dan dirasa itu sudah cukup untuk membuat template blogger buatan sendiri secara sederhana
Sebelum itu,kita harus tahu bahwa format dari template blogger adalah xml,dan bukan html saja
Oke sabaiknya langsung saja membuat template blogger sendiri,dan ini dasar-dasar dalam pembuatannya
Saya disini menggunakan notepad++ untuk melakukan codinganya,aplikasi lainnya sama saja yang penting bisa digunakan
Pertama
silahkan anda buat tampilannya dahulu yang berformat html dan ada cssnya Tampilan ini berupa Header,konten,navigasi dan footer seperti dibawah ini,dan beri nama buatsendiri.html
Yang merah itu header,biru itu konten,kuning itu widget,dan gray itu footer dan seperti dibawah ini codingannya untuk membuat tampilan html seperti diatas
Codingan di body
<body>
<div id="wrapper">
<div id="kepala">
logo
</div>
<div class="clear">
</div>
<div id="konten">
ini untuk postingan,ini bagian postingan ini untuk postingan,ini bagian postingan
ini untuk postingan,ini bagian postingan ini untuk postingan,ini bagian postingan
ini untuk postingan,ini bagian postingan ini untuk postingan,ini bagian postingan
ini untuk postingan,ini bagian postingan ini untuk postingan,ini bagian postingan
ini untuk postingan,ini bagian postingan ini untuk postingan,ini bagian postingan
ini untuk postingan,ini bagian postingan ini untuk postingan,ini bagian postingan
ini untuk postingan,ini bagian postingan ini untuk postingan,ini bagian postingan
ini untuk postingan,ini bagian postingan ini untuk postingan,ini bagian postingan
</div>
<div id="navigasikanan">
Ini untuk widget Ini untuk widget Ini untuk widget Ini untuk widget
Ini untuk widget Ini untuk widget Ini untuk widget Ini untuk widget
Ini untuk widget Ini untuk widget Ini untuk widget Ini untuk widget
Ini untuk widget Ini untuk widget Ini untuk widget Ini untuk widget
Ini untuk widget Ini untuk widget Ini untuk widget Ini untuk widget
Ini untuk widget Ini untuk widget Ini untuk widget Ini untuk widget
</div>
<div class="clear">
</div>
<div id="kaki">
ini kaki alias footer
</div>
</div>
</body>
Dan ini Codingan di headnya yang isinya css
<style>
*{
margin:0;
padding:0;
}
#wrapper{
width:100%;
margin:0;
padding:0;
}
#kepala{
width:100%;
padding:20px 30px;
background-color:red;
}
#konten{
width:65.5%;
padding:20px 30px;
background-color:blue;
float:left;
}
#navigasikanan{
width:25%;
padding:20px 30px;
background-color:yellow;
float:left;
}
#kaki{
width:100%;
background-color:gray;
padding:20px 30px;
}
.clear{
clear:both;
}
</style>
</head>
Lalu ini codingan full untuk html cssnya bila keduanya digabung
<html>
<head>
<style>
*{
margin:0;
padding:0;
}
#wrapper{
width:100%;
margin:0;
padding:0;
}
#kepala{
width:100%;
padding:20px 30px;
background-color:red;
}
#konten{
width:65.5%;
padding:20px 30px;
background-color:blue;
float:left;
}
#navigasikanan{
width:25%;
padding:20px 30px;
background-color:yellow;
float:left;
}
#kaki{
width:100%;
background-color:gray;
padding:20px 30px;
}
.clear{
clear:both;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="kepala">
logo
</div>
<div class="clear">
</div>
<div id="konten">
ini untuk postingan,ini bagian postingan ini untuk postingan,ini bagian postingan
ini untuk postingan,ini bagian postingan ini untuk postingan,ini bagian postingan
ini untuk postingan,ini bagian postingan ini untuk postingan,ini bagian postingan
ini untuk postingan,ini bagian postingan ini untuk postingan,ini bagian postingan
ini untuk postingan,ini bagian postingan ini untuk postingan,ini bagian postingan
ini untuk postingan,ini bagian postingan ini untuk postingan,ini bagian postingan
ini untuk postingan,ini bagian postingan ini untuk postingan,ini bagian postingan
ini untuk postingan,ini bagian postingan ini untuk postingan,ini bagian postingan
</div>
<div id="navigasikanan">
Ini untuk widget Ini untuk widget Ini untuk widget Ini untuk widget
Ini untuk widget Ini untuk widget Ini untuk widget Ini untuk widget
Ini untuk widget Ini untuk widget Ini untuk widget Ini untuk widget
Ini untuk widget Ini untuk widget Ini untuk widget Ini untuk widget
Ini untuk widget Ini untuk widget Ini untuk widget Ini untuk widget
Ini untuk widget Ini untuk widget Ini untuk widget Ini untuk widget
</div>
<div class="clear">
</div>
<div id="kaki">
ini kaki alias footer
</div>
</div>
</body>
</html>
Kedua,mengubah html menjadi xml
karena blog hanya menerima format xml untuk template bloggernya maka kalian membuat file baru dengan nama seperti tadi bedanya formatnya xml,jadi namanya buatsendiri.xml
dan silahkan copy codingan dari buatsendiri.html ke buatsendiri.xml lalu ubah codingannya seperti dibawah ini
Yang di<html> sampai </head> diubah seperti dibawah ini:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml'
xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data'
xmlns:expr='http://www/google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin>
<![CDATA[
*{
margin:0;
padding:0;
}
#wrapper{
width:100%;
margin:0;
padding:0;
}
#kepala{
width:100%;
padding:20px 30px;
background-color:red;
}
#konten{
width:65.5%;
padding:20px 30px;
background-color:blue;
float:left;
}
#navigasikanan{
width:25%;
padding:20px 30px;
background-color:yellow;
float:left;
}
#kaki{
width:100%;
background-color:gray;
padding:20px 30px;
}
.clear{
clear:both;
}
/*widget*/
.widget{
margin-bottom:15px;
padding:0 0 10px;
}
#navigasikanan h2{
background:#6d6d6d;
margin:0;
font-size:20px;
padding:10px 0 10px;
}
.widget .widget-content{
background:#F5F5F5;
padding:10px;
}
.widget .widget-content ul{
margin:0 5px;
padding:0;
}
.widget .widget-content ul li{
margin:0;
}
]]></b:skin>
</head>
penjelasan
dicodigan diatas ada yang berubah daripada sebelumnya yaitu ditambahkannya <?xml version="1.0" encoding="UTF-8"?> dan yang lainnya itu digunakan settingan dasar dari blogger maka sebaiknya diberi
dan yang sebelumnya <style> diubah menjadi <b:skin> <![CDATA[
Lalu ubah yang di <body> menjadi seperi dibawah ini:
<body>
<div id="wrapper">
<div id="kepala">
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='My Blog(Header)' type='Header'/>
</b:section>
</div>
<div class="clear">
</div>
<div id="konten">
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Post' type='Blog'/>
</b:section>
</div>
<div id="navigasikanan">
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
</b:section>
</div>
<div class="clear">
</div>
<div id="kaki">
<center>Copyright © 2015 <a expr:href='data:blog.homepageUrl' rel='copyright'>RubahBiru</a><br/>
Design by <a href='http://www.dirawan7.blogspot.com' target='_blank' title='Dirawan7'>Dirawan7</a> - Powered by <a href='https://www.blogger.com' rel='nofollow' target='_blank'>Blogger</a>
</center>
</div>
</div>
</body>
Penjelasan:
1.Yang di div kepala semulanya tulisannya logo diubah menjadi
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='My Blog(Header)' type='Header'/></b:section>
itu digunakan agar nama blog kita dapat tercantum diatas
2.Yang di div konten semulanya tulisannya ini postingan yang banyak berubah menjadi
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Post' type='Blog'/>
</b:section>
ini digunakan untuk menaruh konten yang kita buat di blogger
3.Yang di div navigasikanan semulanya tulisannya ini untuk widget yang banyak berubah menjadi
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
</b:section>
ini digunakan untuk memunculkan widget dan cssnya pun di tambah sedikit
4.Yang di div kaki semulanya tulisannya ini kaki alias footer menjadi
<center>Copyright © 2015 <a expr:href='data:blog.homepageUrl' rel='copyright'>RubahBiru</a><br/>
Design by <a href='http://www.dirawan7.blogspot.com' target='_blank' title='Dirawan7'>Dirawan7</a> - Powered by <a href='https://www.blogger.com' rel='nofollow' target='_blank'>Blogger</a>
</center>
Ini digunakan untuk membuat tulisan footer dan silahkan diubah DIrawan7,RubahBiru menjadi nama kalian
Dan seperti inilah Codingan fullnya
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml'
xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data'
xmlns:expr='http://www/google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin>
<![CDATA[
*{
margin:0;
padding:0;
}
#wrapper{
width:100%;
margin:0;
padding:0;
}
#kepala{
width:100%;
padding:20px 30px;
background-color:red;
}
#konten{
width:65.5%;
padding:20px 30px;
background-color:blue;
float:left;
}
#navigasikanan{
width:25%;
padding:20px 30px;
background-color:yellow;
float:left;
}
#kaki{
width:100%;
background-color:gray;
padding:20px 30px;
}
.clear{
clear:both;
}
/*widget*/
.widget{
margin-bottom:15px;
padding:0 0 10px;
}
#navigasikanan h2{
background:#6d6d6d;
margin:0;
font-size:20px;
padding:10px 0 10px;
}
.widget .widget-content{
background:#F5F5F5;
padding:10px;
}
.widget .widget-content ul{
margin:0 5px;
padding:0;
}
.widget .widget-content ul li{
margin:0;
}
]]></b:skin>
</head>
<body>
<div id="wrapper">
<div id="kepala">
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='My Blog(Header)' type='Header'/>
</b:section>
</div>
<div class="clear">
</div>
<div id="konten">
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Post' type='Blog'/>
</b:section>
</div>
<div id="navigasikanan">
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
</b:section>
</div>
<div class="clear">
</div>
<div id="kaki">
<center>Copyright © 2015 <a expr:href='data:blog.homepageUrl' rel='copyright'>RubahBiru</a><br/>
Design by <a href='http://www.dirawan7.blogspot.com' target='_blank' title='Dirawan7'>Dirawan7</a> - Powered by <a href='https://www.blogger.com' rel='nofollow' target='_blank'>Blogger</a>
</center>
</div>
</div>
</body>
</html>
Setelah itu simpan dengan nama buatsendiri.xml atau copy codingan anda dan pastekan pada Tema>>edit Html yang ada di blog percobaan anda maka akan seperti ini tampilannya
Memang belum bagus hasilnya tapi itu merupakan Dasar-Dasar atau Cara Membuat Template Blogger sendiri,dan anda bisa mengembangkan kemampuan anda dengan terus berlatih sehingga bisa membuat template sendiri yang bagus bahkan bisa menjual template buatan anda sendiri
Apakah anda ingin membuat tombol navigasi diatas header blog?
Jika Iya,maka Postingan ini jawabannya
Bukan hanya Membuat Tombol Navigasi Di atas Header Blog saja tetapi saya akan memberitahukan 3 cara Membuat Tombol Navigasi Laman
Wedeh Kayaknya bakal panjang nih
Iya memang panjang tapi sebelum membuatnya sebaiknya kita harus tahu dulu apa manfaat dari Membuat Tombol Navigasi Menu Laman
Pertama Memudahkan pengunjung dalam Mencari informasi tentang blog kita
Kedua Kita bisa mengedit Tombol Laman untuk dialihkan ke Link dari Artikel Andalan Kita
Ketiga Bisa Menjadikan blog kita lebih profesional
Keempat Membuat Tampilan dari blog kita menjadi lebih menarik
Oke kalau anda sudah tahu manfaatnya,selanjutnya berikut ini 3 Cara Membuat Tombol Navigasi Menu Laman Pada Blog
Membuat Tombol Navigasi Menu Diatas Header Blog
Seperti yang dilingkari merah
Baiklah Pertama Saya akan memberitahukan cara membuat Tombol Navigasi Menu Diatas Header Blog.
Buka Dashboor Blog kamu lalu Klik Template dan Setelah itu Klik Edit HTML
Selanjutnya
Pertama Tarus code diatas ]]></b:skin>
/* Topbar Navmenu */
ul.topnav {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: black;
}
ul.topnav li {float: left;}
ul.topnav li a {
display: inline-block;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
transition: 0.3s;
font-size: 17px;
}
ul.topnav li a:hover {background-color: orange;}
ul.topnav li.icon {display: none;}
@media screen and (max-width:680px) {
ul.topnav li:not(:first-child) {display: none;}
ul.topnav li.icon {
float: right;
display: inline-block;
}
}
@media screen and (max-width:680px) {
ul.topnav.responsive {position: relative;}
ul.topnav.responsive li.icon {
position: absolute;
right: 0;
top: 0;
}
ul.topnav.responsive li {
float: none;
display: inline;
}
ul.topnav.responsive li a {
display: block;
text-align: left;
}
}
Ubahlah tulisan yang berwarna merah dengan warna yang cocok untuk background kamu.
Kamu bisa mengubahnya dengan warna berbahasa inggris,bisa red,blue,orange atau yang lain karena warna background tampilannya akan seperti dibawah ini
Lalu Ubahlah tulisan yang berwarna biru dengan warna yang cocok untuk tampilan blogmu,sama seperti cara diatas dengan mengubah warna berbahasa inggris,bisa red,blue,orange atau yang lain karena bila kursor diarahkan ke salah satu menu akan seperti ini
Atau kamu bisa gunakan seperti code diatas saja agar hasilnya sama kayak digambar
Kedua taruh code ini di bawah<body>
<ul class="topnav" id="myTopnav">
<li><a href="/">Home</a></li>
<li><a href="/p/about.html">About</a></li>
<li><a href="/p/sitemap.html">Sitemap</a></li>
<li><a href="/p/kontak.html">Kontak</a></li>
<li><a href="/p/disclaimer.html">Disclaimer</a></li>
<li class="icon">
<a href="javascript:void(0);" onclick="myFunction()">☰</a>
</li>
</ul>
Ubahlah yang berwarna merah dengan link dari setiap lamanmu,atau kamu juga bisa mengedit about,sitemap,kontak,disclaimer dengan kata-kata sesukamu tapi kalau kamu belum membuat laman kamu bisa baca dibawah ada informasi tentang membuat laman
Ingat ganti yang berwarna merah dengan link dari setiap halaman yang ingin kamu tuju
Ketiga Taruh Kode ini diatas </body>
<script>
function myFunction() {
var x = document.getElementById("myTopnav");
if (x.className === "topnav") {
x.className += " responsive";
} else {
x.className = "topnav";
}
}
</script>
Selesai,sekarang Kamu sudah bisa membuat Tombol Navigasi Menu Diatas Header Blog dan saya ucapkan terima kasih kepada www.contohblog.com sebagai sumber ilmu dari membuat Tombol Navigasi Menu Diatas Header
Membuat Tombol Navigasi Menu Di Header Blog
Kedua saya akan Membuat Tombol navigasi Menu Di header Blog tetapi ini digunkan untuk anda yang menggunakan template dari blogger
Pertama kamu harus sudah mempunyai Laman Kontak,Kebijakan Privasi,Daftar Isi,Syarat dan Ketentuan,seperti yang dibundari
Bila anda belum membuat laman tersebut kalian bisa baca ini (Cara membuat Laman Kontak , Cara Membuat Laman Kebijakan Privasi , Cara Membuat Laman Syarat dan Ketentuan , Cara Membuat Daftar Isi) untuk membuatnya
Oke kalau kamu sudah membuat Laman maka selanjutnya Klik Tata Letak lalu Klik Tambah Gadget pada gambar yang dilingkari seperti dibawah ini
Selanjutnya kamu akan mebuka jendela baru seperti dibawah ini dan pilih Laman seperti yang dilingkari
Setelah itu kamu checklist semua dan klik simpan seperti gambar dibawah ini
Atau kamu ingin menambahkan Link halaman lain,kamu bisa klik Tambah tautan Eksternal,Jika kamu sudah melakukan semua itu makan hasilnya akan seperti dibawah ini
Selesai,sekarang kamu sudah bisa membuat Tombol Navigasi Menu di Header Blog
Membuat Tombol Navigasi Menu Pada Footer Blog
Untuk Membuat Tombol Navigasi Menu Pada Footer Blog seperti yang dilingkari diatas,ikutilah langkah-langkah berikut ini
Pertama Buka Blog kamu dan Klik Tata Letak dan arahkan kebawah lalu pilih Tambah Gadget seperti gambar dibawah ini
Setelah itu kamu akan masuk ke halaman gadget dan pilih HTML/Javascript
Setelah itu copy sript dibawah ini
<div style="text-align: center;"><a href="http://dirawan7.blogspot.co.id/p/kontak-saya.html">Kontak Saya||</a>
<a href="http://dirawan7.blogspot.co.id/p/kebijakan-privasi-untuk-httpdirawan7.html">Kebijakan Privasi||</a>
<a href="http://dirawan7.blogspot.co.id/p/syarat-dan-ketentuan-httpdirawan7.html">Syarat dan Ketentuan
</a>
</div>
Ganti tulisan yang berwarna merah dengan URL dari Laman yang telah kamu buat,Setelah itu biarkan saja judulnya dan klik Simpan
Udah gitu doang gan?
Yap!!! Memang cuman seperti itu
Itu dia 3 Cara membuat Tombol Navigasi Laman Pada Blog ,Semoga dapat bermanfaat bagi anda dan saya ucapkan terima kasih
