Cara Mudah Membuat Blog Redirect dengan Effect Loading Animasi Keren
Wahyu Development - Bagaimana cara membuat Blog redirect dengan tampilan Blank dan menambahkan efek loading?
Pada dasarnya Blog Redirect digunakan untuk mengalihkan domain yang dibagikan ke domain tujuan. Dengan membuat Blog Redirect dapat mempermudah kita membagikan link ke media sosial Facebook yang mungkin domain anda sebelumnya telah di blokir oleh Facebook. Cara membuat Blog Redirect yang disertai efek animasi sebagai berikut.
Silahkan anda membuat tampilan halaman Blogger anda menjadi Blank, untuk membuat halaman Blank silahkan baca tutorial berikut.
Baca juga : Cara Membuat Halaman Blogger Blank
Jika sudah membuat halaman Blogger menjadi blank, silahkan anda tambahkan kode-kode yang diperlukan dibawah ini untuk memberikan efek animasi.
Pertama, tambahkan kode HTML ini sebelum kode
</body><div id='wahyu-development'/>
Selanjutnya tambahkan kode CSS berikut ini sebelum kode
</head><script src='//ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js' type='text/javascript'/>
<style type="text/css">
#wahyu-development {
background:url(masukan-url.gif) no-repeat center;
background-color:rgba(225, 225, 225, .7);
width:100%;height:100%;
position: fixed; left: 0px; top:0px; z-index: +100000;
</style>
Untuk merubah tampilan animasi silahkan anda pilih animasi-animasi berikut ini dan ganti url animasi sesuai dibawah ini :
Animasi 1
https://1.bp.blogspot.com/-UOnoYxoH4w4/XjZqWNMZ0II/AAAAAAAAGYk/AL2PMHfwJl8Mj8KRG3ZWBofG1UScsDCOgCLcBGAsYHQ/s1600/development007_001.gif
Animasi 2
https://1.bp.blogspot.com/-MwscwVyQbPk/XjZqa-_DrUI/AAAAAAAAGYo/VZ0FjKr_sscbASaLS8J2BzdGuPJVqLEDQCLcBGAsYHQ/s1600/development007_002.gif
Animasi 3
https://1.bp.blogspot.com/-bVEAA9J4wik/XjZqe-4l5XI/AAAAAAAAGYs/geOnaBWBMl8-eMt_LZpjMwT5IdfCAH9AQCLcBGAsYHQ/s1600/development007_003.gif
Animasi 4
https://1.bp.blogspot.com/-_N6yhz7NpZk/XjZqi9uZxnI/AAAAAAAAGYw/u392hCw2YL8g4VKGxWebQMHVfNT1iZ2_QCLcBGAsYHQ/s1600/development007_004.gif
Animasi 5
https://1.bp.blogspot.com/-SviBMmY7E8M/XjZqmAs2AmI/AAAAAAAAGY0/ivezaq7tE2w4khSp3MWJJGYl5AMOPlOlwCLcBGAsYHQ/s1600/development007_005.gif
Animasi 6
https://1.bp.blogspot.com/-pmmJoKhqmHs/XjZqracDoDI/AAAAAAAAGY8/bFOtBit04c43680G0dDNcZu6JeZBShvRwCLcBGAsYHQ/s1600/development007_006.gif
Animasi 7
https://1.bp.blogspot.com/-PLkoHQqPJUM/XjZqvkdRH5I/AAAAAAAAGZA/YWV4ridqcI09Eq2bOxy1ge4LL-g46z5kwCLcBGAsYHQ/s1600/development007_007.gif
Animasi 8
https://1.bp.blogspot.com/-hCeKsG2LuYI/XjZqy5u9lSI/AAAAAAAAGZE/fB5gczM8tZwOC5V5Qv_PK7CT9eP8yBIvwCLcBGAsYHQ/s1600/development007_008.gif
Animasi 9
https://1.bp.blogspot.com/-JyaExhLlFOM/XjZq2vWCrwI/AAAAAAAAGZM/gHZ6lORJa_YVU0vSPbonJkgIdow9fm7GACLcBGAsYHQ/s1600/development007_009.gif
Animasi 10
https://1.bp.blogspot.com/-cJoCl53qU6c/XjZq6_Ukz-I/AAAAAAAAGZQ/M9gDXZ5gshI7WBHCJ9JlcNPlk_z1CfqKgCLcBGAsYHQ/s1600/development007_010.gif
Animasi 11
https://1.bp.blogspot.com/-PMCS93_htWQ/XjZq-nmWuiI/AAAAAAAAGZY/cD5XNmxXuFYgkuQdKIpVMhVjtYVLOlnPgCLcBGAsYHQ/s1600/development007_011.gif
Animasi 12
https://1.bp.blogspot.com/--xeuyPirp7E/XjZrCG2gkxI/AAAAAAAAGZc/_iaDPaMz6fwhaJojylZYBONVN1hNd6UVQCLcBGAsYHQ/s1600/development007_012.gif
Animasi 13
https://1.bp.blogspot.com/-cBwfOkFRYEU/XjZrFHChTII/AAAAAAAAGZk/d68K3o9xWagX5ViBzJ2v3ktFFbPVoAXwACLcBGAsYHQ/s1600/development007_013.gif
Animasi 14
https://1.bp.blogspot.com/-HjalF_g1Vog/XjZrI-o743I/AAAAAAAAGZo/IoSrzQxcqV0ReidfoMuad9Q6zlUv6JmUQCLcBGAsYHQ/s1600/development007_014.gif
Animasi 15
https://1.bp.blogspot.com/-DOjn1Ur2-2A/XjZrLg8d-lI/AAAAAAAAGZw/EiC4z_Awn8MITE7zM19W6yc7XAb2ZeZPwCLcBGAsYHQ/s1600/development007_015.gif
Animasi 16
https://1.bp.blogspot.com/-lc_sQ6cD1HU/XjZrOk9OChI/AAAAAAAAGZ0/wgwlKTVYn0Qz6IMwDtu6XlxB-V3EP9AxQCLcBGAsYHQ/s1600/development007_016.gif
Animasi 17
https://1.bp.blogspot.com/-WQDJL4QEd2M/XjZrUvwsD-I/AAAAAAAAGZ8/_F9NwwGOdIs3lgD_U5GahFjepM27jX7tQCLcBGAsYHQ/s1600/development007_017.gif
Animasi 18
https://1.bp.blogspot.com/-BcwHbGvEM-Q/XjZrX3hehLI/AAAAAAAAGaA/EdNIQkLqZaYUHeKnLYiBshPGJHhJKtdHACLcBGAsYHQ/s1600/development007_018.gif
Animasi 19
https://1.bp.blogspot.com/-GZhKoRhSWF0/XjZrcNU4C-I/AAAAAAAAGaM/H01ZzIHBuLI3ChdAVWbob_f9iG3Bi9ToQCLcBGAsYHQ/s1600/development007_019.gif
Animasi 20
https://1.bp.blogspot.com/-N-SUrgAkwZw/XjZrfA3w-UI/AAAAAAAAGaU/ORyz__z3QxAIkvPJI-eCd0W8tEHNiBaigCLcBGAsYHQ/s1600/development007_020.gif
Animasi 21
https://1.bp.blogspot.com/-_2OfwM7_-mM/XjZriJ6ufxI/AAAAAAAAGaY/zv94fhQQVjg6n9520vMs82bgqiFBtGruACLcBGAsYHQ/s1600/development007_021.gif
Kedua, langkah terakhir adalah mengalihkan domain tersebut ke domian tujuan, untuk mengalihkan halaman silahkan baca tutorial berikut ini.
Baca juga : Cara membuat halaman redirect
Jika sudah silahkan save tema anda dan lihat hasilnya, demo sebagai berikut.
Untuk antisipasi agar domain ini tidak ter-blokir Facebook silahkan amankan domain Blog Redirect dengan tutorial berikut ini.
Baca juga : Cara mencegah domain di anggap SPAM Facebook
Itulah cara membuat Blog Redirect dimana cara ini untuk mengatasi domain yang di blokir oleh Facebook, berikan komentar anda dan semoga bermanfaat . . .
Situs download software lengkap dan mudah - Tutorial lengkap tentang website, sosial media, dan komputer - Sumber referensi tugas sekolah dan informasi lainnya
Boleh saya ambil gan?
ReplyDeletehttps://1.bp.blogspot.com/-_N6yhz7NpZk/XjZqi9uZxnI/AAAAAAAAGYw/u392hCw2YL8g4VKGxWebQMHVfNT1iZ2_QCLcBGAsYHQ/s1600/development007_004.gif
Ia silahkan gan
Delete