Postingan ini merupakan lanjutan Artikel kemaren di Koleksi Google Font API untuk Blogger, Font Google pilihan dari Metro Personal Blog. Dan masih banyak lagi jenis font-font google yang support untuk Blogger, tapi inilah jenis font-font pilihan terbaik versi Metro Personal Blog :). Sebenarnya ribuan jenis font-font Google sih, tapi tidak semuanya Support untuk Blogger.
Note : Untuk penggabungan jenis font-font yang lain, silahkan gabung-gabungkan menurut selera anda, contohnya gabungan jenis font-font diatas (maksimal dua atau tiga jenis font).
Contoh gabungan dua jenis font --> http://fonts.googleapis.com/css?family=Oswald|Ubuntu
Untuk informasi lengkap silahkan kunjungi Google Font API Labsdisini dan Visit the Google Font Directorydisini atau di Google Webfontdisini.
Koleksi Google Font API untuk Blogger - Hi sobat blogger, berikut ini beberapa koleksi Google Font API, pilihan dari Metro Personal Blog, di gunakan untuk mempercantik style tulisan-tulisan blog anda. Silahkan pilih yang mana, sesuai kesukaan anda.
Berbagai macam jenis Font disediakan oleh Google Font API untuk membantu para Web Development dan Blogger untuk meningkatkan kualitas Blog. Font atau jenis Huruf Pilihan Metro Personal Blog di antaranya adalah :
Tangerine Amazing Metro Personal Blog
Normal Font 14 pixels Size Article Post ? Amazing Metro Personal Blog
Tambahkan kode dibawah ini, simpan dibawah kode <head>
Memanfaatkan Halaman Error Page 404 Blog dan Cara Membuat auto Error Page 404 - Pernakah anda mecari artikel atau tutorial di blog, tapi anda tidak menemukan apa yang anda cari di blog yang anda kunjungi?. Hal ini kemungkinan halaman tersebut sudah terhapus atau URL yang anda masukkan salah. Nah!! disini anda sebagai blogger tentunya tidak mau kehilangan pengunjung, dan ini memungkinkan mempengaruhi jatah Traffic Blog anda :).
Disini, kita akan memanfaatkan Halaman Error page 404 dengan tampilan khusus dan dinamis sebagai penunjuk arah atau direct, untuk mengarahkan pengunjung ke blog anda sekaligus pengunjung bisa melihat-lihat menu-menu dan artikel-artikel yang anda sajikan.
Ada dua metode membuat halaman error page, yaitu :
Halaman ERROR 404 otomatis (redirect error page). Pengunjung akan di redirect secara otomatis ke halaman utama atau halaman lain yang ditentukan.
Halaman ERROR 404 manual (non redirect). Ketika pengunjung menemukan halaman ini, maka dia harus melakukan klik secara manual untuk pindah menuju ke halaman utama (homepage) atau halaman lainnya.
Cara Pertama Halaman ERROR 404 otomatis (redirect error page)
Silahkan login dulu di blogger anda, terus masuk ke > Template > Edit Template, dan masukkan code meta tag dibawah ini, tepat dibawah code <head> :
<!-- Meta Title Halaman Error/404 --> <b:if cond='data:blog.pageType == "error_page"'> <title>404: Maaf halaman yang ada cari tidak ada | <data:blog.title/></title> </b:if>
Set Meta tag selengkapnya kira-kira seperti ini :
<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html> <HTML> <head> <meta charset='utf-8'/> . . . <!-- Meta Title Halaman Error/404 --> <b:if cond='data:blog.pageType == "error_page"'> <title>404: Maaf halaman yang ada cari tidak ada | <data:blog.title/></title> </b:if> . . . <style type="text/css"> <!-- /*<b:skin><![CDATA[*/
Setelah itu, Masuk ke Setelan blogger > Preferensi Penelusuran > Kesalahan dan Pengalihan > Pesan Khusus untuk Laman Tidak Ditemukan > dan Edit. Berikut Screenshotnya :
Lalu Copy Paste Code HTML dibawah ini di Kotak yang disediakan :
<p align='center'><strong><font color='#ff0000' size='25px'>Opsst!! Error 404 [Page Not Found]</font></strong></p> <br/> <br/> <br/> <p align='center'><h1><b>Halaman tidak ditemukan</b></h1></p> <p align='center'>Kemungkinan halaman telah dihapus, atau Anda salah menulis URL</p> <p align='center'>Kembali ke <a expr:href='data:blog.homepageUrl'>BLOG DAENG KULLE</a></p>
Note :
Ganti Deskripsi Pesan Error Page sesuai keinginan anda.
Ganti Titel URL diatas, menjadi Page title Blog anda.
Lalu Save dan selesai.
Cara Kedua Halaman ERROR 404 manual (non redirect)
Demo halaman yang anda lihat diatas, adalah hasil dari tag kondisional untuk halaman kesalahan/error page. Berikut ini, cara sederhana untuk membuat halaman Error Page 404 :
Contoh tag kondisional yang akan digunakan :
</head> <body> <b:if cond='data:blog.pageType != "error_page"'> . . Baris/bidang element blog seperti posting, widget, sidebar dan yang lainnya. Element ini akan di sembunyikan jika tak ditemukan url/link apa pun yang ada dalam directory widget. . . </b:if>
Dibawah ini adalah pesan error yang akan muncul ketika permintaan tidak di temukan :
<b:if cond='data:blog.pageType == "error_page"'> <div id='error-page'> <div id='error-inner'> <div class='box-404'>404</div> <h1>Halaman tidak ditemukan</h1> <p>Kemungkinan halaman telah dihapus, atau Anda salah menulis URL</p> <p>Kembali ke <a expr:href='data:blog.homepageUrl'>BLOG DAENG KULLE</a></p> <div id='search-box'> <form action='/search' id='cse-search-box' method='get' target='_top'> <input id='search-text' name='q' onblur='if (this.value == "") {this.value = "Cari Artikel di Blog Daeng Kulle";}' onfocus='if (this.value == "Cari Artikel di Blog Daeng Kulle") {this.value = ""}' type='text' value='Cari Artikel di Blog Daeng Kulle'/> <button id='search-button' type='submit'/> </form> </div> </div> </div> </b:if>
</body> </HTML>
Pertama, cari code <body> dan penutup </body> di template anda, lalu sisipkan kode tag conditional berikut di antaranya, lihat cara seperti di bawah ini :
Kemudian cari kode </body> dan pastekan kode berikut di atasnya :
</b:if>
Lalu letakkan kode berikut ini di atas kode </body>
<b:if cond='data:blog.pageType == "error_page"'> <div id='error-page'> <div id='error-inner'> <div class='box-404'>404</div> <h1>Halaman tidak ditemukan</h1> <p>Kemungkinan halaman telah dihapus, atau Anda salah menulis URL</p> <p>Kembali ke <a expr:href='data:blog.homepageUrl'>BLOG DAENG KULLE</a></p> <div id='search-box'> <form action='/search' id='cse-search-box' method='get' target='_top'> <input id='search-text' name='q' onblur='if (this.value == "") {this.value = "Cari Artikel di Blog Daeng Kulle";}' onfocus='if (this.value == "Cari Artikel di Blog Daeng Kulle") {this.value = ""}' type='text' value='Cari Artikel di Blog Daeng Kulle'/> <button id='search-button' type='submit'/> </form> </div> </div> </div> </b:if>
</body> </HTML>
Jika benar penempatan code Tag Error Page, akan tampak seperti dibawah ini :
</head> <body> <b:if cond='data:blog.pageType != "error_page"'> . . Baris/bidang element blog seperti posting, widget, sidebar dan yang lainnya. Element ini akan di sembunyikan jika tak ditemukan url/link apa pun yang ada dalam directory widget. . . </b:if>
<b:if cond='data:blog.pageType == "error_page"'> <div id='error-page'> <div id='error-inner'> <div class='box-404'>404</div> <h1>Halaman tidak ditemukan</h1> <p>Kemungkinan halaman telah dihapus, atau Anda salah menulis URL</p> <p>Kembali ke <a expr:href='data:blog.homepageUrl'>BLOG DAENG KULLE</a></p> <div id='search-box'> <form action='/search' id='cse-search-box' method='get' target='_top'> <input id='search-text' name='q' onblur='if (this.value == "") {this.value = "Cari Artikel di Blog Daeng Kulle";}' onfocus='if (this.value == "Cari Artikel di Blog Daeng Kulle") {this.value = ""}' type='text' value='Cari Artikel di Blog Daeng Kulle'/> <button id='search-button' type='submit'/> </form> </div> </div> </div> </b:if>
</body> </HTML>
Selanjutnya, sisipkan Meta Tag di bawah ini, tepat di bawah kode <head> :
<!-- Meta Title Halaman Error/404 --> <b:if cond='data:blog.pageType == "error_page"'> <title>404: Maaf halaman yang ada cari tidak ada | <data:blog.title/></title> </b:if>
Set Meta tag selengkapnya kira-kira seperti ini :
<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html> <HTML> <head> <meta charset='utf-8'/> . . . <!-- Meta Title Halaman Error/404 --> <b:if cond='data:blog.pageType == "error_page"'> <title>404: Maaf halaman yang ada cari tidak ada | <data:blog.title/></title> </b:if> . . . <style type="text/css"> <!-- /*<b:skin><![CDATA[*/
Setelah semuanya selesai diatas, tambahkan kode CSS berikut dibawah ini, di template anda. Simpan diatas kode ]]></b:skin> :
Trik Auto Heading H1 so that become Heading Article - Basically H1 tag is the main thing that concerns the search engine compared to H2, H3, H4. Put the H1 tag on the title of the article would be more effective than putting it in the title of Home blog. The main objective is the article indexed in search engines. Setting the default template blogger certainly put in the H1 Tag Title Home blog, so you will need to modify the template so that article SEO Friendy.
How to change the title of the article become the H1 tag, consider these steps carefully to avoid mistakes in the application.
Go to the blogger account. on the dashboard, select and click > Template > Edit HTML. Find the code below :
Bagaimana Cara Menjadikan File HTML di Google Drive Menjadi File Host HTML Publik - Cloud Computing adalah suatu paradigma di mana informasi secara permanen tersimpan di server di internet dan tersimpan sementara di komputer pengguna (client) termasuk di dalamnya adalah komputer tablet, notebook, komputer desktop, handheld dan lain-lain.
Nah!! google drive boleh dikatakan adalah salah satu bentuk cloud computing sementara dikembangkan oleh google. pada google drive bisa melakukan penyimpanan data secara online, menjadikan anda lebih produktif. membuat dokumen, presentasi, spreadsheet sendiri. Berbagi Publik file dengan orang lain.
Namun pada pembahasan kali ini, saya ingin berbagi pengetahuan tentang Bagaimana Cara Menjadikan File HTML atau File PHP di Google Drive Menjadi File Host HTML Publik di google drive. Berikut screenshot File HTML Publik yang saya upload di google drive :
Okay!! Berikut cara membuat File HTML atau File PHP di Google Drive Menjadi Host HTML Publik :
Langkah Pertama - Tentunya anda sudah memiliki akun google gmail dan silahkan login di Google Drive disini. - Memiliki File HTML yang siap dijadikan Host HTML Publik di Google Drive. - Setelah Login di Akun Google Drive anda, Klik Create. Kemudian Pilih > Folder dan beri nama, misalnya nama Foldernya create. Berikut Screenshotnya :
Langkah Kedua - Buka folder tadi, yang diberi nama Create tadi. - Upload file index.html anda di Folder Create, dengan cara klik tombol upload. Berikut Screenshotnya :
Langkah Ketiga Nah!! Langkah yang ketiga ini paling penting, karena folder create yang baru dibuat tadi berikut isi file index.html-nya harus di Setting Share Publik, agar supaya file index.html yang di dalam folder create tadi, berjalan sebagai Host HTML Publik. Klik Kanan Folder create kemudian pilih > Berbagi > Bagikan. Berikut Screenshotnya :
Note: File index.html nya tidak usah di share publik secara terpisah, karena otamatis ter-share melalui folder create tadi.
Langkah Keempat (Penutup) Setelah di share ke publik, anda akan mendapatkan URL publik (Lihat Screenshoot diatas yang berwarna biru). Contohnya Seperti ini > https://drive.google.com/folderview?id=0ByTiMnJfMclLeDh4eEZXQnpzbUE&usp=sharing.
Perhatikan kode ID yg berwarna Biru, itulah kode ID Google Drive saya. Kemudian ubah arah URL agar supaya menjadi URL Host Publik. Contohnya Seperti ini > https://googledrive.com/host/0ByTiMnJfMclLeDh4eEZXQnpzbUE/index.html
Atau anda bisa copy langsung URL Host Publik anda, melalui file index.html, Caranya Klik Kanan file index.html kemudian Pilih > buka dengan > Penampil Google Drive Setelah menuju ke Penampil Google Drive, lalu kemudian klik > Pratinjau. Jangan lupa Copy Alamat URL di Adress Bar Browser Anda. berikut Sceenshootnya :
Sekian dari saya, tentang Bagaimana Cara Menjadikan File HTML atau File PHP di Google Drive Menjadi File Host HTML Publik.
How To Choose The Right Template For Your Blog - Templates is a display that supports a blog. For my blog template is home, because the more beautiful our house, so guests will feel happy and will probably visit again. The phrase that I always use in the selection of templates for all of my blog.
You have to be smart to use a template for your blog, guests who come not only amounted to one or two visitors but dozens, hundreds, perhaps thousands. You will feel hurt when the wrong template. I suggest before you change the blog template, you must know tips on choosing a template that suits your blog. Here are my tips on choosing a template :
1. Select the template that is SEO Friendly Actually, this does not really matter, because I think all of template's blog SEO Friendly, if we want to edit it a bit so so SEO. If you do not want to bother editing the template, I think you should use this procedure.
Then how can I get a template that is SEO Friendly?. Search in google with keyword "SEO Friendly Template Download".
2. Select the template that it looks Light Loading Usually mild template that is below 15Kb. So how do I test Loading blog?, If you want to test Loading blog do not use fast internet connection, its heavy Blog 200MB will be lighter (except if another trouble).
To test Loading blog, I used to use that speed Modem fitting, as SmartFreen. so loading blog will be tested.
3. Choose your Blog Theme As Template Do not let you choose a template specially if your blog has a Game Topics News or Tutorial Blog, will actually look weird in the eyes of visitors.
4. Select the template that was not too bothersome Sidebar SideBar is intent layout that will be used. SideBar column template with right hand much better than the side bar on the right and the left, because it allows visitors to see the widget that you install. Sidebar template example which is just to the right of this blog.
6. Do not be too long to choose a template If you visit the site free templates provider, I'm sure you'll pick her long. When you select a template and even old days when you would lose. You should use the time to Blogwalking or writing articles, will be depleted because of choosing a template. Only apply the five ways above, then you will quickly choose a template.
I simply share Tips on choosing a template that suits you, not the template that is SEO Friendly.
Postingan ini merupakan lanjutan Artikel kemaren di Koleksi Google Font API untuk Blogger, Font Google pilihan dari Metro Personal Blog. Dan masih banyak lagi jenis font-font google yang support untuk Blogger, tapi inilah jenis font-font pilihan terbaik versi Metro Personal Blog :). Sebenarnya ribuan jenis font-font Google sih, tapi tidak semuanya Support untuk Blogger.
Koleksi Google Font API untuk Blogger - Hi sobat blogger, berikut ini beberapa koleksi Google Font API, pilihan dari Metro Personal Blog, di gunakan untuk mempercantik style tulisan-tulisan blog anda. Silahkan pilih yang mana, sesuai kesukaan anda.
Memanfaatkan Halaman Error Page 404 Blog dan Cara Membuat auto Error Page 404 - Pernakah anda mecari artikel atau tutorial di blog, tapi anda tidak menemukan apa yang anda cari di blog yang anda kunjungi?. Hal ini kemungkinan halaman tersebut sudah terhapus atau URL yang anda masukkan salah. Nah!! disini anda sebagai blogger tentunya tidak mau kehilangan pengunjung, dan ini memungkinkan mempengaruhi jatah Traffic Blog anda :).
Trik Auto Heading H1 so that become Heading Article - Basically H1 tag is the main thing that concerns the search engine compared to H2, H3, H4. Put the H1 tag on the title of the article would be more effective than putting it in the title of Home blog. The main objective is the article indexed in search engines. Setting the default template blogger certainly put in the H1 Tag Title Home blog, so you will need to modify the template so that article SEO Friendy.
Bagaimana Cara Menjadikan File HTML di Google Drive Menjadi File Host HTML Publik - Cloud Computing adalah suatu paradigma di mana informasi secara permanen tersimpan di server di internet dan tersimpan sementara di komputer pengguna (client) termasuk di dalamnya adalah komputer tablet, notebook, komputer desktop, handheld dan lain-lain.
How To Choose The Right Template For Your Blog - Templates is a display that supports a blog. For my blog template is home, because the more beautiful our house, so guests will feel happy and will probably visit again. The phrase that I always use in the selection of templates for all of my blog.