7/05/2018

Cara membuat efek preloader untuk blogger

Pada halaman ini saya menulis artikel tentang cara membuat efek preloader untuk blogger, saya asumsikan anda sudah memiliki atau mempunyai kode HTML preloader untuk blogger apabila belum saya persilahkan membaca artikel saya yang berjudul kode HTML preloader untuk blogger untuk mendapatkan kodenya


Setelah anda memilik kode HTML efek preloader untuk blogger langkah selanjutnya adalah memasang kode kode tersebut pada template blog atau situs anda



Ada beberapa langkah sederhana yang harus anda lakukan untuk mebuat efek preloader untuk blogger yaitu :


1. Login ke akun blogger.com



2. Selanjutnya klik link yang bertuliskan tema atau perhatikan gambar di bawah ini 



3. Berikutnya  cari kode ]]</b:skin>  atau tekan tombol CTRL+F pada tombol keyboard komputer anda untuk mempermudah pencarian.



4. Langkah selanjutnya setelah kode ]]</b:skin> anda temukan silahkan drag dan copy kode HTML preloader untuk blogger 



5. Berikutnya adalah pastekan kode HTML preloader untuk blogger tepat di atas kode ]]</b:skin>, sehingga susunan akhir kodenya harus seperti tertulis di bawah ini



<kode HTML A preloader untuk blogger>

]]</b:skin>


6. Selanjutnya silahkan anda cari kode </body> tekan tombol CTRL+F pada keyboard komputer anda untuk mempermudah pencarian setelah kode </body> anda temukan silahkan anda pastekan kode HTML preloader untuk blogger tepat di atas kode </body> sehingga susunan akhirnya harus tertulis seperti di bawah ini 



<kode HTML B preloader untuk blogger>

</body>


7. Berikutnya simpan setelan dan pastikan blog atau situs anda sudah terpasang efek preloader dengan sempurna dan berfungsi dengan baik 



8. Selesai sekarang blog anda sudah terpasang efek preloader untuk blogger





Demikian semoga bisa membawa manfaat

Kode HTML preloader untuk blogger

Pada halaman ini saya menulis artikel yang berjudul kode HTML preloader untuk blogger, substansi dari artikel ini adalah kode HTML untuk menampilkan gambar animasi yang muncul pertama kali pada saat alamat blog atau situs di akses namun belum masuk pada konten blog atau situs




Kode HTML preloader untuk blogger ini bertujuan untuk mempercantik tampilan blog atau situs, apabila anda tertarik untuk memasang atau menerapkannya di blog atau situs anda saya persilahkan untuk men drag kemudian copy kode HTML preloader untuk blogger di bawah ini


/* Loading Page */ #page-loader{position:fixed!important;position:absolute;top:0;right:0;bottom:0;left:0;z-index:999999;background:#fff url(&#39; https://2.bp.blogspot.com/-DR4NtOxQ-hU/WvGT5qDGyHI/AAAAAAAABiI/9uwzbKWlJh4WGGaAgxuiFj-uIfPGXdlAwCLcBGAs/s1600/imageedit_2_8895210810.gif &#39;) no-repeat 50% 50%;padding:1em 1.2em;display:none}
(Kode HTML A preloader untuk blogger )


<script type='text/javascript'> //<![CDATA[ $(document.body).append('<div id="page-loader"></div>'); $(window).on("beforeunload", function() { $('#page-loader').fadeIn(1000).delay(9000).fadeOut(1000); }); //]]> </script> ( kode HTML B preloader untuk blogger )



Lantas bagaimana memasang dan menerapkan kode HTML efek preloader untuk blogger pada blog atau situs anda ?, untuk menemukan jawabannya anda bisa membaca artikel saya yang berjudul cara membuat efek preloader untuk blogger


Demikian semoga bisa membawa manfaat

5/06/2018

Cara memperbaiki peringatan main entity of page

Pada halaman ini saya menulis tentang cara memperbaiki peringatan main entity of page pada alat uji data terstruktur untuk blogger

Saya asumsikan anda sudah mempunyai kode HTMLnya apabila belum silahkan anda baca artikel saya yang berjudul kode HTML perbaikan peringatan main entity of page untuk mendapatkannya

Ada beberapa langkah sederhana untuk memperbaiki peringatan main entity of page,yaitu :

1. Login ke akun blogger.com

2. Berikutnya klik link tema atau theme atau perhatikan gambar di bawah ini
3. Selanjutnya klik edit HTML atau perhatikan gambar di bawah ini

4. Cari kode

<article class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='https://schema.org/BlogPosting'>

Gunakan tombol CTRL+F untuk mepermudah pencarian,setelah kode di atas di temukan langkah selanjutnya adalah pastekan kode A tepat di bawahnya,susunan akhir kodenya harus seperti tertulis di bawah ini

<article class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<kode di bawah kode A>


5. Berikutnya klik simpan tema dan lakukan pengujian ulang blog atau situs anda dengan alat uji data terstruktur milik Google dan pastikan tidak lagi di temukan peringatan pada bidang atau element main entity of page

Demikian semoga bermanfaat