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.

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 ...

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.

Demo

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 ...

Tombol Sharing Async (G+, Facebook, Twitter) untuk Website

Beberapa dari layanan ini sudah (cerdas) menyediakan script mereka dalam mode async, ini hanya menggabungkan mereka ke dalam kode yang lebih efisien, teratur, dan mudah dipahami.
kali ini saya akan memberikan tutorial Tombol Sharing Async (G+, Facebook, Twitter) untuk Website.
Langsung saja Ceck Scriptnya.

(function(doc, script) {
  var js,
      fjs = doc.getElementsByTagName(script)[0],
      frag = doc.createDocumentFragment(),
      add = function(url, id) {
          if (doc.getElementById(id)) {return;}
          js = doc.createElement(script);
          js.src = url;
          id && (js.id = id);
          frag.appendChild( js );
      };
    // Google+ button
    add('http://apis.google.com/js/plusone.js');
    // Facebook SDK
    add('//connect.facebook.net/en_US/all.js#xfbml=1&appId=200103733347528', 'facebook-jssdk');
    // Twitter SDK
    add('//platform.twitter.com/widgets.js');
    fjs.parentNode.insertBefore(frag, fjs);
}(document, 'script'));

Aku menemukannya akan melalui beberapa kode situs dan saya lupa persis yang awalnya melakukannya tetapi tampaknya seperti Nicolas Gallagher atau Mathias Bynes semacam itu. Benar saya jika saya salah.

Anda akan memerlukan HTML di tempat untuk script menempatkan barang-barang mereka:

<a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>

<div class="g-plusone" data-size="medium" data-count="true"></div>

<div id="fb-root"></div>
<div class="fb-like" data-send="false" data-layout="button_count" data-width="1" data-show-faces="false" data-action="recommend"></div>

itu saja yang bisa saya sampaikan. semoga bermanfaat.

Read more ...

Cara Membuat Salju dan Gelembung Berjatuhan

Kali ini saya akan berbagi dengan kawan Cara Membuat Salju dan Gelembung Berjatuhan :q; yang perlu kawan ketahui bahwa ini hanyalah selera saja dan merupakan pernak-pernik biar kelihatan Blog kita hidup :y; karena ada yang berjatuhan dari atas berterbangan :z;

Seperti kawan ketahui Salju warnanya Putih maka akan kelihatan asyik apabila warna latar belakang Blog dengan warna gelap sedangkan Gelembung dengan warna biru muda :x; 

Screenshot : Gelembung dan Salju

Oke langsung saja ke cara membuatnya :

• Masuk Account Blogger dengan ID kawan
• Pada Dasbor pilih Template - Edit HTML
• Cari tag </head>
• Copas Script berikut tepat diatasnya

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js' type='text/javascript'/>
<script src='https://sites.google.com/site/blogbegocreation/javascript/bubble.js' type='text/javascript'/><script src='https://sites.google.com/site/blogbegocreation/javascript/jsnow.js' type='text/javascript'/>
  <script type='text/javascript'>
$(function() {
$().jSnow();
});
</script>

Kalau kawan berkeinginan akan menampilkan satu saja, kawan cukup menghapus salah satu teks yang berwarna merah atau teks yang berwarna biru

• Jangan lupa simpan template kawan

Read more ...

WebDepot Blogger Template

Template Name: WebDepot
Platform: Blogger / Blogspot
Release date : 29, June 2013
Author : www.templateism.com
License : Creative Commons Attribution 3.0

Download Demo

WebDepot Blogger Template adalah kombinasi dari skema warna yang berbeda yang membuatnya terlihat unik. Tema ini sangat ideal untuk Merancang, mengembangkan web, dan situs web berbasis Majalah terutama bagi mereka yang stres lebih ke arah merancang niche. Tidak seperti tema kami yang lain, ini memiliki banyak fitur tak tertandingi termasuk beberapa inklusi CSS3 dan fungsi penting lainnya. Ketika Anda berbicara tentang merancang murni, template ini hampir tak terlihat karena kita telah menggunakan banyak fitur untuk pertama kalinya. Ini memiliki desain yang bersih dan ramping dan memiliki banyak utilitas berani.

Fitur WebDepot Blogger Template:

• Colorful Sidebar Title: Tidak seperti template blogger lain, kita harus pertama kali menggunakan teknik baru untuk menampilkan judul sidebar berwarna-warni bersama dengan ikon bertubuh kecil. Sebagai contoh, untuk Facebook Widget, kita telah menggunakan gelap judul sidebar biru bersama dengan Icon kecil "F" Logo yang mewakili Facebook.
• Eye-Catching Tombol Kontra Sosial: Di bagian bawah setiap posting, Anda dapat melihat tombol hitung sosial diatur sedemikian rupa sehingga bisa membawa percikan eye-catching pengunjung Anda. Kami telah menambahkan Facebook, Twitter dan Google+ tombol sosial kontra.
• SEO Friendly: Seperti kebanyakan kami dari tema, ini juga SEO Friendly. Ini adalah pra-dioptimalkan untuk SEO pada halaman. Termasuk pos tag, Meta tag, Kata Kunci, dan hal mengoptimalkan mendalam. Lebih penting lagi, kecepatan ini secara signifikan lebih cepat daripada mayoritas template-tugas berat lainnya.
• Thumbnail Posting terkait: Dalam tema ini, kami telah menambahkan Thumbnail Terkait posting widget yang akan bekerja pada otomatisasi. Para Thumbnail adalah dari ukuran normal sehingga dengan mudah bisa dilihat oleh pembaca.
• Fitur Lebih: Drop Down Menu, 4 footer kolom, skema multi-warna, sistem komentar berulir, 2 kolom template, dan banyak lagi.

Dari Desk Designer:

Kami berharap tema ini telah membantu Anda dalam merenovasi blog Anda dengan keangkeran. Marilah kita tahu apa yang Anda pikirkan tentang tema ini multi-warna? Mengusulkan dan bug akan lebih dari menyambut. Pada catatan kedua, mengambil beberapa saat untuk mendaftar newsletter kami untuk terus menikmati rilis tema terbaru kami. Gunakan widget Berlangganan terletak di sidebar, hanya di tikungan!

Read more ...

Cara Membuat Custom WebKit Scrollbar di Blogger

Apakah Anda ingin meningkatkan Scroll bar di situs Anda? Scroll bar akan muncul di sisi kanan layar dan, memungkinkan pengguna untuk Scroll ke bawah halaman setiap kali mereka menyeret ada mouse ke atas atau bawah halaman. Untuk memberikan pengalaman user-friendly bagi pengunjung Anda, yang penting adalah memiliki Gulir bar halus. Namun, tidak ada keraguan bahwa Kustom Gulir bar melakukan pekerjaan cukup mahal, tetapi tidak sempurna. Beberapa hari yang lalu, pembaca kami memberitahu kami tentang warna-warni WebKit Scrollbars bahwa ia telah melihat pada website yang berbeda. Selain itu, ia juga meminta kami untuk mengembangkan yang serupa. Oleh karena itu, dalam artikel ini kita akan belajar Cara Membuat Custom WebKit Scrollbar di Blogger?

Apa Definisi WebKit Scrollbar?

Sebagian besar orang masih berpikir apakah kata "WebKit Scrollbar" berarti, itu adalah bar vertikal atau horizontal yang biasanya muncul di sisi kanan layar dan yang memungkinkan pengguna untuk gulir ke bawah halaman melalui mouse mereka. Jika ada yang masih tidak dapat memahami bagaimana cara kerjanya kemudian, jangan lupa untuk memeriksa demonstrasi berikut yang akan menghapus semua kesalahpahaman yang bergoyang-goyang ke dalam otak Anda. Perhatikan screenshot berikut.

::-webkit-scrollbar                 { /* 1 */ }
::-webkit-scrollbar-button          { /* 2 */ }
::-webkit-scrollbar-track           { /* 3 */ }
::-webkit-scrollbar-track-piece     { /* 4 */ }
::-webkit-scrollbar-thumb           { /* 5 */ }
::-webkit-scrollbar-corner          { /* 6 */ }
::-webkit-resizer                   { /* 7 */ }

Mengapa Menggunakan Custom Scrollbar?

Tidak ada alasan mengapa mematikan seseorang bisa mengatakan tidak kepada Disesuaikan Scrollbar karena menambah hidup elegan baru ke situs web nya. Pertimbangkan bahwa seseorang memiliki website yang sangat profesional tapi karena itu, Scrollbar adalah dari tua-sekolah, sehingga cukup jelas bahwa, itu akan menghancurkan prospek lengkap dari sebuah situs web. Untuk mempelajari lebih lanjut tentang perbedaan antara biasa atau dan scrollbar disesuaikan mempertimbangkan screenshot berikut.

Bagaimana Tambahkan WebKit Scrollbar di Platform Blogger?

Sejujurnya, tidak ada kompleksitas dalam tutorial ini karena semua yang perlu kita lakukan adalah untuk memasukkan CSS untuk tema kita, dan itu akan melakukan pekerjaan cukup mudah. Untuk menginstal WebKit Scrollbar dalam template blogger Anda mempertimbangkan petunjuk berikut.

• Kembali ke Blogger.com >> Template >> EDIT HTML >> Lanjutkan.
• Sekarang dalam tema Mencari ]]> </ b: skin> dan di atasnya Paste Code CSS Berikut.

/* --- Tempat Blogging Custom WebKit Scrollbar di Blogger --- */
::-webkit-scrollbar {
background:#fff;
width:10px;
}
::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
background-image: -webkit-linear-gradient(top, #336699 10%, #336699 51%);
}
::-webkit-scrollbar-track {
}

• Kemudian Ganti # 336699 dengan warna dengan selera Anda.

Semua Selesai: Setelah melakukan semua kustomisasi cukup tekan tombol Save. Sekarang Kunjungi situs Anda dan kami yakin itu tidak akan mengecewakan Anda. Dengan menggunakan teknik yang sama, kita dapat menyesuaikan berbagai elemen dari sebuah situs web. Semoga Bermanfaat

Read more ...

Jual Lahan Kelapa Sawit di Palembang Butuh Cepat

 

			Kami saat ini lagi menjual lahan kelapa sawit, butuh cepat. Dengan rincian sebagai berikut: 1. Lahan kelapa sawit beserta isinya dan sudah siap panen 2. Ada pabrik kelapa sawitnya dan sekalian dijual. 3. Luas lahan 20 ribu hektar 4. Semua izin lengkap..SK bupati, Amdal, dll harga 640 Milyar .lokasi Sumatra selatan ( Palembang) Hanya yang serius Hub : 085649972735 Kirim penawarannya ke email : moch007@ yahoo.com

Read more ...

Cara Mencantumkan Video Instagram di Blogger

Instagram telah merevolusi sebagai aplikasi mobile menjadi sebuah platform jaringan sosial yang kuat dan interaktif di mana pengguna tidak hanya dapat berbagi foto mereka, tetapi dengan pengguna inklusi terbaru mereka sekarang dapat meng-upload dan berbagi video mereka juga. Hal ini telah menjadi tempat yang sempurna untuk berbagi foto dan video dengan hampir jutaan pengguna. Di masa lalu, kami telah menunjukkan Anda bagaimana untuk Cantumkan Foto Instagram di Blogger. Baru-baru ini, salah satu pengguna kami meminta kami Bagaimana Cantumkan Instagram Video di Blogger? Karena, itu adalah fitur baru, sehingga tidak ada banyak cara untuk melakukan pekerjaan ini. Pada artikel ini, kita akan Tunjukkan Anda Cara Mencantumkan Video Instagram di Blogger.

Ini bukan kejutan besar bahwa Instagram tidak pernah membuat hal tertentu mudah untuk menanamkan pada sebuah situs web pihak ketiga. Aplikasi mereka mendukung teknologi oEmbed, di mana layanan seperti Embedly dapat menampilkan foto Instagram. Tapi tidak ada pilihan embedding mudah tersedia.

Metode # 1: Metode Kode tertanam:

Hal pertama yang perlu Anda lakukan adalah dengan mengunjungi URL dari video di Instagram yang Anda ingin menanamkan di situs blogger Anda. Untuk hanya sebuah contoh, kita akan menggunakan video ini.

2. Di Google chrome, safari atau Firefox, klik kanan pada video asli dan pilih "Periksa Elemen". Ini adalah alat yang berguna yang memungkinkan Anda untuk mendapatkan akses ke kode sumber dari sebuah situs web. Anda bahkan dapat membuat perubahan pada kode seperti CSS dan dapat menyaksikan hal-hal yang berubah di depan mata Anda.

2. Cari kode yang mirip dengan yang satu ini 'div class-"Video"' dan mencari URL yang memiliki "distilleryvesper" dalam judul dan berakhir di "mp4.." Copy seluruh baris URL dan tempel di mana saja Anda ingin menampilkan video. Misalnya, Blogger >> Tambah Post baru >> Tab HTML. Kode agak akan terlihat seperti ini:

<video controls="controls" poster="http://distilleryimage3.s3.amazonaws.com/2ea7416ad9e311e28f2322000a9e0753_7.jpg" width="600" height="640"><source src="http://distilleryvesper3-7.ak.instagram.com/2ea7416ad9e311e28f2322000a9e0753_101.mp4" type="video/mp4"></source>

3. Anda hanya perlu untuk mendapatkan URL dan kemudian Anda dapat menggabungkan hal-hal bersama-sama dengan kode embed untuk menampilkannya ke situs blogger atau website lain.

Metode # 2: Metode Embed Sederhana:

Mungkin cara termudah untuk melakukan pekerjaan adalah dengan menggunakan teknik sederhana. Buka video apapun dan copy seluruh URL-nya.

Misalnya, http://instagram.com/p/ayxFjtOiCT sekarang hanya menambahkan "/ embed" di akhir URL dan itu akan menjadi http://instagram.com/p/ayxFjtOiCT/embed.

Anda dapat menggunakan teknik iFrame untuk menampilkan video pada halaman Web Anda. Mengambil URL di atas sebagai contoh, Anda dapat melihat kode kerja berikut:

<iframe frameborder='0' height='292' src='http://instagram.com/p/ayxFjtOiCT/embed?byline=0&amp;portrait=0' width='417px'/>

Teknik ini hampir sama seperti yang kita tunjukkan di atas, tapi di sini Anda hanya menggunakan teknik iframe sederhana muncul video. Sepertinya pekerjaan yang dilakukan orang-orang.

Metode # 3: Gunakan Embedly:

Embedly, memberikan Anda fleksibilitas untuk menanamkan apa pun yang Anda suka. Hal ini juga menawarkan pilihan di mana Anda dapat menanamkan video Instagram dalam situs web Anda. Metode ini untuk orang-orang un-techy yang tidak bisa bermain-main dengan HTML.

Kami tidak akan memilih metode ini karena metode di atas bekerja cukup baik. Namun, jika Anda tidak dapat mencapai apa-apa dari atas dua metode maka yang satu ini tidak akan mengecewakan Anda.

Apa pikiran Anda tentang portal ini video baru Instagram? Kami berharap tutorial ini membantu Anda untuk belajar Cara Mencantumkan Video Instagram di Blogger. Jika Anda menyukainya kemudian, jangan ragu untuk berbagi dengan teman-teman Anda di web sosial. Marilah kita tahu apa pikiran Anda tentang hal itu.

Read more ...

Jual Lahan Kelapa sawit di Gorontalo

Dijual Lahan Kelapa sawit di gorontalo

Di Jual Kebun kelapa sawit : 
Luasnya 18.300 ha
1. Lahan benar-benar ada dan tidak bermasalah ( tumpang-tindih) 
2. Mempunyai titik kordinat yang jelas ( bisa dilihat dengan citra satelit) 
3. Legalitas dan perizinan lahan lengkap. ijin lokasi, ijin prinsip, HGU, HGB, AMDAL ( PKS) 
- SK BUPATI..
- AMDAL… 
- SIUP
- Izin Usaha Perkebunan.

Harga 35 Milyar

Kontak saya di hp : 085649972735
terima kasih

Read more ...

Jual Lahan Kelapa Sawit di Sulawesi Tengah

Saat ini kami sedang menjual Lahan kelapa sawit yang terletak di Sulawesi Tengah dengan sawitnya.
Rincian lahan sebagai berikut :
- luas 20 ribu Hektar...
- jalan sdh di buka.
- izin lokasi/sk bupati,
- amdal-  siupp (pokoknya suratnya lengkap)
harga 60 Milyar Lokasi di Sulawesi Tengah

Bagi berminat saya tunggu..
atau bisa kirim surat penawarannya ke email : moch007@yahoo.com

Hubungi : 085649972735

Read more ...

WISUDA BARENG JKT48

Read more ...

GARA2 BBM MUNDAK

Read more ...

WUIIS..CUUUUR

Read more ...

Cara Memasang Fitur Reblog di Artikel Blogger Anda

Fitur Reblog atau berbagi konten Anda di blog mereka adalah sesuatu yang bisa membuat posting Anda pergi virus. Baru-baru ini, salah satu pengguna kami meminta Cara Memasang Fitur Reblog di Artikel Blogger Anda. Bagaimana jika seseorang memuja posting Anda dan ingin berbagi di blog-nya? Dalam situasi ini, Anda dapat menawarkan mereka fungsi berbagi satu-klik yang tidak hanya akan menyebarkan konten Anda di seluruh internet, disamping itu juga membantu Anda untuk mendapatkan backlink sebelumnya. Oleh karena itu, hari ini di artikel ini, kami akan menunjukkan kepada Anda Cara Memasang Fitur Reblog di Artikel Blogger Anda.

Catatan: Anda dapat melihat Demo Disini, pastikan Anda gulir ke bawah ke bagian bawah posting untuk melihat  tombol hijau "Reblog This Post".

Mengapa untuk memungkinkan penggunaan untuk Reblog Tulisan Anda?

Beberapa orang mungkin mengambil dengan cara yang salah karena memungkinkan pengguna untuk berbagi posting Anda di blog mereka akan berakhir di plagiarisme. Namun, ada twist di bagian ekor. Karena, backlink kredit dari sumber aslinya selalu ada, jadi itu berarti Anda akan terus menjadi penulis asli.

Di sisi lain, Anda bisa mendapatkan banyak backlink alami berkualitas tinggi. Hanya mempertimbangkan, jika blog Anda memiliki 100 posting dan setiap posting yang kembali bersama dengan 1000 orang dan sebagai imbalannya Anda mendapatkan banyak backlink layak untuk situs Anda. Ini juga akan menguntungkan Anda dengan menyediakan situs Anda dengan lebih popularitas sebagai orang mungkin mengikuti situs Anda dari menjadi penulis asli.

Cara Tambah Tombol Reblog posting Anda di Blogger?

Hal pertama yang Anda akan lakukan adalah untuk login ke Dashboard Blogger Anda. Sekarang Setelah log in, pergi ke blog Anda >> Template >> Edit HTML >> dan cari tag ]]> </ b: skin>. Setelah Anda menemukannya, tepat di atasnya paste kode CSS berikut.

.reblog {
color: #fff;
font-weight: bold;
font-size: 14px;
text-shadow: 1px 1px 0 #75a43b;
padding: 5px 10px;
display: inline;
border: 1px solid #69963b;
background: #7cc237;
border-radius: 2px;
background: -webkit-gradient(linear, left top, left bottom, from(#afd95b), to(#7cc237));
background: -webkit-linear-gradient(top, #afd95b, #7cc237);
background: -moz-linear-gradient(top, #afd95b, #7cc237);
background: -ms-linear-gradient(top, #afd95b, #7cc237);
background: -o-linear-gradient(top, #afd95b, #7cc237);
box-shadow: inset 0 1px 0 #d0e8a0;
-webkit-box-shadow: inset 0 1px 0 #d0e8a0;
-moz-box-shadow: inset 0 1px 0 #d0e8a0;
-o-box-shadow: inset 0 1px 0 #d0e8a0;
}
.blogthis a {
color: #fff; text-decoration:none;}
a.reblog:hover {
color: #fff;
background: #7cc62b;
background: -webkit-gradient(linear, left top, left bottom, from(#b5e261), to(#7cc62b));
background: -webkit-linear-gradient(top, #b5e261, #7cc62b);
background: -moz-linear-gradient(top, #b5e261, #7cc62b);
background: -ms-linear-gradient(top, #b5e261, #7cc62b);
background: -o-linear-gradient(top, #b5e261, #7cc62b);
text-decoration:none;
}

Setelah menambahkan kode CSS, waktu untuk menambahkan kode yang akan membuat pekerjaan widget. Hanya mencari <div class='post-footer'> dan di atasnya paste kode berikut. Setelah semuanya selesai, tekan "Save Template" tombol untuk menyimpulkan proses.

<div class="reblogme"><li class='blogthis'><b:if cond='data:top.showBlogThisButton'>
<a class='reblog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'>Reblog This Post</a></b:if>
 </li></div>

Selamat: Anda telah berhasil belajar Cara Memasang Fitur Reblog di Artikel Blogger Anda. Tidak hanya itu, tetapi Anda juga dapat menyesuaikan dgn mode sesuai dengan kebutuhan keinginan Anda. Anda juga dapat melihat posting Anda untuk melihat segala sesuatu bekerja dalam urutan atau tidak.

Kami berharap tutorial ini telah memfasilitasi Anda untuk memahami bagaimana untuk memungkinkan pengguna untuk Reblog posting Anda di blogger. Apakah ada dari Anda yang menggunakan teknik yang sama, Jika ya maka biarkan kami tahu tentang pengalaman Anda. Jika Anda suka posting maka berbagilah dengan teman-teman media sosial Anda.

Read more ...