May 19, 2016

Tempat tempat persinggahan nyaman di bogor puncak

Tempat tempat persinggahan nyaman di bogor puncak yang wajib di kunjungi



Kota bogor - adalah sebuah kota yang terletak di provinsi Jawa Barat, Indonesia, siapa yang tak kenal dengan kota yang biasa di juluki  kota hujan ini, kenapa disebut kota hujan? karena memiliki curah hujan yang sangat tinggi. Wah pasti dingin/sejuk dong? sangat pasti ! apalagi jika main hujan di daerah puncak nya yang banyak sekali orang luar kota kunjungi itu.

Kembali lagi, jika kamu bepergian untuk wisata bersama keluarga atau rekan kerja atau mungkin juga sekedar hangout ke puncak bogor, temukan lah tempat tempat yang menurut kamu wajib di kunjungi. Berikut beberapa tempat yang kami rekomendasikan:

1. Panorama Pangrango Camp - http://www.panoramapangrangocamp.com


panorama pangrango camp

Panorama Pangrango Camp merupakan tempat kegiatan camping dan outbound murah di puncak bogor dengan pelayanan terbaik salasatunya program edukasi yang berarti di khususkan kepada pelajar atau anak sekolah untuk mengisi acara liburan misal touring atau wisata. Begitu juga family gathering wisata ke puncak bogor bersama rekan kerja di perusahaan untuk mengisi acara kekosongan waktu dengan fasilitas outbound yang lengkap seperti flying fox, paintball, arung jeram, team building, camp ground atau kemah dan tentunya yang menjadi kelebihan adalah area yang disuguhkan panorama indahnya pemandangan gunung salak, gunung gede, dan paling utama adalah gunung pangrango yang menyimbolkan sebuah nama. Paket yang disediakan mulai dari paket one day harga terjangkau dan murah. Panorama pangrango camp berada di Jl. Raya puncak KM 75 cipayung megamendung (Jl. Sirnagalih kampung awan), Kabupaten Bogor 16770 Jawa Barat No. Telp (+62) 857-1786-4643 | Email: erlandickyal@yahoo.com

2. Hotel Gerbera Puncak - http://www.hotelgerberapuncak.com


hotel gerbera puncak


HOTEL Gerbera Puncak adalah hotel modern yang kaya dengan budaya dan nilai-nilai sejarah. Kota ini terletak di mountain view Cisarua, Indonesia, pada garis Puncak pariwisata. Dengan 42 kamar, hotel kami menawarkan beberapa pilihan akomodasi mewah. Para tamu dipersilakan untuk makan malam di restoran kami dikenal ambiances khas mereka dan masakan lezat.

HOTEL Gerbera Puncak berfungsi sebagai tempat pertemuan yang ideal di Cisarua untuk mengatur kegiatan bisnis, konferensi, dan pameran di setiap ruang pertemuan kami 3. Fasilitas lain di tempat termasuk kolam renang, Wi-fi, pemanas air dan ruang karaoke. Lokasi Hotel kami nyaman, fasilitas canggih, dan kualitas sejarah membuat pilihan yang sempurna untuk tinggal selama perjalanan Anda di bogor.

3. reTALK Cafe & Coffee Rooftop - http://instagram.com/retalkid


reTALK Cafe & Coffee Rooftop

reTALK Cafe & Coffee Rooftop menyediakan berbagai jenis kopi terbaik di puncak bogor yang wajib di coba. Bertepatan di Jl. Raya puncak KM 17 cipayung megamedung Jawa Barat 16750 dengan tempat yang sangat strategis dan nyaman selain itu, beberapa layanan yang di sediakan adalah makan malam/dinner dan curhat. tentunya di iringi dengan live music accoustic yang akan menemani ngopi mu menjadi lebih asik.

Mungkin kamu juga mancari
Petshop German Shepherd Dog di bogor
Read more

March 20, 2016

Bogor information berbagi informasi seputar bogor indonesia

Bogor information berbagi tentang semua iklan, acara, dan sebuah penerbitan

Kota bogor adalah sebuah kota yang terletak di provinsi Jawa Barat, Indonesia, siapa yang tak kenal dengan kota yang biasa di juluki  kota hujan ini, kenapa disebut kota hujan? karena memiliki curah hujan yang sangat tinggi. Wah pasti dingin/sejuk dong? sangat pasti ! apalagi jika main hujan di daerah puncak nya yang banyak sekali orang luar kota kunjungi itu.

Nah, jika kamu ingin tahu banyak tentang seputar bogor sampai ke akar akarnya atau kamu sudah terlanjur jatuh cinta sama kota bogor, kamu bisa dapatkan semua informasinya di http://www.bogohbogor.com. Akan tetapi berhubung websitenya masih dalam keadaan repair, tenang saja kamu masih dapat follow akun twitternya di @bogohBGR.

 Bogor information berbagi tentang semua iklan, acara, dan sebuah penerbitan


Bogor information berbagi informasi seputar bogor salasatunya:

Iklan

Informasi produk menarik tentu saja berkualitas yang bisa kamu dapatkan di kota bogor yang menjamin akan kepuasan tersendiri setelah order seperti bantal sablon yang bisa di design kustom sesuai keinginan, novel-novel karya anak bogor, tempat-tempat kuliner dan penginapan yang pantas kamu kunjungi dan banyak lainnya.

Event atau Acara

Sebuah event atau acara seperti festival musik dan lain sebagainya yang bertepatan di kota bogor, Bogor Information selalu update. Cocok juga untuk remaja ya, jadi tunggu apa lagi coba.

Selain itu, info lowongan kerja di bogor bisa kamu dapatkan juga dan hebatnya lagi kamu bisa dapatkan semua informasi cuaca dan lalu lintas seputar kota bogor, khususnya daerah ciawi, gadog, cisarua, sampai puncak. Cocok untuk kamu yang ingin rekreasi dari luar kota maupun dalam kota.

Berikut sedikit kutipan kutipan dari Bogor Information:


 

Publishing

Nah, yang ini sangat berbeda, beda tipislah kira-kira 1 senti dengan informasi. Jadi, jika kamu mempunyai produk produk atau usaha yang bertepatan di daerah kota atau kabupaten bogor dan ingin di publish atau diterbitkan oleh Bogor Information jangan ragu untuk mengirimkan email ke bogohbgr@gmail.com.
tentunya sangat menguntungkan bagi kamu karena trafik Bogor Information tidak diragukan lagi, bisa di cek disni.
Read more

February 21, 2016

Cara memasang histats di blogger terbaru

Memasang histats penghitung pengunjung di blogger terbaru

Seringkali kita melihat pada dasbor blogger beberapa penayangan pada blog yang secara tiba tiba naik 6-10 penayangan usai kita mengunjunginya meskipun dengan hanya 1 tayangan saja, sebab pada mesin penghitung penayangan blogger tidak bekerja dengan baik, tidak real ataupun tidak sah ya walaupun kita sudah mengaktifkan fitur Jangan lacak tayangan laman Anda sendiri, namun usaha itu hanya sia sia alias tidak berpengaruh menurut pengalaman saya pribadi.

Nah, yang jadi pertanyaan sekarang adalah, Kenapa kok tiba tiba hanya dengan kita tayangkan 1 laman saja bisa terbaca 2 sampai 6 bahkan 10 tayangan? Saya tidak bisa menjamin kebenarannya akan hal ini, yang jelas saya pernah membaca sebuah artikel entah lupa darimana sumber itu berasal, ia mendefinisikan bahwa tayangan 1 laman pada blog terbaca oleh penghitungnya sampai 2 atau lebih itu sesuai template yang dipakai. Ya meskipun saya agak sedikit bingung dari bagian mana itu bisa terjadi, saya pikir bisa saja sih, oh sampai saat ini menjadi misteri untuk saya. he he

Mengetahui dan memantau tayangan laman blog kita yang disaksikan oleh si pengunjung
Histats counter

Dengan begitu, membuat kita bingung untuk memastikan mana laman yang ditayangkan si pengunjung dan mana laman yang ditayangkan oleh kita sendiri, semua terbaca oleh si mesin penghitung tersebut. Maka, dengan adanya artikel ini agar kita dapat memastikannya.

Mengetahui dan memantau tayangan laman blog kita yang disaksikan oleh si pengunjung

Yakni dengan histats, penghitung pengunjung ini melacak semua aktifitas pada blog/web yang terbilang kaya akan fitur, salasatunya adalah

Real time stat
Melacak pada saat pengunjung menayangkan dengan laporan statistik waktu sebenarnya.

Free
Alias gratis, pelayanan tanpa batas sampai situs kita memiliki sangat banyak pengunjung.

User online
Kita dapat melihat statistik pengunjung online yang artinya pengunjung tersebut stay pada situs kita. Dapat melacak pengunjung online secara detailnya dengan ringkasan, terbaru, banyaknya pengunjung aktif, laman yang sering di tayangkan, sekaligus lokasi pun kita dapat melacaknya.

Uptime
Yang artinya akses jaringan sangat cepat dan solid lebih dari jutaan trek hits per bulan, maka dengan begitu tidak diragukan lagi.

Dan banyak lainnya, saking banyaknya tidak bisa didetailkan secara keseluruhan, akan tetapi pada saat kita menggunakan layanannya, akan mengatahui semuanya.

Mengetahui dan memantau tayangan laman blog kita yang disaksikan oleh si pengunjung

Bagaimana cara memasang histats di blog

Langkah pertama yang harus kita lakukan adalah dengan membuat akun terlebih dahulu, silahkan registrasi melalui link berikut http://www.histats.com.
Usai registrasi silakan Add a Website, isi semua form sesuai dengan informasi situs dan jangan lupa membaca Term of Service & Privacy Policy nya terlebih dahulu jika menyetujui silahkan centang pada checkbox bahwa kita menyetujuinya lalu klik lanjutkan.

Di laman selanjutnya akan ada statistik yang masih kosong pada situs yang kita daftarkan sebelumnya, silahkan bookmark halaman tersebut guna memudahkan untuk memantau situs kita secara cepat. Selanjutnya klik Counter CODE tepat diatas statistik tersebut lalu add new counter  dan pilih dengan metode hidden tracker dan simpan, seperti ilustrasi berikut

Mengetahui dan memantau tayangan laman blog kita yang disaksikan oleh si pengunjung

Mengetahui dan memantau tayangan laman blog kita yang disaksikan oleh si pengunjung

Mengetahui dan memantau tayangan laman blog kita yang disaksikan oleh si pengunjung


Untuk mendapatkan kode, kita bisa klik pada penghitung standar tersebut lalu pilih tab async. Kenapa harus async? Asynchronous adalah solusi terbaik untuk kecapatan pemuatan laman yang berati tidak akan memperlambat situs kita pada saat laman dimuat.

Mengetahui dan memantau tayangan laman blog kita yang disaksikan oleh si pengunjung

Selanjutnya salin kodenya dan pasang di tata letak dengan cara masuk dasbor blogger lalu pilih tata letak, Add a gadget, pilih HTML/JavaScript tempel kode nya dan simpan. dengan metode hidden tracker, Widget tersebut tidak akan tampil tetapi akan melacak dan merekam semua aktifitas pada situs. Untuk memataunya kita dapat mengunjungi laman yang sebelumnya di bookmark pada poin di atas.
Read more

February 18, 2016

Mengatasi widget yang tidak tampil pada perangkat seluler blogger

Cara mengatasi widget yang tidak tampil pada mobile device blogger

Biasanya ada beberapa template yang apabila mengaktifkannya pada perangkat seluler, widget yang ditambahkan pada tampilan PC tidak tampil apabila dilihat melalui perangkat seluler, itu karena pada widgetnya tidak ada permission untuk tampil pada tampilan mobile device.

Apabila widget tersebut sangat diperlukan untuk tampil pada perangkat seluler, mungkin widget followers, popular posts, dan widget-widget lainnya maka sangat disayangkan. Seperti kasus sebelumnya yang saya alami di sebabkan karena template yang saya pakai mengalami masalah seperti ini, pada saat saya mengaktifkan template khusus pada perangkat seluler, widget widget yang ditambahkan di tata letak menghilang begitu saja pada saat di lihat menggunakan perangkat seluler. Kecuali jika tidak mengaktifkan template khusus.

Cara mengatasi widget yang tidak tampil pada tampilan mobile device blogger

Baik, langsung saja apabila ada yang mengalami masalah yang sama bisa kita ikuti tips ini, misal kita menambahkan widget popular post pada tata letak. otomatis pada template akan ada bagian id widget popular posts seperti berikut

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>...</b:widget>

Jika tidak diciutkan kira kira seperti ini

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
            <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='!data:showThumbnails'>
          <b:if cond='!data:showSnippets'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
          <div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'>
            <b:if cond='data:post.thumbnail'>
              <div class='item-thumbnail'>
                <a expr:href='data:post.href' target='_blank'>
                  <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                </a>
              </div>
            </b:if>
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <b:if cond='data:showSnippets'>
              <div class='item-snippet'><data:post.snippet/></div>
            </b:if>
          </div>
          <div style='clear: both;'/>
        </b:if>
      </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
  </div>
</b:includable>
          </b:widget>

Kita hanya perlu menambahkan atribut mobile='yes' pada setiap tag widget yang ingin ditampilkan, sehingga akan terlihat seperti ini

<b:widget id='PopularPosts1' locked='false' mobile='yes' title='Popular Posts' type='PopularPosts'>...</b:widget>

Save template dan silahkan lihat melalui perangkat seluler. Semoga bermanfaat
Read more

February 17, 2016

Memasang tombol social share melayang disamping blog

Cara memasang tombol social share melayang disamping blog dengan sumome

Dengan memasang tombol sosial share di  blog tujuannya agar memudahkan si pengunjung untuk berbagi ke sosial media seperti facebook, twitter, pinterest, google+ dan banyak lainnya. Ya meski terbilang jarang jarang ada yang menekan tombolnya apa salahnya jika memasangnya siapa tau dengan konten yang berkualitas si pembaca tertarik untuk berbagi ke media sosialnya apalagi di tambah dengan tampilan tombol nya yang menarik.

Tombol social share lengkap

Ya, tombol berbagi dari sumome termasuk lengkap, selain itu kita dapat mengatur posisi posisi nya, kita juga dapat melihat seberapa banyak konten kita di bagikan ke masing masing sosial media yang disebut dengan counter. Ditambah kita dapat melihat statistik per hari nya. mantap

Cara memasang tombol social share melayang disamping blog dengan sumome
Social share button sumome

Baik, langsung saja cara pasangnya di blog yakni langkah pertama dengan registrasi akun sumome di https://sumome.com/. Selanjutnya masukan alamat blogmu dan embel embel lainnya.

Dihalaman selanjutnya akan ada javascript yang harus di copy seperti gambar dibawah ini

Cara memasang tombol social share melayang disamping blog dengan sumome

Silahkan sisipkan script tersebut pada template blogmu tepat sebelum kode </head>, lalu simpan. Jika sudah segera tekan tombol VISITE SITE berwarna hijau pada laman sumome sebelumnya lihat gambar di atas.

Selanjutnya akan dialihkan ke laman blog kita yang sudah terpasang sumome, sekarang tinggal memasang tombol berbagi dengan klik tombol yang ditandai panah. Lihat gambar ilustrasi berikut

Cara memasang tombol social share melayang disamping blog dengan sumome


Lalu pilih sumo store selanjutnya pilih lagi share dan klik tombol FREE otomatis social share button muncul di samping blog.

Cara memasang tombol social share melayang disamping blog dengan sumome

Selesai, namun tombol tersebut muncul di semua halaman. Tidak lucu kan apabila tombol tersebut muncul pada halaman utama dan halaman statis? he he

Lalu bagaimana agar tombol social share muncul pada halaman posting saja?

Kita bisa memanfaatkan tag condisional berikut untuk memasangnya pada halaman posting saja

<b:if cond='data:blog.pageType == &quot;item&quot;'>
Sisipkan disini script sumome yang sebelumnya di salin
</b:if>

Bingung pasangnya dimana? tenang saja posisi tidak ada perubahan tetap sisipkan sebelum kode </head>, hanya saja menetukan kodisinya. Seperti yang di jelaskan pada ulasan sebelumnya silahkan baca juga Mentukan elemen atau objek pada halaman tertentu dengan memanfaatkan tag conditional. Semoga bermanfaat
Read more

February 16, 2016

Cara mudah memasang komentar disqus valid HTML5 blogger

Cara mudah memasang komentar disqus pada blogger valid HTML5

Sedikit banyaknya para blogger hampir semua menggunakam sistem komentar disqus pada blognya terutama platform blogger. Akan tetapi, setelah review kesana kemari tidak hanya platform blogger saja, ternyata website-website besar pun menggunakannya.

Lalu apa kelebihan memasang komentar disqus?

Selain tampilannya yang menarik, disqus tergolong sangat ringan dan mudah digunakan sehingga memudahkan diskusi antara si author dan si komentator komentator lainnya. Namun hanya saja tidak ada fitur emoticon. Jika ada, mungkin sudah menjadi widget komentar terbaik.

Memasang komentar disqus di blog sangat mudah, dengan menekan tombol tambahkan disqus ke situs dan menambahkan embel embelnya, otomatis widgetnya akan terpasang pada tata letak. Namun dengan sangat mudahnya itu, membuat widgetnya tidak valid HTML5.

Cara mudah memasang komentar disqus agar valid HTML5 pada blogger
Disqus comment widget

Bagaimana  cara agar komentar disqus valid HTML5?

Sesuai judulnya terbilang sangat mudah juga, langkah pertama yang harus dilakukan pastikan sudah mempunyai akun disqus. Jika belum silahkan daftar di http://www.disqus.com.
Selanjutnya masuk ke halaman utama disqus dan klik tombol gear lalu Add Disqus To Site.

Cara mudah memasang komentar disqus agar valid HTML5 pada blogger

Lanjutkan dengan menekan tombol Install on Your Site tepat di atas kanan halaman. Lalu akan muncul form yang harus di isi seperti ini

Cara mudah memasang komentar disqus agar valid HTML5 pada blogger

Site name silahkan di isi dengan judul blogmu dan unique disqus URL itu akan menjadi alamat disqus blogmu katakalah nama pengguna, seperti contoh di atas misal blahblahblah dan silahkan salin nama pengguna tersebut lalu tempel di notepad. Pilih category sesuai blog dan klik next.

Sampai disini step pada disqus selesai, selanjutnya masuk blogger dan edit template lalu salin kode javascript berikut dan sisipkan sebelum kode </body>

<script type='text/javascript'>
    var disqus_shortname = &#39;blahblahblah&#39;;
    var disqus_blogger_current_url = &quot;<data:blog.canonicalUrl/>&quot;;
    if (!disqus_blogger_current_url.length) {
        disqus_blogger_current_url = &quot;<data:blog.url/>&quot;;
    }
    var disqus_blogger_homepage_url = &quot;<data:blog.homepageUrl/>&quot;;
    var disqus_blogger_canonical_homepage_url = &quot;<data:blog.canonicalHomepageUrl/>&quot;;
</script>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <script type='text/javascript'>
        (function() {
            var bloggerjs = document.createElement(&#39;script&#39;);
            bloggerjs.type = &#39;text/javascript&#39;;
            bloggerjs.async = true;
            bloggerjs.src = &#39;//&#39;+disqus_shortname+&#39;.disqus.com/blogger_item.js&#39;;
            (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(bloggerjs);
        })();
     </script>
</b:if>
    <script type='text/javascript'>
        (function() {
            var bloggerjs = document.createElement(&#39;script&#39;);
            bloggerjs.type = &#39;text/javascript&#39;;
            bloggerjs.async = true;
            bloggerjs.src = &#39;//&#39;+disqus_shortname+&#39;.disqus.com/blogger_index.js&#39;;
            (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(bloggerjs);
        })();
    </script>

Ganti blahblablah dengan nama pengguna yang sebelumnya disimpan di notepad, langkah terakhir simpan template dan lihat hasilnya.
Namun pada saat memuat komentar disqus, komentar bawaan blogger akan muncul terlebih dahulu dan otomatis terganti dengan komentar disqus. Cara mengatasinya adalah menyambunyikan komentar bawaan blogger.

Silahkan edit template ulang lalu cari atau cara cepatnya dengan menekan CTRL+F dan ketikan #comments lalu tambakan display:none; pada elemen tersebut sehingga akan terlihat #comments{......;......;......;display:none;}.
Save template, dan lihat hasilnya kembali. Semoga bermanfaat.
Read more

February 13, 2016

Menentukan elemen atau objek pada halaman tertentu

Cara menentukan elemen dan objek pada halaman tertentu dengan memanfaatkan tag conditional

Tag kondisional suatu tag yang mempekerjakan elemen atau objek pada halaman tertentu, khusus nya pada template blogger, disana kita bisa melihat beragam tag kondisonal yang digunakan untuk memfungsikan atau tidak mengefungsikan pada kondisi halaman yang kita kunjungi misal homepage/beranda, page type/halaman postingan, static page/halaman statis. Biasanya terdapat elemen dan objek yang berbeda contohnya pada halaman statis tidak menampilkan sidebar widget tetapi pada home/post menampilkannya.

Bagaimana dan seperti apa sih contoh tag conditional itu?

Contohnya seperti berikut

<b:if cond='data:blog.url == data:blog.homepageUrl'>objek atau elemen</b:if>

Biasanya, tag kondisional selalu di awali <b:if> dan diakhiri dengan </b:if>, namun terdapat artibut cond, nah fungsi ini lah yang menentukan elemen atau objek pada halaman tertentu. Di iringi dengan nilai atribut data:blog.url == data:blog.homepageUrl yang artinya tag kondisional pada halaman utama atau homepage merupakan suatu nilai kondisi yang menjelaskannya.

Menentukan elemen atau objek pada halaman tertentu

Contoh lainnya seperti ini

<b:if cond='data:blog.url != data:blog.homepageUrl'>objek atau elemen</b:if>

Yang merupakan kebalikan dari contoh pertama yang pada umumnnya sering digunakan flatform seperti blogger. Kode yang berwarna merah diatas terlihat sedikit berbeda pada contoh pertama kan? baik jadi gini, arti dari contoh diatas != yakni kode perbandingan yang berati tidak sama dengan. Berbeda dengan contoh pertama == merupakan arti dari menyetujui keadaan atau sama dengan.

Lalu, bagaimana cara penerapan tag conditional?

Penerapannya ada dua jenis, yakni dengan cara langsung dan tidak langsung. Jika secara langsung kita bisa lihat contoh pertama, agar lebih jelas kita perhatikan tag berikut

<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <div class='blogeridiots'>
     Belajar membuat dan menghilangkan blog
  </div>
</b:if>

Yang artinya jika keadaan halaman sama dengan alamat halaman utama, maka   <div class='blogeridiots'>Belajar membuat dan menghilangkan blog</div> akan di pekerjakan atau berfungsi.

Namun, secara tidak langsung pada umumnya digunakan untuk menentukan elemen di halaman tertentu, yang pasti kode CSS misal kita ingin menyembunyikan suatu elemen menggunakan fungsi {display:none;} atau {visibility:hidden;} seperti pada contoh berikut

<b:if cond='data:blog.url != data:blog.homepageUrl'>
  <style type='text/css'>
     .blogeridiots{display:none;}
  </style>
</b:if>
.......
.......
.......
<div class='blogeridiots'>Belajar membuat dan menghilangkan blog</div>

Penjelasan dia atas adalah, semua elemen yang mempunyai class blogeridiots akan menghilang jika kondisi halaman sekarang tidak sama dengan halaman utama.
Jadi, pada umumnya mempunyai arti yang sama dengan Belajar membuat dan menghilangkan blog. Yang hanya akan menampilkan jika keadaan halaman sekarang sedang berada pada halaman utama atau homepage.

Bagaimana jika ingin menampilkan suatu elemen atau objek misal hanya pada satu halaman statis atau pada satu halaman post khusus?

Katakanlah kita ingin menampilkan gambar animasi pada satu halaman statis saat konten dimuat, namun pada halaman statis lain tidak ada. Kita mesti ingat pada nilai atribut kondisional yang seperti ini data:blog.hompageUrl. yakni merupakan URL perwakilan dari halaman utama contoh: http://contoh.blogspot.com.
Nah, kita tinggal ganti saja URL perwakilan tersebut dengan URL halaman yang akan menampilkan background animasi.

Misal URL nya seperti ini: http://contoh.blogspot.com/p/background-animasi.html,
seperti yang dikatakan sebelumnya, gunakan perbandingan sama dengan yang akan menyetujui keadaan karena kita akan menampilkan. Jadi kira kira akan menjadi seperti ini

<b:if cond='data:blog.url == &quot;http://contoh.blogspot.com/p/background-animasi.html&quot;'>
<style type='text/css'>
.post-body{https://lh3.googleusercontent.com/-bBsZKARB7Og/VrzH0rorl2I/AAAAAAAABbI/TDI4hxNF6aY/s198-Ic42/pie.gif)50% 50% no-repeat!important;padding:20px 0;margin:0;min-height:450px;}
</style>
</b:if>

Penerapan tag kondisional baru pada umunya disisipkan sebelum kode </head> seperti yang dikatakan kang Adhy dari blog kompiajaib.


Apakah tag conditional dapat digunakan untuk mengatasi error struktur data pada halaman tertentu, misal staticpage?

Jawabannya adalah dapat !!! seperti contoh kasus gw sebelumnya Cara mengatasi error struktur data pada halaman statis. Akhirnya menemukan solusi dengan tag kondisional ini. Maka, akan sangat rugi jika tidak sedikit pun memahami tentang hal ini. Terima kasih sudah membaca sampai akhir.
Read more

February 08, 2016

Tips agar gulir pada web atau blog menjadi lembut

Cara agar gulir pada web atau blog menjadi lembut atau smooth scroll
smooth scroll

Cara agar gulir pada web atau blog menjadi lembut - Bisa di bilang smooth scroll, namun banyak orang yang salah mengartikan smooth scroll terutama mengartikannya untuk back to top, mengapa begitu? fakta, ketika gw search di google dengan kata kunci 'cara agar blog menjadi smooth ketika di scroll' yang muncul semua membahas cara membuat smooth scroll to top atau back to top menggunakan jQurey dsb.

Sampai akhirnya gw menemukan blog bule apalah blog nya lupa, mereka berbagi tips apa yang gw cari, dan ternyata sangat mudah dengan menyisipkan script tertentu bisa membuat blog atau web terlihat lebih lembut saat di gulirkan ke atas maupun kebawah menggunakan tombol navigasi yang ada di keyboard. Lalu bagaimana agar gulirnya menjadi lembut ketika di scroll ke samping kiri atau kanan? Bisa saja, asal tampilan blog mu melebihi resolusi layar PC aliasnya jumbo kan bisa tuh di scroll ke samping LOL.

Ok, kembali lagi pada script tertentu yang di sisipkan sebelum kode </head> kira kira wujudnya seperti ini

<script src='https://googledrive.com/host/0B6aow0kbFP-bZWg3VVByamg3Zkk' type='text/javascript'></script>

Namun script tersebut tidak valid html5, akhirnya gw sedikit ngoprek agar menjadi valid. anggap aja ceritanya gw jago vro. Dan sukses valid html5 seperti ini

<script src='https://googledrive.com/host/0B6aow0kbFP-bZWg3VVByamg3Zkk' type='text/javascript'/>

Sampai disini masih ada janggal, yakni terkena bloking perenderan pada pagespeed insights dan membebankan load saat halaman di muat.

Agar tidak terkena perenderan dan tidak membebankan load, manfaatkan javascript async, seperti berikut ini

<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://googledrive.com/host/0B6aow0kbFP-bZWg3VVByamg3Zkk';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

Namun jangan senang dulu, script tersebut tidak valid html5, agar valid html5 ganti symbol kutip tunggal dengan &#39; disemua isi javascriptnya.
Ok, agar tidak bingung silahkan langsung salin javascript berikut deh

<script type='text/javascript'>
  (function() {
    var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true;
    po.src = &#39;https://googledrive.com/host/0B6aow0kbFP-bZWg3VVByamg3Zkk&#39;;
    var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

Tempel sebelum kode </head>.


Akan terlihat biasa saja jika menggulirkan menggunakan handle scroll yang ada di samping kanan. Jadi, gunakanlah navigasi atas atau bawah yang ada pada keyboard saat menggulirkan dan akan berjalan lancar menggunakan peramban chrome, selamat mencoba.
Read more

February 06, 2016

Pure CSS3 syntax highlighter dengan tampilan menarik

Pure CSS3 syntax highlighter dengan tampilan menarik - Kenapa disebut pure css3? karena hanya memanfaatkan kode css saja. Apa yang disebut syntax highlighter? syntax highlighter adalah fitur pada teks editor yang menampilkan atau menyoroti teks terutama source code dalam berbagai warna dan font sesuai dengan kategori istilah.
Dengan menggunakan syntax highlighter memudahkan dalam menulis source code atau bahasa terstruktur seperti bahasa pemrograman (programming language) atau bahasa markup (markup language).

Pure CSS3 syntax highlighter dengan tampilan menarik
Syntax highlighter

Namun, karena hanya memanfaatkan css saja, source code dalam berbagai warnapun di hapus dalam kamus ini. Jadi, hanya satu warna saja pada teksnya. Bukannya lebih menarik jika menampilkan berbagai warna pada teks nya? Nah, oleh karena itu menggunakan dengan berbagai warna membutuhkan javascript, javascript yang lumayan membebankan load blog menurut gw.

Jadi, bagi ente yang syntax highlighternya tidak ingin membebankan load pada blog dan tampilan lumayan menarik, ente bisa gunakan solusi ini. Oke, sebut saja box code.

Silahkan sisipkan CSS ini sebelum /]]></b:skin>

/* Syntax Highlighter */
pre{word-wrap:break-word;overflow:auto;background:#fafafa none repeat scroll 0% 0%;width:100%;border-radius:2px;white-space:pre-wrap;}
pre code{display:block;background:transparent;border:medium none;color:#888;padding:20px;font-family:Inconsolata,Menlo,Consolas,Monaco,monospace;white-space:pre;overflow:auto;}
code .token.important{font-weight:normal;}
code .token.entity{cursor:help;}
pre mark,code mark,pre code mark{background-color:#5580e4;color:#fff!important;padding:2px;margin:0 2px;border-radius:2px;}
pre::before{content:'</>';padding:12px 20px;color:#FFF;display:block;text-indent:15px;background:#03a9f4 none repeat scroll 0% 0%;font-family:Inconsolata;font-weight:400;}

Agar lebih menarik, sisipkan kembali font-face ini sesudah
/]]></b:skin>
<style type='text/css'>

@font-face {
  font-family: 'Inconsolata';
  font-style: normal;
  font-weight: 400;
  src: local('Inconsolata'), url(https://fonts.gstatic.com/s/inconsolata/v12/BjAYBlHtW3CJxDcjzrnZCIbN6UDyHWBl620a-IRfuBk.woff) format('woff'), url(https://fonts.gstatic.com/s/inconsolata/v12/BjAYBlHtW3CJxDcjzrnZCI4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2'), url(https://fonts.gstatic.com/s/inconsolata/v12/BjAYBlHtW3CJxDcjzrnZCCwlidHJgAgmTjOEEzwu1L8.ttf) format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'Inconsolata';
  font-style: normal;
  font-weight: 700;
  src: local('Inconsolata Bold'), local('Inconsolata-Bold'), url(https://fonts.gstatic.com/s/inconsolata/v12/AIed271kqQlcIRSOnQH0yTqR_3kx9_hJXbbyU8S6IN0.woff) format('woff'), url(https://fonts.gstatic.com/s/inconsolata/v12/AIed271kqQlcIRSOnQH0yYlIZu-HDpmDIZMigmsroc4.woff2) format('woff2'), url(https://fonts.gstatic.com/s/inconsolata/v12/AIed271kqQlcIRSOnQH0yTdGNerWpg2Hn6A-BxWgZ_I.ttf) format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

Untuk menggunakan atau menampilkannya pada postingan, ente cukup ketik tag

<pre><code>Sisipkan disini kode HTML, CSS, JavaScript yang sudah di parse</code></pre>


Gunakan tool HTML Parse berikut untuk parsing source code yang akan ditampilkan.
Read more

February 04, 2016

Mengganti warna teks dan background saat di blok

Cara mengganti warna teks dan background saat di blok - Waduh, gimana ya, kehabisan ide ni buat nulis artikel untuk pembukaan suka bingung sendiri, apa yang harus di ungkapkan pertama kali. Ya sebetulnya sih bebas ya mau bagaimanapun juga toh blog blog sendiri. Tapi gw sering merasa ca'ur saat membaca blog yang menulis artikel kalimat pembuka misal begini "Oke kali ini saya akan membagikan tentang cara mengganti gaya teks saat di blok pada blog" atau begini "Hai para pengunjung gimana kabarnya? semoga baik baik saja, dihari yag cerah ini saya mau berbagi ni buat sobat cara merubah bla bla bla bla semoga bermanfaat ya bagi kalian semua".

Gimana menurutmu? menurut gw sih kalimat itu sudah basi dan sudah tidak enak di dengar, jujur gw sebagai blogger pemula pun merasa bosan apalagi yang sudah lama berprofesi menjadi blogger. tul gak? tul dong.

Sedikit berbagi cerita, gw juga pernah membaca artikel yang kalimat judulnya di ulang ulang dari awal sampai akhir postingannya, entah itu untuk optimasi mesin pencari atau apalah yang jelas gw merasa risih saat membacanya. Para master SEO mendefinisikan, buatlah kalimat minimal dua baris pertama pada postingan mengandung kata kunci yang jelas, sederhana, singkat dan padat. Kebayang gak bro. he he he

Wah jadi curhat, Baiklah kali ini saya akan membagikan tentang cara mengganti warna teks dan background saat di blok. Gimana bro? enak kan di dengarnya. asssssss

Mengganti warna teks dan background saat di blok
gaya teks saat di blok

Pada sebuah blog atau web kita sering menemukan gaya gaya teks yang saat di blok warna background dan teks tidak seperti warna standar biru dan putih yang membosankan itu, ada kuning, hijau, merah, ungu dan lain sebagainya. Lantas, bagaimana caranya? Ok, kita dapat memamfaakan elemen CSS yang sederhana dengan menambahkan ::selection{background-color:#ff6858;color:#fff;} pada style. Namun itu saja tidak cukup karena akan berjalan pada peramban Google Chrome saja menurut pengalaman.

Bagaimana agar berjalan pada semua peramban? Berjalan pada semua peramban sih enggak, namun kita dapat menutupi kekurangan agar berjalan pada IE, Opera, Edge, Mozilla maupun Chrome dengan menmbahkan ::-moz-selection {background:#ff6858;color:#fff;}
::-webkit-selection {background:#ff6858;color:#fff;}.

Jadinya akan seperti ini

::selection{background-color:#ff6858;color:#fff;}
::-moz-selection {background:#ff6858;color:#fff;}
::-webkit-selection {background:#ff6858;color:#fff;}

Unutk blogger silahkan copy dan tempel pada template sebelum ]]></b:skin>

Keterangan

#ff6858: warna background pada saat di blok
#fff : dimana warna teks ikut berubah warna saat di blok

Silahkan disesuaikan keinginan, untuk kode warna, kita bisa melihatnya di Color palette.
Read more

February 03, 2016

Memasang widget followers di halaman statis

Cara memasang widget followers di halaman statis - Terlau banyaknya widget yang terpasang pada sidebar, akan mengakibatkan penambahan beban loading blog. Maka dari itu gw sedikit memberikan solusi agar widget followers (friend connect) terpasang di halaman statis.

Cara emasang widget followers di halaman statis
blog followers

Kenapa harus widget followers? ya karena menurut gw widget ini sangat berguna untuk koneksi antar blogger. jika mereka menekan tombol join this site pada widgetnya maka pembaruan posting kita akan muncul pada dasbor blogger mereka. Jadi, perbanyaklah agar pengunjung menambah setiap kali update. Sangat disayangkan jika widget itu di hapus.

Maka dari itu kita pasang widget ini pada halaman statis, selain tidak membebankan penerimaan data, tampilan blog menjadi lebih simple.

Langkah pertama silahkan pasang widgetnya pada sidebar lebih dulu dengan masuk blogger, pilih tata letak, dan tambahkan gadget, lalau pilih gadget pengikut seperti pada gambar

Cara emasang widget followers di halaman statis

Jika sudah, silhkan kunjungi homepage dan tekan ctrl+u pada keyboard. Saat dihalaman pagesource, lalu tekan lagi ctrl+f dan ketikkan Followers1-wrapper pada form search.

Ente pasti menemukan <div id='Followers1-wrapper'>.
Silahkan copy source  tersebut sampai penutup </div> tersebut. Ok jika bingung, gw berikan contoh pengambilannya.

<div id='Followers1-wrapper'>
<div style='margin-right:2px;'>
<script type="text/javascript">
        if (!window.google || !google.friendconnect) {
          document.write('<script type="text/javascript"' +
              'src="//www.google.com/friendconnect/script/friendconnect.js">' +
              '</scr' + 'ipt>');
        }
      </script>
<script type="text/javascript">
      if (!window.registeredBloggerCallbacks) {
        window.registeredBloggerCallbacks = true;
        gadgets.rpc.register('requestReload', function() {
          document.location.reload();
        });
        gadgets.rpc.register('requestSignOut', function(siteId) {
          google.friendconnect.container.openSocialSiteId = siteId;
          google.friendconnect.requestSignOut();
        });
      }
    </script>
<script type="text/javascript">  
    function registerGetBlogUrls() {
      gadgets.rpc.register('getBlogUrls', function() {
        var holder = {};
            holder.postFeed = "https://www.blogger.com/feeds/3340404719872901295/posts/default";    
            holder.commentFeed = "https://www.blogger.com/feeds/3340404719872901295/comments/default";
          holder.currentBlogUrl = "http://www.blogeridiots.com/";
          holder.currentBlogId = "3340404719872901295";
        return holder;
      });
    }
  </script>
<script type="text/javascript">
  if (!window.registeredCommonBloggerCallbacks) {
    window.registeredCommonBloggerCallbacks = true;
    gadgets.rpc.register('resize_iframe', function(height) {
      var el = document.getElementById(this['f']);
      if (el) {
        el.style.height = height + 'px';
      }
    });
    gadgets.rpc.register('set_pref', function() {});
    registerGetBlogUrls();
  }
  </script>
<div id="div-1mmgnvhc5mju8" style="width: 100%; "></div>
<script type="text/javascript">
    var skin = {};
    skin['FACE_SIZE'] = '32';
    skin['HEIGHT'] = "260";
    skin['BORDER_COLOR'] = "transparent";
    skin['ENDCAP_BG_COLOR'] = "transparent";
    skin['ENDCAP_TEXT_COLOR'] = "#000000";
    skin['ENDCAP_LINK_COLOR'] = "#000000";
    skin['CONTENT_BG_COLOR'] = "transparent";
    skin['CONTENT_LINK_COLOR'] = "#000000";
    skin['CONTENT_TEXT_COLOR'] = "#000000";
    skin['CONTENT_SECONDARY_LINK_COLOR'] = "#FFFFFF";
    skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#000000";
    skin['CONTENT_HEADLINE_COLOR'] = "#000000";
    google.friendconnect.container.setParentUrl("/");
    google.friendconnect.container["renderMembersGadget"](
    {id: "div-1mmgnvhc5mju8",
     height: 260,
     site: "06050504791972905045",
     locale: 'en_GB' },
     skin);
  </script>
</div>
</div>

Setelah disalin silahkan tempel dihalaman statis dengan cara membuat halaman baru. Tapi ingat tempel pada editor HTML, bukan Compose, publikasikan dan lihat hasilnya.
Selanjutnya hapus widget pada sidebar yang telah ditambahkan sebelumnya pada sidebar.
Read more

Cara menghilangkan blogspot menjadi com

Cara menghilangkan blogspot menjadi com tidak gratis - Mengapa tidak gratis? ya karena domain TLD sekalipun ada yang gratis, ujung ujungnya bayar juga. Master blogger alias sesepuh mendefinisikan bahwa menggunakan custom domain di blogger mempunyai banyak keuntungan, termasuk pandangan google akan custom domain tersebut dalam mesin pencarinya. Selain itu, jika kita sebagai publisher adsense misal, pendapatan akan lebih besar ditaksirkan 100% dibanding yang memakai subdomain blogspot.com yang hanya 68% saja.

Cara menghilangkan blogspot menjadi com tidak gratis
domain tld

Jadi, bagaimana? apakah ente akan tetap memakai subdomain gratisan dari blogspot.com atau domain.com punya sendiri. Gw yakin ente pasti jawab ingin memakai domain sendiri tapi gratisan. Buseeeeh... mana ada si bro hari gini yang gratisan. Ente search di mesin pencari begini 'Domain dot com 100% gratis' paling yang muncul domain gratisan yang server nya rada error dan tidak terlihat di mata mesin pencari. katenye bro katenye he he he

Jadi, masih mau yang gratis ni? bagus, ente pinter bro.. (untung ente bilang gak mau, jadi gak ribet ribet lagi harus mendefinisikan hal yang lain atau hal yang lebih mendalam tentang keuntungan custom domain menurut gw yang sangat idiot ini).

Berikut beberapa penyedia domain berbayar dari indonesia

https://www.rumahweb.com/
https://www.namadomain.com/
http://www.dapurhosting.com/

Karena kita berasal dari indonesia, maka cintailah produk produk indonesia. Silahkan pilih yang mana saja karena semua terpercaya. rekomendasi gw yang atas tapi terserah ente deh, gw nyaranin karena gw pakai yang paling atas. he he he
Silahkan buat domainnya, dan pilih paket domain saja jangan pakai hosting bro. Setelah selesai dan domain ente sudah di aktifkan, maka selanjutnya langkah yang harus dilakukan yakni memasangnya ke blogspot.

Kita ambil sebagai contoh misal memakai domain dari rumahweb.
Masuk akun blogger, setelan dasar dan pilih +Siapkan URL pihak ke-3 untuk blog Anda


Silahkan masukan nama domain ente contoh: www.blogeridiots.com lalu klik simpan dan akan muncul dua CNAME blogger yang setiap nama domain berbeda beda


Masuk clientzone.rumahweb.com (setiap penyedia domain pasti ada yang dimanakan client, dns, nameserver, record dan lain lain). Lalu manage domain ente dan pilih Managed DNS selanjutnya klik Add New Record dan isikan

Domain =
TTL = 14400
Record Type = A
IP or Hostname = 216.239.32.21


Lakukan hal yang sama sampai empat kali dengan hostname yang berbeda, yang ke dua 216.239.34.21, ke tiga 216.239.36.21, ke empat 216.239.38.21.
Setelah itu, silahkan pilih back hingga menghasilkan seperti ini


Add new record kembali, namun kali ini dengan type yang berbeda, silahkan isi dua domain dan hostname sebelumnya yang di dapatkan dari Setelan blogger. contoh


Domain = www
TTL = 14400
Record Type = CNAME
Hostname = ghs.google.com

dan

Domain = n63mforcilbd
TTL = 14400
Record Type = CNAME
Hostname = gv-5yyrza5aaz63ck.dv.googlehosted.com

Lalu masuk ke blogger kembali, silahkan coba klik save saat menyiapkan url pihak ketiga sebelumnya. jika masih tidak bisa, mungkin itu masih dalam propagasi. Propagasi antara 1-24 jam, dan jika sukses tersimpan, silahkan edit pada custom domainmu, centang pada alihkan example.com ke www.example.com


Klik simpan, lalu coba testing dengan mengunjungi blog ente apakah sudah terganti atau tidak, jika tidak, cek kembali pada dnsnya karena jika melakukan dengan benar, akan selalu sukses..
Read more