Motivasi Done: Blog

Blog

Showing posts with label Blog. Show all posts

Cara Membuat Code Highlighter di Blogger terbaru Work

Views diki irawan 5/06/2019 02:52:00 pm Add Comment

Kalau kalian melihat ini berarti kalian berada ditempat yang tepat untuk mengetahui cara membuat Code Highlighter atau yang biasa kita gunakan untuk menaruh tulisan coding kita dengan tampilan yang tidak memuakkan mata.

Biasanya kita bisa saja membuat code kita terlihat menarik dengan css, tapi itu dirasa kurang memuaskan karena tidak adanya nomer di samping kiri ataupun perbedaan warna pada codingan layaknya kita membuat coding di editor seperti vscode, atom ataupun sublime.

Baiklah, disini admin akan membagikan cara membuat Code Highliter di Blogger terbaru 2019 yang work, dan kita akan membutuhkan bantuan dari SyntaxHiglighter yang sudah ada di CDN

Cara instalasi Highlighter di Blogger

Pertama silahkan masuk ke blogger kalian dan masuk ke menu theme> Edit HTML

Setelah itu cari </head> mengunakan ctrl+f dan taruh codingan dibawah ini, diatas </head>

<!-- 'SyntaxHighlighter' additions START -->
<link href='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/styles/shCore.css' rel='stylesheet' type='text/css'/>

<link href='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/styles/shThemeRDark.min.css' rel='stylesheet' type='text/css'/>

<script src='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shCore.js' type='text/javascript'/>

<script src='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushPhp.js' type='text/javascript'/>
<script src='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushJScript.js' type='text/javascript'/>
<script src='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushCss.js' type='text/javascript'/>
<script src='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushXml.js' type='text/javascript'/>

<script language='javascript' type='text/javascript'>
    SyntaxHighlighter.config.bloggerMode = false;
    SyntaxHighlighter.all();
</script>
<!-- 'SyntaxHighlighter' additions END -->

Seperti gambar dibawah ini

Penjelasan:

<link href='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/styles/shThemeRDark.min.css' rel='stylesheet' type='text/css'/>

Codingan diatas digunakan untuk menentukan thema yang digunakan, untuk melihat thema-thema yang tersedia, kamu bisa melihatnya diakhir

<link href='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/styles/shCore.css' rel='stylesheet' type='text/css'/>
<script src='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shCore.js' type='text/javascript'/>

Kedua codingan diatas merupakan codingan wajib yang harus ditambahkan karena merupakan inti penggunaan code Syntax Highligter

<script src='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushPhp.js' type='text/javascript'/>
<script src='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushJScript.js' type='text/javascript'/>
<script src='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushCss.js' type='text/javascript'/>
<script src='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushXml.js' type='text/javascript'/>

Codingan diatas, yang memakai kata Php,JSScript,Css,Xml adalah merupakan bahasa codingan yang mau dipakai, untuk contohnya nanti ada dibawah

<script language='javascript' type='text/javascript'>
    SyntaxHighlighter.config.bloggerMode = false;
    SyntaxHighlighter.all();
</script>

Codingan diatasmerupakan konfigurasi dari syntax highlighter, kalian bisa membaca dokumentasinya disini Configurasi

Cara Penggunaan

Setelah penginstallan, kita akan memasuki cara penggunaan Syntax highlighter, silahkan ikuti cara dibawah ini

Pertama kalian buatlah post seperti biasa dan pilihlah Html seperti dibawah ini

Penjelasan

Untuk membuat code highlighter, kita harus menggunakan codingan dibawah ini

<pre class="brush: php">
Isi codingan
</pre>

Seperti yang saya jelaskan sebelumnya tentang bahasa pemrograman yang dipakai didalam isi coding,
Brush: php ini merupakan penanda bahasa codingannya, kamu bisa mengubah php menjadi xml, css sesuai script yang ada pada diatas </head>

Dan lihatlah beginilah hasil dari syntax higlighter

Thema tambahan

Jika kalian ingin mengganti thema dari syntax higlihter, kalian tinggal ganti codingan dibawah ini
<link href='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/styles/shThemeRDark.min.css' rel='stylesheet' type='text/css'/>

Yang ada di </head> tadi menjadi beberapa thema pilihan kalian. Pilihlah salah satu dari dibawah ini
default:
<link href='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>

Thema django:

<link href='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/styles/shThemeDjango.css' rel='stylesheet' type='text/css'/>

Thema eclipse

<link href='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/styles/shThemeEclipse.css' rel='stylesheet' type='text/css'/>

Thema Emacs

<link href='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/styles/shThemeEmacs.css' rel='stylesheet' type='text/css'/>

Thema FadeToGray

<link href='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/styles/shThemeFadeToGrey.css' rel='stylesheet' type='text/css'/>

Thema MDUltra

<link href='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/styles/shThemeMDUltra.css' rel='stylesheet' type='text/css'/>

Untuk melihat thema-themanya kalian bisa lihat thema Syntax Highlighter 8 Tema Code Syntaxt Highlighter untuk Blogger

Bahasa yang support

Untuk menambahkan bahasa codingan yang kalian inginkan seperti c++ atau lain, kalian bisa menambahkan codingannya diatas </head> seperti dibawah ini

<script src='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushPhp.js' type='text/javascript'/>

Untuk codingan lain kalian silahkan pilih di sini daftar coding yang support, 13 Daftar Penambahan Bahasa Syntax higlighter Pada Blogger

Itu dia semuanya sekian terima kasih

8 Tema Code Syntaxt Highlighter untuk Blogger

Views diki irawan 5/06/2019 02:36:00 pm Add Comment

Dalam menuliskan code, setiap orang memiliki caranya sendiri-sendiri. Begitu juga dalam penggunaan tema pada text editornya. Tapi dalam penggunaan Syntaxt Highlighter pada blogger, kamu juga ingin menyesuaikan tema yang kamu sukai atau tema yang enak dipandang oleh pengunjung.

Berikut ini thema yang tersedia pada Syntaxt Highlighter. Dan juga code yang harus digunakan untuk menggunakan tema tersebut.

Sebelum kamu melihat tema dibawah, ada baiknya kamu juga membaca ini untuk tahu cara instalasi ataupun penggunaan Syntaxt Highlighter pada blog, Cara Membuat Code Highlighter di Blogger terbaru Work

Ini dia 8 tema yang bisa kamu tiru

Tema Dark

<link href='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/styles/shThemeRDark.min.css' rel='stylesheet' type='text/css'/>

Tema Default

<link href='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/styles/shCoreDefault.css' rel='stylesheet' type='text/css'/>

Tema Django

<link href='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/styles/shCoreDjango.css' rel='stylesheet' type='text/css'/>

Tema Eclipse

<link href='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/styles/shCoreEclipse.css' rel='stylesheet' type='text/css'/>

Tema Emacs

<link href='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/styles/shCoreEmacs.css' rel='stylesheet' type='text/css'/>

Tema FadetoGray

<link href='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/styles/shCoreFadeToGrey.css' rel='stylesheet' type='text/css'/>

Tema DMUltra

<link href='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/styles/shCoreMDUltra.css' rel='stylesheet' type='text/css'/>

Tema Midnight

<link href='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/styles/shThemeMidnight.css' rel='stylesheet' type='text/css'/>

Jika kalian ingin melihat daftar bahasa SyntaxHiglighter, kalian bisa melihat disini

13 Daftar Penambahan Bahasa Syntax higlighter Pada Blogger

Views diki irawan 5/06/2019 02:23:00 pm Add Comment

Dalam menggunakan Syntax higlighter, kamu akan membutuhkan code khusus dalam artikelmu. Misalkan kamu mau menulis c++ maka syntax c++ perlu ditambahkan pada </head> di blogger. Begitu pula dengan php.

Sebelum kamu melihat daftar ini, sebaiknya kalian membaca cara penggunaan Syntax higlighter ini disini Cara Membuat Code Highlighter di Blogger terbaru Work

Berikut ini codingan untuk setiap bahasa yang kamu perlukan

C++

Syntax header

<script src='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushCpp.js' type='text/javascript'/>

Penggunaan

<pre class="brush: cpp">
Koding disini
</pre>

C#

Syntax header

<script src='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushCSharp.js' type='text/javascript'/>

Penggunaan

<pre class="brush: csharp">
Koding disini
</pre>

Delphi

Syntax header

<script src='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushDelphi.js' type='text/javascript'/>

Penggunaan

<pre class="brush: delphi">
Koding disini
</pre>

Java

Syntax header

<script src='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushJava.js' type='text/javascript'/>

Penggunaan

<pre class="brush: java">
Koding disini
</pre>

Perl

Syntax header

<script src='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushPerl.js' type='text/javascript'/>

Penggunaan

<pre class="brush: perl">
Koding disini
</pre>

Php

Syntax header

<script src='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushPhp.js' type='text/javascript'/>

Penggunaan

<pre class="brush: php">
Koding disini
</pre>

Javascript

Syntax header

<script src='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushJScript.js' type='text/javascript'/>

Penggunaan

<pre class="brush: jscript">
Koding disini
</pre>

Phyton

Syntax header

<script src='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushPython.js' type='text/javascript'/>

Penggunaan

<pre class="brush: phyton">
Koding disini
</pre>

Ruby

Syntax header

<script src='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushRuby.js' type='text/javascript'/>

Penggunaan

<pre class="brush: ruby">
Koding disini
</pre>

Sql

Syntax header

<script src='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushSql.js' type='text/javascript'/>

Penggunaan

<pre class="brush: sql">
Koding disini
</pre>

XML

Syntax header

<script src='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushXml.js' type='text/javascript'/>

Penggunaan

<pre class="brush: xml">
Koding disini
</pre>

Css

Syntax header

<script src='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushCss.js' type='text/javascript'/>

Penggunaan

<pre class="brush: css">
Koding disini
</pre>

Saas

Syntax header

<script src='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushSass.js' type='text/javascript'/>

Penggunaan

<pre class="brush: saas">
Koding disini
</pre>

Apabila ingin menggunakan thema Syntaxt Highlighter yang lain kalian bisa melihat disini

Cara Membuat Laman Kebijakan Privasi atau Privacy Policy(Tutorial)

Views diki irawan 11/19/2017 06:18:00 pm Add Comment

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

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

Cara Membuat Laman Syarat dan Ketentuan Untuk Blog(Tutorial)

Views diki irawan 11/19/2017 06:16:00 pm 1 Comment

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

Dasar-Dasar atau Cara Membuat Template Blogger sendiri

Views diki irawan 4/25/2017 12:28:00 pm Add Comment

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

2 Langkah Membuat Template Blogger sendiri(Dasar-Dasar)

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