Cara Menampilkan Widget di Halaman Tertentu Blogspot

Buat pengguna blogspot yang memiliki situs baik masih blogspot maupun sudah custom domain jika ingin menampilkan widget atau gadget di halaman tertentu maka perlu perhatikan kode fungsi b:if. Dengan hanya menampilkan widget di halaman tertentu, misalnya kita ingin memunculkan konten di beranda saja atau di halaman postingan.

Penerapan ini juga bisa kita manfaatkan untuk meletakkan iklan Adsense misalnya muncul di perangkat mobile saja dengan bantuan tag kondisional halaman khusus Mobile. Fungsi tersebut bisa mengatur jenis widget apa saja yang mau kita tampilkan pada halaman tertentu.

Adapan pengaturan widget di halaman tertentu bisa dibagi menjadi 6 type halaman yang berbeda, antara lain :

• Homepage atau Beranda
• Halaman Postingan
• Laman Statis
• Halaman Arsip
• Halaman artikel kusus
• Halaman Mobile

Sebelum mendapatkan kode tag khusus, alangkah baiknya kita ketahui dahulu cara meletakkan pada widget atau gadget dengan benar supaya nanti tidak terjadi error ketika save edit HTML template.

1. Pertama kamu buka menu Tata Letak di blogger
2. Setelah itu pilih edit widget apa saja yang hendak ingin dibatasi kehadirannya, pilih widget apa saja bisa popular post, label, arsip, dan lain lain.

3. Setelah terbuka edit widget kemudian kamu temukan id widget, seperti di contoh saya temukan widgetid HTML421

4. Nah setelah itu kamu buka menu Tema dan edit HTML > klik lompat ke widget lalu pilih HTML421

5. Setelah ditemukan kamu bisa memberi kode tag khusus sesuai keingingn untuk ditampilkan pada halaman tertentu.

Ini contoh saya sudah memasang tag khusus supaya widget HTML421 hanya tampil di halaman beranda / homepage

Catatan Penting :
Supaya tidak error letak kode <b:if... selalu tepat di bawah  <b:includable id='main'>
sedangkan kode penutup </b:if> selalu tepat di atas  </b:includable>

Berikut Ini Tag Kondisional Blogger

Setelah Anda mengetahui penerapan dari tag khusus, berikut kamu tinggal pilih kode khusus untuk halaman widget tertentu sesuai keinginan.

Tag Homepage atau Beranda

<b:if cond='data:view.isHomepage'> … </b:if>

Tag Halaman Postingan

<b:if cond='data:view.isPost'> … </b:if>

Tag Halaman Statis

<b:if cond='data:view.isPage'> … </b:if>

Tag Halaman Arsip

<b:if cond='data:view.isArchive'> … </b:if>

Tag Halaman artikel kusus

<b:if cond='data:blog.url == "URL di sini"'> … </b:if>

Catatan : Ganti URL disini dengan Url artikel blog kamu.

Tag Halaman Mobile

<b:if cond='data:blog.isMobileRequest'> … </b:if>

Tag Halaman Label

<b:if cond='data:view.isLabelSearch'> … </b:if>

Tag Halaman Pratinjau

<b:if cond='data:view.isPreview'> … </b:if>

Nah itu dia beberapa tag kondisional untuk blogger yang bisa kamu terapkan untuk menampilkan dan menyembunyikan widget tertentu, semoga bermanfaat.

Cara Membuat Sitemap atau Daftar Isi di Blog (Blogger)

Dengan memasang sebuah Sitemap atau yang mudah kita pahami yaitu bisa di katakana sebagai Daftar Isi sebuah blog khususnya blogger. Karena kebetulan saya memakai kode sitemap yang lama setelah saya cek ternyata sudah tidak bekerja lagi. Untungnya saya menemukan kembali sebuah kode HTML dari contohblog.com untuk bisa dijadikan sitemap, daftar isi, peta situs pada blog kita.

Dengan memasang menu daftar isi apa manfaatnya? Tujuannya adalah supaya memudahkan pembaca ketika mengakses bagian atau keseluruhan konten suatu blog dengan cepat lewat sitemap. Intinya ini untuk layanan baik bagi pengunjung blog kalian, adapun cara dan kodenya silahkan simak selengkapnya.

Kede Sitemap 1

<style>
p.labels a{color: #242424; text-transform: uppercase;font-size: 15px;}
a.post-titles {color: #0000FF;}
ol li{list-style-type:decimal;line-height:25px;}
</style>
<script type="text/javascript" src="http://yourjavascript.com/7366511402/simplesitemap.js"></script>
<script src="http://mutamamblog.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script>

Cara Memasang Kode Sitemap / Daftar Isi
1. Login Bloger, setelah itu klik menu "Page" (Laman) di Dashboard Blog
2. Klik New Page  (Laman Baru)

3. Isi judul atau nama halaman dengan Sitemap, Peta Situs, atau Daftar Isi
4. Klik tombol mode HTML
5. Copy dan Paste kode HTML daftar isi di atas. Jangan lupa ganti dulu mutamamblog dengan nama blog kalian masing-masing.

6. Klik Publish / Publikasikan.


Katanya daftar isi atau sitemap ini juga bagus untuk optimisasi mesin pencari Google dikarenakan menyajikan kata kunci yang sudah digunakan dengan benar. Kalau memang benar silahkan anda gunakan, kemudian jika dengan tampilan daftar isi menggunakan kode di atas masih terlihat sederhana, tenang saja kalian bisa memilih lagi yang lainnya ada di bawah ini.

Kode Sitemap 2

<style>
p.labels a {
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    border-bottom: 1px solid #ddd;
    display: block;
    padding: 8px;
    background: #555;
}
a.post-titles {color: #0000FF;}
ol li{list-style-type:decimal;line-height:25px;}
.sitemap-link{display:none}
</style>
<script type="text/javascript" src="http://mutamamblog.blogspot.com/7366511402/simplesitemap.js"></script>
<script src="/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script>

Kode Sitemap 3

<script src=" http://mastergomaster.googlecode.com/files/daftar%20isi%20blog.js "></script>
<script src="http://mutamamblog.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Kode Sitemap 4

 <div style="background-color: none; border: 1px solid #000000; height: 400px; margin: auto; overflow: auto; padding: 3px; text-align: left; width: 100%;">
<script src=" http://mastergomaster.googlecode.com/files/daftar%20isi%20blog.js "></script>
<script src="http://mutamamblog.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>

Itu dia kode-kodenya yang bisa anda pakai di blogger bukan wordpress, pokoknya gratis!!!

Cara Share Postingan Blog ke Facebook Otomatis Terbaru

Jadi saya jelaskan dulu, kalau saya sebelumnya menggunakan sebuah feed untuk membagikan hasil postingan blog ini secara otomatis menggunakan Hootsuite baru kemudian berganti menggunakan Twitterfeed. Namun setelah itu atau belum lama ini ada sebuah pesan yang masuk di email yaitu dari twitterfeed yang mengatakan kalau bulan Nvember 2016 sudah tidak bisa digunakan lagi sebagi pihak ke 3 yang akan membagikan postingan saya secara otomatis ke sosial media salah satunya facebook.

Akhirnya setelah menerima pesan tersebut sebtulnya sedikit kecewa, namun bagaimana lagi saya hanya menggunakan jasanya dan gratis. Lalu saya putuskan menggunakan feed yang disarankan tadi ada dua antara Buffer dan Dlvr.it sebetulnya namun saya pakai yang dlvr.it dan langsung berhasil. Oleh karenanya bagi kalian yang sedang mencari situs untuk membagikan postingan blog ke sosial media yang masih bekerja sekarang ini jangan bingung lagi.

Untungnya anda menemukan artikel ini dan dengan ikhlas saya akan memberikan bagaimana caranya. Oh ya, jadi feed yang baru ini bisa kita gunakan tidak hanya untuk share ke facebook saja melainkan  twitter, Google+, Piterest, Lindkedin, Tumblr dan lainnya. Namun untuk Twitter saya biasanya sudah satu paket dengan Facebook, kok bisa? Karena saya telah menghubungan akun facebook dengan twitter sehingga ketika kita share di facebook akan langsung ada di twitter juga.


1. Sudah pasti kita buka alamat ini dlvr.it dan buat akannya bisa dengan facebook biar mudah dan cepat.

2. Setelah laman terbuka klik Add New Feed dan masukkan alamat feed blog Anda atau cukup alamat blog saja juga bisa, lalu klik tombol (+).

3. Di laman berikutnya kita scrol ke bawah dan langsung Next: Connect socials

4. Dan klik Connect New untuk memilih sosial media apa yang ingin kita hubungkan dengan blog mulai dari facebook, twitter, Google+, Piterest, Lindkedin, Tumblr dan lainnya.

5. Kalau sudah menentukan sosial mediah tinggal klik Start Posting.

Note: dengan begitu setiap kali kita membuat artikel dan telah dipublikasikan beberapa menit saja akan segera share secara otomatis ke sosial media terkait. Namun kekurangan menggunakan dlvr.it ini hanya bisa kita gunakan satu feed saja, karena ketika kita ingin menambah feed blog lainnya harus berbayar atau dengan upgrade akun ke versi pro.

Walaupun demikian saya menggunakan feed ini meski hanya satu blog saja, tapi ita bisa akali dengan membuat akan feed lagi dengan facebook yang lain kalau pengen yang gratisan meskipun sedikit ribet jadinya.

Bagaimana? Apa ada masalah, silahkan berikan masukan atau cara lain melalui komentar. Dan itulah cara share postingan blog ke facebook secara otomatis terbaru yang masih bekerja yang bisa anda coba, kan lumayan dari pada harus bagikan satu persatu secara manual jadi lebih hemat tenaga.

Alat Untuk Parse / Convert Kode HTML (HTML Parser Tools For Blogger)

Disini saya sediakan sebuah alat yang bisa dimanfaatkan untuk parse html (parser atau converter tool). Dengan ini anda bisa memperse script atau kode iklan seperti Google Adsense, Uc Union, Popcash, dan kode iklan lainnya yang membutuhkan ini karena ingin disisipkan di HTML template blogger. Dengan memparse terlebih dahulu maka iklan bisa tampil di blog blogger dengan sempurna.

Biasanya kode sebuah iklan kalau ingin diletakkan dalam setting HTML suatu blog di blogger kalau belum diparse nanti yang muncul bukan iklan, namun kode script itu sendiri.

Jadi caranya cukup mudah melalui alat yang sederhana ini cukup copy dan pastekan scrip kode iklan di area parse/converter tools yang masih kosong di bawah ini. Setelah itu anda klik tombol parse dan hasilnya tinggal diambil kembali untuk digunakan. Dan silahkan pasang hasilnya dari parse html pada blog anda.

Alat Parse HTML

Ketikkan / Paste Script Kode HTML kedalam Bidang Kotak dibawah ini Kemudian klik tombol "Parse Kode HTML" 

HTML PARSER TOOLS UNTUK BLOGGER
Anda dapat menggunakan alat parser converter tersebut untuk mengurai atau mengkonversi kode unit iklan Anda, kemudian Anda menempatkannya ke dalam halaman sumber HTML situs blogger Anda.

Anda juga dapat menggunakan alat parser converter untuk mengurai atau mengkonversi kode script HTML Anda dan kemudian ditempatkan ke dalam bentuk komentar atau ke kode sumber HTML blog blogger Anda.

Ini alat converter parser disediakan untuk Anda semua yang membutuhkan secara gratis dan selamat menikmati.

Cara Agar Artikel Blog Tidak Bisa di Copy Paste

Memang ya kalau kita sudah susah payah membuat artikel yang original alias buatan sendiri, setelah kita cek di pencarian ternyata masih ada yang copy paste. Kalau hanya sebagian saja si masih di maklumi, tetapi kalau semuanya dijiplak secara keseluruah kita juga yang rugi. Selain itu, si pelaku tidak menyertakan sumbernya. Untung ada sebuah cara supaya artikel kita tidak bisa di copy paste lagi oleh orang lain yaitu dengan menggunakan script anti copast.

Jadi nantinya kita setelah mendapatkan kode tersebut, selanjutnya diletakkan di dalam template blog yang kita maksud. Dengan begitu artikel yang sudah kita terbitkan tidak lagi bisa di klik kanan atau dengan kata lain di copy paste. Karena biasanya yang suka melakukan hal demikian adalah orang yang malas nulis namun menginginkan hasil yang bagus dengan mencuri karya orang lain. Maka dengan menambah sedikit script anti copast bisa mencegah seorang yang mencoba copy artikel kita dan biar kapok.

Tidak sedikit orang yang mengeluh karena tulisannya diambil begitu saja tanpa ada izin dari pemiliknya. Saya juga pernah mengalami dan hampir di setiap postingan yang pernah saya tulis sebelumnya. Tapi alhamdulillah setelah dipasang kode anti copy paste ini, hal tersebut mulai mereda dan saya merasa senang. Caranya mudah, hanya dengan memberi sedikit tambahan kode pada template blog kita. Seperti apa caranya, lihat saja penjelasan berikut ini.

Ini Adalah Kode Script Anti Copy Paste

 .post-outer {
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-ms-user-select:none;
-moz-user-select:none;
}

1. Buka blog yang ingin Anda pasangi script di atas

2. Setelah terbuka selanjutnya klik Template > Edit HTML

3. Letakkan kode script tersebut tepat di atas kode ]]></b:skin> atau kalau tidak ada, letakkan di atak kode </style>.

4. Jangan lupa setelah kodenya terletak dengan benar, lalu simpan template.

Mingkin sampai disini sudah paham kan? Tapi kalau Anda juga ingin dengan kode yang lain dan tata letak juga berbeda. Ini ada satu kode lagi kalau ingin dicoba juga khasiatnya, tapi kalau kode di atas saja sudah manjur kenapa harus pake yang lain.

Untuk kede yang berikut ini cara meletakkannya sama juga pada Edit html, tetapi letaknya tepat di bawah kode </head>. Dan berikut ini adalah kodenya,

<script type="text/javascript">
if (typeof document.onselectstart!="undefined") {
document.onselectstart=new Function ("return false");
}
else{
document.onmousedown=new Function ("return false");
document.onmouseup=new Function ("return true");
}
</script >

Itulah kode anti copy paste yang bisa saya berikan, mudah-mudahan bermanfaat buat para blogger semua yang membutuhkan. Tadi bicara mengenai artikel blog, ada juga Cara Melindungi Konten Blog Dari Tindakan Kloning yang mungkin kalian belum tahu. Kloning sendiri merupakan tindakan menjiplak konten/artikel tapi lebih hebat daripada tindakan copy paste.

Cara Mengetahui Alamat Url Logo Blog Dengan Mudah

Kalau kalian sebagai blogger, ternyata sedang membutuhkan yang namanya Alamat Url Logo Blog sendiri namun kesulitan menemukannya. Tenang saja karena akan saya kasih tahu caranya dengan mudah yang sebenarnya hanya beberapa langkah saja. Tetapai kalau belum paham memang akan bingung, padahal url logo blog-nya akan dibutuhkan dengan segera oleh Anda.

Logo blog biasanya diterapkan pada bagian header berbentuk paduan gambar serta gambar text yang telah diupload oleh pemiliknya dan berukuran tergantung lebar header yang tersedia. Gambar utama pada logo yang menjadi simbol suatu blog sedangkan text merupakan nama blog dan juga keterangan deskripsi singkat pada header. Baik, kita cepat saja simak langkah demi langkah berikut ini cara mengetahui alamat url blog dengan mudah.


#1. Pertama kalian buka dulu alamat blognya, kalau blog Anda sudah terbuka dan selanjutnya arahkan cursor pada gambar Logo blog > Klik Kanan > View Image

#2. Sekarang bisa kita ketahui alamatnya pada Address Bar browser yang digunakan, seperti gambar berikut ini

Sampai disini saja Anda sudah bisa mendapatkan alamat url blog dengan mudah. Kalau mungkin Anda ternyata masih belum paham, santai saja bisa dipertanyakan lebih lanjut melalui komentar atau contac us. Sekian dan semoga apa yang ditayangkan di atas bermanfaat buat kalian semua.

Cara Menghilangkan Gambar Obeng dan Tang di Blog

Gambar atau lebih tepatnya icon obeng dan tang akan ada jika kita menggunakan template bawaan blogger. Namun ada juga template yang kita dapatkan dari download menampilkan icon obeng dan tang tapi tidak semuanya hanya beberapa.

Seperti template dari Mas Sugeng dengan blognya sugeng.id yang saya pakai ini sebenarnya ada icon tang dan obeng, hanya saja karena saya tidak suka sehingga sudah dihilangkan.

Banyak pengguna blogger.com yang merasa terganggu dengan adanya gambar icon obeng dan tang dan mencoba menghilangkannya. Tapi sebenarnya fungsi icon tersebut cukup bermanfaat juga, yaitu ketika mau edit widget-widget diblog tampa harus melalui dasbor blog.

jika icon obeng dan tang akan terlihat oleh pemilik blog saja menurut saya Anda tidak harus menghilangkannya. Kecuali orang lain juga melihatnya sehingga mengganggu pandangan pengunjung. Seperti yang pernah saya temukan beberapa blog yang kelihatan icon obeng dan tang oleh pengunjung. Walaupun kelihatan tapi tetap saja pengunjung tidak bisa mengatur widget blog tersebut melalui icon obeng dan tang karena itu bukan blog milik saya.

Ok, bagi Anda yang merasa terganggu dengan adanya icon obeng dan tang yang muncul pada blog. Kalau ingin menghapusnya silahkan Anda simak baik-baik beberapa langkah menghilangkan obeng dan tang di blog.


1. Login dulu ke blogger.com
2. Tentukan blog yang ingin disetting > klik 'Templete' > lalu 'Edit HTML'

3. Anda cari kode seperti ini  ]]></b:skin> dengan tekan tombol Ctrl+F untuk mempermudah pencarian.

4. Kemudian copy kode berikut, dan letakkan tepat diatas kode yang tadi Anda cari

.quickedit{ display:none;}

5. Setelah itu simpan template.

Ternyata setelah dilihat kembali blognya gambar obeng dan tang masih ada. Itu artinya cara di atas tidak mempan pada template Anda. Kalau begitu hapus saja kode yang tadi Anda masukkan pada template atau biarkan saja tidak masalah. Dan coba pakai cara ampuh yang satu ini, insya allah berhasil.

• Langsung saja klik tab Template > Edit HTML
• Cari kode berikut, setelah ketemu Anda hapus

<b:include name='quickedit'/>

Kalau gambar obeng dan tang pada blog Anda tidak hanya satu, maka kode tersebut juga demikian. Oleh karena itu untuk menghilangkan semuanya Anda juga harus hapus semua kode yang ada satu-persatu sampai tidak ditemukan lagi. 

• Simpan lagi template

Lihat kembali blog Anda apakah berhasil atau tidak, berdasarkan pengalaman dengan cara yang kedua langsung gambar icon obeng dan tang tidak muncul lagi. Kalau cara yang diterapkan sudah benar Anda pun juga pasti berhasil.

Kalau sudah beres dengan icon obeng dan tang terus bagaimana dengan favicon blog Anda apa mau diganti juga. Dengan mengganti favicon blog di blogger, blog Anda jadi tambah profesional dan keren.