Situs Membeli Template Blogger Keren

Situs Membeli Template Blogger Keren

Khairul Sani April 08, 2020 0

Kali ini saya akan membahas template Blogger.

Saya akan tunjukan tempat saya membeli template blogger untuk blog saya ini, menurut saya tema ini sangat enak dilihat, faster tidak lemot, SEO & responsive.

Banner ini dibuat oleh safdisen.my.id

Jadi, tidak ada salahnya memberikan informasi ini kepada teman sekalian, agar blog yang kita buat terlihat lebih profesional, tidak asal-asalan. Yang namanya hobi pasti harus serius mengurusnya, temasuk mengeluarkan sedikit modal juga.

Jangan khawatir, pasti akan ada waktunya semua itu kemali ke kita, bahkan melebihi. Semua tergantung usaha dan do'a kita. Salah satu bentuk usahanya adalah menampilkan blog kita seperti blog yang profesional dan opsi bagi pemilik blog yaitu bisa dengan tampilan yang elegant, simpel atau mau full color, bebas.

Ok, saya beli template ini disalah satu situs orang Indonesia yang berdomisili di Sulawesi, sebut namanya Basri Martindas (karena nama ini yang tercantum di semua templatenya). Situsnya adalah Goomsite.net.

Saya recomended beli template di situs ini, karena pilihan yang banyak bisa disesuaikan dengan blog kita, dan intinya templatenya SEO dan Responsive.

Berikut juga akan saya tampilkan beberapa template yang menarik perhatian saya, yang juga dijual di situs Goomsite.net ini.

 1. https://maheera-goomsite.blogspot.com/

 2. https://azzam-goomsite.blogspot.com/
 3. https://lashira-goomsite.blogspot.com/
 4. https://lashira-goomsite.blogspot.com/
 5. http://centilmagz.blogspot.com/
 6. https://gooamp.blogspot.com/
 7. https://lovinet-blk.blogspot.com/

Yup, itu situs yang saya rekomendasikan, cukup sekian semoga bermanfaat.

Cara Membuat dan Memasang Disclaimer di Blog

Cara Membuat dan Memasang Disclaimer di Blog

Khairul Sani Februari 09, 2019 0

Sering mendengar kata Disclaimer? tapi kita nggak tau apa itu disclaimer? Termasuk saya dulu. Jadi alangkah lebih baik jika kita tau dulu apa itu disclaimer. Sebenarnya sudah banyak blogger yang sudah membuat tutorial ini, tapi tidak salahnya saya membuatnya lagi blog ini, hitung-hitung malatih ingatan saya. 

Disclaimer adalah aturan-aturan atau peraturan yang ada pada suatu halaman website atau situs yang diberikan kepada pihak auditor terkait dengan hal-hal yang berhubungan dengan website atau situs tersebut dan merupakan perlindungan bagi pemiliknya. Sampai sini faham ya?

Apa sih tujuan dipasang diclaimer?

Tujuan pemasangan disclaimer pada suatu halaman blog adalah untuk menginformasikan kepada pengunjung blog, website atau situs tersebut agar dalam berinteraksi pada halaman tersebut, baik itu berupa komentar, share, upload dan lain sebagainya agar lebih serba saling menghargai antara sesama pengunjung dan pemilik web, website atau situs tersebut.

Sebagai sesama pengguna internet sikap saling menghargai itu sangat penting. Walaupun tidak saling mengenal antara pengunjung dan pemilik halaman tersebut. Tapi tetap ada etika dan saling menghormati harus dijaga. Betul?? 

Berikut langkah-langkah membuat dan memasang Disclaimer :

Cara Membuat Disclaimer.

Pertama kunjungi situs pembuat disclaimer, cari saja yang free, salah satunya ini http://www.privacypolicyonline.com/disclaimer-generator/. Klik saja link tersebut. kemudian isilah kolom-kolom seperti dengan gambar dibawah ini.

• Your Site Title : Isilah dengan nama julul blog anda, Contohnya "ANAKBARTO.COM", "Tutotial Blog" dan lain sebagainya. 
• Your Site URL : Isilah dengan link alamat blog anda, contohnyahttp://anakbarto.blogspot.com/.
• Contact Link  : Isilah dengan link dimana pembaca bisa menghubungi anda, misalnya Google Plus mungkin atau kalau diblog anda sudah ada link contact, bisa anda cantumkan link contact anda, contohnya http://anakbarto.blogspot.com/p/contact.html.
• Email address  : Isilah dengan email anda.

Setelah semua kolom sudah diisi, pilih Encrypt Email with HTML (untuk mengizinkan email ke dalam generator disclaimer tersebut) dan klik Generator Diclaimer. Kita akan di arah suatu halaman dan copy semua code yang ada dihalaman tersebut. untuk sementara simpan. Kemudian kita lanjutkan langkah ke cara memasang disclaimer pada blog.

Cara Memasang Disclaimer.

1. Masuk ke Dasboard Blog ==> Laman  ==> Laman Baru.

2. Setelah berada dilaman baru, pastekan code yang sudah kita simpan tadi. Note : pastekan code ini di bagian HTML jangan dibagian compose. Oke!

Jangan lupa beri judul untuk laman tersebut denga judul Dislaimer dan terakhir klik Publikasikan.

Done and Finish..!! :)

Cara Membuat Privacy Policy

Cara Membuat Privacy Policy

Khairul Sani Januari 14, 2019 1

Assalamu'alaikum sahabat sekalian, jumpa lagi dengan saya, Anak Barto. Kali ini saya akan mengasih info untuk para blogger pemula atau bloger senior yang mungkin lupa melakukan satu hal ini. Yaitu privacy policy.

A privacy policy is a statement or a legal document that discloses some or all of the ways a party gathers, uses, discloses, and manages a customer or client's data. It fulfills a legal requirement to protect a customer or client's privacy.

Artinya: Kebijakan privasi adalah pernyataan atau dokumen hukum yang mengungkapkan beberapa atau semua cara pihak mengumpulkan, menggunakan, mengungkapkan, dan mengelola data pelanggan atau klien. Ini memenuhi persyaratan hukum untuk melindungi pelanggan atau privasi klien.

Jadi maksudnya adalah isi yang ada di blog kita bisa dipertanggungjawabkan secara legal dan benar, tidak ada unsur penipuan ataupun kebohongan. Dari sini paham ya.

Dan perlu diketahui, privacy policy juga berguna untuk blog yang akan mendaftar pada google adsense, guna blogmu menjadi tempat iklan dari google dan mendapat dolar darinya. Jika tidak ada bisa jadi akan ditolak oleh pihak adsense, jadi karena itu harus kita persiapkan dulu semuanya barulah kita mendaftar pada google adsense. Persiapkan dulu matang-matang ya.

Ok kita lanjut pada tutorial bagaimana membuat privacy policy untuk blog kita.

1. Buka Privacy Policy Online

2. Isi semua dengan benar sesuai aslinya, lalu klik generate policy

3. Nanti akan di bawa ke privacy yang sudah jadi, tinggal di copy semua dari atas sampai bawah.

4. Langsung ke halaman blogger, Pilih Halaman > halaman Baru, dengan judul Privacy policy

5. Pastekan yang sudah dicopy tadi ke dalam post halaman 

6. Selesai, privacy policy sudah jadi dan berada dalam blog kalian 

Ya, itu sedikit tutorial dalam membuat privacy policy pada blog, agar blog kalian bisa terdaftar dalam google adsense dan meraup dolar dari hobi kalian. Sekian dari saya

Cara Memasukkan Video Dalam Post Blog di Blogger

Cara Memasukkan Video Dalam Post Blog di Blogger

Khairul Sani Juni 12, 2016 6

Assalamu'alaikum sahabat blogger yang baik hatinya dan senantiasa dalam lindunga tuhan yang esa. Kali ini saya akan memberi tahu yang baru saya ketahui mengenai cara memasukkan video dalam post di blogger. Terkadang banyak dari kita khususnya yang baru newbie dalam dunia blog, terumatama saya pribadi, yaitu bagaimana bisa ada video di dalam post. Karena sering saya melihat ketika blogwalking banyak yang membuat post berupa video tutorial contohnya. 

Pertama kita cari video yang ingin dimasukkan kedalam post, saya akan memilih video puisi sedih santri putri Hidayatullah Batam. Setelah itu klik kanan maka akan muncul seperti gambar di bawah lalu klik yang dilingkar merah salin kode semat.

Selanjutnya kode sudah tercopy secara otomatis lalu kita menuju entri baru dalam post blog. Berikutnya paste-kan di HTML di sebelah Compose yang berada di atas sebelah kiri saat kita menghadap layar. Lihat yang dilingkar merah.

Maka akan muncul seperti ini, ya udah tinggal paste-kan saja dengan tekan Ctrl+v kode yang kita copy tadi seperti ini, lihat yang dilingkari merah itu adalah kode yang kita copy dari youtube tadi. Tambahan kita juga bisa mengatur besar kecilnya video sesuai keinginan.

Maka jadi akhirnya seperti ini saya memasukkan video dalam post di blog. Eureka!!! kita berhasil.

Akhirnya Kembali Lagi

Akhirnya Kembali Lagi

Khairul Sani Februari 27, 2016 0

Assalamu’alaikum sahabat blogger dan selamat pagi dunia, dengan berbagai keadaan alhamdulillah akhirnya saya kembali menulis diblog ini. Karena sebenarnya menulis itu susah-susah gampang gitu, belum lagi karena penyakit saya kambuh. Saya terserang penyakit malas dan tidak konsisten dengan satu hal, semua ingin dilakukan, semua ingin bisa, akibat dari rasa penasaran dan harga diri yang tinggi, haha. Ternyata benar yang dikatakan banyak orang, bahwa menghilangkan rasa malas tidak semudah membalikkan telapak tangan.

Namun ada kalanya ketika semangat itu mulai tumbuh dan bergelora saat itulah saya mulai melakukan semuanya dengan baik dan bagus, hehe. Tapi momen seperti itu sangatlah langka, waduh parah ya. Utnuk sekarang itu kemajuan yang sangat bagus bagi diri saya sendiri. Dan doa saya semoga cepat sembuh dari penyakit yang sangat mematikan ini.

Dan hari inilah saya mulai mencobanya, keep action and no excuse!!!

Dan harapan besar saya adalah tulisan yang diblog ini dapat bermanfaat bagi semuanya, sehingga menjadi amalan bagi saya. “amalan yang tidak pernah putus adalah anak yang sholeh, sedekah jariah yaitu sedekah yang selalu digunakan dan ilmu yang bermanfaat”. Maka dari itu saya mencoba membagi apa yang saya ketahui. Intinya saling memberi hal yang bermanfaat untuk semua.  

Untuk hari ini dan sebagai awal bagi saya untuk melanjutkan kembali apa yang telah saya tinggalkan. Hari ini cukup ini dulu ya, kurang dan lebih semoga bermanfaat. 

Empat Cara Membuat Popular Post Warna Warni Keren

Empat Cara Membuat Popular Post Warna Warni Keren

Khairul Sani April 25, 2015 0

Membuat Popular Post Warna Warni Di Blog. Pada kesempatan ini saya akan merangkum empat styleCCS popular post warna warni yang bisa membuat blog anda menjadi indah. Adapun Model Ketiga popular post tersebut bisa anda lihat pada Gambar yang telah saya berikan di bawah ini lengkap dengan kodenya. 


Adapun cara menerapkannya adalah sebagai berikut :


1. Masuk Ke Blogger
2. Kemudian Tambahkan Gadget dan pilih Entri Populer, lalu atur agar popular post hanya menampilkan judul saja.
3. Setelah itu silahkan Masuk Ke Template Lalu klik Edit HTML. 
4. Tekan Tombol CTRL + F cari Kode ini: ]]></b:skin> 
5. Lalu pastekan Kode di Bawah ini ( Pilih Model yang anda suka ) diatas Kode ]]></b:skin> atau </style>.


Style 1. Popular Post Warna Wani Bertingkat

.PopularPosts ul,
.PopularPosts li,
.PopularPosts li img,
.PopularPosts li a,
.PopularPosts li a img {
  margin:0 0;
  padding:0 0;
  list-style:none;
  border:none;
  background:none;
  outline:none;
}
.PopularPosts ul {
  margin:.5em 0;
  list-style:none;
  font:normal normal 13px/1.4 "Arial Narrow",Arial,Sans-Serif;
  color:black;
  counter-reset:num;
}
.PopularPosts ul li img {
  display:block;
  margin:0 .5em 0 0;
  width:50px;
  height:50px;
  float:left;
}
.PopularPosts ul li {
  background-color:#eee;
  margin:0 10% .4em 0;
  padding:.5em 1.5em .5em .5em;
  counter-increment:num;
  position:relative;
}
.PopularPosts ul li:before,
.PopularPosts ul li .item-title a {
  font-weight:bold;
  font-size:120%;
  color:inherit;
  text-decoration:none;
}
.PopularPosts ul li:before {
  content:counter(num);
  display:block;
  position:absolute;
  background-color:black;
  color:white;
  width:30px;
  height:30px;
  line-height:30px;
  text-align:center;
  top:50%;
  right:-10px;
  margin-top:-15px;
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  border-radius:30px;
}
/* Set color & level */
.PopularPosts ul li:nth-child(1) {background-color:#E11E28;margin-right:1%}
.PopularPosts ul li:nth-child(2) {background-color:#FD3C03;margin-right:2%}
.PopularPosts ul li:nth-child(3) {background-color:#FECB09;margin-right:3%}
.PopularPosts ul li:nth-child(4) {background-color:#6EBE27;margin-right:4%}
.PopularPosts ul li:nth-child(5) {background-color:#149A48;margin-right:5%}
.PopularPosts ul li:nth-child(6) {background-color:#5BBFF1;margin-right:6%}
.PopularPosts ul li:nth-child(7) {background-color:#61469C;margin-right:7%}
.PopularPosts ul li:nth-child(8) {background-color:#863E86;margin-right:8%}
.PopularPosts ul li:nth-child(9) {background-color:#863E62;margin-right:9%}
.PopularPosts ul li:nth-child(10) {background-color:#815540;margin-right:10%}


Style 2. Popular Post Warna Wani Kuncup

/* Rainbow Popular Post by http://albarnation.com*/
#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}
#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;  color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px}
#PopularPosts1 ul li:first-child:after,
#PopularPosts1 ul li:first-child + li:after,
#PopularPosts1 ul li:first-child + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}
#PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}
/* Rainbow Popular Post by http://albarnation.com*/


Style 3. Popular Post Warna Wani Biasa

/*Custom Popular Post*/
.PopularPosts ul,.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img{margin:0 0;padding:0 0;list-style:none;border:none;background:none;outline:none}
.PopularPosts ul{margin:.5em 0;list-style:none;color:black;counter-reset:num}
.PopularPosts ul li{background-color:#eee;margin:0 0 0 0!important;padding:.5em 1.5em .5em .5em!important;counter-increment:num;position:relative}
.PopularPosts ul li a{color:#fff!important}
.PopularPosts ul li a:hover{color:#2c3e50!important}
.PopularPosts ul li:before,.PopularPosts ul li .item-title a,.PopularPosts ul li a{font-weight:bold;color:inherit;text-decoration:none}
.PopularPosts ul li:before{content:counter(num)!important;display:block;position:absolute;background-color:#333;color:#fff!important;width:22px;height:22px;line-height:22px;text-align:center;bottom:0;right:0;padding-right:0!important}
/* Pengaturan Warna */
.PopularPosts ul li:nth-child(1){background-color:#f1c40f;}
.PopularPosts ul li:nth-child(2){background-color:#f39c12;}
.PopularPosts ul li:nth-child(3){background-color:#2ecc71;}
.PopularPosts ul li:nth-child(4){background-color:#27ae60;}
.PopularPosts ul li:nth-child(5){background-color:#e67e22;}
.PopularPosts ul li:nth-child(6){background-color:#d35400;}
.PopularPosts ul li:nth-child(7){background-color:#3498db;}
.PopularPosts ul li:nth-child(8){background-color:#2980b9;}
.PopularPosts ul li:nth-child(9){background-color:#ea6153;}
.PopularPosts ul li:nth-child(10){background-color:#c0392b;}
.PopularPosts .item-thumbnail{margin:0 0 0 0}
.PopularPosts .item-snippet{font-size:11px}


Style 4. Popular Post Warna Wani Elegan

*/.popular-posts ul{padding-left:0px}
.popular-posts ul li{background:#FFF url(http://1.bp.blogspot.com/_7wsQzULWIwo/ SmodosCuJCI/AAAAAAAABh4/ZSXbVW9Qpa8/s400/261.gif) no-repeat scroll 5px 10px; list-style-type:none; margin:0 0 5px 0px; padding:5px 5px 5px 20px !important; border:1px solid #ddd; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px}
.popular-posts ul li:hover{border:1px solid #6BB5FF}
.popular-posts ul li a:hover{text-decoration:none}
/* Pengaturan Warna */
.PopularPosts ul li:nth-child(1){background-color:#f1c40f;}
.PopularPosts ul li:nth-child(2){background-color:#f39c12;}
.PopularPosts ul li:nth-child(3){background-color:#2ecc71;}
.PopularPosts ul li:nth-child(4){background-color:#27ae60;}
.PopularPosts ul li:nth-child(5){background-color:#e67e22;}
.PopularPosts ul li:nth-child(6){background-color:#d35400;}
.PopularPosts ul li:nth-child(7){background-color:#3498db;}
.PopularPosts ul li:nth-child(8){background-color:#2980b9;}
.PopularPosts ul li:nth-child(9){background-color:#ea6153;}
.PopularPosts ul li:nth-child(10){background-color:#c0392b;}
.PopularPosts .item-thumbnail{margin:0 0 0 0}
.PopularPosts .item-snippet{font-size:11px}

Sekian Postingan saya hari ini, semoga bermanfaat.