Membuat 404 Custom Page Not Found Professional Pada Blogger

Pernah membaca 24 fun and inspiring Web 2.0 error pages? dari tulisan tersebut terinspirasi untuk membuat halaman tidak ditemukan, nah sekarang bagaimana membuat halaman yang tidak ditemukan(Costum Page Not Found) pada Blogger. Kita bisa membuat halaman error pada Blogger. Blogger new interface (Tampilan Baru Blogger) menawarkan kepda pengguna blogger/blogspot untuk membuat custom page not found di Blogger, Mari kita bahas manfaat dan cara membuat halaman dari Error Page, atauhalaman tidak ditemukan pada Bloggerdengan tampilan Professional.

Apa Manfaat dari Halaman Tidak Ditemukan (Custom Page Not Found)

Sebelum anda memasang atau membuat custom page not found di Blogger, at least anda harus tau manfaat dari page not found 404 di Blogger, adapun manfaaat dari page not found di Blogger adalah untuk memudahkan pengunjung blog anda yang tersesat dikarenakan ada kesalahan pada blog kita untuk memberikan arahan atau pentunjuk untuk kembali ke jalan yang benar:-) Dengan adanya page not found 404 pada blog anda anda dapat berkomunikasi secara tidak langsung kepada pengunjung anda jika mereka menemukan kesalahan tujuan URL blog anda atau mengunjungi broken link atau backlinkyang belum anda perbaiki, dan dengan 404 page not found sangat bermanfaat bagi pengunjung anda untuk mengarahkan mereka ke menu utama agar pengunjung menganggap blog anda adalah blog professional, dengan ini anda meminimalisir kesalahan blog anda yang terjadi ketika mereka cari dimesin pencari, dengan arahan opsi yang anda berikan memudahkan pengunjung untuk tetap percaya kepada blog anda. Karena anda dengan blog anda tidak membiarkan pengunjung berada dalam kesesatan atau kesalahan dalam pencarian blog anda, jadi custom page not found penting dalam sebuah blog!

Bagimana membuat Custom Page Not Found Professional pada Blogger

Untuk membuatnya butuh 10 menit dalam membuatnya dengan image dan teks. ikuti cara berikut ini step by step;

• Masuk ke halaman setting di Blogger anda, dan anda harus menggunakan New Blogger Interface terlebih dahulu, kemudian pilih Tab Search preferences 

• Setelah itu lihat Errors and redirections dan pilih Custom Page Not Found kemudian klik edit untuk memasukkan kode HTML atau Teks untuk pilihan halaman Page Not Found anda. Lihat Page Not Found imuzcorner di 404 page not found dan ini sumber koode HTMLnya silahkan anda ganti image dan link imuzcornernya jika anda meniru bentuk page not found imuzcorner, atau buat sendiri kalau anda mahir dalam membuat kode HTML sekreatif mungkin agar terlihat professional.

UPSSS...HALAMAN YANG ANDA CARI TIDAK DITEMUKAN!
 Silahkan Kembali ke Menu Utama imuzcorner
 Silahkan Laporkan jika ada kesalahan. Kontak imuzcorner

• Untuk menggunakan gambar anda bisa membuat sendiri sesuai selera anda  dengan menggunakan blog postingan dan gunakan kode HTMLnya untuk dipastekan di Custom Page Not Found, silahkan lihat 60 Really Cool and Creative Error 404 Pages untuk bahan ide dan inspirasi anda dalam membuat page not found di Blogger
• Kalau anda sudah memasukkan kodenya dan kemudian save setting dan anda sudah selesai membuat custom page not found pada Blogger dengan tampilan Professional. Dan kemudian preview tampilan Custom Page Not Found dengan memasukkan url yang salah atau dengan nama domain anda.blogspot.com/404. maka tampilannya akan seperti yang anda masukkan tadi. sangat simple!
  

Kesalahan pada blog atau web pasti pernah terjadi pada kita bahkan pada blog atau web professional sekalipun. Dan untuk mengatasi kesalahan hanya dengan menggunakan arahan 404 inilah untuk meminimalisir kesalahahan agar tidak terus menerus pengunjung tersesat dalam kesalahan link tersebut.

Kesalahan HTTP error page sudah dikembangkan sejak dulu pada Intenet Explorer browser, dan inilah status kode yang pernah terjadi saat kita menelusuri web atau blog ketika terjadi kesalahan, inilah kode-kode tersebut.

Semoga dengan membuat Custom  page not found Professional pada Blogger bermanfaat untuk anda, Silahkan perbaharui terus informasi dari imuzcorner tentang, Blogging, SEO Blogging dan berbagai ulasan menarik tentang sosial media dengan subribe melalui email anda.

Read More

Cara Mengembalikan Tampilan Facebook Lama

Kali ini saya akan membahas mengenai timeline tampilan facebook. Bagi sebagian orang, tampilan baru facebook sangat menganggu karena kebingungan melihatnya.

Untuk itu kowandy.com akan berbagi sebuah trik yang terbukti berhasil menghapus timeline facebook kowandy. Banyak temen di facebook yang nanya sama saya "Ko, bagaimana cara mengubah tampilan facebook Timeline ke tampilan lama?" Nah, karena itulah saya ulas caranya di bawah ini.

- Buka timelineremove.com
- kemudian akan terbuka halaman seperti gambar di bawah ini dan pilih browser anda.

- lalu izinkan pemasangan (kowandy.com memakai mozilla firefox)

- setelah beberapa saat tunggu dan restart kembali halaman facebook anda.

Bagaimana? sudah kembali kan tampilan semula facebook. Berarti anda telah berhasil menghapus tampilan timeline facebook. Berikut screen shot tampilan kowandy.

Itulah ulasan mengenai Cara Mengembalikan Tampilan Facebook Lama.

Read More

Cara Membuat/Memasang Tombol Google Plus di Blog

trik tentang caraMembuat/Memasang Tombol Google Plus di Blog. Untuk mengerjakan trik ini 2 cara. Cara pertama untuk kalian yang menggunakan template default blogger atau cara kedua untuk kalian yang menggunakan template non default blogger. KarenaGoogle Plus sekarang sedang booming, maka sangat ketinggalan sekali buat kalian para Blogger jika tidak memiliki account Google Plus. Silakan baca artikel Cara Daftar Google Plus jika belum pernah daftar.

Cara Membuat/Memasang Tombol Google Plus versi pertama (template default blogger) :

1.     Login ke Blogger kalian.

2.     Pilih tab Design – Page Elements. Klik link Edit yang terdapat pada Posting Blog.

 

3.     Setelah itu muncul sebuah pop up, centang Show Share Button dan Save.

Cara Membuat/Memasang Tombol Google Plus versi kedua (template non default blogger) :

1.     Login ke Blogger – Design – Edit HTML.

2.     Download template kalian jika nanti ada error, jika sudah centang Expand Template Widget.

3.     Cari kode “</head>” dan Paste-kan kode berikut tepat di bawahnya :

<script type=”text/javascript” src=”http://apis.google.com/js/plusone.js”></script>

4.     Copy kode di bawah ini :

      <!-- Google +1 Button  -->

    <div style=' float:right;'>

    <g:plusone size="medium"></g:plusone>

  </div><!-- Google +1 Button end -->

Keterangan :

·         Float : posisi tombol, isi Right=kanan atau Left=kiri

·         Size : ukuran tombol, isi Standart, Medium, Low

5.     Paste ke :

·         Atas <data:post.body/> jika ingin menempatkan di atas postingan.

·         Bawah <data:post.body/> jika ingin menempatkan di bawah postingan.

·         Atau tempat lain jika kalian mengerti tentang template kalian.

6.     Setelah itu tekan tombol Save Template.

Mudah bukan untuk Membuat/Memasang Tombol Google Plus? Jika masih ada yang belum berhasil silakan ditanyakan pada form komentar. Terima kasih sudah membaca artikel Cara Membuat/Memasang Tombol Google Plus di Blog.

Read More

Ribbon Menu With CSS3

Pada Tutorial Blogger kali ini saya akan mengajarkan Sobat cara membuat Ribbon Menu With CSS3 dihalaman Blog atau Website Sobat Semua dan apa itu Ribbon Menu? Oke Saya jelaskan sedikit, Ribbon Menu adalah Sebuah Menu navigasi yang berbentuk atau menyerupai sebuah Pita dan pembentukannya tidak menggunakan gambar atau image dan hanya menggunakan Kode CSS3 sehingga membuat Ribbon Menu ini sangatlah Efisien dan ringan untuk digunakan.

Silahkan Simak Dibawah ini untuk Cara Membuatnya.

1. Pertama Silahkan Sobat Masuk atau Login Ke Akun Blogger.
2. Masuklah Pada Rancanga => Edit HTML dan Beri Centang pada Expand Template Widget.
3. Cari Kode ]]></b:skin>  pada Kode HTML Tempalte Sobat.
4. Bila Sudah ketemu silahkan taruh semua kode berikut tepat diatasnya.

.ribbon {

display:inline-block;

}

.ribbon:after, .ribbon:before {

margin-top:0.5em;

content: "";

float:left;

border:1.5em solid #01978C;

}

.ribbon:after {

border-right-color:transparent;

}

.ribbon:before {

border-left-color:transparent;

}

.ribbon a:link, .ribbon a:visited { 

color:#000;

text-decoration:none;

float:left;

height:3.5em;

overflow:hidden;

}

.ribbon span {

background:#01978C;

display:inline-block;

line-height:3em;

padding:0 1em;

margin-top:0.5em;

position:relative;

-webkit-transition: background-color 0.2s, margin-top 0.2s; /* Saf3.2+, Chrome */

-moz-transition: background-color 0.2s, margin-top 0.2s; /* FF4+ */

-ms-transition: background-color 0.2s, margin-top 0.2s; /* IE10 */

-o-transition: background-color 0.2s, margin-top 0.2s; /* Opera 10.5+ */

transition: background-color 0.2s, margin-top 0.2s;

}

.ribbon a:hover span {

background:#FFD204;

margin-top:0;

}

.ribbon span:before {

content: "";

position:absolute;

top:3em;

left:0;

border-right:0.5em solid #9B8651;

border-bottom:0.5em solid #01978C;

}

.ribbon span:after {

content: "";

position:absolute;

top:3em;

right:0;

border-left:0.5em solid #9B8651;

border-bottom:0.5em solid #01978C;

}

1. Selanjutnya Cari Kode <body>  dan letakkan Kode Berikut Dibawahnya.

<div class='ribbon'>

<a href='#'><span>Home</span></a>

<a href='#'><span>Software</span></a>

<a href='#'><span>Game</span></a>

<a href='#'><span>Tutorial</span></a>

<a href='#' ><span>About</span></a>

<a href='#'><span>Contact</span></a>

</div>

1. Keterangan:
   
   
   • Kode yang pagar adalah Link/URL dari menu tersebut.
   • Kode yang ada nama adalah Nama atau Judul dari Menu tersebut.
2. Sekarang Simpan Template Sobat dan Lihat Hasilnya.

Read More

kode warna HTML dengan kata-kata warna

                                                 

KODE WARNA HTML Contoh:Putih =>#ffffff;

#FOF8FF Aliceblue

#FAEBD7 Antiquewhite

#00FFFF Aqua

#7FFFD4 Aquamarine

#F0FFFF Azure

#F5F5DC Beige

#FFE4C4 Bisque

#000000 Black

#FFEBCD Blanchedalmond

#0000FF Blue

#8A2BE2 Blueviolet

#A52A2A Brown

#DEB887 Burlywood

#5F9EAD Cadetblue

#7FFF00 Chartreuse

#D2691E Chocolate

#FF7F50 Coral

#64950 Cornflowerblue

#FFF8DC Cornsilk

#DC143C Crimson

#00FFFF Cyan

#00008B Darkblue

#008B8B Darkcyan

#B8860B Darkgoldenrod

#A9A9A9 Darkgray

#006400 Darkgreen

#8B008B Darkmagenta

#BDB76B Darkkhaki

#556B2F Darkolivegreen

#FF8C00 Darkorange

#9932CC Darkorchid

#8B0000 Darkred

#E9967A Darksalmon

#8FBC8B Darkseagreen

#483D8B Darkslateblue

#2F4F4F Darkslategray

#00CED1 Darkturquoise

#9400D3 Darkviolet

#FF1493 Deeppink

#00BFFF Deepskyblue

#696969 Dimgray

#1E90FF Dodgerblue

#B22222 Firebrick

#FFFAF0 Floralwhite

#228B22 Forestgreen

#FF00FF Fuchsia

#DCDCDC Gainsboro

#F8F8FF Ghostwhite

#FFD700 Gold

#DAA520 Goldenrod

#808080 Gray

#008000 Green

#ADFF2F Greenyellow

#F0FFF0 Honeydew

#FF69B4 Hotpink

#CD5C5C Indianred

#4B0082 Indigo

#FFFFF0 Ivory

#F0E68C Khaki

#E6E6FA Lavender

#FFF0F5 Lavenderblush

#7CFC00 Lawngreen

#FFFACD Lemonchiffon

#ADE8E6 Lightblue

#F08080 Lightcoral

#E0FFFF Lightcyan

#FAFAD2 Lightgoldenrodyellow

#90EE90 Lightgreen

#D3D3D3 Lightgray

#FFB6C1 Lightpink

#FFA072 Lightsalmon

#20B2AA Lightseagreen

#87CEFA Lightskyblue

#778899 Lightslategray

#B0C4DE Lightsteelblue

#FFFFE0 Lightyellow

#00FF00 Lime

#32CD32 Limegreen

#FAF0E6 Linen

#FF00FF Magenta

#800000 Maroon

#66CDAA Mediumaquamarine

#0000CD Mediumblue

#BA55D3 Mediumorchid

#9370DB Mediumpurple

#3CB371 Mediumseagreen

#7B68EE Mediumslateblue

#00FA9A Mediumspringgreen

#48D1CC Mediumturquoise

#C71585 Mediumvioletred

#191970 Midnightblue

#F5FFFA Mintcream

#FFE4E1 Mistyrose

#FFE4E1 Moccasin

#FFDEAD Navajowhite

#000080 Navy

#FDF5E6 Oldlace

#808000 Olive

#6B8E23 Olivedrab

#FFA500 Orange

#FF100%0 Orangered

#DA70D6 Orchid

#EEE8AA Palegoldenrod

#98FB98 Palgreen

#AFEEEE Paleturquoise

#DB7093 Palevioletred

#FFEFD5 Papayawhip

#FFDAB9 Peachpuff

#CD853F Peru

#FFC0CB Pink

#DDA0DD Plum

#B0E0E6 Powderblue

#800080 Purple

#FF0000 Red

#BC8F8F Rosybrown

#4169E1 Royalblue

#8B4513 Saddlebrown

#FA8072 Salmon

#F4A460 Sandybrown

#2E8B57 Seagreen

#FFF5EE Seashell

#A0522D Sienna

#C0C0C0 Silver

#87CEEB Skyblue

#708090 Slategray

#FFFAFA Snow

#00FF7F Springgreen

#4682B4 Steelblue

#D2B48C Tan

#008080 Teal

#D8BFD8 Thistle

#FF6347 Tomato

#40E0D0 Turquoise

#EE82EE Violet

#F5DEB3 Wheat

#FFFFFF White

#F5F5F5 Whitesmoke

#FFFF00 Yellow

#9ACD32 Yellowgreen

Read More