Musafus

Berbagi Tips Dan Tutorial Seputar Dunia Teknologi, Internet, Dan Pelajaran.

01 January 2017

Cara Menampilkan Atau Menyembunyikan Widget Blog Di Versi Mobile

Cara Menampilkan Atau Menyembunyikan Widget Blog Di Versi Mobile - Seiring dengan perkembangan zaman, sudah banyak bermunculan smartphone yang memiliki fitur canggih, sehingga lebih banyak orang yang mengakses suatu web maupun blog menggunakan handphone pintar miliknya, karena akan menjadi lebih mudah dan lebih praktis di bandingkan menggunakan perangkat komputer maupun laptop.

Tetapi jika seseorang mengakses blog kita yang memiliki tampilan berat atau sangat banyak widget - widget melalui smartphone, pasti mereka akan terganggu, mengapa demikian, karena smartphone tidak seperti laptop maupun komputer yang memiliki layar lebih besar sehingga tampilan blog kita tampil dengan sempurna, lalu bagaimana jika di akses di smartphone ?.

Cara Menampilkan Atau Menyembunyikan Widget Blog Di Versi Mobile

Seseorang mengunjungi situs kita melalui smartphone lebih fokus untuk membaca artikel, bukan untuk melihat - lihat tampilan blog kita, jadi agar tampilan blog kita lebih simpel di versi mobile atau tampilan mobile device sebaiknya widget - widget yang tidak perlu di sembunyikan saja, begitupun sebaliknya, jika widget yang hanya perlu ditampilkan di mobile saja, tidak perlu ditampilkan di saat di buka di komputer maupun laptop. Bagaimana caranya ? mari disimak.

Menampilkan Atau Menyembunyikan Widget Blog Di Versi Mobile

Berikut ini ada dua cara yang akan saya bagikan tutorialnya, yang pertama adalah menampilkan widget blog di mobile device, jika melakukan cara ini widget blog hanya akan tampil di versi mobile saja, jika di buka melalui komputer widget tidak akan tampil, yang kedua adalah menyembunyikan widget blog di mobile device, ini adalah kebalikan cara pertama, jika melakukan cara ini widget blog hanya akan tampil di komputer saja, jika di buka versi mobile widget blog tidak akan tampil.

Sebelum melakukan cara ini, sobat harus mengetahui id html untuk widget yang ingin sobat tampilkan atau sembunyikan di versi mobile, caranya adalah dengan cara membuka tata letak, lalu lihat bagian widget sobat, pilih yang mana ingin sobat tampilkan atau sembunyikan, lalu klik edit widget, nah lihat dibagian url atau link widget, scroll ke kanan sampai menemukan widget id, lalu ingat idnya, contoh HTML6.

ID Widget Blog

Cara Menampilkan Widget Blog Di Mobile Device

Buka edit html blog di menu template, lalu cari id html widget yang tadi, disini id yang saya gunakan adalah HTML6, gunakan Ctrl + F untuk melakukan pencarian lalu tulis HTML6, sehingga menemukan kode kurang lebih seperti di bawah ini.

<b:if cond='data:blog.isMobileRequest == "true"'>
<b:widget id='HTML6' locked='false' title='' type='HTML' version='1' visible='true'>
----- isi dari widget -----
</b:widget>
</b:if>

Lalu buat seperti kode di atas, yakni menambahkan kode tag kondisional yang saya tandai di atas, sehingga kode yang semula hanya b:widget di awali dan ditutup dengan kode tag kondisional.

Cara Menyembunyikan Widget Blog Di Mobile Device

Sama seperti cara diatas, buka edit html blog di menu template, lalu cari id html widget yang tadi, disini id yang saya gunakan adalah HTML6, gunakan Ctrl + F untuk melakukan pencarian lalu tulis HTML6, sehingga menemukan kode kurang lebih seperti di bawah ini.

<b:if cond='data:blog.isMobileRequest == "false"'>
<b:widget id='HTML6' locked='false' title='' type='HTML' version='1' visible='true'>
----- isi dari widget -----
</b:widget>
</b:if>

Lalu buat seperti kode di atas, yakni menambahkan kode tag kondisional yang saya tandai di atas, sehingga kode yang semula hanya b:widget di awali dan ditutup dengan kode tag kondisional.

Dari kedua kode tag kondisional di atas, dapat di ambil kesimpulan apabila mobile request di tag kondisionalnya true, maka widget akan di tampilkan di versi mobile dan hanya akan tampil di mobile device saja, apabila mobile request di tag kondisionalnya false, maka widget akan di sembunyikan di versi mobile dan hanya akan tampil di komputer saja.

Apabila ada pertanyaan jangan sungkan untuk bertanya melalui kotak komentar, semoga bermanfaat.

30 December 2016

Cara Ampuh Terbaru Mengatasi Halaman Blog Error 404 Di Webmaster Tools

Cara Ampuh Terbaru Mengatasi Halaman Blog Error 404 Di Webmaster Tools - Halaman Error 404 biasanya sering terjadi dan menjadi masalah tersendiri bagi para blogger, karena saat mengecek Google Webmaster Tools terdapat pesan halaman tidak ditemukan atau error 404, biasanya terjadi karena kita menghapus halaman tersebut, padahal halaman tersebut sudah terbaca oleh mesin pencari.

Hal ini bisa berdampak buruk bagi blog kita, dan juga bisa berdampak pada ditolaknya blog kita dari google adsense, saya membaca dari tips jitu diterima adsense dari struktur kode ada salah satu poin yang menyatakan periksalah kesehatan situs anda salah satunya error 404 halaman tidak ditemukan.

Cara Ampuh Terbaru Mengatasi Halaman Blog Error 404 Di Webmaster Tools

Untuk mengatasi masalah ini sudah banyak bertebaran caranya di google, diantaranya adalah dengan cara sebagai berikut.

Cara pertama : menyalin link errornya lalu menghapusnya di hapus url webmaster tools
Cara kedua : dengan cara menandai semua link yang error lalu menekan tombol sebagai yang sudah diperbaiki

Namun cara tersebut bisa dikatakan tidak akurat lagi, mengapa demikian ? untuk cara yang pertama, di Google Webmaster Tools tidak ada lagi tombol untuk menghapus url, awalnya saya juga bingung karena saya juga mengalami yang namanya error 404, ketika saya ingin menghapus url tidak ada lagi tombol hapus url, memang di menu webmasternya masih ada menu remove url, tapi tidak ada lagi tombol untuk menghapus url, yang ada hanyalah tombol temporary hide.

Remove Url Webmaster Tools

Untuk cara yang kedua, bisa dikatakan percuma saja jika kita menekan tombol sebagai yang sudah diperbaiki, mengapa demikian ? karena kita tidak memperbaiki apapun, dan itu hanyalah bersifat sementara, sama seperti cara pertama.

Setelah saya berseluncur di internet, saya menemukan cara yang menurut saya ampuh, yakni dengan cara pengalihan link yang error tadi kehalaman yang baru, atau bisa juga mengalihkannya ke bagian homepage.

Mengapa saya menyebut cara tersebut ampuh ? karena jika di pikir - pikir cara tersebut memang benar, dengan cara mengalihkan halaman error atau halaman yang tidak ditemukan tadi, maka saat mesin pencari melakukan perayapan tidak lagi menemukan halaman error di blog kita.

Sebelum melakukan cara ini, catat atau salinlah url yang error 404 di notepad atau dimana saja asalkan bisa untuk menyimpan sementara urlnya.


Cara Menghapus Crawl Error 404 Page Not Found Di Blog

1. Seperti yang saya katakan tadi, kita akan melakukan pengalihan url, untuk melakukannya sobat buka dashboard blogger, lalu ke menu setelan dan pilih preferensi penelusuran, lihat dibagian pengalihan khusus.

Pengalihan Khusus

Catatan :
kolom dari, sobat isi dengan url halaman yang error, contohnya /2015/05/cara-mudah-mengatasi-invalid-imei.html, di awal link harus menggunakan tanda garis miring " / ", INGAT! harus di awali garis miring.
kolom kepada, sobat isi dengan url halaman yang baru, disini sobat isi dengan halaman yang relavan dengan halaman yang error tadi, atau bisa juga sobat isi dengan tanda garis miring saja " / " jika ingin di alihkan kebagian homepage.
permanen, jangan lupa untuk menceklis permanen dengan cara mengklik kotak disebelah tulisan permanen.

3. Kurang lebih hasilnya seperti ini, dibagian kepada saya isi hanya tanda garis miring karena saya mengalihkannya ke homepage.

Pengalihan Khusus Error 404

4. Selanjutnya jangan lupa untuk menekan tombol simpan perubahan, dan jangan lupa untuk menandai seluruh url yang error di webmaster tools lalu tekan tombol sebagai yang sudah diperbaiki atau tombol mark as fixed.

Untuk mengujinya, halaman homepage sobat ditambahkan dengan url error tadi, misalkan www.musafus.web.id maka menjadi www.musafus.web.id/2015/05/cara-mudah-mengatasi-invalid-imei.html, masukkan urlnya di address bar lalu tekan enter, jika redirect ke homepage maka berhasil, begitu pula jika redirect kehalaman yang baru.

Itulah sedikit tips dan tutorial dari saya untuk mengatasi masalah crawl error 404 halaman tidak di temukan, semoga bermanfaat.

29 December 2016

Memasang Kode Iklan Adsense Di Samping Atas Postingan Blog

Memasang Kode Iklan Adsense Di Samping Atas Postingan Blog - Menurut dari berbagai sumber yang sudah saya baca, ternyata tempat pemasangan kode iklan adsense di blog sangat berpengaruh terhadap penghasilan kita, karena jika kita meletakkan iklan tersebut ditempat yang strategis, maka akan memungkinkan klik dari iklan yang sudah kita letakkan tadi lebih banyak dibandingkan dengan iklan yang diletakkan disembarang tempat.

Nah salah satu tempat yang strategis itu adalah di samping atas postingan blog, tepatnya di sebelah paragraf awal postingan blog kita, dengan meletakkan iklan adsense di samping atas postingan blog, maka peluang klik iklan kita semakin bertambah, karena orang berkunjung ke blog kita adalah untuk membaca artikel, pastinya saat membaca artikel maka akan melihat iklan yang sudah kita pasang di bagian samping atas.

Memasang Kode Iklan Adsense Di Samping Atas Postingan Blog

Tetapi sebelum kita memasang kode iklan kita di bagian samping atas postingan blog, yang perlu kita lakukan pertama kali adalah memparse kode iklan tersebut, mengapa kode iklannya di parse ? karena jika tanpa kita parse maka saat kita menyimpan template sehabis meletakkan kode iklan adsense akan terjadi error.

Memasang Kode Iklan Adsense Di Samping Paragraf Awal Artikel

1. Seperti yang sudah saya katakan tadi, sebelumnya kita harus memparse kode iklan adsense yang ingin kita letakkan di samping atas postingan blog, langsung saja masuk ke halaman HTML Parser, lalu masukkan kode iklan adsense kedalam kolom parse, lalu tekan tombol Parse Script

2. Simpan dulu kode iklan yang sudah di parse tadi, klik menu template > edit html, lalu cari kode di bawah ini, gunakan ctrl + f untuk memudahkan pencarian

<data:post.body/>

3. Lalu letakkan kode di bawah ini tepat di atasnya

<div style="float:left; margin-right:15px;margin-bottom:15px">
Letakkan kode iklan adsense hasil parse disini
</div>

4. Jangan lupa untuk meletakkan kode iklan adsense yang sudah di parse tadi, lalu klik tombol simpan template

Catatan :
- Biasanya kode <data:post.body/> tidak hanya satu, jadi sobat coba saja kodenya satu persatu sampai berhasil
- float:left adalah letak iklannya, left berarti letaknya sebelah kiri, bisa sobat ganti jadi right berarti letak iklannya sebelah kanan

Sekian artikel kali ini tentang Memasang Kode Iklan Adsense Di Samping Atas Postingan Blog, semoga bermanfaat, jika ada pertanyaan jangan sungkan untuk bertanya melalui kotak komentar.

Mengatur Jumlah Karakter Post Snippet Teks Cuplikan Artikel Di Homepage Blog

Mengatur Jumlah Karakter Post Snippet Teks Cuplikan Artikel Di Homepage Blog - Sekarang ini sudah banyak template blog yang menggunakan fitur auto readmore, bahkan bisa dikatakan hampir seluruh blog menggunakan auto readmore di template blognya, baik template yang di buat sendiri maupun template hasil unduhan, blog ini juga menggunakan auto readmore.

Tujuan dari penggunaan auto readmore adalah untuk memendekkan atau memotong tampilan postingan di bagian homepage, sehingga hanya muncul gambar thumbnail dan sedikit teks cuplikan artikelnya saja, jika di klik baru akan muncul jumlah postingan blog keseluruhan.

Mengatur Jumlah Karakter Post Snippet Teks Cuplikan Artikel Di Homepage Blog

Tetapi jika kita menggunakan auto readmore, hanya sedikit saja jumlah karakter teks cuplikannya, jika sobat tidak menyukai hal tersebut, hal tersebut bisa diatasi dengan menambahkan sedikit kode agar kita bisa mengatur jumlah karakter di teks cuplikannya. Cara ini sudah saya terapkan di template yang sudah menggunakan auto readmore tanpa javascript.

Mengatur Jumlah Karakter Deskripsi Snippet di Home Page Blog

Buka blogger, lalu ke menu Template > Edit HTML
Cari kode di bawah ini, gunakan Ctrl + F untuk mempermudah pencarian

<div>
   <data:post.snippet/>
   </div>

Atau kode

<div class='post-snippet'>
      <data:post.snippet/>
    </div>

Atau yang mirip seperti kode di atas, setiap template strukturnya berbeda - beda

Lalu ganti kode di atas dengan kode di bawah ini

<div>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSnippet(&quot;summary<data:post.id/>&quot;);</script>
   </div>

Selanjutnya cari kode </head>, lalu letakkan kode di bawah ini tepat di atasnya

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
snippet_count = 160;
//<![CDATA[
function removeHtmlTag(n,e){if(-1!=n.indexOf("<")){for(var t=n.split("<"),i=0;i<t.length;i++)-1!=t[i].indexOf(">")&&(t[i]=t[i].substring(t[i].indexOf(">")+1,t[i].length));n=t.join("")}for(e=e<n.length-1?e:n.length-2;" "!=n.charAt(e-1)&&-1!=n.indexOf(" ",e);)e++;return n=n.substring(0,e-1),n+"..."}function createSnippet(n){var e=document.getElementById(n),t=snippet_count,i='<div class="snippets">'+removeHtmlTag(e.innerHTML,t)+"</div>";e.innerHTML=i}
//]]>
</script>
</b:if>
</b:if>

Untuk mengatur jumlah karakternya adalah kode berikut

snippet_count = 160;

Ganti 160 untuk memperbanyak jumlah karakternya, misalnya diganti menjadi 240, 300, sobat terapkan sesuai dengan keinginan sobat, lalu klik Simpan Template dan lihat hasilnya.

Sekian artikel kali ini tentang Cara Mengatur Jumlah Karakter Post Snippet Teks Cuplikan Artikel Di Homepage Blog, jika ada kesulitan atau tidak mengerti jangan sungkan untuk bertanya melalui kolom komentar.

26 December 2016

Kumpulan Aplikasi Dan Game Om Telolet Om Untuk Android

Kumpulan Aplikasi Dan Game Om Telolet Om Untuk Android - Om Telolet Om ! pasti tidak asing lagi kan mendengar kata tersebut, bagaimana tidak, karena sekarang lagi demam - demamnya Om Telolet Om, entah kenapa hal ini menjadi booming lagi, padahal sudah lama kebiasaan ini sudah ada.

Kumpulan Aplikasi Dan Game Om Telolet Om Untuk Android

Dan baru - baru ini kembali booming lagi, sampai - sampai artis tetangga sebelah juga bertanya - tanya apa itu om telolet om karena banyak sekali netizen yang berkomentar di akun - akun sosial media mereka " Om Telolet Om ". Nah sekarang sudah ada game - game dan aplikasi tentang Om Telolet Om, yakni tentang supir bus dan juga suara klakson khasnya yang bersuara telolet, langsung saja kita simak game dan aplikasinya.

1. IDBS Bus Simulator


IDBS Bus Simulator

Menurut saya ini adalah game yang paling bagus untuk pembahasan ini, karena ini adalah game simulator, kamu adalah seorang supir bus, layaknya supir bus sungguhan disini kamu akan mengemudi bus berklakson telolet, dan ada juga anak - anak yang menunggu dipinggir jalan sambil memegang tulisan om telolet om, tunggu apalagi download sekarang juga gamenya.

2. Game Om Telolet Om


Game Om Telolet Om

Kurang lebih seperti game bus simulator tadi, di game ini kamu juga seorang supir bus, dan akan membunyikan klakson telolet jika ada anak - anak yang menunggu dipinggir jalan sambil memegang tulisan om telolet om, tapi game ini bukanlah game simulator bus seperti game yang pertama tadi.

3. CumaCeban


CumaCeban

Di artikel sebelumnya saya sudah membahas game ini, di game CumaCeban Om Telolet Om kamu berperan layaknya seorang supir truk dan akan membunyikan klakson telolet jika ada orang - orang di pinggir jalan yang memegang tulisan om telolet om, tunggu apa lagi download sekarang juga gamenya.

4. Telolet Bel Om


Telolet Bel Om

Untuk yang ini bukanlah game, ini adalah aplikasi suara telolet, jadi dengan menggunakan handphone kamu, kamu bisa membunyikan suara klakson telolet, fitur - fitur di aplikasi ini diantaranya adalah suara Kualitas suara jernih, Banyak macam jenis bel termasuk sirine, Bisa membangunkan orang tidur, Bisa pamerin ke teman dan dijadikan ringtones, Tidak selalu butuh koneksi internet.

5. Telolet Klakson 2016


Telolet Klakson 2016

Telolet klakson juga bukan game, ini adalah aplikasi untuk suara klakson telolet juga, aplikasi ini terinspirasi dari pecinta klakson om telolet om, fitur - fitur di aplikasi ini di antaranya adalah - Tampilan dab tombol mudah digunakan Kualitas suara sangat jernih, Banyak macam jenis bel, Surprise orang, teman dan orang lain dengan suara keras lucu, Satu Klik untuk memutar suara, Differents suara bermain pada waktu yang sama, Banyak suara yang berbeda, Free, no nag or sign up screens, dan yang terakhir User friendly.

Itulah kumpulan aplikasi dan game om telolet om untuk android, untuk mendapatkan aplikasinya kamu bisa langsung mendownloadnya di google play store secara gratis, karena game dan aplikasi di atas semuanya bisa kalian download secara gratis, selamat mencoba.

24 December 2016

Download Game Om Telolet Om Di Android, CumaCeban Main Game Bisa Dapat Smartphone

Download Game Om Telolet Om Di Android, CumaCeban Main Game Bisa Dapat Smartphone - Saat ini di negara kita tercinta yakni Indonesia sedang demam kata " Om Telolet Om ", maksudnya kata tersebut adalah orang - orang menunggu dipinggir jalan sambil berteriak dan memegang tulisan Om Telolet Om kepada armada bus yang menggunakan klakson berbunyi telolet.

Sehingga sopir bus tadi menekan tombol klakson teloletnya dan membuat orang - orang dipinggir jalan tadi gembira, nah sekarang sudah ada Game Om Telolet Om, game ini hadir di dalam game CumaCeban yang bisa kamu download secara gratis melalui Playstore dan Appstore. Kenapa saya tulis main game bisa dapet Smartphone ? karena di game CumaCeban jika kamu memainkan game ini kamu berkesempatan mendapatkan banyak hadiah - hadiah keren, diantaranya adalah smartphone yang super canggih, seperti Iphone, Asus, Samsung, dan masih banyak lagi hadiah lainnya seperti action cam.

Download Game Om Telolet Om Di Android, CumaCeban Main Game Bisa Dapat Smartphone
imagesource : google playstore

Uniknya disini sesuai dengan namanya jika kamu memenangkan hadiahnya kamu cukup membayar Ceban atau Rp.10.000,- untuk mendapatkan hadiahnya.

Hadiah Asus Dari Game CumaCeban
imagesource : cumaceban.com

Di CumaCeban sudah ada game baru Om Telolet Om yang lagi ngehits, digame ini kamu seperti layaknya seorang sopir bus dan akan membunyikan telolet jika ada yang memegang tulisa om telolet om.

Game Om Telolet Om
imagesource : google playstore

Dan di CumaCeban bukan hanya ada game om telolet om saja, masih banyak lagi game lainnya, salah satunya seperti game jadi gatot kaca di bawah ini.

Game Jadi Gatot Kaca
imagesource : google playstore

Tunggu apa lagi, mainkan sekarang juga Game Om Telolet Om, dan juga mainkan game lainnya di CumaCeban, siapa tau kamu adalah salah satu orang yang beruntung untuk mendapatkan hadiah - hadiah keren dari CumaCeban.

Download CumaCeban : Playstore - Appstore

Selamat mencoba gamenya dan semoga beruntung.
 
Copyright © - Proudly powered by Blogger