Tutorial Membuat Author Admin Pada Blogspot

Jakarta, On The Spot Lovers Selamat Siang Sobat OTS Lovers, Siang ini saya membahas tentang bagaimana Tutorial Membuat Author Admin Pada Blogger / Blogspot sobat OTS Lovers. Fungsi Koding(Script)  pada template ini adalah memudahkan pembaca untuk membedakan komentar admin dengan komentar-komentar sesama pembaca pada blog sobat tersebut. Tanda komentar admin ini mungkin perlu sobat, salah satunya ketika pengunjung bertanya pada Admin, pengunjung tidak bingung siapa yang menjawab pertanyaanya.

Berikut cara pemasangannya:

1. Log in ke akun blogger,

2. Masuk ke dalam bagian templete,

3. Klik Edit HTML

4. Cari kode </body> , untuk mempermudah ketik ctrl+F pada kolom template ketikan </body>

5. Masukkan kode dibawah ini tepat di atas tanda </body>

Tutorial Membuat Sub Menu Jilid 2

Depok, On The Spot Lovers Selamat Siang Sobat OTS Lovers, Menu dan sub-menu adalah salah satu cara untuk menarik pengunjung untuk kembali ke Blog atau situs kita secara Continue. Sebelumnya saya telah membahas tentang cara membuat Sub-menu dengan Script . Kali ini saya akan membahas tentang cara membuat sub-menu dengan cara yang simple atau sederhana Jilid 2 di Blogger. Langsung saja sobat OTS Lovers Berikut langkah-langkahnya:

1. Log in terlebih dahulu pada akun Blogger > Masukkan password blog sobat,

2. Klik Tata letak > Tambahkan gadget,Klik Daftar Link,Maka akan masuk ke dalam Tampilan Mengkonfogurasi Daftar Link

3. Isi keterangan yang diperlukan seperti Judul : menu, Jumlah Item yang ingin ditunjukkan dalam daftar (Biarkan kosong untuk menampilkan semua link), Menyortir (Pilih jangan diurutkan) Nama Situs Baru (Contoh:Menu 1,Sub menu 1a,Submenu 1b), URL Situs Baru (Isikan dengan link yang sobat ingin sambungkan, Contoh:http://www.otslover.com). Ulangi mengisi Nama situs baru dan URL situs baru secara berulang sampai selesai.

Contoh pengisiannya sebagai berikut

Contoh Pengisian Sub menu sebagai berikut, *) Untuk membuat sub-menu jangan lupa menambahkan tanda baca underscore ( _ ) tepat sebelum kata sub-menu yang ingin dituliskan sobat 

4. Jika Semua menu dan Sub-Menu telah selesai sobat buat hasilnya sebagai berikut:

5. Klik Simpan jika yakin sudah jika ada kesalahan.Maka hasilnya dapat kita liat sebagai berikut ini:

.

Terima Kasih telah mengunjungi Blog OTS Lovers, Mohon maaf jika terjadi kesalahan kata.Semoga Tutorial Membuat Sub-menu Jilid 2 ini bermanfaat bagi sobat blogger semua :)

Sumber: Pribadi

Tutorial Membuat Disclaimer Untuk Blogger

Depok, On The Spot Lovers Selamat pagi Sobat OTS Lovers, Pagi saya saya akan membahas tentang cara membuat Disclaimer. Disclaimer diperlukan untuk pengajuan situs atau blog komersial seperti pengajuan ke adsense google untuk iklan di blog sobat. Sebelum membuat disclaimer sobat harus terlebih dahulu membuat kontak us . Sebelum sobat membuat disclaimer , kita kenali daulu apa arti disclaimer. Disclaimer adalah sebuah aturan atau pernyataan yang menyatakan bahwa segala sesuatu yang dimuat di situs atau blog sobat adalah sebuah informasi saja dan pemilik atau pengelola tidak bertanggung jawab atas keakuratan dan dan kelengkapan informasi yang dimuat dalam konten situs atau blog sobat.

Mari kita langsung saja membuat Disclaimer:

1. Sobat pertama-tama menuju ke situs Privacy Policy Online

2. Pada Halaman Utamanya/ Home Page Klik Disclaimer Generator. Sobat diminta mengisi beberapa informasi untuk pembuatan Disclaimer sobat

3. Isikan informasi sobat. Seperti Your Site Title (Nama Situs/Blog Sobat), Your Site URL (Isikan dengan link Situs/Blog sobat), Contact link (Isinya dengan Link Contact US blog sobat),Email Encription (Ada 3 pilihan Mau pake encription, HTML , atau java script). Jika sudah diisi dengan benar klik Generate Disclaimer.

4. Sobat dapat melihat hasilnya. Tekan CTRL+A Lalu CTRL+C (Memblok semua tulisan dan Mengcopinya).

5. Untuk menaruhnya pada blog sobat. Log in terlebih dahulu pada akun blogger sobat
6. Klik Laman Baru (New Page), Rubah Mode Compose ke HTML, Paste semua kode disclaimer yang sudah sobat copi sebelumnya. Beri Judul Disclaimer lalu publikasikan jika sudah selesai.Hasilnya akan nampak sebagai berikut:

Sekian Tutorial Membuat Disclaimer yang saya sampaikan , semoga berguna bagi sobat semua :)

Sumber: Tutorial Membuat Disclaimer Untuk Blogger

Tutorial Membuat Privacy Policy Dengan Mudah

Depok, On The Spot Lovers Selamat Siang Sobat OTS Lovers, Kali ini saya akan memberikan Tutorial membuat Privacy Policy dengan cara sederhana.  Privacy Policy adalah sebuah dokumen hukum yang mengungkapkan atau menerangkan sebuah informasi tentang pengelolaan situs resmi ataupun blog sobat. Privacy Policy juga memberikan bukti tentang siapa pemilik (Owner) dari situs atau blog tersebut. Jadi jika ada pengunjung yang ingin menanyakan seputar informasi tentang konten blog tersebut dapat dengan mudah mengetahui pemilik blog tersebut dan banyak fungsi lainnya. Privacy Policy juga menunjang blog sobat yang ingin mengajukan ke Adsense (Iklan) di google.

Untuk Membuat Privacy policy sobat dapat membuat secara manual / dengan bahasa sendiri ataupun dengan menggunakan jasa pelayanan membuat Privacy Policy di Internet. Kali ini saya menggunakan jasa pelayanan dari situs PrivacyPolicyOnline, Sebelum anda membuat Privacy Policy sebaiknya anda membuat Kontak US terlebih dahulu Baca: "Cara Membuat Contact US" . Klik link yang berhuruf biru.

1. Klik Link Privacy Policy www.Privacypolicyonline.com

2. Setelah masuk ki halaman utama Privacy policy Online. Harap isi dengan benar data yang harus di isi mulai dari Your Site Title (Nama Situs sobat), Your Site URL (Link Blog / Situs sobat), Contact Link (Link kontak us blog sobat) , e-mail addres (Alamat e-mail blog sobat), E-mail encription (Pilih encript e-mail), Cookies (Pilih Yes),Terakhir pilihlah beberapa Advertiser on your site (jenis iklan yang ingin sobat ikuti),

3. Klik General Policy  atau anda bisa langsung meng klik Generate HTML untuk meng copas kode Privacy Policy yang telah sobat telah buat. Seperti dibawah ini

4. Setelah sobat klik Generate Policy, Copy dan paste ke blog sobat, seperti dibawah ini

5. Untuk memasang Kode yang telah sobat copy tadi, Sobat masuk ke Akun Blog sobat, Klik atau pilih Laman / New Page. Pada kanvas ubah Mode Compose Menjadi HTML lalu sobat paste kan kode Privacy Policy yang sobat tadi buat.

6. Beri Judul Privacy Policy dan Publikasikan atau Publish jika yakin sudah yakin tidak terjadi kesalahan. Hasilnya akan seperti berikut

Sekian Tutorial yang saya berikan, Semoga bermanfaat bagi rekan OTS Lovers. 

Sumber: Blogooblok

Tutorial Membuat SiteMap Responsive

Depok, On The Spot Lovers Selamat Siang Sobat Blogger, Kali ini saya akan membahas mengenai Tutorial (Tata cara) membuat SiteMap (Daftar isi pada suatu blog) yang keren,otomatis serta responsive pada blog sobat. SiteMap ini sangat penting dalam suatu blog, dengan adanya suatu SiteMap (Daftar isi) maka pengunjung (Viewer) blog sobat dapat mengetahui dan mempermudah melihat semua konten atau artikel yang telah sobat buat. Selain itu juga dengan dibuatnya SiteMap pada suatu blog juga dapat meninggkatkan jumlah Page View pada blog sobat.

SiteMap Sederhana,Otomatis&Responsive[Source]

Pada Suatu Blog kehadiran SIteMap sangatlah penting untuk meningkankan Page View blog kita, dengan adanya siteMap maka perambatan pada mesin pencari semakin besar karena telah diurutkan konten secara teratur. SiteMap pada Tutorial ini akan menampilkan seluruh post secara otomatis berdasarkan label yang telah ditentukan, diurutkan secara Alpabet (A-Z) selain itu juga akan ada tanda "Baru" pada post yang belum lama di buat dalam suatu label SiteMap ini.

Berikut ini tampilan SiteMap yang terdapat pada On The Spot Lovers:

Tutorial SiteMap Yang Responsive [Source]

Sangat menarik kan sobat SiteMapnya. Berikut Tutorial Membuat SiteMap Responsive:

1. Sobat Log in Pada Akun blogger sobat (Isikan User ID & Password).

2. Sobat Cari Halaman (Page), Klik Halaman Baru (New Page),seperti pada gambar berikut

3. Lalu ubah ke mode HTML

4. Copy dan Pastekan Script (Koding) dibawah ini ke halaman daftar isi yang telah kamu buat

<div dir="ltr" style="text-align: left;" trbidi="on">
<link href="https://goo.gl/2qrReh" media="screen" rel="stylesheet" type="text/css"></link>
<script type="text/javascript">
var showNew    = true,
    accToc     = true,
    openNewTab = true,
    maxNew     = 10,
    baru       = "Baru !",
    sDownSpeed = 600,
    sUpSpeed   = 600;
</script>
<script src="https://goo.gl/6FjxRX" type="text/javascript"></script>
<script src="https://pecintaonthespot.blogspot.co.id/feeds/posts/summary?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>

5. Ganti Tulisan yang berwarna biru menjadi Link Blog Sobat

6. Catatan : Simpan dalan Mode HTML ya jangan Mode Compse nanti hasilnya tidak akan terlihat.

Demikian penjelasan singkat/ Tutorial Membuat SiteMap Secara sederhana,otomatis dan Responsive pada blogger. Semoga penjelasan saya bermanfaat bagi sobat blogger semua :)

Sumber: Tutorial Membuat SiteMap Responsive

Cara Membuat Contact Form di Blogger

Depok, On The Spot Lovers Selamat Siang Sobat OTS Lovers, kali ini saya akan membahas bagaimana cara membuat Contact Form atau Kontak US untuk blog sobat memakai aplikasi Kontak Form 123. Kontak Form ini diperlukan untuk pihak .pembaca blog sobat agar dapat mempermudah menghubungi sobat jika diperlukan. Langsung saja saya akan menjelaskan caranya sebagai berikut:

1. Ketik Key Word : Kontak Form 123

2. Klik link Berikut:  Kontak Form 123

3. Klik Sign Up Jika Belum punya akun

4. Pilih Basic Free Always, untuk versi gratisnya.Klik Sign Up Basic Free

5. Isi data diri sobat seperti alamat Email, Password, dan Ketik ulang pasword (Confirm password) klik Sign Up. jika sudah konfirmasi link yang diberikan 123 contact Form ke email sobat untuk proses aktivasi Log in.

6.Jika sudah Klik Log in, Klik New Form, PIlih Contact & Lead Form. Sobat bisa mengedit Field- field yang ingin di tampilkan atau dikurangi.Jika sudah selesai klik Publish Form.

7. Sobat bisa memilik Script Contact Form seperti Tipe Form Link, Embed Code,Facebook, Blogger atau lainnya. Saya akan memilih tipe Blogger.

8. Klik Copy Code, untuk menyalin kode kontak form

9. Log in ke blogger sobat, Klik Tata letak pada Blog sobat, Klik tambahkan gadget, Klik HTML/Java script. Paste (Menaruh salinan kode yang tadi sobat copi). Jika sudah klik simpan. *) Catatan Penambahan Gadget boleh dilakukan di mana saja.Kalau Pada Blog ini terletak di Footer.Klik Simpan setelan

10. Sobat dapat melihat hasilnya. Semoga info ini berguna untuk sobat blogger semua :)

Sumber: Google.com

Tutorial Membuat Zoom Gambar Secara Otomatis Pada Blog

Depok, On The Spot Lovers Selamat Sore Sobat OTS Lovers, Sore ini saya akan berbagi tips tentang: Tutorial membuat Zoom Gambar secara Otomatis pada blog sobat secara sederhana. Cara ini berguna untuk membuat gambar pada postingan blog menjadi lebih jelas (Melalui Zoom Otomatis) ketika kursor mengarah ke gambar postingan sobat.

Langsung aja saya berikan langkah- langkahnya:

1.Log in terlebih dahulu ke akun Blogger sobat

2. Jika sudah, Klik Tema/ Templete , lalu klik Edit HTML

3. Maka akan masuk ke dalam Script template sobat. Setelah itu tekan CTRL+F (Berguna Untuk mempercepat mencari script) secara bersamaan pada keyboard sobat, Ketikkan Script ]]></b:skin> . Untuk lebih jelasnya bisa melihat gambar di bawah ini:

4. Setelah kode ]]></b:skin> ditemukan copas script/koding dibawah ini tepat di atas kode  ]]></b:skin> . Seperti contoh pada gambar di bawah ini:

.post img{

-webkit-transform:scale(0.8);

-moz-transform:scale(0.8);

-o-transform:scale(0.8);

-webkit-transition-duration: 0.5s;

-moz-transition-duration: 0.5s;

-o-transition-duration: 0.5s;

opacity: 0.7;

margin: 0 2px 2px 0;

}

.post img:hover{

-webkit-transform:scale(1.1);

-moz-transform:scale(1.1);

-o-transform:scale(1.1);

opacity: 1;

}

5. Klik simpan jika sudah melakukan copas script sesuai petunjuk di atas. Sobat bisa melihat hasilnya langsung.

Sekian tutorial dari saya semoga informasi yang saya bagikan berguna bagi sobat Blogger semua :)

Sumber: Zoom Gambar Secara Otomatis Pada Blog

Cara Membuat Scroll Box Pada Postingan Blog

Depok, On The Spot Lovers Selamat Siang Sobat OTS Lovers, kali ini saya akan membahas tentang Scroll box. Kegunaan Scroll Box pada postingan blog adalah untuk mempersingkat atau meringkas Materi /postingan yang dimuat pada blog sobat supaya enak dilihat dan dibaca. Contoh scrool box seperti dibawah ini:

Cara membuat Scroll Box sangat mudah seperti membuat postingan pada umumnya tapi sobat OTS Lovers jangan lupa untuk mencopy paste atau tulis kode script dibawah ini pada edit html, jangan pada bagian compose ya:

<Div style ="border: 1px solid #eee; height: 100px; overflow: auto;padding: 10px; width: 400px;"> Letakkan Tulisan Sobat / Kode HTML Sobat Disini </div> 

*) Keterangan: Tulisan berwarna merah adalah ukuran Tinggi dan lebar pada kolom scroll box sobat. Height = Tinggi Scroll, Width = Lebar Scroll,Silahkan mengganti ukuran sesuai dengan keinginan sobat . Tulisan Berwarna Orange / Jingga adalah Tulisan atau script yang sobat ingin letakkan di dalam scroll box.

Jika Sobat Telah selesai dengan membuat scroll box dan menaruh postingan di dalam scroll box tersebut. Klik Publikasikan / publish. Selesai. Semoga postingan saya bermanfaat untuk sobat blogger :)

Sumber: Cara membuat Scroll Box pada Blogger