Showing posts with label halaman. Show all posts

Tuesday, December 27, 2016

Cara Membuat Halaman Redirect Pengalihan Halaman

Assalamualaikum sobat... sudah lama tak berjuampa xD
Sekarang ane mau bagiin Cara Membuat Halaman Redirect/Pengalihan Halaman. Disini ane mau ajarin dengan 3 bahasa Pemograman yaitu HTML, PHP, dan JavaScript.
Oke langsung saja yang

1. HTML
Selipkan kode dibawah ini diatas hode <head> atau dimanapun kalian ingin menaruh kode ini ( Asalkan tidak dalam Tag lain )

<meta http-equiv="Refresh" content="waktu-tunda; URL=alamat-tujuan">

Penjelasan :

content="waktu-tunda;

adalah Lamanya waktu Halaman akan dialihkan, jika ingin dialihkan dalam 1 detik, ganti tulisan "waktu-tunda" dengan angka "1" (Tanpa tanda kutip)

URL=alamat-tujuan

adalah Kemana halaman itu akan dialihkan, jika ingin dialihkan ke blog sobat, tinggal ganti aja tulisan "alamat-tujuan" dengan URL Blog sobat contoh : http://dfc48.blogspot.com/

Contoh yang sudah jadi seperti ini :

<meta http-equiv="Refresh" content="1; URL=http://dfc48.blogspot.com/">

2. PHP
Selipkan kode dibawah ini di File/Dokumen ber extensi PHP

<?php
header("location:alamat-tujuan");
?>

Penjelasan :

location:alamat-tujuan

adalah Kemana halaman itu akan dialihkan, contoh-nya

location:http://dfc48.blogspot.com

Contoh jika sudah jadi seperti ini :

<?php
header("location:http://dfc48.blogspot.com/");
?>

3. JavaScript
Dengan JavaScript ini bisa untuk Halaman ber-extensi HTML ataupun PHP
Kode-nya seperti ini :

<script language=javascript>
setTimeout("location.href=alamat-tujuan", waktu-tunda);
</script>

Penjelasan :
Waktu yang digunakan menggunakan Satuan Mili Detik,
kode ini bisa diselipkan diantara tag <head> dengan </head> maupun <body> dengan </body>

Contoh :

<script language=javascript>
setTimeout("location.href=http://dfc48.blogspot.com", 20000);
</script>

Berarti web tersebut akan dialihkan ke Blog ini dalam waktu 2 Detik

Oke... cukup sekian penjelasannya tentang Cara Membuat Halaman Redirect ^_^
Jika ada yang belum paham silahkan ditanyakan xD
Wassalamualaikum WR.WB.

Go to link Download

Cara Membuat nomor halaman Otomatis di ms word

Bagi kalian yang sedang mengerjakan tugas tugas yang harus diketik pasti akan mikir lagi jika harus membuat halaman yang otomatis pada tugasa yang harus dikerjakan. Halaman otomatis adalah halaman yang muncul pada header ataupun footer , header sama saja dengan kop bagian atas dan footer kop bagian bawah. Halaman otomatis digunakan agar kita tak perlu mengetik manual nomor yang muncul setelah nomor yang ditulis sebelumnya, dengan halaman otomatis kita bisa menentukan letak ataupun format halaman yang akan kita munculkan, seperti angka romawi angka nominal dll, letaknya pun bisa kita sesuaikan tergantung selera kita .

Langsung saja bahas tutorialnya :

Pertama buka file ms word anda , lalu klik 2 kali pada kop header atau footer seperti yang saya jelaskan tadi. terserah anda mau menampilkan halamanya dimana.
Contoh kita klik di footer maka akan muncul notice footer section
Kemuidian klik menu Design yang terdapat pada bagian atas kanan ms.word
Pilih opsi Page Number lalu pilih Bottom of page akan muncul pilihan letak nomor halaman yang akan ditampilkan. Lihat gambar dibawah.

Jikasudah maka otomatis halaman akan muncul pada lembar word anda ,
Untuk mengubah format angkanya , contoh ke angka romawi, anda perlu memilih opsi format page number.

Selamat mencoba . Semoga berguna

Go to link Download

Cara membuat halaman di Facebook

Salah satu cara mempromosikan Website / Blogspot adalah memperkenalkanya di Facebook. Apalagi jika sobat baru membuat Blog, saya sangat menganjurkan untuk membuat halaman dan mempromosikanya di Facebook.
Baik, kali ini saya akan bahas dahulu cara membuat halaman di Facebook.
Berikut langkah-langkah untuk membuat halaman Website / Blogspot di Facebook:
1. Login ke Facebook dengan akun sobat.
2. Agar lebih cepat, langsung saja isikan alamat http://www.facebook.com/pages/create.php, dan masuklah ke URL tersebut.
3. Memilih Produk, pilih "Merek atau Produk" karena Blog merupakan produk yaitu konten dalam Blog sobat.

4. Pilih Kategori sesuai dengan isi konten Blog sobat dan buat nama halaman, setelah itu centang pada bagian kotak dan Klik mulai.

5. Masukan Foto Profil halaman, setelah selesai klik Selanjutnya.

6. Buat Informasi/deskripsi halaman, dan URL Blog sobat. Setelah selesai klik Simpan Info.

7. Membuat web Facebook sesuai dengan keinginan sobat. Setelah selesai klik Atur alamat.

8. Pada bagian ini, terserah sobat akan mengaktifkan iklan atau tidak. Pilih sesuai dengan yang sobat inginkan.

Selesai, halaman Blog sobat pada Facebook telah dibuat.
Untuk mengetahui URl halaman Blog. Masuk ke halaman utamanya, dan lihat URl nya pada tab URL.

Go to link Download

Cara Membuat halaman baru di Blog Blog New Page

Selamat malam sobat blogger !!! Malam minggu kayak gini, emang enak kalo pergi HangOut sama temen-temen, Benar nggak ?! Tapi nggak buat aq, mendingan Update Artikel aja deh... Hehehe...

Eits... Tetapi malam ini aq nggak akan mungkin bahas tentang Malam Minggu sob, melainkan membahas tentang Cara Membuat Halaman Page Baru Di Blog. Sama seperti ketika membuat artikel, membuat halaman blog juga tidak sulit. Jadi, jika sobat terbiasa menulis artikel di Ms.Word, sobat pasti bisa menulis artikel di blog. Jika sobat bisa menulis artikel di blog, sobat juga bisa membuat halaman blog dan mengisinya dengan artikel yang di inginkan.

Halaman blog tidak hanya bisa di isi oleh tulisan saja, apapun bisa sobat masukkan atau sobat pasang di halaman blog tersebut. Seperti gambar, musik, Daftar isi, dll. Bahkan jika sobat memiliki toko online, sobat bisa membuatnya disana.

Berikut Tutorial Cara Membuat halaman blog baru :

Login ke akun blogger.com sobat
Pilih menu Laman yang ada disebelah kiri dashboard blogger dan pilih Laman baru, lalu klik Laman kosong

Isi Judul halaman (page) dan artikelnya sesuai tanda panah gambar di atas. Isi dengan sesuatu yg di butuhkan. Setelah selesai, klik publiskan.
Ubah pilihan “Jangan tampilkan” dengan pilihan “Tab atas”. Lalu klik Tombol “Simpan Pengaturan”.

Pada menu ini, ada 3 opsi yaitu :

Tab atas

Merupakan pengaturan standart dari blogger yang secara otomatis akan tampil setiap kali anda membuat halaman baru. Laman atau halaman blog akan berada di atas blog atau tepatnya dibagian bawah header atau judul blog anda dan tampilan yang umum digunakan. Contohnya adalah blog ini.

Tautan samping

Merupakan pengaturan standart dari blogger yang secara otomatis akan tampil setiap kali anda membuat halaman baru. Laman atau halaman blog akan berada di samping blog atau tepatnya dibagian sidebar blog. Jarang digunakan.

Jangan tampilkan

Laman atau halaman blog tidak akan ditampilkan alias tersembunyi dan untuk menampilkannya, anda hanya bisa menggunakan cara manual dengan membuat halaman blog sendiri.

Dari ketiga opsi diatas, aq sendiri biasanya selalu memilih opsi yang ketiga, yaitu Jangan tampilkan.

Go to link Download

Cara Membuat Navigasi Halaman Blog dengan Nomor

Cara Membuat Navigasi Halaman Blog (Numbered Page Navigation) dengan Nomor di bagian bawah Homepage.

NAVIGASI halaman merupakan bagian dari internal link (tautan internal) yang dianjurkan oleh Google. Fungsinya untuk memudahkan user mengeksplorasi konten blog kita.

Demonya bisa dilihat di bagian bawah halaman depan (Home) blog ini.

Berikut ini cara mudah membuat Numbered Page Navigation atau Navigasi Halaman blog:

1. Template > Edit HTML
2. Copas kode berikut ini di bawah kode ]]></b:skin>

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}

.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 14px;padding: 5px 12px;margin-right:5px; color: #666; background-color:#eee;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#359BED;text-decoration:none;color: #fff;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#359BED;}
.showpageOf{display:none!important}
#blog-pager .pages{border:none;}

3. Copas kode berikut ini di atas </body>

<b:if cond=data:blog.pageType != "item">
<b:if cond=data:blog.pageType != "static_page">
<script type=text/javascript>
/*<![CDATA[*/
var perPage=7;
var numPages=6;
var firstText =First;
var lastText =Last;
var prevText =« Previous;
var nextText =Next »;
var urlactivepage=location.href;
var home_page="/";
/*]]>*/
</script>
<script src="http://helplogger.googlecode.com/svn/trunk/page-navigation2.js"/>
</b:if>
</b:if>

4. Save template!

Model atau gaya Navigasi Halaman Blog dengan Nomor lainnya bisa dilihat di Help Blogger.*

Go to link Download

Cara membuat nomor halaman berbeda di Ms Word

Membuat nomor halaman berbeda di Ms Word antara angaka romawi dan nominal , ini yang sering membuat kita pusing untuk membuatnya. Bagi anda yang pernah mengerjakan tugas makalah ataupun Tugas Akhir pastinya sudah sering berjumpa dengan masalah ini. Masalah yang satu ini memang sering disepelekan mereka, kebanyakan dari mereka hanya membuat nomor halaman romawinya dulu lalu kalau sudah diprint mereka mengubah format halaman menjadi angka nominal. Kebayangkan rumitnya jika harus bolak balik ganti format nomor . Lalu bagaimana cara praktisnya untuk membuat nomor halaman berbeda di Ms Word antara angka romawi dan nominal.

Berawal dari pengalaman dan pertanyaan orang orang disekitar mari kita bahas tutorialnya bersama. :

Pertama buka file makalah ataupun TA yang akan anda kerjakan , jika belum ada anda buatlah lebih dulu.

Tambahkan halaman atau page number dengan angka romawi dari halaman 1-3 . Untuk lebih jelas baca cara-membuat-nomor-halaman-ot0matis-

Lalu tempatkan kursor pada akhir halaman yang nomor halamanya akan berbeda formatnya. Contoh kita tempatkan kursornya di halaman 3

Kemudian klik Page Layout >> Break >> Next Page untuk membuat setting halaman berikutnya, agar dapat menysipkankan format halaman lainya. Perhatikan gambar dibawah

Letakan kursor pada halaman 3 yang nomor halamanya akan diubah atau berbeda. . Lalu klik Insert >> Page Number >> Format page number .

Maka akan muncul menu seperti gambar berikut. Atur format halaman dengan klik seperti pada tanda yang saya beri kode A. dan kode B untuk menentukan dari angka berapa halaman anda akan dimulai jika sudah tinggal klik OK.

Sekian tutorial Cara membuat nomor halaman berbeda di Ms Word semoga bisa berguna.

Go to link Download

Cara Membuat Halaman di Google

Halaman facebook sudah punya, halaman apa lagi ya yang belum? Masih ingatkan kalau google punya
Google+ yang seperti facebook itu? Baru-baru ini google plus juga mengeluarkan fitur baru baru, yaitu Halaman Google+. Fungsinya hampir sama dengan halaman facebook, yaitu halaman pengemar atau komunitas untuk perusahaan, brand, bisnis, minat seni dan olah raga.

Bagaimana dengan kamu? Tertarik untuk membuat halaman di Google+ ? Bisa juga loh, untuk halaman blog kita, atau terserah kamu mau buat komunitas apa. Kelebihan dari halaman google+ adalah dalam waktu dekat akan terintegrasi dengan Google Search Engine.Untuk kata kunci yang kita ketik dengan diawali dengan +, contoh +belajar ngeblog nantinya maka secara otomatis google akan memberikan hasil result tertentu yang terkait dengan halaman google+.

Cara Membuat Halaman di Google+
1. Buka Google+ di https://plus.google.com/pages/create
2. Pilih kategori halaman yang akan kita buat.
3. Masukan Judul/Nama halaman dan URL situs/blog kita.
4. Jangan lupa centang kalau kita setuju, lalu klik tombol Buat.

5. Selanjutnya masukan slogan untuk halaman yang dibuat.
6. Unggah juga foto profil untuk halaman lalu klik tombol Lanjutkan.

7. Lalu kita bisa membagikan atau memberitahukan halaman yang barusan dibuat.
8. Jika sudah klik tombol Selesai.

Sekarang halaman kamu sudah siap untu digunakan untuk berbagi dan menyebarkan tulisan terbaru kita. Tinggal setiap kali ada tulisan terbaru kita posting link itu di halaman google+ blog kita. Jangan lupa ya..

Go to link Download

Cara Membuat Menampilkan Halaman Statis Blog di Navigasi Menu

Cara Menampilkan Menu Halaman Statis Blog

BAGI newbie, memunculkan atau menampilkan link Halaman Statis (Static Page) di Navigasi Menu Blog bukan perkara gampang --karena belum tahu aja. Nyaris percuma kan, kita bikin halaman statis (page), tapi gak keliatan dan "ditengok" sama pengunjung?

Halaman (Page) atau Halaman Statis (Static Page) adalah jenis halaman yang biasanya berisi konten "statis", jarang sekali diubah. Sekali bikin, ya sudah... begitulah namanya halaman statis, meskipun masih bisa diedit/update kapan saja.

Beda dengan "halaman dinamis", yakni halaman postingan (Posts) yang kita buat setiap kali kita menulis konten blog.

APA SAJA HALAMAN STATISNYA?
Konten blog yang biasanya menjadi halaman statis adalah:

About (Tentang)
Sitemap (Daftar Isi)
Contact (Kontak)

Untuk blog bisnis bisa ditambah dengan halaman:

Privacy Policy/Disclaimer
Services (Layanan)
Products (Produk)

Untuk blog organisasi, bisa ditambah dengan halaman:

Profil
Sejarah
Susunan Pengurus
Visi Misi
Program
Agenda
Galeri Foto
Galeri Video

Nah, halaman-halaman tersebut disebut Halaman Statis (Static Page).

CARA MEMBUATNYA

"Each blog can have up to 20 pages," kata blogger. Tiap blog maksimal bisa membuat 20 halaman statis. Tidak bis lebih.

Cara membuatnya sudah ada di panduang Blogger: Create a new page on your blog. Ringkasnya:

Klik menu "Pages" (Halaman) di Dashboard Blog.
Klik "New Page" (Halaman Baru)
Silakan Isi "nama halaman" dan "konten halaman".

Cara Menampilkan Halaman Statis di Menu Navigasi Blog

Nah, sekarang bagaimana cara menampilkannya? Jika template Anda bukan default blogger, artinya template hasil download dari "pihak ketiga", biasanya sudah ada link menu halaman statis di dalam template.

Anda tinggal ganti link dan nama halamannya, misalnya seperti ini:

<ul>

<li><a href=#>About</a></li>

<li><a href=#>Contact</a></li>

</ul>

</li>

Ganti tanda pagar (#) dengan link halaman Anda, misalnya:

<li><a href=http://contohblognih.blogspot.com/p/about-cb.html>About</a></li>

Dari mana mendapatkan linknya? Lihat gambar di bawah. Klik kanan di menu "View" dan klik "Copy Link Address". Coba paste di Notepad. Itulah link halaman statisnya!

Cara lainnya, dan ini biasa berlaku di template bawaan blogger, yaitu dengan menambahkan gadget:

Klik "Layout" > "Add a Gadget"
Pilih "Page List"
Nah... di sinilah halaman statis Anda bermunculan.

Demikian Cara Menampilkan Menu Halaman Statis Blog, panduan bagi Newbies alias para blogger baru. Good Luck!

Go to link Download

Cara Membuat Navigasi Halaman Blog Blog

Kali ini saya ingin sharing tentang cara membuat navigasi halaman pada blog. Sebenarnya cara ini sudah banyak di ulas oleh para blogger, namun saya rasa tidak ada salahnya kalau saya juga ingin berbagi dengan anda semua. Paling

tidak bisa menambah referensi anda.

Oke, langsung saja ke pokok permasalahan. Untuk membuat navigasi halaman ini, anda harus benar-benar mengikuti langkah demi langkah yang saya uraikan , karena kita akan sedikit mengutak-atik HTML Template blog.

1. Masuk ke menu Template, kemudian "Edit HTML"

2. setelah itu cari kode ]]></b:skin> dengan Ctrl+F, setelah ketemu taruh script dibawah ini diatas kode tersebut.

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

3. Kemudian cari kode </body> dan taruh script dibawah ini diatas kode tersebut.


<b:if cond=data:blog.pageType != "item">
<b:if cond=data:blog.pageType != "static_page">
<script type=text/javascript>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src=http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js type=text/javascript/>
</b:if> </b:if>


4. Setelah selesai, silahkan "Pratinjau" dulu.. untuk menhindari kesalahan script bro

5. Kalau tidak ada kesalahan "Save"

oke bro...
sekian dari saya bro...
makasih bro atas kunjungannya
semoga bermanfaat dan sukses buat kita semua !! amiiinn....

Jika ada kesalahan harap dimaklumi dan dikoreksi.
Kurang lebihnya mohon maaf, sekian dan terima kasih banyak sudah berkunjung di blog sederhana saya ini.

Jika ada tambahan tips dari kalian, silahkan share melalui komentar di bawah
makasih

Go to link Download

CARA MEMBUAT REDIRECT HALAMAN PHP HTML JAVASCRIPT

Redirect page atau pengalihan halaman adalah suatu cara yang digunakan untuk mengalihkan suatu halaman website menuju webpage lainnya. Redirect halaman ini bisa dilakukan dengan berbagai bahasa pemrograman web seperti PHP, HTML, dan Javascript. Kita akan membahas satu-persatu cara mudah redirect page ini:

Redirect dengan PHP

Kita letakkan script PHP berikut di sembarang tempat pada webpage PHP kita:
<?php
header("location:alamat-tujuan");
?>
Dari script diatas kita ganti alamat-tujuan dengan alamat akan kita tuju.
Contoh:
<?php
header("location:http://metriklion.blogspot.com");
?>
Contoh diatas akan mengalihkan halaman secara otomatis ke http://metriklion.blogspot.com saat halaman tersebut diakses.

Pengalihan dengan HTML

Adapun script untuk mengalihkan suatu webpage menggunakan script HTML adalah sebagai berikut:
<meta http-equiv="Refresh" content="waktu-tunda; URL=alamat-tujuan">
Waktu-tunda kita ganti dengan seberapa lama waktu yang diinginkan untuk tetap berada di halaman tersebut sebelum dialihkan ke alamat-tujuan. Waktu tunda ini menggunakan satuan sekon atau detik. Script diatas kita letakkan setelah tag <head> dan sebelum tag </head>.
Contoh:
<meta http-equiv="Refresh" content="10; URL=http://metriklion.blogspot.com">
Kita akan dibawa menuju alamat http://metriklion.blogspot.com setelah 10 detik webpage tersebut kita akses.

Mengalihkan menggunakan Javascript

Pengalihan dengan javascript ini bisa dilakukan dipasang pada halaman web yang bertipe PHP maupun HTML. Berikut ini adalah script redirect dengan javascript:
<script language=javascript>
setTimeout("location.href=alamat-tujuan", waktu-tunda);
</script>
Waktu-tunda disini menggunakan satuan mili detik. Script diatas bisa dipasang diantara tag <head> dengan </head> maupun <body> dengan</body>.
Contoh:
<script language=javascript>
setTimeout("location.href=http://metriklion.blogspot.com", 10000);
</script>
Fungsi script diatas sama seperti nomor dua, yaitu mengalihkan halaman menuju http://metriklion.blogspot.com setelah 10 detik.

Demikian beberapa cara mudah dan cepat redirect halaman menggunakan PHP, HTML, dan Javascript. Semoga tutorial sederhana ini bermanfaat bagi yang sedang belajar membuat website dalam berbagai bahasa pemrograman termasuk, PHP, HTML, maupun Javascript.

Go to link Download

Cara Membuat Indikator Loading Page Halaman

Cara Membuat Indikator Loading Page / Halaman

Posted by Indra × 05.44

Ada beberapa blog yang pernah saya kunjungi menggunakan indikator loading halaman. Biasanya sebuah gambar akan muncul ketika kita sedang membuka halaman sebuah web. Gambar tersebut menunjukan halaman tersebut sedang dalam proses loading. Blog Trik dan Tips kali ini akan memberikan tutorial bagaimana membuat loading page atau indikator loading halaman yang sederhana pada blog anda. Untuk membuatnya tidaklah sulit, ikuti saja langkahnya dibawah ini:

1. Masuk ke Rancangan --> Edit HTML
2. Back up (upload) template anda terlebih dahulu untuk mencegah kesalahan editing
3. Cari kode <body>
4. Hapus kode tersebut lalu ganti dengan kode dibawah ini:

<body onLoad=init()>
<span id=loading style=position:absolute; text-align: center; top:10px; right: 10px;><img border=0 src=http://1.bp.blogspot.com/-l6kpGSbwlAk/T4QyAAmu78I/AAAAAAAAC8M/3JL_qrskbEs/s400/kotak.gif/></span>
<script>
var ld=(document.all);

var ns4=document.layers;
var ns6=document.getElementById&&!document.all;
var ie4=document.all;

if (ns4) ld=document.loading;
else if (ns6)
ld=document.getElementById("loading").style;
else if (ie4)
ld=document.all.loading.style;

function init() {
if(ns4){ld.visibility="hidden";}
else if (ns6||ie4) ld.display="none";
}
</script>

5. Ganti kode berwarna biru dengan url gambar loading page yang anda suka
6. Simpan template anda lalu lihat hasilnya

Go to link Download

Cara Membuat navigasi halaman angka di blog


Cara Membuat Navigasi Nomor pada Halaman Blogger




Login ke Dashboard Blogger Anda

Klik Template – Edit HTML

Sekarang cari kode dibawah ini 

]]></b:skin>

Kemudian tambahkan kode dibawah ini tepat diatasnya :

.showpageOf { display:none; }
.showpageNum a:hover, .showpage a:hover { background: #41B7D8; color: #fff; text-decoration: none; }
.showpagePoint { color:#fff; padding: 7px 11px; background: #41B7D8; text-decoration: none; }


Script diatas bisa Anda gunakan untuk mengedit dari style Navigasi. Selanjutnya cari tag :






Sekarang cari kode dibawah ini :



</body>

Kemudian tambahkan script dibawah ini tepat diatasnya :



<script type=text/javascript>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Prev&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src=https://dl.dropboxusercontent.com/s/xem1puohuldjpms/blogger_pagenavi_min.js type=text/javascript/>

Langkah Terakhir klik simpan template

Go to link Download

Cara Membuat Halaman Error 404 Keren di Blog

Cara Membuat Halaman Error 404 Keren di Blog - Halaman error 404 meruapakan halaman yang dalam pengetikan url salah maupun artikel sudah di hapus maka timbulah halaman error . kali ini saya akan berbagi cara mendesign halaman error yang keren di blog anda . tutor ini saya ambil dari template mas sugeng fastest magz v3 . dan kemudian saya terapkan juga di blog saya ini . tapi karena ada yang request , saya akan bagikan tutorialnya membuat halaman error 404 . demonya seperi di bawah ini

Cara Membuat Halaman Error 404

Masuk dulu kebagian Template => Edit HTML
Sebelum kita pasang CSS nya kita pasang dulu tag kondisionalnya , silahkan anda pasang tag kondisional berikut dibawah kode ]]></b:skin>
```
<b:if cond=data:blog.pageType != &quot;error_page&quot;>

/* CSS ERROR DISINI */

</b:if>
```

Kemudian anda pasang kode css dibawah ini , diantara tag kondisionalnya tadi ( /* CSS ERROR DISINI */ )

#post-wrapper{max-width:100%;width:100%!important}
.status-msg-wrap{width:100%;background:#fff url(http://2.bp.blogspot.com/-GJqe_Mw3nCA/Udkt6st2LGI/AAAAAAAACFg/vnAqikDNzmQ/s1600/404.png) no-repeat center 10px;display:block;margin:0 auto;position:relative;min-height:150px;font-family:"Oswald",Verdana,Sans-Serif;text-shadow:1px 1px #fff,2px 2px #ccc,3px 3px #ddd,4px 4px #eee;font-size:2.2em;font-weight:400}
.status-msg-body{padding:150px 0 20px 0;max-width:100%!important;width:auto!important;position:relative!important;text-align:center;line-height:1.4em}
.status-msg-border,#blog-pager,#sidebar{display:none!important}

NOTE:
Sebelum anda menyimpanya silahkan sesuaikan dulu kode CSSnya
Keterangan kode di atas :
#post-wrapper = merupakan bagian post yang akan kita buat lebarnya 100%
.status-msg-border,#blog-pager,#sidebar = merupakan elemen yang akan disembunyikan

Jika sudah maka simpan template dan lihat hasilnya
Untuk mengecek halaman error tambahkan kode /error404 dibelakang url blog anda contoh http://ahmadsuyadi.blogspot.com/error404

Demikian dari saya tutoial tentang Cara Membuat Halaman Error 404 Keren di Blog , jika sobat butuh bantuan silahkan hubungi saya atau komen dibawah :)

Go to link Download

Tuesday, December 27, 2016

Cara Membuat Halaman Redirect Pengalihan Halaman

Tuesday, December 20, 2016

Cara Membuat nomor halaman Otomatis di ms word

Saturday, December 17, 2016

Cara membuat halaman di Facebook

Thursday, December 8, 2016

Cara Membuat halaman baru di Blog Blog New Page

Monday, December 5, 2016

Cara Membuat Navigasi Halaman Blog dengan Nomor

Sunday, November 20, 2016

Cara membuat nomor halaman berbeda di Ms Word

Sunday, November 13, 2016

Cara Membuat Halaman di Google

Thursday, November 10, 2016

Cara Membuat Menampilkan Halaman Statis Blog di Navigasi Menu

Cara Menampilkan Halaman Statis di Menu Navigasi Blog

Tuesday, November 8, 2016

Cara Membuat Navigasi Halaman Blog Blog

Friday, November 4, 2016

CARA MEMBUAT REDIRECT HALAMAN PHP HTML JAVASCRIPT

Sunday, October 23, 2016

Cara Membuat Indikator Loading Page Halaman

Cara Membuat Indikator Loading Page / Halaman

Friday, October 21, 2016

Cara Membuat navigasi halaman angka di blog

Cara Membuat Navigasi Nomor pada Halaman Blogger

Wednesday, October 12, 2016

Cara Membuat Halaman Error 404 Keren di Blog

Cara Membuat Halaman Error 404