IKLAN BULAN INI

Saturday, 6 July 2013

Cara Hapus Pesan Required Field Must Not be Blank Error di Blogger?

Jika Anda adalah seorang pengguna Blogger intens dan hampir menggunakannya setiap hari untuk memperbarui blog Anda, kemudian dari dua hari terakhir, Anda mungkin telah melihat beberapa perubahan aneh dalam editor posting Blogger yang mungkin membuat Anda gila. Ini adalah semacam pemberitahuan kesalahan, yang meminta dan menghentikan Anda dari posting penerbitan. Ini hanya terjadi ketika Anda meninggalkan daerah judul posting "kosong atau terisi". Yang lucu adalah bahwa, di berbagai forum, orang yang mengambil itu sebagai bug. Namun, dapat dipastikan bahwa sesama pengguna BlogSpot tidak benar-benar menghargai ini langkah nekat. Hari ini di artikel ini, kami akan menunjukkan Anda Cara Hapus Diperlukan Lapangan Tidak Harus pemberitahuan Kesalahan Kosong di Blogger?


Pesan Peringatan muncul tepat di bawah daerah lapangan judul, tetapi tidak jelas bahwa itu adalah mengacu pada judul yaitu "Required field must not be blank Ignore warning". Bahkan setelah mengklik "Ignore warning" link notifikasi yang sama terus muncul setelah jeda beberapa detik.

Masalah:
Anda tidak dapat menyimpan, pratinjau atau bahkan mempublikasikan posting Anda. Hal ini sangat berbahaya terutama ketika Anda menulis sebuah artikel panjang dan semua dari browser crash tiba-tiba, dan membuat Anda mengosongkan tangan. Sampai saat ini, Blogger auto save benar-benar mengesankan yang secara otomatis menyimpan posting Anda, dan kemudian dapat diakses dari Draft. Sekarang tidak lagi menyimpan sampai Anda menulis judul.

Untuk meringkas: Ini adalah jenis fitur menjengkelkan, tidak membantu, berisiko dan sulit untuk mengenali. Ini benar-benar sulit untuk datang dengan sesuatu seperti ini, tapi yang lucu adalah bahwa seseorang melakukan.
Solusi:
Untuk berhenti menerima pemberitahuan ini mengganggu Anda dapat sementara memberikan judul untuk posting Anda dan mengubah nanti, tapi mengapa harus bekerja di sekitar? Judul tidak harus diminta, meskipun membayar peran kunci dalam mendapatkan peringkat mesin pencari yang lebih tinggi. Namun, masih sedikit pengguna ingin beberapa tulisan yang akan diterbitkan tanpa gelar. Sangat penting untuk menyebutkan bahwa Blogger tidak pernah diperlukan judul posting sebelumnya.

Masih ada beberapa cara di mana Anda dapat mempublikasikan posting tanpa khawatir untuk menulis judul postingan. Di bidang daerah judul post editor, hanya memberikan sedikit ruang menggunakan space-bar dan sekarang posting Anda memenuhi syarat untuk diterbitkan.

Di sisi lain, beberapa orang hanya ingin menunjukkan judul posting mereka ke mesin pencari tidak untuk pemirsa manusia. Di sini, Anda dapat menggunakan CSS sederhana yang akan menyembunyikan judul dan membuatnya dapat dilihat hanya mesin pencari. Sebelum menerbitkan posting Anda, tambahkan kode berikut di Tab HTML editor dan tekan mempublikasikan untuk menyembunyikan judul dari pengguna manusia.
<style>

.post-title, .entry-title, .post h3, .post h2 {display: none;}

</style>

Kami berharap, posting ini telah membantu Anda dalam menyingkirkan The "Required Field Must Not be Blank" pemberitahuan kesalahan. Apa pikiran Anda dan pendapat tentang fungsi baru ini? Apakah itu benar-benar harus berada di sana, atau harus cara itu di masa lalu? Mari kita melakukan percakapan bermakna dan menggugah depan di komentar.



source: http://www.mybloggerlab.com/2013/07/how-to-remove-required-field-must-not-be-blank-error-in-blogger.html
Read more ...

Wednesday, 3 July 2013

Widget Rss Subscription Dark Style untuk Blogger

Dalam tutorial ini saya akan menjelaskan bagaimana menambahkan Widget Rss Subscription Dark Style untuk Blogger. Dengan menggunakan widget ini Anda dapat menghubungkan sosial media Anda profil Facebook, Twitter, Google+, Youtube dan Feed Subscribe. Ini akan membantu untuk mendapatkan update terbaru dengan email. Anda dapat memeriksa dari link demo dibawah. Mari kita mulai memasang widget ini.


Cara Menambahkan Widget Rss Subscription Dark Style:


1. Login ke blogger.com
2. Masuk ke bagian Layout / Design
3. Klik Tambahkan Widget.
4. Pilih HTML/Javascript.
5. Copy Kode dibawah ini dan Pastekan di kolom HTML/Javascript.
<style>
#tblogging-newsletter{ width:290px;background:#2e3639; color:#fff; padding:20px; font-size:14px;  margin-bottom:20px;  -moz-box-shadow: 2px 2px 2px #000000;-webkit-box-shadow: 5px 5px 5px #000000;box-shadow: 5px 5px 5px  #000000;border:double 5px #000000;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
#tblogging-newsletter .tblogging-title {  margin-bottom:10px;margin-top:-10px; }
.tblogging-title{margin-left: 8px;font-size:25px; font-weight:bold; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding:1px 8px 2px 8px;text-align:center;border:1px solid #151819;color:#fff;background:#222729;display:inline-block;}
#footer-subscribe-btn {width:116px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
position:relative;left:135px;}
.footer-submit-btn {margin-left:50px;margin-top:-10px;margin-bottom:-50px;border: none;color: #fff;text-transform: uppercase; font-size: 13px;padding: 5px 18px 5px;background: #e93a30;border-radius: 30px;-webkit-border-radius: 30px;
-moz-border-radius: 30px;font-weight: bold;-webkit-transition: background .2s linear;
-moz-transition: background .2s linear;-ms-transition: background .2s linear;-o-transition: background .2s linear;transition: background .2s linear;cursor: pointer;
}
.footer-submit-btn:hover { background:#e51111;}
#fastsearch ,#footer-subscribe-email{background:#62686b;color:#fff;font-size:14px;border:none;
box-sizing:border-box;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;outline:none;padding:0px 15px; height:30px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#fastsearch.inactive ,
#footer-subscribe-email.inactive {color:#b5b7b8;}
#footer-subscribe-email {width:100%;}
#sb-nl-members-count {  font-size:12px; font-weight:bold;text-align:center;width:150px;margin:0 0 -23px 0 ;display:inline-block;
</style>
<br />
<div id="tblogging-newsletter">
<div class="tblogging-title">
Get Email Updates</div>
<div class="tblogging-nl-text">
<center>
Subscribe to Get Latest Updates Free</center>
</div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=TempatBlogging', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="inactive footer-text-field" id="footer-subscribe-email" name="EMAIL" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" type="text" value="Your email address" />
<input name="uri" type="hidden" value="TempatBlogging" />
<input name="loc" type="hidden" value="en_US" />
<br />
<div id="sb-nl-members-count">
<table border="0">
<tbody>
<tr>
<td style="padding-right: 4px;"><a href="http://twitter.com/TempatBlogging" target="_blank" title="Follow Me On Twitter">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOgL852vMtV9VBXksJVDQGqVjJQPAFAHMKE18IkNn8DiWUo7KHs-c7CNbvSgFBwii61ue-chY9tsp-Kc6svWDTP0pv5ktKVCaLDSarXtnTgdAVSn0Rt5u4j4avmFGL_uZ35RdBufGX82M/s1600/tempat-blogging-twitter-icon.png" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="http://feeds.feedburner.com/TempatBlogging" target="_blank" title="Subscribe Via RSS">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr5-oLmr582R-2G-wG6Qi8NpMX7GShlNQIt5dh_nQsdAuRGLAm48cgcS5k6AoL9ys088ow6d0IC9NkPCKjAUyWIV0vfgXBPecBjE2ByR3Mo_LvDibPIbGnZfLcbIjsH3SCZtdSO_QB91c/s1600/tempat-blogging-rss-icon.png" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="http://www.facebook.com/TempatBlogging" target="_blank" title="Find Us On Facebook">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAL3KrA8tM6BokYD7UCEMegU6dDYk8ChHhj3zKNyMEW-rPZoQiTbhHc_jZWzqGWgg2GY9vLunA6JIYkjE0XAe2LKNHyu9tGu3knsAiPHpD_ZTODCeFT-8eNvdbFXSRr5S9hiQIgde_Fd4/s1600/tempat-blogging-facebook-icon.png" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="https://plus.google.com/114968564645823238528" target="_blank" title="Add me on Google+">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9yCsN3f2JEV7vNCvqya0olRYXjqWo4JNjDyAQOg8apjMiyuVAG3nMbHgfo6L_XwbLys0I7jTNf7rw068moo1lgt7oQtMjsVpvqiZOQ5qOl8LNWGEkqzuy1ntRzGck_jKnYDARGr10SAg/s1600/tempat-blogging-google-icon.png" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="http://youtube.com/UserId" target="_blank" title="youtubr subscribe">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZAJ0Qtneg3x16PAwIHHGRt8buH3r_i_liXIHO5Mb-6OsqACwevxRwUZxXfkY2uDYOR_0sJPz-WRSmPI39iuUAhEmD8UtpATg4a6kxS4t6o9-duB39pcvmhzlCsr9w2tQqDHd7ptaT69w/s1600/tempat-blogging-youtube-icon.png" style="height: 25px; width: 25px;" /></a>
</td></tr>
</tbody></table>
</div>
<input class="footer-submit-btn" id="footer-subscribe-btn" type="submit" value="Subscribe" />
<div class="clr">
</div>
</form>
</div>
Pengumuman:
  • Ganti TempatBlogging dengan Feedburner ID
  • Ganti TempatBlogging dengan nama pengguna Facebook Anda
  • Ganti TempatBlogging dengan Twitter Nama
  • Ganti 114968564645823238528 dengan ID Google Plus Anda
  • Ganti UserId dengan ID Youtube Anda
6. Sekarang Save HTML/Javascript Anda

Sekian dulu tutorial kali ini yang membahas tentang cara membuat Widget Rss Subscription Dark Style untuk Blogger. Semoga artikel ini bermanfaat bagi Anda, jika ada yang perlu di tanyakan silakan bertanya lewat kolom komentar di bawah atau Contact saya. :)
Read more ...

Monday, 1 July 2013

Scrollbar Mirip Style Mbah Google

Hay Sobat Tempat Blogging, Sudah jarang saya Update Artikel, dikarnakan Masi Otak-Atik Template saya yang masi basnyak kekurangan, dalam hal SEO juga masi minim, Dahulu Saya Sudah Update Tutorial Cara Membuat Custom WebKit Scrollbar di Blogger. untuk kali ini saya akan memberikan Scrollbar Mirip Style Mbah Google. Scrollbar ini bukan hanya mirip tapi memang sama. screenshot bisa dilihat punya saya. Langsungsaja kita bahas tutorial ini.




Cara Memasang Scrollbar Mirip Style Mbah Google:

1. Buka Blogger.com >> Blog Anda.
2. Dasboard >> Template >> Edit HTML >> Cari Kode ]]></b:skin>.
3. Letakan Kode CSS berikut di atas kode ]]></b:skin>.
/* Scrollbar  Tempat Blogging*/
 ::-webkit-scrollbar {
    height:16px;
    overflow:visible;
    width:16px
}
::-webkit-scrollbar-button {
    height:0;
    width:0
}
::-webkit-scrollbar-track {
    background-clip:padding-box;
    border:solid transparent;
    border-width:0 0 0 4px
}
::-webkit-scrollbar-track:horizontal {
    border-width:4px 0 0
}
::-webkit-scrollbar-track:hover {
    background-color:rgba(0, 0, 0, .05);
    box-shadow:inset 1px 0 0 rgba(0, 0, 0, .1)
}
::-webkit-scrollbar-track:horizontal:hover {
    box-shadow:inset 0 1px 0 rgba(0, 0, 0, .1)
}
::-webkit-scrollbar-track:active {
    background-color:rgba(0, 0, 0, .05);
    box-shadow:inset 1px 0 0 rgba(0, 0, 0, .14), inset -1px 0 0 rgba(0, 0, 0, .07)
}
::-webkit-scrollbar-track:horizontal:active {
    box-shadow:inset 0 1px 0 rgba(0, 0, 0, .14), inset 0 -1px 0 rgba(0, 0, 0, .07)
}
.jfk-scrollbar-dark::-webkit-scrollbar-track:hover {
    background-color:rgba(255, 255, 255, .1);
    box-shadow:inset 1px 0 0 rgba(255, 255, 255, .2)
}
.jfk-scrollbar-dark::-webkit-scrollbar-track:horizontal:hover {
    box-shadow:inset 0 1px 0 rgba(255, 255, 255, .2)
}
.jfk-scrollbar-dark::-webkit-scrollbar-track:active {
    background-color:rgba(255, 255, 255, .1);
    box-shadow:inset 1px 0 0 rgba(255, 255, 255, .25), inset -1px 0 0 rgba(255, 255, 255, .15)
}
.jfk-scrollbar-dark::-webkit-scrollbar-track:horizontal:active {
    box-shadow:inset 0 1px 0 rgba(255, 255, 255, .25), inset 0 -1px 0 rgba(255, 255, 255, .15)
}
::-webkit-scrollbar-thumb {
    background-color:rgba(0, 0, 0, .2);
    background-clip:padding-box;
    border:solid transparent;
    border-width:1px 1px 1px 6px;
    min-height:28px;
    padding:100px 0 0;
    box-shadow:inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07)
}
::-webkit-scrollbar-thumb:horizontal {
    border-width:6px 1px 1px;
    padding:0 0 0 100px;
    box-shadow:inset 1px 1px 0 rgba(0, 0, 0, .1), inset -1px 0 0 rgba(0, 0, 0, .07)
}
::-webkit-scrollbar-thumb:hover {
    background-color:rgba(0, 0, 0, .4);
    box-shadow:inset 1px 1px 1px rgba(0, 0, 0, .25)
}
::-webkit-scrollbar-thumb:active {
    background-color:rgba(0, 0, 0, 0.5);
    box-shadow:inset 1px 1px 3px rgba(0, 0, 0, 0.35)
}
.jfk-scrollbar-dark::-webkit-scrollbar-thumb {
    background-color:rgba(255, 255, 255, .3);
    box-shadow:inset 1px 1px 0 rgba(255, 255, 255, .15), inset 0 -1px 0 rgba(255, 255, 255, .1)
}
.jfk-scrollbar-dark::-webkit-scrollbar-thumb:horizontal {
    box-shadow:inset 1px 1px 0 rgba(255, 255, 255, .15), inset -1px 0 0 rgba(255, 255, 255, .1)
}
.jfk-scrollbar-dark::-webkit-scrollbar-thumb:hover {
    background-color:rgba(255, 255, 255, .6);
    box-shadow:inset 1px 1px 1px rgba(255, 255, 255, .37)
}
.jfk-scrollbar-dark::-webkit-scrollbar-thumb:active {
    background-color:rgba(255, 255, 255, .75);
    box-shadow:inset 1px 1px 3px rgba(255, 255, 255, .5)
}
.jfk-scrollbar-borderless::-webkit-scrollbar-track {
    border-width:0 1px 0 6px
}
.jfk-scrollbar-borderless::-webkit-scrollbar-track:horizontal {
    border-width:6px 0 1px
}
.jfk-scrollbar-borderless::-webkit-scrollbar-track:hover {
    background-color:rgba(0, 0, 0, .035);
    box-shadow:inset 1px 1px 0 rgba(0, 0, 0, .14), inset -1px -1px 0 rgba(0, 0, 0, .07)
}
.jfk-scrollbar-borderless.jfk-scrollbar-dark::-webkit-scrollbar-track:hover {
    background-color:rgba(255, 255, 255, .07);
    box-shadow:inset 1px 1px 0 rgba(255, 255, 255, .25), inset -1px -1px 0 rgba(255, 255, 255, .15)
}
.jfk-scrollbar-borderless::-webkit-scrollbar-thumb {
    border-width:0 1px 0 6px
}
.jfk-scrollbar-borderless::-webkit-scrollbar-thumb:horizontal {
    border-width:6px 0 1px
}
::-webkit-scrollbar-corner {
    background:transparent
}
body::-webkit-scrollbar-track-piece {
    background-clip:padding-box;
    background-color:#f5f5f5;
    border:solid #fff;
    border-width:0 0 0 3px;
    box-shadow:inset 1px 0 0 rgba(0, 0, 0, .14), inset -1px 0 0 rgba(0, 0, 0, .07)
}
body::-webkit-scrollbar-track-piece:horizontal {
    border-width:3px 0 0;
    box-shadow:inset 0 1px 0 rgba(0, 0, 0, .14), inset 0 -1px 0 rgba(0, 0, 0, .07)
}
body::-webkit-scrollbar-thumb {
    border-width:1px 1px 1px 5px
}
body::-webkit-scrollbar-thumb:horizontal {
    border-width:5px 1px 1px
}
body::-webkit-scrollbar-corner {
    background-clip:padding-box;
    background-color:#f5f5f5;
    border:solid #fff;
    border-width:3px 0 0 3px;
    box-shadow:inset 1px 1px 0 rgba(0, 0, 0, .14)
}
4. Sekarang Simpan "Template" Anda.

Semoga Artikel ini bisa membantu Anda untuk modifikasi Blogger Anda.
Jika Ada yang ingin di tanyakan komen aja gak usah malu-malu :) 
Read more ...

Cara Hosting File HTML,CSS dan Javascript dengan Google Drive di Blogger

Hosting CSS dan file JavaScript di Blogger Anda selalu menjadi keprihatinan bagi webmaster. Orang lebih memilih untuk menambahkan seluruh StyleSheet pengkodean mereka dalam satu file, sehingga mereka dapat meng-upload ke hosting mereka dan dapat dengan mudah menerapkannya pada situs web mereka. Sayangnya, blogger memiliki cukup beberapa keterbatasan yang menghentikan Anda dari tuan CSS dan JavaScript file. Baru-baru ini pengguna kami mengirim kami meminta dengan email: apakah ada cara untuk meng-host file pada blogger? Apa keuntungan hosting CSS (Stylesheet) file? Untungnya, Google Drive menyediakan Anda kesempatan untuk menjadi tuan rumah CSS, JavaScript dan HTML File secara GRATIS. Pada artikel ini, kami akan menunjukkan Cara Hosting File HTML,CSS dan Javascript dengan Google Drive di Blogger?


Mengapa Host file di Google Drive? 

  • Banyak Space: Google Drive menyediakan 15 GB penyimpanan ke rekening teratur sehingga Anda dapat dengan mudah meng-upload banyak dokumen. Namun, jika ruang disk Anda penuh, maka Anda dapat meng-upgrade account Anda dari dasar untuk premium. 
  • Buat & berkolaborasi: Google Drive menyediakan fleksibilitas untuk membuat dan host berbagai jenis spreadsheet dan presentasi. Membuat beberapa suntingan dalam dokumen dan melihat perubahan real-time seperti yang muncul. 
  • Reliable & andalan: Dengan 100% uptime, memberikan Anda kebebasan untuk menjadi tuan rumah apa pun yang Anda suka. Ini memiliki unlimited bandwidth, tetapi Anda harus mengurus ruang disk Anda tidak melebihi tanda 5GB atau Anda dapat meng-upgrade account Anda. 
  • Kembali dan merevisi: Google Drive melacak hampir semua perubahan yang Anda buat pada dokumen Anda - sehingga setiap kali Anda akan menyimpan dokumen, revisi baru juga mendapatkan save. Anda dapat mengambil sekilas kembali dan melakukan revisi sesuai. 
  • Berbagi atau membuat file Pribadi: Anda dapat berbagi file dan folder dengan siapa pun. Pilih apakah orang lain bisa komentar, berbagi, melihat atau mengedit barang-barang Anda. Anda dapat menangani semuanya langsung dari dashboard Anda. 
  • Keamanan yang terbaik: Google Drive terbukti selalu menjadi layanan hosting gratis yang paling dapat diandalkan dengan unlimited bandwidth. Selain itu, untuk memberikan bukti penuh keamanan Google drive telah digunakan enkripsi HTTPS untuk menjaga dokumen Anda aman. 
  • Semua ini Gratis: Semua fitur yang mengesankan secara gratis. 


Apa Keuntungan dari Hosting CSS / JavaScript dalam satu file? 


Blogger tidak memberikan penggunanya fleksibilitas untuk menjadi tuan rumah CSS atau JavaScript file dalam satu link terpisah. Mereka host dalam coding website melalui  Tag HTML.

Untuk StyleSheet, tag <style> ini digunakan untuk menentukan informasi gaya untuk dokumen HTML. Antara dua </ style> tag <style>, CSS coding ditempatkan yang menentukan bagaimana elemen HTML harus membuat di web browser. Setiap dokumen HTML dapat berisi beberapa tag <style>.

Untuk tag <script> JavaScript digunakan untuk mendefinisikan script, seperti JavaScript. Tag <script> baik berisi pernyataan scripting atau menunjuk ke file eksternal melalui src atribut. Setiap dokumen HTML dapat berisi beberapa tag <script>.

Menggabungkan semua StyleSheet / JavaScript coding di 1 file membantu sebuah website untuk memuat lebih cepat. Selain itu, membantu mesin pencari untuk menjelajah situs Anda lancar.


Bagaimana Host CSS File dengan Google Drive di Blogger: 


Ada beberapa aplikasi pihak ketiga yang dapat membantu Anda untuk meng-host file di blogger termasuk Google Apps, Google Code, dan Google App bot. Pada Tempat Blogging, kita menggunakan App bot, tapi proses hosting file pada Appbot adalah banyak kompleks. Google Drive sempurna dan bekerja lebih baik daripada Appbot karena tidak ada perlu khawatir tentang bandwidth.


Langkah # 1: Menyalin CSS Coding Dari Anda Template: 

Untuk host file CSS Anda dengan Google Drive di Blogger, hal pertama yang perlu Anda lakukan adalah untuk menyalin semua StyleSheet Anda coding dari template Anda ke notepad kosong. Pergi ke Blogger »Situs Anda» Template »Edit HTML» Lanjutkan dan mencari tag <b:skin><! [CDATA[ . Setelah menemukan tag ini, Anda akan melihat potongan besar CSS coding, jadi menyalin semua CSS coding sampai tag ]]> </ b: skin>. Untuk lebih jelasnya lihat screenshot berikut.



Langkah # 2: Menyiapkan file style.css

Setelah menyalin coding CSS, menghapusnya dari template Anda dan paste coding di notepad baru kosong. Sekarang menyimpan dokumen dan nama file style.css (ekstensi file harus dalam. Css sehingga browser dapat membuat itu sebagai StyleSheet). Untuk lebih jelasnya lihat screenshot berikut.



Langkah # 3: Hosting File style.css Anda di Google Drive:

Hal berikutnya adalah untuk meng-upload file style.css ke akun Google Drive. Pertama pergi ke Google Drive dan login ke akun Gmail Anda. Sekarang Anda harus membuat folder baru, sehingga Anda dapat meng-upload semua file web hosting di satu tempat. Tekan tombol "Create" tombol dan dari daftar drop-down pilih "Folder". Sekarang nama folder apa pun yang Anda inginkan seperti hosting, file web dan lain-lain Pada akhirnya, tekan "Create" untuk menyimpulkan.



Sekarang buka folder yang telah Anda buat beberapa saat yang lalu (klik kanan pada nama folder dan pilih Open). Pada memilih upload ikon hadir di sisi kiri layar Anda, daftar drop-down akan muncul yang akan memberikan dua pilihan yaitu file dan folder. Cukup pilih "File" dan pindah ke langkah berikutnya.



Sekarang akan meminta Anda untuk memilih dokumen style.css yang Anda buat beberapa saat pergi. Setelah memilih file, tekan tombol terbuka dan pindah ke langkah berikutnya.



Pada menekan tombol upload wizard kecil  yang terbuka akan muncul di sisi kanan layar Anda. Biasanya diperlukan waktu satu atau dua menit untuk meng-upload, tapi itu sepenuhnya tergantung pada ukuran file dan kecepatan koneksi internet Anda.


Setelah upload selesai, tekan tombol "Share" tombol. Sekarang Anda harus membuat file ini tersedia untuk publik. Tekan perubahan, dan pilih "publik di web" sehingga siapapun di Internet dapat menemukan dan mengakses. Akhirnya, tekan tombol Save untuk menyimpulkan wizard. Untuk petunjuk rinci, lihat screenshot berikut. 


Langkah # 4: Mendapatkan Link Hosting Proper

Kedua langkah terakhir adalah untuk mempersiapkan link hosting yang tepat file style.css Anda. Klik kanan pada file yang Anda upload beberapa saat pergi dan pilih "Share". Salin URL hadir seluruh di area teks di bawah "Link untuk berbagi". Untuk lebih jelasnya lihat screenshot berikut.



Setelah Menyalin Link Share dari google drive, Anda akan terlihat seperti ini https://docs.google.com/file/d/your-file-code/. Anda harus mengubah link disalin ke https://googledrive.com/host/your-file-code. Ingat: Pastikan "-file-kode Anda" tetap sama sebelum dan setelah perubahan yang dibuat.


marilah kita melakukan demonstrasi kecil yang akan membantu Anda dalam menjelaskan lebih baik. Misalnya, jika link file saya https://docs.google.com/file/d/0B0WJjcJEFNzibXRyZWlwNktKcFk/ jadi saya akan mengubahnya untuk https://googledrive.com/host/0B0WJjcJEFNzibXRyZWlwNktKcFk. Satu-satunya hal yang tetap sama adalah file kode.

Langkah 5: Menambahkan file Google Drive Hosted CSS di Blogger

Setelah menyiapkan link hosting yang tepat dari file Anda, sekali lagi pergi ke Blogger »Situs Anda» Template »Edit HTML» Lanjutkan. Sekarang mencari tag <head> awal dan di bawahnya paste kode berikut. Ingat: Jangan lupa untuk mengganti https://googledrive.com/host/your-file-code dengan link hosting yang berkendara Google Anda, dan pastikan Anda telah menghapus CSS coding dari template seperti yang telah kita sebutkan di langkah # 1 . Setelah semuanya selesai, tekan tombol "Simpan Template".

Cara Menyimpan file di Template

Seperti biasa, apabila file berupa JavaScript maka simpan file di atas </body> atau dibawah </head> dengan format seperti ini :

<script src="https://googledrive.com/host/0B0WJjcJEFNzibXRyZWlwNktKcFk" type="text/javascript"></script>

Apabila file berupa CSS, simpan di bawah <head> dengan format :
<link href="https://googledrive.com/host/0B0WJjcJEFNzibXRyZWlwNktKcFk" rel="stylesheet" type="text/css"/>
Kami berharap bahwa menjawab semua pertanyaan terkait seperti mengapa untuk host file di blogger, apa keuntungan hosting CSS (Stylesheet) file, dan banyak lagi. Jika kita telah meninggalkan sesuatu yang ditemukan, atau melihat bahwa kita melewatkan sesuatu maka silakan memberikan komentar di bawah ini.
Read more ...

Web Hosting Murah Dan Terbaik Di Indonesia

Web Hosting Murah Dan Terbaik Di Indonesia, Web hosting adalah tempat dimana sebuah data website bernaung, lokasi penyimpanan file yang dibutuhkan web sehingga bisa diakses oleh banyak orang melalui browsernya, ketika seseorang enter sebuah alamat web pada broser yang terhubung internet maka itu adalah sebuah perintah permintaan sebuah halaman atau page sebuah website agar ditampilkan oleh broser dan bisa anda lihat seperti sekarang ini, pada dasarnya web berisi kode-kode html,css, javascript atau file php, karena kode-kode itulah tampilan sebuah website bisa rapi serta menarik. namun intinya file-file semua itu butuh tempat yang harus setiap saat online dan bisa melayani permintaan siapa saja, oleh karena itulah agar sebuah web bisa diakses maka diperlukan web hosting serta server. nah kali ini ilmublogmu kembali memberikan informasi tentang beberapa web hosting murah namun memiliki kualitas terbaik di indonesia dengan tujuan membantu anda dalam menentukan web hosting yang tepat untuk web yang ingin anda bangun. karena tanpa didukung web hosting yang baik maka kinerja website andapun akan mengalami banyak masalah.

Web Hosting Murah Dan Terbaik Di Indonesia
Ilmublogmu akan merekomendasikan buat anda salah satu web hosting murah di Indonesia yaitu anekahosting.com, kenapa anekahosting.com saya pilih? tentu tidak asal saja namun punya alasan yang kuat. sebagaimana artikel saya yang lalu yaitu perihal Layanan Anekahosting.com web hosting murah terbaik di indonesia memang terbaik dibidang jasa web hosting, berikut alasanya;

Keunggulan Anekahosting.com Web Hosting Murah Terbaik Di Indonesia

Memiliki pelayanan yang Terbaik
Pelayanan bagi saya sangat penting, karena pelayanan yang baik maka akan ,meningkatkan kepercayaan para customer pada web hosting yang dipilihnya, dan AnekaHosting.com memberikan pelayanan terbaik sesuai dengan visi untuk menjadi yang terbaik dalam memberikan pelayanan hosting yang berkualitas serta terbaik dengan harga yang sangat terjangkau bagi para konsumen. Anda akan langsung ditangani oleh Customer Support yang Ramah dan Profesional melalui Online Ticket Support, chatting atau telepon. 

Perusahaan Profesional
profesioanalisme web hosting akan membuat kemungkinan kendala pada hosting menjadi sedikit, anekahosting.com sebagai Perusahaan penyedia hosting yang sudah bertahun-tahun berkecimpung di dunia webhosting, maka pengalamannya tidak perlu diragukan lagi. Anekahosting.com senantiasa menjaga komitmen dalam memberikan layanan hosting terbaik di Indonesia oleh karena itu banyak pelanggan dari dalam hingga luar negeri mempercayakan hosting mereka kepada Anekahosting.com. 

Harga Murah dan hemat
Kadang memang kita butuh harga yang murah, pada prinsipnya semua juga ingin harga murah dan anekahosting layak mendapat sebutan hosting termurah saat ini dengan Support yang optimal, Kualitas, dan Kepercayaan Anekahosting.com hadir dengan mampu membuktikan bahwa harga murah tidak berarti murahan. Kualitas tetap nomor 1, sedangkan harga tetap MURAH dan bersaing. 

Mempunyai Server kuat, Cepat, Handal, dan Stabil
Server adalah hal teknis paling utama dalam dunia Hosting. Anekahosting.com mempunyai beberapa server di dalam dan di luar negeri dengan spesifikasi hardware, software dan jaringan yang tidak ala kadarnya. Teknologi terkini dan tercanggih serta meletakkan server di datacenter terbaik adalah pilihan demi memenuhi kebutuhan stabilitas dan kecepatan akses website. 

Didukung Software yang canggih
Dengan support cpanel yang mudah dipahami serta terbukti bahwa sisitem ini lebih disukai banyak orang daripada spanel, Untuk menjaga kualitas kinerja server, Anekahosting.com hanya menggunakan hardware terbaik dan teknologi software selalu update sehingga pelanggan bisa mendapatkan fitur yang terbaru dan tercanggih. 

Sistem Registrasi Mudah, Realtime dan Pengaktifan hosting sangat cepat dan Otomatis
Pada jaman sekarang ini semua serba otomatis, begitupun juga Anekahosting.com memiliki registrasi realtime yang memudahkan pelanggan untuk mengecek status domain dan whois untuk melihat data kontak domain dan sistem aktifasi otomatis, sehingga website lebih cepat online. 

Jaminan 30 Hari Uang Kembali
Kepuasan konsumen adalah prioritas utama. Garansi 30 hari uang kembali untuk transaksi hosting yang telah dilakukan jika pelanggan merasa tidak puas dengan pelayanan AnekaHosting.com. 

Pembayaran Yang Mudah 
Anda tidak perlu bingung-bingung dalam melakukan pembayaran, karena di anekahosting.com semua serba mudah dan jelas, ada dua pilihan yaitu Pembayaran bisa melalui rekening bank atupun paypal.
Dengan berbagai keunngulan saya rasa anda tidak perlu ragu lagi dalam menentukan web hosting yang memang murah namun kualitas terbaik dibidangnya, sebagaimana saya sendiri sudah memilik web yang ngehost disana dan sampai saat ini pelayanan web hosting ini memang sangat memuaskan. nah silahkan aja, mau bikin website ya Anekahosting.com web hosting murah terbaik di Indonesia aja bung...!
Read more ...

JUAL LAHAN SAWIT DI SUMATERA


Dijual Lahan sawit di daerah sumatera..butuh cepat dengan take over juga bisa.
Rincian lahan kelapa sawit sebagai berikut: 
- Luas area : 13.681
- Sdh ada HGU : 10.816 Ha
- Dalam proses HGU : 2865 Ha

- Sdh tertanam (umur : 4-10 thn) 12.200
- Kapasitas Prod : 30 Ton/jam
- Lokasi Lahan di Sumatra….

Harga yang di tawarkan Rp. 1,5 Trilyun

Untuk penawaran kirim ke email : moch007@yahoo.com
Hub : 085649972735
Read more ...

JUAL LAHAN KELAPA SAWIT DI SUMATERA




DIJUAL LAHAN KELAPA SAWIT di SUMATERA
Berikut keterangannya :
-luas kelapa sawit dan pabrik 7.500 ha
- kekuatan produksi pabriknya 45 ton/jam
-lokasi Sumatera
-HGU (hak guna usaha ) lengkap...surat lengkap
-harga 760 milyar

Siap menggunakan sistem take over/sistem lain sesuai dengan kesepakatan  dan untuk lebih jelasnya dan komunikasi lebih detail bisa hubungi nomor saya

Bpk ilham : 085649972735
Read more ...

Sunday, 30 June 2013

Membuat HTML5 Page Error 404 di Blogger Anda

Sudah selamanya sejak saya menulis tutorial baru tapi kurangnya waktu itu masalah utama bagi saya.
Jadi di sini adalah tutorial baru yang saya yakin Anda akan merasa terbantu.
Sekarang Blogger memperkenalkan halaman kesalahan kustom saya akan hadir dengan HTML5 halaman error 404 yang indah dengan efek geser bagus yang dibuat oleh kode javascript kecil.
Karena menggunakan HTML 5 dan CSS3 pola untuk latar belakang akan memiliki masalah tampilan kecil di IE (pola latar belakang dan efek javascript tidak akan ditampilkan), tetapi untuk orang lain browser akan ditampilkan baik-baik saja.

Jadi tanpa penjelasan membosankan mari kita mulai dengan pelaksanaan Membuat HTML5 Page Error 404 di Blogger Anda.

Cara Membuat HTML5 Page Error 404 di Blogger Anda?

1. Login ke Dashboard -> Template -> Edit HTML.
2. Pencarian untuk tag </body> dan tepat setelah itu paste kode berikut ini:
<!-- Start-->
 <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<style>
.error-page-404 {
   background: -webkit-radial-gradient(black 10%, transparent 11%) 0 0,
-webkit-radial-gradient(black 10%, transparent 11%) 8px 8px,
-webkit-radial-gradient(rgba(255,255,255,.1) 10%, transparent 15%) 0 1px,
-webkit-radial-gradient(rgba(255,255,255,.1) 10%, transparent 15%) 8px 9px;
background: -moz-radial-gradient(black 10%, transparent 11%) 0 0,
-moz-radial-gradient(black 10%, transparent 11%) 8px 8px,
-moz-radial-gradient(rgba(255,255,255,.1) 10%, transparent 15%) 0 1px,
-moz-radial-gradient(rgba(255,255,255,.1) 10%, transparent 15%) 8px 9px;
background: -o-radial-gradient(black 10%, transparent 11%) 0 0,
-o-radial-gradient(black 10%, transparent 11%) 8px 8px,
-o-radial-gradient(rgba(255,255,255,.1) 10%, transparent 15%) 0 1px,
-o-radial-gradient(rgba(255,255,255,.1) 10%, transparent 15%) 8px 9px;
background: -ms-radial-gradient(black 10%, transparent 11%) 0 0,
-ms-radial-gradient(black 10%, transparent 11%) 8px 8px,
-ms-radial-gradient(rgba(255,255,255,.1) 10%, transparent 15%) 0 1px,
-ms-radial-gradient(rgba(255,255,255,.1) 10%, transparent 15%) 8px 9px;
background:
radial-gradient(black 10%, transparent 11%) 0 0,
radial-gradient(black 10%, transparent 11%) 8px 8px,
radial-gradient(rgba(255,255,255,.1) 10%, transparent 15%) 0 1px,
radial-gradient(rgba(255,255,255,.1) 10%, transparent 15%) 8px 9px;
background-color:#282828;
-webkit-background-size:16px 16px;
-moz-background-size:16px 16px;
background-size:16px 16px;
        text-align:center;
        position:fixed;
        top:0px;
        right:0px;
        bottom:0px;
        left:0px;
        padding-top:50px;
        z-index:999;
}
header, section, footer { text-align: center; margin: 20px 0 0 0; }
section { margin-top: 25px; }
.ribbon { margin-top: 20px; }
.error-logo {margin-top: 0px;}
/* transitions */
#n1, #n2, #n3 { -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -o-transition-duration: 2s; -ms-transition-duration: 2s; transition-duration: 2s; }
/* errors */
.error { background-position: center 185px; background-repeat: no-repeat; }
.error .number { width: 348px; height: 225px; margin: 0 auto; }
#n1, #n2, #n3 { float: left; width: 100px; height: 150px; margin: 0 8px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJqyE1ZPMivT5Kt3iSBXYeGGS3cm7QB43zxihuPqI6hzHKuX0MZk94Lx5qfbBab9GBxZ57yS7O2dvWHwVvVfqFqG3tX5MjnP8AwS1ofAC80O6KPpspmQxKRv38A4SWk5C8zV4CTiEC5WU/s1600/numbers.png) 0 -1500px repeat-y; }
.error-404 #n1 { background-position: 0 -600px; }
.error-404 #n2 { background-position: 0 0; }
.error-404 #n3 { background-position: 0 -600px; }
#error-not-found h1{
        font-family:arial ,sans serif!important;
        text-transform:uppercase;
        font-size:50px;
        line-height:50px!important;
        border:none;
        font-weight: bold;
        color:#131313!important;
        text-shadow: 0px 1px 1px #4d4d4d;
        margin:0!important;
        padding:5px!important;
        text-decoration:none!important;
}
#error-not-found  h2 {
        font-family:arial black,sans serif!important;
        text-transform:uppercase;
        font-size:55px;
        line-height:50px!important;
        border:none;
        font-weight: bold;
        color:#191B1C!important;
        text-shadow: 0px 1px 1px #4d4d4d;
        margin:0!important;
        padding:5px!important;
        text-decoration:none!important;
}
#error-not-found  p a{
        font-family:arial black ,sans serif!important;
        text-transform:uppercase;
        font-size:20px;
        border:none;
        font-weight: bold;
        color:#111111!important;
        text-shadow: 0px 1px 1px #4d4d4d;
        margin:0!important;
        padding:5px!important;
        text-decoration:none!important;
}
/* footer */
footer {
 height: 92px;
background: url(http://img28.imageshack.us/img28/4821/footerbackground.png) 0 0 repeat-x;
margin: 80px auto 0 auto;
 }
footer .container {
width: 552px;
height: 32px;
margin: 0 auto;
padding: 20px 0;
}
footer .engine{
z-index: 99999;
display:block;
position:absolute;
top:-47px;
margin-left:770px;
width:175px;
height:40px;
background:url(http://img651.imageshack.us/img651/6979/searchfield.png) no-repeat left top;
padding:0
}
footer .search .field{
float:left;
display:inline;
height:40px;
width:135px
}
footer .search .field input{
color:#ccc;
border:0;
background:transparent;
font-size:11px;
margin:3px 0 0 10px;
padding:4px;
width:110px
}
footer .search .button{
float:left;
display:inline;
height:40px;
width:37px;
cursor:pointer;
border:0;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNoSUZcRMg9TBIwtYu4-bQP8DYvvQ1z7cXTD21SbGByFOCo4E4QoT0PUs-78-ileSYRP7xkh3n_MGvB-omB5nyKHcbmIc2gewsqJQUegfiL1_GSMvDNjDihfzVcRlsSQgduMyQGaGQXFM/s320/search_button.png) no-repeat 0 0
}
footer .search { display: block; width:173px; height: 32px; margin: 0 auto; background:url(http://img651.imageshack.us/img651/6979/searchfield.png) no-repeat left top; }
</style>
           
    <div class='error-page-404'>
                       <div class='error-logo'><img alt='' src='http://img546.imageshack.us/img546/2760/4044u.png'/></div>
             <header>  
               <div class='ribbon'><img alt='' src='http://img39.imageshack.us/img39/3108/ribbont.png'/></div>
             </header>
       <section class='error' data-error='404'>
         <div class='number'>
                <div id='n1'/>
                <div id='n2'/>
                <div id='n3'/>
            </div>
       </section>
                          <div id='error-not-found'>      
                   <h1>  Page not found</h1>
                         </div>
        <footer>
         <div class='container'>
         <div class='search'>
<form action='/search' id='searchthis' method='get'>
<div class='field'><input name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}' onfocus='if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;;}' type='text' value='Search...'/></div>
<input class='button' type='submit' value=''/>
</form>
</div>
</div>
<div id='error-not-found'>
               <p><a href='/'>go to homepage</a></p>
             </div>
        </footer>
         </div>      
</b:if>
3. Cari kode </head> menggunakan "CTR+F" pastiken kode dibawah ini di atas kode </head>.
<script type='text/javascript'>
        //<![CDATA[
  $(document).ready(function() {
 // Set error
    var error = $('section[data-error]');
    error.attr('class', 'error error-' + error.attr('data-error'));
});
   //]]>
    </script>
4. Cari Kode <b:includable id='main' var='top'> taruh kode berikut dibawah kode <b:includable id='main' var='top'>
<b:if cond='data:numPosts == 0'>
 <data:navMessage/>
</b:if>
Ok, Itu saja. Nikmati halaman Error baru untuk blog Anda

PENTING Beberapa fitur dari halaman kesalahan diimplementasikan pada blog ini tidak akan tersedia untuk Anda (gaya kotak pencarian, beberapa perubahan lain yang berbeda.)



source : http://artistutorial.blogspot.ro/2012/11/add-excelent-html5-404-error-page-to.html
Read more ...