Tips Raih Income dari Google Plus: CSS HTML

Tampilkan postingan dengan label CSS HTML. Tampilkan semua postingan

Rabu, 17 Desember 2014

Cara Mematikan Control U A C Disable Mouse Klik Kanan Kiri 2015

Kesempatan Kali ini Saya mau berbagi Info seputar Cara Mematikan Control U A C Disable Mouse Klik Kanan Kiri Pada Artikel 2015 yang mungkin anda butuhkan dan sebelumnya juga kami sudah share seputar Cara Pasang Artikel Terkait News di Atas Header Blog ok berikut deh caranya buat matiin dan disable mouse maupun matiin fungsi keyboard silahkan dicoba yah.

Pasang Saja kode dibawah ini di dalam menu edit template blog sahabat cari tulisan <body> lalu replace atau ganti dengan kode dibawah ini dan silahkan langsung simpan dan buka salah satu halaman postingan sobat dan silahkan test apakah udah kedisable atau belum?

Berikut sedioikit penjelasannya daroi kode diatas tersebut.

oncontextmenu='return false; Untuk Mematikan Klik Kanan Mouse

onkeydown='return false; Untuk Mematikan Control U

onmousedown='return false; Untuk Mematikan Fungsi Select Element Via Mouse

ondragstart='return false Untuk Mematikan Fungsi Drag Mouse

onselectstart='return false Untuik mematikan fungsi Select Mouse

style='-moz-user-select: none; cursor: default; sttle pada mouse

Cuman itu saja sob info seputar Cara Mematikan Control U A C Disable Mouse Klik Kanan Kiri di Postingan 2015 semoga membantu tentunya cukup bermanfaat buat pelajaran anda hari ini, terima kasih dan jangan kapok dan lupa buat kembali lagi kesini,, thanks.

Selasa, 14 Oktober 2014

Cara Verifikasi Google Webmasters di Web Hosting

Cara Verifikasi Google Webmasters di Web Hosting dan berikut adalah cara mudah membuat google sitemap xml dengan script php dan htaccess dimana tutorial ini dikhususkan bagi yang tidak memakai blog blog gratisan dalam artian adalah menggunakan web hosting sendiri jadi, jika anda kesulitan dalam verifikasinya silahkan ikiti panduannya dibawah ini, dan ini hanya untuk web hosting saja.

1. buatlah file file penunjang dengan nama berikut:

- "sitemap.xml" dan kosongkan saja isi file tersebut (sitemap.php akan menuliskan hasil crawl di file ini dan file ini akan di gunakan untuk sitemap web anda)

- "sitemap_temp.xml" dan kosongkan juga isinya (sitemap.php akan menuliskan temporary url crawl di file ini)

- "404error.txt" dan kosongkan juga isinya (sitemap.php akan menuliskan error repost di file ini)

2. kemudian kita akan membuat file php dengan nama "sitemap.php" (file utama yang akan menciptakan site map anda)

3. kemudian setelah itu upload lah keempat file tersebut ke server hosting anda

4. rubah file .htaccess di server hosting anda dengan menambahkan baris berikut

RewriteEngine on

RewriteRule (.*)\.xml(.*) $1.php$2 [nocase]

yang bertujuan agar nantinya file sitemap.php bisa mengeksukusi dan menulis file sitemap_temp.xml dan sitemap.xml

5. bukalah file sitemap.php melalui browser anda maka file sitemap.php akan otomatis meng crawl link link yang ada di web kamu, dan menuliskannya ke dalam file sitemap.xml

Cara Verifikasi Situs Google Webmasters di Web Hosting

6. jika sudah selesai maka saatnya untuk mendaftarkan sitemap kamu ke google webmaster tools.

Dan hanya itu saja tips kali ini tentang Cara Verifikasi Google Webmasters di Web Hosting semoga bermanfaat.

Minggu, 21 September 2014

Cara Mengganti dan Pasang Template Blog Terbaru

Dan berikut akan membahas tutorial Cara Mengganti dan Pasang Template Blog Terbaru 2015 khusus blogger, oke tips kali ini saya tidak akan bahas panjang lebar jadi akan dibahas secara simpel saja, sebelum ke tutorialnya silahkan baca juga tips sebelumnya yaitu tentang rahasia google serta cara menghukum komentar spam, oke kita langsung saja dan untuk mengganti template blog dengan template yang baru cukuplah mudah, berikut cara-caranya.

1. Langkah pertama untuk mengganti template blog silahkan anda carai dulu templatenya di google dengan mengetikan kata kunci "template blog seo friendly" atau terserah anda.

2. Setelah didownload biasanya bahwa hampir 90% template yang anda download masih dalam format rar, jadi yang dibutuhkan untuk mengganti template blog adalah file xml'nya saja, jika masih dalam bentuk rar silahkan anda ektrsk dulu.

3. Selanjutnay silahkan masuk ke blogger sahabat lalu cari menu TEMPLATE klik cadangkan lalu klik PILIH FILE silahakn cari file yang ada dikomputer anda dan silahkan upload.

4. Lalu silahkan simpan dan lihat hasilnya.

Biasanya dalam beberapa template yang sudah banyak tersebar ada template yang tidak bisa dipasangkan mungkin ada kesalahan sewaktu yang upload template tersebut tidak memeriksanya kembali, tetapi saya rasa banyak template yang tinggal ektrak dan langsung pasang. untuk lebih jelasnya silahkan lihat video tutorialnya dibawah ini:

Dan hanya itu saja tips kali ini tentang Cara Mengganti dan Pasang Template Blog Terbaru semoga bermanfaat dan terima kasih.

Senin, 01 September 2014

Cara Membuat Komentar Buka Tutup di Blog

Tips Kali ini adalah seputar Cara Membuat Komentar Buka Tutup di Blog untuk membuat komentar atau lebih tepatnya adalah bagaimana caranya agar suatu kolom komentar bisa buka tutup dan apa tujuan dari kolom komentar tersebut harus di buka tutup, untuk definisi ini sebenarnya banyak maksud dari pemilik suatu website tersebut atau pemilik blog yang bersangkutan sehingga harus membuat kolom komentarnya dibuka dan ditutup? oke sebelum saya lanjutkan kembali silahkan mungkin tutorial sebelumnya belum anda baca yaitu tentang Cara Pasang Recent Post serta tutorial tentang Cara Cek Peringkat Blog di Google, oke kita lanjutkan kembali untuk tutorial show hide komentar ini tujuannya agar apabila komentar yang ada pada blog saudara sudah sangat cukup panjang maka bisa diakali dengan cara ini, dan untuk membuatnya cukuplah mudah sekali silahkan bisa anda simak berikut ini:

1. Pada langkah pertama silahkan cari kode ]]></b:skin> lalu pasangkan kode dibawah ini tepat diatas kode ]]></b:skin>

a.openpanel {display:block;width:100%;height:40px;padding:0px 0px;text-align:center;font-weight:bold;line-height:30px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit2rIxfzp_2cbveYdR8D_ygchESIw0jT9oDhbhD_RC8VAvqcPP7mPRYFs2K8vUui1x60IRuSRjD-Gc8wcfsT8tBTFVSibBm0EVjjzbHRV0RCaD7dwNlhGCQl71lmZ0jgQpNo5DwVqK1DeM/s1600/topmenueva.jpg)repeat-x;-webkit-transition: all .15s ease-in-out;-webkit-transform-origin: 50% 1px;position:relative;

}a.openpanel em {width:0px;height:0px;display:block;position:absolute;top:15px; right:15px;border:6px solid transparent;border-top-color:white;

}a.openpanel.active {background-color:#;}a.openpanel.active em {top:6px;border color:transparent transparent white transparent;

}div.paneline {height:0px;-webkit-transition: all .15s ease-in-out;-webkit-transform-origin: 50% 1px;}div.hompiPanel {padding:10px 20px 20px;margin:0px 0px !important;}

2. Pada langkah yang kedua kemudian silahkan cari kode </head> setelah ketemu silahkan copy paste kode dibawah ini tepat diatas kode </head>

//<![CDATA[

var panelSelector = '#comments',

openPanelText = "Open",

closePanelText = "Close",

slideDownPanelSpeed = 600,

slideUpPanelSpeed = 400;

//]]>

</script>

</script>

Untuk tulisan biru diatas bisa disesuaikan dengan keinginan masing-masing, dan untuk keperluan kode-kode diatas bisa anda ambil DISINI

Nah hanya itu saja tips sederhana kali ini tentang Cara Membuat Komentar Buka Tutup di Blog semoga bermanfaat dan atas kunjungannya saya ucapkan terima kasih.

Senin, 25 Agustus 2014

Cara Pasang Recent Post Tanpa Gambar

Pada kesempatan kali ini saya ingin share tentang Cara Pasang Recent Post Tanpa Gambar semoga atau mungkin ada yang masih mencarinya dengan tutorial sederhana ini, sebelumnya juga sudah saya bahas tentang Cara Mengatasi Website Blank Putih serta tips Cara Transfer Domain dari berbeda Tempat , oke untuk tutorial kali ini adalah tutorial yang cukup sederhana sekali yaitu seputar widget blog , silahkan simak ya..

1. Langkah pertama tentunya masuk dulu ke akun blogger sahabat, pilih salah satu blog yang ingin dipasang recent post ini, kalau sahabat dalam satu akun banyak memiliki banyak blog., kemudian cari TATA LETAK kemudian TAMBAHKAN WIDGET lalu pilih FEED bisa dilihat contoh pada gambar dibawah ini:

http://www.jasaseoblog.com/2014/08/cara-pasang-recent-post-tanpa-gambar.html

2. Lalu pada langkah kedua silahkan konfigurasi feed atau isi feed tersebut dengan contoh https://www.jasaseoblog.com/feeds/post/default silahkan ganti nama blog saya yang dikasih tanda biru dengan nama blog Anda dan pasangkan seperti contoh pada gambar dibawah ini:

3. Dan Langkah yang terakhir tinggal anda Simpan saja dan hasilnya kira-kira seperti pada gambar dibawah ini, atau anda bisa lihat pada website ini sebelah kanan dengan tulisan "Artikel Terbaru Kami"

Hanya itu saja Tips singkat dan sederhana kali ini tentang Cara Pasang Recent Post Tanpa Gambar Semoga bermanfaat dan atas kunjungannya Saya ucapkan terima kasih.

Kamis, 14 Agustus 2014

Cara Pasang Meta Tag Dynamis Untuk Wordpress

Selamat bertemu lagi pada kesempatan kali ini saya akan berbagi tips yaitu Cara Pasang Meta Tag Dynamis Untuk Wordpress sebelum saya lanjutkan silahkan simak juga tips sebelumnya yaitu Cara Pasang Dynamic Heading di Wordpress serta Blog Zombie Gratis Buat Anda nah untuk tips kali ini saya tidak akan banyak bicara kita langsung saja ke intinya saja, untuk pasang meta tag di wordpress silahkan ikuti panduan sederhananya dibawah ini.

http://www.jasaseoblog.com/2014/08/cara-pasang-meta-tag-dynamis-untuk.html

META TAG UNTUK WORDPRESS

1. Petama login ke wordpress saudara lalu Buka file header.php lalu cari kode <head> pasang kode dibawah ini tepat dibawah kode <head> kalau sudah tinggal simapn saja, cukup mudah bukan?

<?php if (is_single()) {

foreach((get_the_tags()) as $tag) {

$keywords[] = strtolower($tag->name);

}

foreach((get_the_category()) as $category) {

$keywords[] = strtolower($category->cat_name);

}

<?php }

else { ?>

<?php } ?>

2. Silahkan ganti tulisan Keyword 1, keyword2 sesuai dengan target kata kunci yang anda inginkan, hanya itu saja dan untuk copy paste kode bisa AMBIL DISINI

Ok mudah-mudahan tips paling sederhana ini tentang Cara Pasang Meta Tag Dynamis Untuk Wordpress ini bisa bermanfaat buat anda semua dan atas kunjungannya saya ucapkan terima kasih.

Selasa, 12 Agustus 2014

Pasang Dynamic Heading SEO Friendly Pada Wordpress

Jika Anda ingin Pasang Dynamic Heading SEO Friendly Pada Wordpress berikut akan saya simak buat anda semuanya, sebelum saya simak boleh juga simak postingan sebelumnya yaitu Daftar Blog Zombie Gratis serta Tips Cara Memperbaiki Error Pending 1 di Webmasters oke untuk pasang dynamic heading wordpress berikut tutorial dan cara penggunaannya silahkan disimak:

Mengatur Header Php Wordpess Untuk Judul Blog

http://www.jasaseoblog.com/2014/08/pasang-dynamic-heading-seo-friendly.html

Untuk mengatur Judul blog pada wordpress silahkan edit file header.php lalu cari kode <head> dan pasangkan kode dibawah ini tepat di bawah kode <head> atau didepan kode awal dari <meta name= atau sebelum kode </head>

<?php wp_head() ?>

<?php
    if ( is_front_page() ) { ?>
        <h1><a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>"><?php bloginfo( 'name' ); ?></a></h1><p><?php bloginfo( 'description' ); ?></p>
    <?php }    elseif ( is_single() or is_page() or is_category() or is_tag() or is_archive() ) { ?>
        <h2><a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>"><?php bloginfo( 'name' ); ?></a></h2><p><?php bloginfo( 'description' ); ?></p>
    <?php } else { ?>
        <h1><a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>"><?php bloginfo( 'name' ); ?></a></h1><p><?php bloginfo( 'description' ); ?></p>
    <?php }
?>

Mengatur Header Php Wordpess Untuk Judul Postingan

Untuk mengatur judul postingan agar seo friendly silahkan lakukan prosedurnya seperti dibawah ini, diimana judul postingan anda akan menjadi heading 1atau h1 jika berada pada halaman post dan akan menjadi h2 jika berada pada halaman home, untuk caranya silahkan cari file single.php dan cari kode seperti dibawah ini:

Jika sudah ketemu silahkan ganti dengan kode <h1><?php the_title(); ?></h1> lalu save , kemudian cari atau edit pada bagian file page.php seperti cara tersebut saja. untuk kebutuhan copy paste kode diatas bisa diambil DISINI

Nah hanya itu saja tips wordpress kali ini yaitu tentang Cara Pasang Dynamic Heading SEO Friendly Pada Wordpress semoga bermanfaat dan atas kunjungannya saya ucapkan terima kasih.

Senin, 04 Agustus 2014

2 Cara Memasang Link Otomatis di Blog

Tips kali ini adalah 2 Cara Memasang Link Otomatis di Blog jika anda ingin memasang link otomatis disini akan saya jelaskan dan berikan tutorialnya dimana pada tutorial ini script yang saya gunakan adalah script yang sudah sangat lama sekali saya buat, Dari pada saya mubajir saya simpan dihardisk saya saya akan berikan buat anda semuanya, jadi untuk kedepannya saya akan share tentang beberapa kode script yang mungkin anda butuhkan untuk kinerja blog anda dan sebelumnya juga sudah saya bahas hal Cara Pasang Daftar Alexa Terbaru Agustus 2014 serta tips tentang Cara Menabung Di Bank oke untuk memasang link otomatis silahkan simak berikut:

Cara Cepat Mendapatkan Backlink Berkualitas Gratis Dari Google

PASANG BACKLINK OTOMATIS DI BLOGGER

CARA MENDAPATKAN BACKLINK DENGAN LINK OTOMATIS

1. Langkah pertama silahkan ambil dulu kode scriptnya seperti dibawah ini dan bisa anda ambil DISINI

,cara pemasangannya pasanglah pada area mode HTML baik itu pada widget blog anda atau pada Mode HTML pada postingan andadan jangan lupa ganti tulisan warna birunya dengan blog anda dan angka warna merah andalah jumlah post yang ingin ditampilkannya untuk tinggi/height silahkan anmda atur dengan kecocokan pasnya.

var numposts = 10;var

showpostdate = false;var

showpostsummary = false;var

numchars = 25;var

standardstyling = true;

</script><script type="text/javascript" src="http://www.jasaseoblog.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>

2. Apa keuntungan memasang kode script diatas tersebut, karena bersifat otomatis jadi sudah barang tentu anda sudah mengetahuinya, missal begini jika anda memasang script diatas pada blog seseorang maka setiap anda postingan baru diterbitkan maka postingan baru anda tersebut akan muncul otomatis pada blog yang memasang script tersebut.

CARA PASANG BACKLINK OTOMATIS DI BLOGGER

Untuk cara yang kedua adalah dengan cara menambahkan widget bawaan blogger untuk caranya cukuplah mudah silahkan masuk pada menu TATA LETAK lalu TAMBAHKAN GADGET lalu pilih dan klik DAFTAR BLOG lalu untuk judul, urutkan, tampilkan silahkan sesuaikan dengan keperluan anda lalu klik tambahkan blog ke daftar anda dan simpan maka cara kerjanya hampir sama dengan yang point pertama diatas.

Nah hanya itu saja tips kali ini tentang 2 Cara Memasang Link Otomatis di Blog semoga bermanfaat dan atas kunjungannya saya ucapkan terima kasih.

Selasa, 22 Juli 2014

Cara Mengatur Lebar Tinggi dan Membuat Header Blog

Tips Kali ini adalah Bagaimana Cara Mengatur Lebar Tinggi dan Membuat Header Blog itu? disini saya akan jelaskan lebih detail dengan berbagai kendala dan masukan dari rekan-rekan semuanya, oke sebelum saya lanjutkan silahkan simak juga post sebelumnya yaitu Cara Buat Share Addthis Cantik dan Cara Buat Readmore Otomatis, oke sekarang kita akan simak bagaimana cara mengatur lebar tinggi suatu header blog, kadang banayk panduannya digoogle tetapi tidak sesuai dengan apa yang kita harapkan misal header blog anda mengecil atau mengkerut, lalu anda mengetikan kata kunci "Cara Mengatur Lebar Header Blog" atau "Cara Mengganti Header Blog" sehubung banyak anjuran dari berbagai tutorial untuk mengganti lebar/width atau tinggi/hight tetapi kadang pada opsi #header-wrapper tidak ditemukannya tulisan hight/tinggi , karena pada sebagian template seperti template template toko online uikuran hight/tinggi ini memang tidak tampak, nah dari pada anda bingung dengan semua itu saya akan berikan cara yang termudahnya saja silahkan simak saja.

Cara Baru Mengatur Lebar Tinggi dan Cara Membuat Header Blog

Cara Mengganti Header Blog

1. Langkah pertama silahkan temukan kode <b:skin><![CDATA[ biasanya pada sebagian besar template setelah kode tersebut ada kredit linknya atau seperti kode dibawah ini, misal seperti ini:

<b:skin><![CDATA[

* -----------------------------------------------

Grey Blogger Template Style SEO friendly

Name : Grey Agung SEO Friendly

Author : Muhamad Sobar

Url : http://www.jasaseoblog.web.id/

bla...bla...bla..bla...bla... dan setersunya

2. Agar anda tidak bingung silahkan hapus semua kode mirip dibawah:

/* -----------------------------------------------

Grey Blogger Template Style SEO friendly

Name : Grey Agung SEO Friendly

Author : Muhamad Sobar

Url : http://www.jasaseoblog.web.id/

Updated by: Blogger Community Of Indonesian

----------------------------------------------- */

body{background:#e5e5e5;color:#666;font:x-small Trebuchet MS;font-size:small;text-align:left;margin-top:47px}

a:link{color:#5c9f01;text-decoration:none}

a:visited{color:#5c9f01;text-decoration:none}

a:hover{color:#666;text-decoration:none}

a img{border-width:0}

#header-wrapper{background:#7ab800 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFRW_tdtti1hvhXlLHCX6LJTB8FkQTCQekTjqS0pb5ghpDGkrgFfF0yNkb3Eq6MRpH7482xxigJ2qZjsVKj0YXY7oSLUjkN_E1iYTT-4IY68RiI1FkMwlS80iOTWb5ijX0Af0QpT8P2izI/s1600/header.gif) repeat-x bottom;width:960px;border:0 solid #ccc;margin:0 auto}

Sampai kode css auto} mirip diatas dimana ada tulisan #header-wrapper bal..bla..bla... auto, jadi yang dihapus adalah dari /* ---------------- sampai auto} Jika sudah dihapus silahkan ganti dengan yang dibawah ini, agar anda lebih mudah menyesuaikannya.

/* HEADER WRAPPER

==================================================== */

#header-wrapper {

width:960px;

height:150px;

background:#7ab800 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcjv25wLvVRSsI-Hca3TBxiKqZg1hMFZm5PIQtfvdqOK5GXnE4IlY-CYi93kRoLk9gBewynerm1ju6AmFZwoMn3v_lQJR_pTSO1uiRy0K80C_5muqxzTDSku-qdzblux1OWRl5aYK3SiE/s1600/kcm1.png) repeat-x bottom;width:960px;border:0 solid #ccc;margin:0 auto

}

#header-inner {

background-position: left;

height:150px;

margin-left: auto;

margin-right: auto;

}

#header {

margin: 5px;

text-align: left;

color:#FFF;

}

#header h1 {

padding:40px 20px 0 10px;

line-height:1.2em;

text-shadow:2px 2px 2px #fff;

text-transform:uppercase;

letter-spacing:.2em;

}

#header a {

color:#FFF;

text-decoration:none;

}

#header a:hover {

color:#FFF;

}

#header .description {

margin:0 5px 5px 0 ;

padding:0 20px 0 10px;

max-width:700px;

letter-spacing:.2em;

color:#FFF;

}

#header img {

margin-left: auto;

margin-top: auto;

}

Setelah diganti sekarang anda tinggal mengganti kode gambar diatas lihat potongan warna biru, itu adalah url gambarnya silahahkan ganti dengan gambar milik anda pastikan gambar yang akan anda gunakan lebar lebih besar nilainya dari pada ukuran tingginya, width:960px; height:150px; silahkan naikan atau turunkan nilai angka tersebut untuk membuat pas gambar header yang sedang anda pasang pada blog saudara , jika ada pertanyaan silahkan bertanya. dan untuk kopas kode diatas silahkan KLIK DISINI

Ok hanya itu saja tips kali ini tentang Cara Mengatur Lebar Tinggi dan Membuat Header Blog semoga bermanfaat, wassalam..

Cara Membuat Readmore Otomatis di Dalam Postingan Blog

Ini Dia Cara Membuat Readmore Otomatis di Dalam Postingan Blog bagi anda yang ingin pasang readmore otomatis didalam postingan cukuplah mudah sekali, panduannya bisa anda simak dibawah ini dan sebelum saya lanjutkan anda juga bisa simak post sebelumnya yaitu Multifungsi Share Addthis serta tips Cara SMS Gratis via Internet oke untuk tutorial cara buat readmore ini sangatlah mudah sekali.

1. Langkah pertama seperti biasa silahkan buat dulu postingannya lalu yang perlu anda perhatikan adalah untuk membuat readmore ini anda bisa menggunakan INSERT JUMP BREAK dimana inser jump break ini adalah harus anda sorot dengan mouse/cursor dan anda harus jeli dimana penempatan Readmore tersebut agar sesuai dengan apa yang anda harapkan , dan penggunaan insert jump break ini adalah dimana ketika anda dalam keadaan menulis pada menu COMPOSE bukan HTML, contoh inser jump break seperti pada gambar dibawah ini:

Cara Baru Membuat Readmore Otomatis Tanpa Edit HTML

Cara Buat Readmore Otomatis Tanpa Edit HTML

2. Untuk Cara yang kedua anda bisa mengguanakan alternatif kode berikut . jika kode tidak bisa dicopas silahkan ketik manual cuman dikit ko,, :) dan cara penggunaannya pasang kode tersebut setelah kata apa yang terakhir yang ingin anda buat readmore tidak jauh beda dengan point nomer 1 diatas, tetapi anda memasangnya harus dalam keadaan HTML bukan menu COMPOSE ,silahkan anda coba terlebih dahulu semoga memberikan gambaran yang cukup baik dan bisa dipahami tentunya.

Oke hanya itu saja tips kali ini tentang Cara Membuat Readmore Otomatis di Dalam Postingan Blog semoga tips sederhana ini bisa bermanfaat buat anda semuanya dan terima kasih.

Minggu, 20 Juli 2014

Multi Fungsi Widget Facebook, Twitter, Google Plus, Langganan Artikel

Tips Kali ini adalah Multi Fungsi Widget Facebook, Twitter, Google Plus, Langganan Artikel dimana dengan widget widget seperti ini maka kemungkinan besar akan semakin membuat tampilan dari beberapa share addthis yang pada umumnya terpisah dan terlihat elegan , dan sebelumnya juga sudah saya posting tentang Cara Mempercantik Tampilan Browser Firefox serta tips Cara Melakukan SMS Gratis, oke untuk cara pasang widget multi fungsi ini silahkan simak berikut ini, dan gambar dibawah ini adalah contoh dimana jika sudah berhasil dipasangkan.

Multi Fungsi Widget Facebook, Widget Twitter, Widget Google Plus, Dan Widget Langganan Artikel

Untuk langkah langkah pembuatannya silahkan copy paste dulu kodenya DISINI dan sekarang perhatikan gambar dibawah ini dimana yang bertanda warna merah harus anda ganti dan sesuaikan dengan milik anda, untuk facebook silahkan ganti dengan url fanpage anda , untuk twitter dan google plus silahkan ganti juga dan untuk langganan artikel mungkin anda belum punya silahkan buat dulu atau ketik kata kunci digoogle "Cara Buat Kotak Langganan Email" dan lain lain.

Multi Fungsi Dari Widget Facebook, Widget Twitter, Gadget Google Plus, Serta Adanya Langganan Artikel

Langkah selanjutnya silahkan atau setelah diedit yang bertanda warna merahnya silahkan simpan kode script diatas klik menu TATA LETAK dan TAMBAHKAN GADGET kemudian silahkan cari HTML/JavaScript dan pasteukan kodenya disana dan silahkan simpan dan silahkan lihat hasilnya, karena kode diatas tidak perlu pengeditan Template Blog, saya rasa mudah-mudahan bisa dipahami.

Hanya itu saja tips kali ini yaitu Multi Fungsi Widget Facebook, Twitter, Google Plus, Langganan Artikel semoga bermanfaat dan Terima Kasih, Jangan sungkan sungkan untuk bertanya.

Selasa, 15 Juli 2014

Cara Redirect 404 di Wordpress Tanpa Plugin

Inilah Dia Cara Redirect 404 di Wordpress Tanpa Plugin tips kali ini akan membahas bagaimana Cara Redirect 404 di Wordpress Tanpa Plugin atau Bagimana Cara Mengatasi Error 404 Not Found karena jika di suatu website apapun makannya apaun jenisnya jelasa sekali bahwa terlalu banyak error atau broken link maka akan membuat posisi website kita jatuh di hasil pencarian sehingga akan terlempar ke halaman yang cukup jauh dari calon pengunjung dan visitor anda, oke dari itu kita akan coba cari solusinya disini dan caranyapun cukuplah mudah dan simpel , dan sebelumnya juga sudah saya bahas tentang Service Komputer Bandung serta tips Cara Pasang Meta Tag SEO Friendly di Wordpress oke untuk melakukan trik redirect di wordpress silahkan simak berikut ini:

REDIRECT 404 NOT FOUND DI WORDPRESS

Langkah utama silahkan login ke Dasboard Wordpress anda lalu cari APPEARANCE lalu cari lagi EDITOR dan pilih 404 TEMPLATE (404.php) dan hapus semua kode yang ada dan ganti dengan kode dibawah ini:

<?php

header("Status: 301 Moved Permanently");

header("Location:http://namawebsiteanda");

Silahkan ganti tulisan birunya dengan nama website anda dan jika sudah beres klik update file, untuk yang tulisan biru bisa anda arahkan sesuai dengan keinginan anda baik itu diarahkan ke homepage website anda maupun ke halaman artikel sesuai dengan yang anda inginkan , untuk kopas kode silahkan ambil DISINI SAJA.

Hanya itu saja tips sederhana kali ini tentang Cara Redirect 404 di Wordpress Tanpa Plugin semoga manfaat dan atas sunggah singgahnya saya ucapkan terima kasih.

Senin, 14 Juli 2014

Cara Pasang Meta Tag Google di Wordpress

Ini Dia Cara Pasang Meta Tag Google di Wordpress nah bagi Sahabat yang ingin pasang Kode meta tag untuk wordpress silahkan baca panduannya di bawah ini, dan sebelum saya lanjutkan silahkan simak juga tips sebelumnya dari saya yaitu Cara Merakit Komputer serta info Service Komputer Bandung oke untuk pasang kode meta tag dari google silahkan simak berikut dan jika anda belum memiliki akun google websmaters tools silahkan baca panduanyya DISINI.

Cara Mudah Pasang Meta Tag SEO Friendly di Google di Wordpress

PASANG META TAG SEO FRIENDLY DI WORDPRESS

Langkah Pertama silahkan Login ke Wordpress Kamu misal namawebsite/wp-admin lalu masukan username beserta paswordnya setelah masuk silahkan cari APPEARANCE lalu pilih EDITOR kemudian pilih HEADER.PHP , untuk header.php wordpress biasanya ada disebelah kanannya , lihat gambar diatas ,lalu cari kode </head> dan letakan kode dibawah ini diatas kode </head>

<?php if(is_single() || is_home() || is_page()) { ?>
<meta name="description" content="<?php if ( is_single() ) {
        single_post_title('', true); echo " | "; bloginfo('name');
    } elseif ( is_home() ){
        bloginfo('name'); echo " | "; bloginfo('description');
    } elseif ( is_category() ) {
    echo 'Arsip-arsip Kategori "'; single_cat_title(); echo ' : '; echo category_description(); echo '" Pada: '; bloginfo( 'name' ); echo ' | '; bloginfo( 'description' );
    } elseif ( is_tag() ) {
    echo 'Arsip-arsip Kata Kunci "'; single_tag_title(); echo '" Pada '; bloginfo( 'name' ); echo ' | '; bloginfo( 'description' );
    } elseif ( is_archive() ) {
    echo 'Arsip-arsip Pada: '; echo wp_title( ' | ', false, right ); echo ' | '; bloginfo( 'description' );
    } elseif ( is_search() ) {
    echo 'Search for "'.wp_specialchars($s).'" | '; bloginfo( 'name' );
    } elseif ( is_home() ) {
    bloginfo( 'name' ); echo ' | '; bloginfo( 'description' );
    } elseif ( is_404() ) {
    echo 'News for "'.wp_specialchars($s).'"| '; bloginfo( 'name' );
    } else {
    echo 'Halaman '; echo wp_title( ' Pada ', false, right ); echo ' | '; bloginfo( 'description' );
    }
    ?>"/>

Lalu ganti tulisan Birunya dengan identitas website anda dan Jika sudah beres silahkan klik simpan dan update file , kelebihan meta tag diatas adalah sudah SEO Title dan Anti Duplikate Content karena ada penambahan rel Kanonik serta lain sebagainya. untuk Kopas Kode diatas silahkan ambil DISINI

Hanya itu saja postingan pada kesempatan kali ini tentang Cara Pasang Meta Tag Google di Wordpress semoga bermanfaat dan atas kunjungannya saya ucapkan terima kasih.

Kamis, 03 Juli 2014

Cara Mengganti Header Blog Dengan Gambar

Tips Cara Mengganti Header Blog Dengan Gambar adalah tutorial yang akan saya bahas pada kesempatan kali ini dan bagi anda yang ingin Mengganti Header Blog Dengan Gambar disini akan saya jelaskan dengan 2 cara yang berbeda, oke sebelumnya juga sudah saya bahas tentang Tips Cara Membuat Anak serta tutorial Prediksi Google Pagerank 2014 , oke untuk mengganti gambar header blog silahkan simak berikut ini:

Mengganti Header Blog Pada Menu Tata Letak Dengan Gambar

Untuk Mengubah gambar header blog bisa dilakukan pada menu TATA LETAK caranya seperti pada gambar dibawah ini, klik TATA LETAK lalu klik EDIT HEADER maka akan muncul opsi gambar seperti yang ditunjuk angka 3 lalu pilih gambar dikomputer yang telah anda miliki untuk header blog anda, lalu pilih SELAIN JUDUL DAN KETERANGAN , jika sudah beres silahkan klik SIMPAN dan lihat hasilnya.

Inilah Dia Cara Mengganti Merubah Header Blog Dengan Gambar

Cara Mengganti Background Header Blog Dengan Banner

Kelemahan mengganti gambar header pada menu tata letak adalah tidak seo friendly karena pada sebagian besar kasus tanpa anda sadari sebenarnya telah menghilangkan text tertanam heading 1 dan deskripsi blog anda, sehingga bisa mengakibatkan perubahan pada crawl dan indeksasi pada blog saudara, untuk mengganti gambar header blog yang saya rekomendasikan adalah dengan cara dibawah ini:

Mengganti Header Blog Pada Edit HTML Dengan Gambar

Cara Pertama:

Masuk pada menu TEMPLATE klik Cadangkan dan UNDUH TEMPLATE untuk menjaga error lalu klik EDIT TEMPLATE kemudian cari kode #header-wrapper ctrl+f saja agar cepat lalu search kode #header-wrapper dan kira-kira kodenya harusnya seperti ini:

#header-wrapper {

width:879px;

height:145px;

margin:0px;

padding:0px;

text-align:center;

background:#000 url("LINK GAMBAR ANDA") no-repeat right ;

}

silahkan ganti tulisan biru diatas dengan link gambar yang akan dijadikan gambar header, dan pastikan gambar yang akan dijadikan gambar header memiliki ukuran yang hampir sama dengan lebar dan tinggi backgroud header anda misal diatas tertulis width:879px; height:145px; ya itulah lebar dan tingginya dan untuk mengubah posisinya silahkan ganti text-align:center; (posisi tengah) text-align:left; (posisi kiri) text-align:right; (posisi kanan) jika ingin ada garis pinggirnya silahkan ubah padding dan marginnya dari 0px ke misal ke 1px , 2 px dst silahkan sesuaikan dengan selera anda saja. jika sudah beres silahkan SIMPAN TEMPLATE dan lihat hasilnya.

note*jika tidak ditemukan kode ini #header-wrapper { silahkan cari kode ini saja .header-outer { dan cara pemasangnnya juga hampir sama saja seperti diatas.

Cara Kedua:

Cara yang kedua adalah bila mana cara yang pertama mengalami kegagalan maka anda bisa menggunakan cara yang kedua untuk caranya silahkan masuk ke EDIT TEMPLATE cari kode mirip dibawah ini <div class='region-inner header-inner'> atau mirip ini <div id="header-wrapper">

Kode yang akan dicari adalah:

<b:section class="header" id="header" maxwidgets="1" showaddelement="no">

<b:widget id="Header1" locked="false" title="jasa seo blog. (Header)" type="Header">

</b:widget>

</b:section></div>

silahkan ganti maxwidgets="1" showaddelement="no"> dengan maxwidgets="2" showaddelement="yes">

Jika semuanya dirasa sudah beres silahkan pratinjau dulu untuk melihat hasilnya sebelum disimpan permanen. Nah hanya itu saja tips kali ini tentang Cara Mengganti Header Blog Dengan Gambar semoga bermanfaat.

Minggu, 29 Juni 2014

Cara Menyembunyikan Judul Blog dan Deskripsi Blog

Bagaimana Cara Menyembunyikan Judul Blog dan Deskripsi Blog itu? dan untuk Menghilangkan serta Menyembunyikan Judul Blog dan Deskripsi Blog cukuplah mudah sekali, tetapi sebelum kepembahasannya silahkan simak juga postingan sebelumnya yaitu Jadwal Imsakiyah 2014 serta tips Cara Melakukan Disavow Link oke untuk menghilangkan judul deskripsi blog silahkan simak berikut ini:

Inilah Dia Cara Terbaru Menghilangkan Judul Blog dan Deskripsi Blog

Tips Cara Menyembunyikan Judul Serta Deskripsi Blog

1. Cara yang pertama silahkan pilih menu TEMPALTE kemudian EDIT TEMPLATE dan biasakan anda untuk membackup template blog anda, lalu cari kode #header h1 { bla..bla..bla... } dan kode #header .description { bla..bla..bla... } lalu tambahkan visibility:hidden; sebelum kode penutupnya ini } misal jadi #header h1 { bla..bla..bla... visibility:hidden;} atau #header .description { bla..bla..bla... visibility:hidden;} jika sudah beres silahkan simpan template anda.

2. Cara yang kedua ladalah jika cara pertama tidak bisa dilakukan atau gagal seperti biasa masuk pada EDIT TEMPLATE lalu cari kode ]]></b:skin> Pasangkan kode dibawah ini tepat diatas kode ]]></b:skin>

.Header h1 {

height: 0px;

visibility: hidden;

display: none;

}

.Header .description {

height: 0px;

visibility: hidden;

display: none;

}

Hasilnya Menjadi:

.Header h1 {

height: 0px;

visibility: hidden;

display: none;

}

.Header .description {

height: 0px;

visibility: hidden;

display: none;

}

]]></b:skin>

Jika sudah beres silahkan simpan template anda, untuk keperluan copy paste kode diatas silahkan AMBIL DISINI

Oke hanya itu saja tips kali ini tentang Cara Menyembunyikan Judul Blog dan Deskripsi Blog semoga tips sederhana ini bermanfaat buat rekan semuanya serta atas kunjungannya saya ucapkan terima kasih.

Kamis, 26 Juni 2014

Script Auto Klik Iklan Otomatis

Tip Trik Script Auto Klik Iklan Otomatis dan bagimana Cara Pasang Script Auto Klik Iklan Otomatis di Blog tersebut? untuk cara pemasangan auto klik iklan ini cukuplah mudah dan apa tujuan dari script sederhana auto iklan ini, tujuannya sangatlah sederhana yaitu secara otomatis maka iklan anda akan terklik dengan otomatis atau anda sering menjumpai sebuah blog tanpa anda sadari ko langsung pop-up otomatis sebenarnya tidaklah asing karean dia pakai script yang akan saya share dibawah ini, dan tekhnik ini saya katakan sebagai black hat seo karena akan merugikan pihak advertising atau pengiklan, dan tidak saya sarankan pada jenis iklan miliki google atau Google Adsense , dan sebelum saya lanjutkan silahkan baca juga post sebelumnya yaitu Cara Membuat 2 Link Terbuka dengan 1 Klik serta review dari Sewa Mobil DimasRentcar oke bagi anda yang ingin melakukan cara ini pastikan juga anda bisa pasang iklan di blog anda , karena script ini bersifat auto atau instan tidak lupa juga sudah saya bahas tentang Auto Like Facebook , oke untuk pemasangan script auto klik iklan ini silahkan simak berikut ini, satu lagi yang mungkin terlewatkan nah bagi anda yang ingin memblokir iklan pada blog yang anda kunjungi karena mempengaruhi berat loading blog silahkan baca panduannya DISINI ya sudah kita lanjut kembali dan silahkan menyimaknya.

Cara Pasang Script Auto Klik Iklan Otomatis Blog

Script Klik Iklan Otomatis Hanya dengan Link Biasa

Untuk Scriptnya silahkan AMBIL DISINI dan perhatikan potongannya berikuit ini:

var w = window.open('Link Tujuan','height=14, width=114, top=1800, left=1800, scrollbars=yes')

document.cookie = "sct=jasaseoblog";

window.focus();

Silahkan ganti tulisan Link Tujuan dengan link iklan anda dan pastikan anda selalu rajin cek iklannya karena biasanya ada masa tayangnya sehingga sudah habis dan harus update yang baru.

Script Klik Iklan Otomatis Dengan Gambar atau Banner

Silahkan ambil dulu kodenya DISINI lalu silahkan ganti tulisan yang bertanda merah dengan keperluan keperluan anda saya yakin pasti anda bisa mengatasinya, untuk pemasangnnya secara default pastikan kode kode diatas disimpan pada tempat yang support html saja.

Nah hanya itu saja tips kali ini tentang Script Auto Klik Iklan Otomatis semoga tips sederhana ini bisa bermanfaat buat anda semuanya dan atas kunjungannya saya ucapkan terima kasih.

Rabu, 25 Juni 2014

Cara Membuat 2 Link Terbuka Hanya dengan 1 Klik Saja

Inilah Cara Membuat 2 Link Terbuka Hanya dengan 1 Klik Saja bagimana apakah anda tertarik untuk Membuat 2 Link Terbuka Hanya dengan 1 Klik Saja jika anda tertarik silahkan simak penjelasan singkatnya berikut ini, dan sebelum saya lanjutkan silahkan baca juga postingan saya sebelumnya tentang Cara Membuat Efek Bintang Salju Daun berjatuhan di blog serta artikel review dari Singgasana Hotels & Resorts pilihan akomodasi terbaik di Indonesia 2014 oke untuk membuat 2 link terbuka hanya dengan 1 klik saja silahkan simak penjelasannya dibawah ini:

Cara buat 2 Link Terbuka Sekaligus Dengan 1 Klik

1. Langkah pertama silahkan perhatikan kode html link sederhana dibawah ini:

<a onclick="window.open('http://www.jasaseoblog.com/')" href="http://www.jasaseoblog.com/2014/05/kursus-seo-dan-internet-marketing.html" target="_blank"title="Jasa SEO , Kursus SEO Jakarta">Jasa SEO , Kursus SEO Jakarta</a>

atau:

<a href="http://www.jasaseoblog.com/2014/05/kursus-seo-dan-internet-marketing.html" onclick="window.open('http://www.jasaseoblog.com/')" target="_blank"title="Jasa SEO , Kursus SEO Jakarta">Jasa SEO , Kursus SEO Jakarta</a>

Untuk hasilnya dan demonya bisa coba klik tautan ini:

Jasa SEO , Kursus SEO Jakarta

tulisan berwarna biru http://www.jasaseoblog.com/ silahkan ganti dengan link yang ingin pertama anda dahulukan serta tulisan yang berwarna merah http://www.jasaseoblog.com/2014/05/kursus-seo-dan-internet-marketing.html silahkan ganti dengan link kedua yang anda inginkan dan cara ini hanya akan terlihat hasil pastinya lewat browser firefox jadi silahkan coba untuk demonya di klik pada saat anda ada pada browser firefox.

2. Cara menggunakannya cukuplah mudah anda tinggal copas kodenya mirip diatas dan silahkan ganti dengan keperluan anda lalu pasangkan pada opsi HTML bukan COMPOSE jika itu juga ingin dipasang didalam artikel, jika ingin dipasang pada area footer, header, sidebar secara defaultnya itu sudah dalam mode HTML, Jika anda ingin 1 klik dengan membuka tab baru dengan beberapa link terbuka sekaligus dan tergantung kemauan anda, ya tinggal ditunggu saja dipostingan selanjutnya, untuk kode diatas bisa DI AMBIL DISINI

Oke hanya itu saja tips paling singkat kali ini tentang Cara Membuat 2 Link Terbuka Hanya dengan 1 Klik Saja semoga banyak manfaatnya buat anda semuanya dan serta atas kunjungannya saya ucapkan Terima Kasih.

Selasa, 24 Juni 2014

Cara Membuat Efek Daun Bintang dan Salju Berjatuhan di Blog

Tips Trik Cara Membuat Efek Daun Bintang dan Salju Berjatuhan di Blog adalah merupakan tutoral yang akan saya bahas pada kesempatan kali ini dan bagaimana Cara Membuat Efek Daun Bintang dan Salju Berjatuhan di Blog tersebut, untuk cara caranya sebebenarnya cukuplah mudah , oke sebelum saya lanjutkan sebelumnya juga sudah saya bahas tentang Cara Meningkatkan Pageviews Blog serta Review Artikel dari Singgasana Hotels & Resorts pilihan akomodasi terbaik di Indonesia oke kita akan lanjutkan kembali tutorial cara buat daun salju dan bintang bertaburan dan berjatuhan di blog, untuk cara-caranya cukup mudah sekali.

Cara Buat Daun Bintang Salju Bertaburan di Blog

1. Langkah pertama silahkan login ke akun blog anda , lalu cari menu TEMPLATE klik EDIT TEMPLATE lalu cari kode </head> jika sudah ketemu silahkan copy pasteu kode dibawah ini tepat diatas kode </head> silahkan pilih salah satunya yang menurut rekan rekan cocok.

Kode Script Efek salju berjatuhan di blog

Kode Script Efek daun berjatuhan di blog

Kode Script Efek bintang berjatuhan di blog

2. Setelah selesai silahkan simpan atau pratinjau dulu, kalau ragu memasangnnya silahkan backup dulu templatenya. untuk copas kode script diatas sekaligus demonya silahkan KLIK DISNI

Oke hanya itu saja tips kali ini seputar Cara Membuat Efek Daun Bintang dan Salju Berjatuhan di Blog semoga banyak bermanfaat dan atas mampirnya kesini saya ucapkan terima kasih.

Minggu, 22 Juni 2014

Script Auto Like Fanpage Facebook Terbaru

Tips Kali ini adalah Tentang Script Auto Like Fanpage Facebook Terbaru dan bagaimana cara menggunakan Script Auto Like Fanpage Facebook Terbaru ini ? cara menggunakannya cukuplah mudah sekali anda tinggal ikuti panduannya dibawah ini, sebelum saya lanjutkan silahkan baca juga postingan sebelumnya tentang Prediksi Piala Dunia 2014 Brazil serta informasi seputar Belajar Kursus SEO dan Internet Marketing Terbaik di Jakarta 2014 Oke untuk tutorial tentang auto like fanspage ini silahkan simak berikut ini:

Ini Dia Script Auto Like Fanpage Fanpage Facebook Terbaru 2015

TRIK CARA MEMPERBANYAK LIKE FANPAGE FACEBOOK

1. Langkah Pertama anda harus punya dulu kode scriptnya untuk anda contoh kode scriptnya yang harus anda punya seperti dibawah ini, bagi yang ingin copy paste kode scriptnya silahkan AMBIL DISINI

(Bagian atas kode script di hilangkan di blog ini)

encodeURIComponent(/*document.location.href*/ 'https://www.facebook.com/JSBSEOACADEMY') + '&layout=standard&show_faces=true&width=53&action=lbox&colorscheme=light

(Bagian bawah kode script di hilangkan di artikel ini)

2. Silahkan anda ganti tulisan berwarna biru diatas dengan fanspage facebook anda, lalu anda copy paste ke notepad pada komputer anda dan silahkan beri nama filenya dan pastikan ekstensinya js , misal namaanda.js , autofb.js , likefb.js silahkan save as saja , jika sudah beres silahkan upload file berekstensi js tersebut ke hosting gratis pilihan anda jika anda kesulitan mencari hosting gratis yang unlimited silahkan pakai dari google drive aja untuk panduannya silahkan BACA DISINI setelah anda upload silahkan copas url dari file yang di upload tersebut dan buat kode widget untuk java scriptnya misal:

silahkan ganti tulisan berwarna merah tersebut dengan link lengkap dari file yang telah anda upload sebelumnya pada bagian satu diatas.

3. Pada langkah yang ketiga silahkan pasangkan kode yang ada pada bagian kedua diatas di blog sahabat atau anda bisa baca panduannya HANYA DISINI dan pastikan urutannya tepat dan saya rasa pasti anda bisa mengatasinya.

Oke itu dia tips kali ini tentang Script Auto Like Fanpage Facebook Terbaru buat anda dan atas partisifasinya dan kunjungannya saya ucapkan terima kasih.

Sabtu, 21 Juni 2014

Cara Upload File Java Script CSS HTML ke Google Drive

Ini Dia Cara Upload File Java Script CSS HTML ke Google Drive tips kali ini adalah Tentang Cara Upload File Java Script CSS HTML ke Google Drive untuk anda yang ingin menggugah berbagai jenis file atau berbagai bentuk jenis file baik itu file berformat video , audio, pdf , css , html atau bahkan java script maka anda bisa menggunakan fasilitas gratis dari google drive, dulu sekitar 2013 kebelakang sebelum google drive dibuat dulu untuk mengupload file yang difasilitasi oleh google masih menggunakan code google dot com , oke sebelumnya juga saya sudah bahas tentang Belajar SEO Marketing di Jakarta serta tutorial tentang Cara Melacak Nomor HP Seseorang oke tanpa basa basi lagi untuk tutorial upload berbagai jenis file di google drive silahkan simak berikut ini:

1. Langkah pertama pastikan anda sudah memiliki email untuk login jika belum punya email dari google mail silahkan baca panduannya DISINI lalu akses Google Drive DISINI

2. Setealh anda login maka anda akan berhadapan dengan isi dari google drive anda kira-kira tampilannya akan seperti gambar dibawah ini : lalu klik BUAT

Cara Paling Mudah Upload File Java Script CSS HTML ke Google Drive

CARA UPLOAD FILE JAVA SCRIPT

3. Pada langkah yang ketiga silahkan buat folder baru misal Java Script lalu klik BUAT

Cara Jitu Upload File Java Script CSS HTML ke Google Drive

CARA UPLOAD FILE CSS DAN HTML

4. Pada langkah yang keempat jika nama folder sudah dibuat maka seharusnya ada pada bagian Drive Saya contoh bisa lihat pada gambar dibawah ini: lalu klik nama folder tersebut.

Cara Upload File Video dan Audio secara Online

UPLOAD FILE KE GOOGLE DRIVE

5. Pada langkah yang ke lima karena folder yang anda buat belum ada isinya atau belum ada filenya silahkan anda unggah file anda dengan cara Drop Drag dari komputer anda contoh seperti pada gambar dibawah ini , lalu perhatikan contoh lajur anak panah dibawah ini klik atau tahan dengan mouse filenya lalu drag ke area yang sudah ditandai dan jika sudah terupload maka seharusnya file anda sudah ada seperti akhir lajur panah dibawah ini:

Cara Menyimpan File Photo di Internet dan Online

UPLOAD FILE KE HOSTING GRATIS

6. Pada tahap yang keenam Untuk memastikan bahwa file anda sudah tepat ada disana sekarang silahkan klik file tersebut jika sudah masuk maka anda akan menemukan file anda dengan alamat lengkapnya , contoh seperti pada gambar dibawah ini:

UNGGAH DAN UPLOAD FILE GRATIS DI INTERNET

7. Untuk yang ketujuh jika file anda berbentuk java script dan css atau html yang tujuannya untuk java script keperluan tutorial blog pastikan opsi pribadi diubah dulu ke publik contoh bisa dilihat gambar dibawah ini: Kalau sudah beres silahkan klik simpan.

PRIVASI SEBELUM DIUBAH

8. Lalu silahkan klik ubah dan ubah ke Publik di web dan simpan.

PRIVASI PINDAH KE PUBLIK

Oke hanya itu saja tips kali ini tentang Cara Upload File Java Script CSS HTML ke Google Drive semoga tips sederhana ini bermanfaat buat rekan semuanya dan atas kunjungannya saya ucapkan terima kasih.