Parse HTML Tools Armaila dan Cara Membuat Kode HTML di Blog

Parse HTML Tools Armaila dan Cara Memasukkan Kode HTML di Postingan Blogspot

Parse HTML Tools Armaila dan Cara Membuat Kode HTML di Blog


Small Tool Parse HTML





Cara Membuat Kode HTML di Blog

Untuk menempatkan script atau kode html di postingaan blog agar dapat tampil dalam bentuk tulisan script, maka script atau kode html harus diparse dulu sebelum dipasang. Berikut cara memasang script di postingan blog :

1. Siapkan Script atau Kode HTML yang ingin dipasang.
2. Parse script atau kode html tersebut.
3. Pada saat membuat artikel, ubah mode "Compose" menjadi mode "HTML".
4. Copy script yang sudah diparse, paste di lokasi yang Anda inginkan pada mode html.

Untuk melakukan parse script atau kode HTML, silahkan masukkan kode HTML pada kolom parse diatas,

<div style="background-color: #f9f8de; border: 1px #dedede double; height: 100px; overflow: auto; padding: 10px; text-align: left; width: auto;">
Tempatkan Script HTML Disini
 </div>

Selamat Mencoba dan semoga tidak ada kendala

Sumber:
cari2-cara

Cara Memasang Anti Adblock di Blog Yang Masih Ampuh

Cara Memasang Anti Adblock di Blog Yang Masih Ampuh


Cara Memasang Anti Adblock di Blog Yang Masih Ampuh

Pertama buka dasbor Blogger >Klik menu Tema > Klik tombol Edit HTML dan tambahkan kode di bawah ini sebelum kode </head> atau kode &lt;/head&gt;&lt;!--<head/>--&gt;

<style type='text/css'>

/* Animation */

@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}

@keyframes rubberBand{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,0.75,1)}40%{transform:scale3d(0.75,1.25,1)}50%{transform:scale3d(1.15,0.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scale3d(1,1,1)}}

/* Say Hi to Adblock */

#arlinablock{background:rgba(0,0,0,0.65);position:fixed;margin:auto;left:0;right:0;top:0;bottom:0;overflow:auto;z-index:999999;animation:fadeInDown 1s}

#arlinablock .header{margin:0 0 15px 0}

#arlinablock .inner{background:#e3482d;color:#fff;box-shadow:0 5px 20px rgba(0,0,0,0.1);text-align:center;width:600px;padding:40px;border-radius:5px;margin:7% auto 2% auto;animation:rubberBand 1s}

#arlinablock button{padding:10px 20px;border:0;background:rgba(0,0,0,0.15);color:#fff;margin:20px 5px;cursor:pointer;transition:all .3s}

#arlinablock button:hover{background:rgba(0,0,0,0.35);color:#fff;outline:none}

#arlinablock button.active,#arlinablock button:hover.active{background:#fff;color:#222;outline:none}

#arlinablock .fixblock{background:#fff;text-align:left;color:#000;padding:20px;height:250px;overflow:auto;line-height:30px}

#arlinablock .fixblock div{display:none}

#arlinablock .fixblock div.active{display:block}

#arlinablock ol{margin-left:20px}

@media(max-width:768px){#arlinablock .inner{width:calc(100% - 20px);margin:10px auto;padding:15px}}

</style>

Selanjutnya tambahkan kode ini sebelum </body> atau &lt;!--</body>--&gt;&lt;/body&gt;


<script type='text/javascript'>
//<![CDATA[
// Say Hi to Adblock
function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://cdn.jsdelivr.net/gh/Arlina-Design/quasar@master/arlinablock.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>

Kemudian klik Simpan tema dan selesai. Notifikasi Adblock ini akan muncul jika pengunjung mengunjungi situs kita dan mengaktifkan ekstensi Adblock. Pastikan untuk mengaktifkan ekstensi Adblock untuk melihat hasilnya pada link di bawah ini

Jika ada yang sudah memasang kode JS Adsense di dalam template seperti ini

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

Atau seperti ini

<script type='text/javascript'> //<![CDATA[ (function() { var ad = document.createElement('script'); ad.type = 'text/javascript'; ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })(); //]]> </script>

Silakan hapus kode tersebut karena di dalam kode Adblock Killer ini sudah tertanam kode JS Adsense didalamnya.

Sumber: arlinadzgn

Membuat Peta Situs di Webmaster, Ada 3 Kode Yang Sering Digunakan

Setidaknya ada 3 kode url yang Armaila gunakan saat Membuat Peta Situs di Webmaster agar semua postingan tersebut di index oleh google.

Berikut ini adalah kode url yang biasa Armaila gunakan


  • feeds/posts/default
  • feeds/posts/default?orderby=updated
  • feeds/posts/default?max-results=9999&amp;amp;alt=json-in-script&amp;amp;callback=loadtoc
  • sitemap.xml

Update 24 Februari 2021
Selain postingan, jika halaman statis blog juga ingin diindex maka kita juga harus memasukkan sitemap halaman atau page kita tersebut ke google webmaster dengan menambahkan:
  • /sitemap-pages.xml

Hal pertama yang perlu diperhatikan adalah mendaftarkan blog ke webmaster tool.

Selanjutnya klik pada bagian "peta situs" dan pada kolom "Tambahkan peta situs baru" silahkan isi url kode peta situs diatas satu persatu sehingga hasilnya seperti berikut ini

Membuat Peta Situs di Webmaster, Ada 3 Kode Yang Sering Digunakan

Bagi teman teman yang sering gonta ganti template. maka harus mengirimkan ulang peta situs setiap ganti template agar blog dengan template yang baru dicrawl oleh google.

Jika mengabaikan poin ini biasanya akan menyebabkan pengunjung blog menjadi menurun. Tentu saja hal itu tidak kita inginkan bukan??

URL Yang Dikirimkan Tampaknya Berupa Soft 404

URL Yang Dikirimkan Tampaknya Berupa Soft 404 | Tadi malam Armaila mendapatkan sebuah email dari Google Search Console Team yang isinya seperti berikut ini.

URL Yang Dikirimkan Tampaknya Berupa Soft 404


Masalah baru detected onarminaven.blogspot.com
Pemilik arminaven.blogspot.com yang terhormat,
Search Console telah mengidentifikasi bahwa situs Anda terpengaruh oleh 1 masalah baru jenis Liputan.
Error teratas (maksimum 5)
Error dapat mencegah halaman atau fitur Anda muncul di hasil Penelusuran. Error berikut ditemukan di situs Anda:
URL yang dikirimkan tampaknya berupa Soft 404
Sebaiknya pelajari lebih lanjut masalah ini dan perbaiki jika memungkinkan agar situs Anda dapat memberikan cakupan dan pengalaman terbaik di Google Penelusuran.
Selanjutnya setelah googling akhirnya admin mencoba membuka sebuah halaman https://support.google.com/webmasters/answer/181708?hl=id yang membahas tentang "Error Soft 404" ini. 

Berikut ini penjelasan tentang URL Yang Dikirimkan Tampaknya Berupa Soft 404 dari link support google diatas

Apa itu error soft 404?

Jika terjadi error soft 404, artinya URL menampilkan halaman pemberitahuan bahwa halaman yang dituju tidak ada serta kode level 200 (sukses) kepada pengguna. Dalam beberapa kasus, halaman yang ditampilkan mungkin menampilkan sedikit atau tanpa konten, seperti halaman yang hanya memuat potongan-potongan konten atau kosong sama sekali.

Dari penjelasan diatas. Informasi error soft 404 ini muncul karena halaman menampilkan konten artikel yang sedikit atau malah tidak memiliki konten.

Namun anehnya pada kasus admin. link artikel yang ditandai error soft 404 ini malah artikel yang panjang di link http://arminaven.blogspot.com/2018/12/affiliate-marketing-tips-back-end.html seperti yang terlihat pada gambar berikut ini:

Error soft 404

karena merasa tidak ada permasalahan maka hal yang admin lakukan selanjutnya adalah memvalidasi dengan cara membuka laporan dan klik tombol "Validasi Perbaikan"

Validasi Perbaikan
Sekarang tinggal menunggu hasil validasi perbaikan. Dan berikut ini adalah balasan dari google console setelah admin melakukan validasi diatas


Kami sedang memvalidasi perbaikan masalah Liputan Anda untuk situs https://arminaven.blogspot.com/

Yth. pemilik https://arminaven.blogspot.com/,

Google mulai memvalidasi perbaikan masalah Liputan di situs Anda. Khususnya, kami memeriksa ‘URL yang dikirimkan tampaknya berupa Soft 404’, yang saat ini memengaruhi halaman 1.


Validasi memerlukan waktu beberapa hari; kami akan mengirimkan pesan kepada Anda saat proses selesai. Anda dapat memantau proses pengujian dengan membuka link di bawah.

Cara Membuat Video Youtube Responsive di Blog Template Newser

Cara Membuat Video Youtube Responsive di Blog Template Newser | Malam ini aku baru saja mengganti template blog Armaila.com dari template VioMagz ke template Newser. Banyak hal yang harus dibenahi salah satunya adalah Membuat Video Youtube Responsive di Blog pada template yang baru ini.

Aku mencoba googling dan membaca beberapa panduan yang dishare oleh teman teman blogger dan baru berhasil pada artikel "https://blogaeres.blogspot.com/2019/03/cara-memasang-video-youtube-responsive.html"

Cara Membuat Video Youtube Responsive di Blog Template Newser

Dan berikut ini rincian panduan yang berhasil untuk kasus ku ini.

Langkah 2: Tempelkan (paste) HTML videonya di postingan Anda pada mode HTML. Selesai, boleh dipublish.

Cara Agar Video Youtube Menjadi Responsive

Perhatikan bahwa ukuran width="560" dan height="315" dari HTML di atas adalah rasio lebar-tinggi standar untuk YouTube di desktop adalah 16:9, boleh hitung sendiri, nilainya 1.77:1. Nah, cara yang saya lakukan agar video youtube menjadi responsive di postingan blog adalah dengan menggunakan rasio tersebut pada settingan tampilan CSS Media Query untuk berbagai resolusi.
Langkah 3: Buka Blogger > Tema > Edit HTML. Tambahkan kode CSS berikut sebelum ]]></b:skin>.
/* Video Youtube Responsive */ .post-body iframe,.post-body embed,.post-body object{max-width:100%;max-height:auto} @media screen and (max-width:768px){.post-body iframe,.post-body embed,.post-body object{height:432px}} @media screen and (max-width:600px){.post-body iframe,.post-body embed,.post-body object{height:337.5px}} @media screen and (max-width:480px){.post-body iframe,.post-body embed,.post-body object{height:270px}} @media screen and (max-width:320px){.post-body iframe,.post-body embed,.post-body object{height:180px}}
Langkah 4: Simpan Tema.

Sumber: blogaeres

Cara Membuat Box Facebook Fan Page Like Button Melayang dan Tombol Subsribe Youtube di Blog

Cara Membuat Box Facebook FansPage Like Button Melayang dan Tombol Subsribe Youtube di Blog | box facebook tepatnya tombol like fan page facebook yang kita kelola dapat dibuat melayang dengan menggunakan script like box facebook yang bisa teman teman lihat dibawah.
link html facebook page
Cara Membuat Box Facebook FansPage Like Button Melayang dan Tombol Subsribe Youtube di Blog

Selain untuk kotak like facebook melayang, dalam script ini juga sudah ditambahkan tombol subscribe ke channel youtube teman teman, jadi dari 1 widget bisa mempromosikan fan page dan channel youtube sekaligus.

untuk membuat facebook like button sangatlah mudah. Cukup dengan menambahkan widget baru dan mengisinya dengan script like box fan page facebook. dan berikut ini adalah script yang akan di masukkan ke widget fanspage facebook.

Cara Membuat Box Facebook Fan Page Like Button Melayang dan Tombol Subsribe Youtube di Blog

Masuk ke dashbor blog teman teman lalu pilih Tata Letak
klik + Tambahkan Gadget
Selanjutnya pilih HTML/JavaScript
lalu masukkan kode berikut ini:

<!-- FACEBOOK MELAYANG ARMAILA -->
<style type='text/css'>
/* Message Box Facebook  */
#box-message {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:292px;
height:auto;
padding:16px;
background:#fff;
font:normal Dosis, Georgia, Serif;
color:#111;
border:3px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#box-message a.close {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:22px;
cursor:pointer;
}
#twitterx {
background: #EEF9FD;
padding: 10px;
text-align:center;
border: 1px solid #C7DBE2;
border-top: 0;
}
</style>
<script type='text/javascript'>
$(window).bind("load", function() {
// Animate Top Value When Page Loaded Completed
$('#box-message').animate({top:"250px"}, 1000);
// Remove Mailbox When Close Button On Click
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='box-message'>
<!-- HTML Start -->

<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/AkhirMali&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;appId=371524026202784" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:215px;" allowtransparency="true"></iframe>


<a href="http://bit.ly/SubscribeArmailaYoutubeChannel" re="nofollow" target="_blank" >
<img border="0" alt="Jangan Lupa Like dan Subscribe ya [KLIK DISINI] Terima Kasih" title="Jangan Lupa Like dan Subscribe ya [KLIK DISINI] Terima Kasih" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUQHwPtoSyjxgUkgaqYsQMqj_e6rYaqqEpwY3up9KqXGB-U1piuz1HSx_hE7ifphP54jAQy52shidJwm36QrHeG6RW4ny-I23wGc9f0ePtFgEKcbIp6l6WINF7MLtV0hUbGpxImkXjiNc/s1600/Please+Like+and+subscribe+our+youtube+channel+armaila.gif"/></a>
</center>
<!-- HTML End -->

<a class='close' href='#'>&times;</a>
</div>
<!-- FACEBOOK MELAYANG ARMAILA -->

Note:
Ganti https://www.facebook.com/AkhirMali dengan alamat fan page facebook teman teman
Ganti http://bit.ly/SubscribeArmailaYoutubeChannel dengan channel youtube teman teman.

Demikianlah "Cara Membuat Box Facebook Fan Page Like Button Melayang dan Tombol Subsribe Youtube di Blog" semoga saja bermanfaat.

Ukuran Favicon Blogger dan Cara Membuat Icon Blog Favicon di Blogspot

Ukuran Favicon Blogger dan Cara Membuat Icon Blog Favicon di Blogspot | Blogspot telah menyediakan secara otomatis favicon untuk blogger. Namun bagi teman teman yang ingin mengganti dan membuat icon bloggernya sesuai keinginan sendiri sebagai contoh ingin logo pribadi maka bisa mencoba panduan beriku ini.

Ukuran Favicon Blogger dan Cara Membuat Icon Blog Favicon di Blogspot

Ukuran Favicon Blogger
  • Siapkan logo atau gambar berbentuk persegi (panjang dan lebar sama)
  • Rubah ukuranya dengan menggunakan aplikasi photosop menjadi ukuran maksimal 100 x 100 pixel dan ukuranya tidak boleh lebih dari 100 kb.
  • Simpan dengan format JPG, GIF, atau PNG.

Cara Membuat Icon Sendiri Secara Online

Untuk merubah ukuran photo dilakukan secara manual dengan menggunakan aplikasi photo seperti photosop atau yang lainnya. Tetapi jika tidak mau repot bisa juga mengunakan beberapa situs pembuat Favicon berikut ini :
  • http://www.favicon-generator.org/
  • http://www.genfavicon.com/
  • http://www.favicon.cc
Memasang Icon Blog Favicon di Blogspot
  1. Masuk ke halaman dasboard blogger
  2. Masuk ke halaman tata letak
  3. Klik edit pada Favicon (lihat bagian kiri atas) akan terbuka sebuah jendela baru
  4. Klik choose file / Browse /telusuri
  5. Cari tempat dimana file Favicon tadi disimpan
  6. Klik simpan
  
Favicon pada blog tidak akan langsung tampil setelah dipasang, tetapi membutuhkan waktu beberapa saat. Umumnya dalam waktu 24 jam Favicon akan tampil.

Demikianlah artikel "
Ukuran Favicon Blogger dan Cara Membuat Icon Blog Favicon di Blogspot" semoga bermanfaat.