Thursday, February 26, 2015

Inilah Cara Mengatasi Loading Blog Dengan Menggunakan Code Javascript

BOS TUTORIAL - Hallo... Apa kabar semuanya. Lama kita tidak berjumpa yah. Saya juga sudah lama tidak memposting dalam blog kesayangan kita ini. Terakhir saya memposting tahun kemarin (Desember 2014), padahal sekarang sudah akhir bulan Februari 2015. Dua bulan juga yah.... wah wah wah... Gimana kabar Anda sekalian kawan-kawan Bos Tutorial. Semoga dalam keadaan sehat dan baik-baik saja toh. Amin....

Inilah Cara Mengatasi Loading Blog Dengan Menggunakan Code Javascript

Kali ini saya ingin berbagi tentang Cara Mengatasi Loading Blog Dengan Menggunakan Code Javascript. Awalnya tulisan ini saya buat ketika membuat blog baru dan memakai template blog gratisan dari hasil pencarian di google. Lumayan juga tampilan template blog tersebut. Walau sudah jadul tapi simpel dan terlihat elegan, kebenaran template blog tersebut hasil karya dari Mas Kolis (trims ya Mas Kolis). Mau tahu nama blog yang baru saja buat itu? Batak Network. Kawan-kawan bisa langsung berkunjung ke blog saya yang baru itu. Ini linknya: http://batak-network.blogspot.com. (Hehehehe jadi promosi deh...).

Kembali kepada topik. Mungkin Anda bertanya kenapa kita harus Mengatasi Loading Blog Dengan Menggunakan Code Javascript? Jawabannya sangat simpel.

Begini ceritanya, jika Anda dan saya memakai sebuah template blog (apalagi template tersebut gratisan, seperti saya menggunakannya) dengan menggunakan banyak script yang disimpan di Google Code (atau Media sejenisnya) oleh si pembuat template, pastinya tidak hanya Anda yang memakai template tersebut. Bisa teman anda, atau pengguna lain yang memakai template blog yang sama. Bayangkan jika anda dan pengguna lainnya menggunakan template yang sama di muka bumi ini, apalagi secara bersamaan, maka betapa beratnya loading blog yang kita kelola tersebut. Oleh karena itu, kita harus mengambil Code Script yang ada di template blog tsb dan menyimpannya di sebuah tempat seperti Google Code (atau Media sejenisnya) khusus untuk kita pribadi. Artinya, template blog yang kita gunakan sekarang hanya kita sendiri yang memakai Code Script tsb.

Alasan lainnya, terkadang Code Script yang dibuat oleh pembuat template tsb kemungkinan rentan rusak atau overload (bisa jadi karena banyak yang memakai) maka salah satu mencegahnya adalah dengan mengambil dan menyimpannya di sebuah tempat seperti Google Code (atau Media sejenisnya) khusus untuk kita pribadi.

Sudah paham maksudnya bukan? Belum paham juga?

Contohnya begini, bila anda menemukan Kode Script seperti di bawah ini:
<script src='http://yourjavascript.com/218437117/halamanav.js' type='text/javascript'/>
atau
<script src='http://bostuts.googlecode.com/files/related-post.js' type='text/javascript'/>
atau lainnya.
Lihat link yang berwarna merah di atas, itulah link code script yang harus kita ambil dan menyimpannya kembali ketempat yang kita inginkan lalu menggantinya dengan link yang baru saja kita buat.

Bagaimana Caranya? Simak selanjutnya di bawah ini.

Inilah Cara Mengatasi Loading Blog Dengan Menggunakan Code Javascript
Perlu Anda ketahui, ada beberapa situs yang menyediakan tempat penyimpanan (hosting) Kode-Kode HTML atau Code Javascript. Semua tergantung pilihan anda. Google sendiri memiliki Google Drive atau Google Code. Pada postingan kali ini, saya hanya menyarankan untuk menggunkana situs lain, yaitu: http://yourjavascript.com/.

Langkah-langkahnya:
Cara Pertama
1. Seperti biasa, bukalah Akun Blog Saudara.
2. Masuklah ke elemen Template. Lalu Klik Edit HTML
3. Carilah link yang berekstension .JS (lihat contoh Kode Script di atas) - Gunakan CTRL + F
4. Apabila sudah anda temukan, maka Copylah Link yang berekstension .JS
5. Bukalah TAP baru pada Browser Internet Anda (Lihat Gambar di bawah)

Inilah Cara Mengatasi Loading Blog Dengan Menggunakan Code Javascript

6. Lihat tab baru tsb apakah ada yang muncul atau tidak. Bila tidak ada yang muncul, itu artinya link yang anda copas tadi telah tersimpan filenya (lihat sebelah kiri pojok bila anda menggunkan Google Chrome, atau kanan atas tanda panah bila anda menggunakan Mozilla)

7. Bila link yang berekstension .JS tsb, muncul kode script di halaman browser anda, maka anda harus mencopasnya ke aplikasi NOTEPAD. Lalu simpanlah file yang di Notepad dengan extensi .JS (nama filenya terserah anda yang penting extensinya harus .JS) (Lihat gambar di bawah ini)

Inilah Cara Mengatasi Loading Blog Dengan Menggunakan Code Javascript

Inilah Cara Mengatasi Loading Blog Dengan Menggunakan Code Javascript

Catatan:
  • Ketika Anda menyimpan File yang di Notepad, jangan lupa untuk menulis NAMAFILE.JS pada nama filenya.
  • Ingatlah dimana anda menyimpan file tersebut. Karena masih ada langkah selanjutnya.

Langkah Kedua
1. Setelah Anda melakukan langkah pertama di atas, maka selanjutnya kita beralih ke langkah kedua.
2. Bukalah Tab baru dan bukalah situs http://yourjavascript.com/ (Lihat gambar di bawah ini)

Inilah Cara Mengatasi Loading Blog Dengan Menggunakan Code Javascript

3. Uploadlah File yang anda buat pada langkah pertama di atas,
4. Isilah email anda
5. Masukkan Kode chapca yang tertera
6. Klik UPLOAD
7. Akan ada muncul kotak baru, dimana Anda akan disuruh untuk mebuka email anda
8. Bukalah email yang anda masukkan tadi dan lihat kotak Inbox pada email anda.
9. Salinlah kode baru yang diberikan oleh http://yourjavascript.com/ melalui email anda tadi

Contoh:
<script src='http://yourjavascript.com/218437118/halamanav.js' type='text/javascript'/>

Langkah ketiga
1. Setelah Anda menerima email dari http://yourjavascript.com/ dan anda telah menyalin Alamat / Link baru yang diberikan, (lihat tulisan alamat link yang warna merah di atas - No 9. langkah kedua) maka anda harus beralih ke blog anda.
2. Blog anda masih posisi Langkah Pertama (blog anda belum anda tutup / masih dalam keadaan Elemen Template - Edit HTML. maka gantilah Kode lama dengan kode yang baru anda buat.
3. Simpan template Anda
4. Selesai dan lihat hasilnya.

Demikianlah postingan kali ini di awal 2015 mengenai "Inilah Cara Mengatasi Loading Blog Dengan Menggunakan Code Javascript". Selamat mencoba dan semoga bermanfaat. Salam blogger, Salan Sukses, BosTuts.

Monday, February 16, 2015

How to add Adsense to Blogger-Website

How to add Adsense ads to Blogger-Website?

The best way on the net to generate revenue from you website or blog(Blogger) is using Adsense Ads. Just you need to have a approved Adsense account.

If you want to directly apply it on blogger just follow the below step:

If you are using Blogger,then simply go your to Blogger Dashboard > LayoutAdd a gadget > Add an Adsense gadget.

Alternate way of adding Adsense code to your blog:

  • Log in to Adsense account.
  • Find the HTML code after selecting the Add type.
  • Copy the code.
  • Now Add HTML/Javascript gadget to the blogger where you want to add the Adsense account.
  • Paste the Ad code.
  • You are done.

Thursday, February 12, 2015

Schedule post for future date-Selected date and time for Auto publish

Schedule post for future date - Your selected date and time for Auto publish:

Blogger provides us a functionality in which we can schedule of blogger/blogspot post for future date and time, i.e. we can post an article today but that will be displayed/published on the future date and time that we will select.
Let me give you an example for it:
assume that today is 25 December 2015 and I posted a post and scheduled its date to be 1 January 2016 00:00 AM.
Now the post will be published on 1 January 2016 00:00 AM and not today.

Its easy and simple:
1) Login to your blogger account.
2) Click on new post icon.
3) Click on Schedule link on the right menu.
4) Select Set date and time radio button.
5) Select any future date.
6) Click on Post button.



That's it.

Add Contact Us form to Blogger-Message Box form

How to add Contact Us form to Blogger?
When we are reading a blog post or a webpage, we learn something new and might come up with some queries or questions. Now how to get them clarified is a big question, either we will Google it or will add our queries in the comment section of any website or a blog. These options might work but the best way is to directly contact the writer of that webpage.
But that is not easy if we don't get email address of that writer.
For this Blogger has an inbuilt widget that works perfectly and helps a reader to contact the writer through a contact form(or you can say Contact us form).
There are a lot of customized Contact us forms available on the net, but the one I love and suggest is the Contact Us form provided by blogger itself.
Now I will be showing you the simple and easy steps to add it to your blogger posts.
1) Logging to your Blogger account.
2) Now go to Layout option from the drop down menu.
3) Click on Add a Gadget link on the layout where you want your Contact Us form should be displayed.
4) Click on More Gadgets in the Add a Gadget popup and find Contact Form.
5) Click on the Plus icon and its done.

The contact form will be having Name, Email Address and the message options.

Hope this helped you.

How to add Alexa rank widget(HTML code) to website or blog

How to add Alexa widget to website or a blog?

Alexa, the name that helps us to find the world and country Rank of any website.
Alexa rank makes a very good impression on the readers and make our blog or website reputed.
Lower the Alexa rank more useful your site is.


So how to show the Alexa rank on your webpage or blog post?
Its very simple and easy, just follow the below steps:

Add the below HTML snippet to your page where you want this to be displayed.

<a href="http://www.alexa.com/siteinfo/yoursite.com"><script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/t/a?url=yoursite.com"></script></a>


One thing you need to change is yoursite.com to your website domain name in two places in above code.The above code will display only the Alexa rank of your website.

There is also an option to display Alexa rank and site linking to your website, for that you need to add the below HTML snippet to your HTML code:

<a href="http://www.alexa.com/siteinfo/yoursite.com"><script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/s/a?url=yoursite.com"></script></a>



And don't forget to replace yoursite.com with your website name.

Hope this helps.

Wednesday, February 11, 2015

How to write a Simple but Successful blog

Today I was thinking about a very common question, How to write a blog post that can be of a great use for many of us.

First of all I need to understand what I know the best, and what can I write and explain the best.
Complete knowledge and perfect writing makes a blog post a hit(both in the mind of reader and on Google)

Let me explain you all this with a few simple examples:
1) A bird can fly but cant write there experience of flying, but a human being cant fly but he can write it.
2) But a human being can swim so he can write his experience about swimming best.