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

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)

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)

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)

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.

Read More

Cara Memasang Rating, Pesan Kata "Terimakasih" dan Admin di Setiap Akhir Postingan Blog

BOS TUTORIAL - Lucu juga judul Postingan Kali ini. Panjang banget. Tapi tujuannya agar gampang di mengerti dan dicerna oleh kita semua. Hehehehehe....

Ehh... sebagai basa-basi nih, Baru-baru ini kan Harga BBM dinaikkan oleh Presiden Kita, Ir. Joko Widodo. Bagaimana tanggapan Anda mengenai hal ini. Kalao menurut MasBro sih, sah-sah saja. Asal tujuannya baik dan benar-benar penempatannya (dana subsidi). Eh... malah omongin soal Harga BBM.... maaf ya cuma basa-basi saja...

Kembali ke topik permasalahan. Sebenarnya alasan MasBro membuat tulisan ini dikarenakan ada Sahabat Mas Bro yang menanyakan hal itu di dalam komentar beberapa hari yang lalu. Sebelumnya saya mohon maaf karena baru membacanya. Karena baru berkesempatan membuka blog ini. Maafin yah...

Cara Memasang Rating, Pesan Kata "Terimakasih" dan Admin di Setiap Akhir Postingan Blog
Langusng saja yah ke intinya:
1. Seperti biasa, buka Akun Blog Anda sendiri.
2. Masuklah ke Elemen Template
3. Pilih Edit HTML lalu carilah kode <data:post.body/> (gunakan Ctrl+F untuk mencari kode dengan cepar)
4. Salin dan tempatkalah Kode Script di bawah ini tepat di bawah Kode <data:post.body/> tadi.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='margin-top:5px'>
<div itemscope='' itemtype='http://data-vocabulary.org/Review-aggregate'>
<div style='padding:5px; font-size:11px; float:left;'>
Terimakasih Anda telah membaca tulisan / artikel di atas tentang :<br/>
Judul: <span itemprop='itemreviewed'><b><data:post.title/></b></span><br/>
Rating: <span itemprop='rating' itemscope='' itemtype='http://data-vocabulary.org/Rating'>
<span itemprop='average'>100%</span>
</span>
based on <span itemprop='votes'>99998</span> ratings.
<span itemprop='count'>5</span> user reviews.<br/>
Ditulis Oleh <b><a href='https://plus.google.com/114981857040664646747'><data:post.author/></a></b><br/>
Semoga informasi mengenai <a expr:href='data:post.url'><data:post.title/></a> bisa memberikan manfaat bagi Anda. Jangan lupa <b>Komentar Anda</b> sangat dibutuhkan, di bawah ini.<br/>
</div>
</div>
</div>
</b:if>

5. Simpan template blog anda dengan mengklik Save Template
6. Selesai dan lihat hasilnya.

Catatan:

• Pilih kode <data:post.body/> yang tepat yah, Anda akan menemukan beberapa kode yang sama, so... pilih saja yang tepat. (bila gak tepat, nanti tidak akan muncul di dalam postingan, so... ulang lagi saja, jangan takut mencoba)
• Silahkan Anda ganti kata-kata di atas sesuai dengan keinginan Anda
• Apabila Anda tidak suka penempatannya di bawah artikel Anda atau di bawah kode <data:post.body/>, coba lihat tampilan postingan blog Anda dan bereksperimen sedikit.

Bagaimana? Gampang bukan. Sebagai hasilnya, silahkan lihat di bawah postingan ini.

Itulah tips dan trik yang bisa MasBro bagikan pada kesempatan kali ini. Harapan saya, semoga bermanfaat dan selamat mencoba yah. Salam Blogger, salam sukses. [Bos Tutorial]

Read More

Memasang / Mengganti Gambar Header Pada Blog Dengan Cepat

BOS TUTORIAL - Memasang / Mengganti Gambar Header Pada Blog Dengan Cepat. Selamat liburan dan Selamat Datang kembali di blog kesayangan kita ini. Blog yang mengulas mengenai Tutorial Blog, bagi pemula dan bagi kita semua. Beberapa hari lagi negara kita Indonesia akan merayakan Dies Natalis Kemerdekaan Indonesia yang ke 69 tahun. Wah... tidak sadar, bahwa Indonesia sudah merdeka selama itu yah. Semoga Hari Kemerdekaan Republik Indonesia ini menjadi momen penting untuk kita bangkit dan semakin jaya di republik ini dan di mancanegara. Amin...

Kali ini, Mas Bro akan membahas mengenai Cara Memasang / Mengganti Gambar Header Pada Blog Dengan Cepat. Mungkin anda bertanya, memangnya ada cara lambat yah? Jawabnya ada saja, coba saja kita memasang gambar header sambil lari-lari di jalan... bisa-bisa lama jadinya heheheeh... (bercanda ya MasBaro dan MbakBro).

Kenapa kita harus mengganti Header Blog kita dengan Gambar atau Logo? Alasannya cuma klasik kok. Biar blog kita semakin menarik untuk dilihat oleh pengunjung juga oleh kita sendiri. Setuju... Disisi lain, blog yang kita kelola terlihat rapi.

Biasanya, ketika kita membuat sebuah blog, maka tampilan Header Blog kita adalah Nama Blog dan Deskripsi Blog. Coba bayangkan apabila Deskripsi Blog kita sangat panjang sekali... bisa-bisa akan memakan tempat dan kelihatannya tidak elegan. So... diperlukan ruang yang luas. Terkecuali Deskripsi Bloha hanya 4 kata saja, tentu akan pendek bukan. Tapi semua tergantung selera saja kok. Ada yang sukanya blog apa adanya, ada juga yang mengantinya dengan gambar. Contohnya Blog yang anda baca ini. Saya menggantinya dengan gambar sendiri.

Kembali ke topik permasalahan kita, yaitu Memasang / Mengganti Gambar Header Pada Blog Dengan Cepat. Yuk simak di bawah ini.

Yang harus kita persiapkan adalah : File / Gambar dengan Type JPG, JPEG, PNG, GIF dengan ukuran sesuai tampilan Template Blog (Widget Headernya).

Langkah-langkahnya:
1. Bukalah Akun Blogger Anda sendiri yah (seperti biasanya)
2. Masuklah ke Elemen Tata Letak atau Layout
3. Pilih / Klik Widget Header (lihat gambar di bawah)

4. Klik Pilih File (lihat gambar di bawah lingkaran warna merah) lalu masukkanlah File Gambar yang telah anda sediakan tadi.

5. Bila koneksi Anda cepat, maka File Gambar akan langsung masuk. Bila koneksi lambat ya sabar-sabar saja dulu sampai gambar tampil seperti di bawah ini.

6. Apabila File Gambar Anda sudah masuk / tampil seperti gambar di atas, maka jangan lupa untuk Centang Selain Judul dan Keterangan (lihat tanda panah merah yang ada angka 1)

7. Lalu Simpan Widget dengan mengklik tanda Simpan (lihat tanda panah merah yang ada angka 2)

8. Selesai dan lihat hasilnya.

Bagaimana? Gampang sekali bukan. Itulah bagaimana cara Memasang / Mengganti Gambar Header Pada Blog Dengan Cepat. Semoga bermanfaat dan selamat mencoba. Salam sukses. Tuhan memberkati. [Bos Tutorial]

Read More

Cara Mengganti Logo Blog [Favicon] Dengan Gambar Sendiri

BOS TUTORIAL - Cara Mengganti Logo Blog [Favicon] Dengan Gambar Sendiri. Selamat datang di blog Masbro tentang Blog Tutorial yang ringan dan simpel ini. Kembali Bos Tutorial berbagi dan berbagi tentang tips dan tutorial blogger. Kali ini adalah mengenai Cara Mengganti Logo Blog [Favicon] Dengan Gambar Sendiri.

Ide ini muncul ketika MasBro membaca pesan di Halaman Facebook Bos Tutorial. Demikian pesannya:

Min... Gimana cara menghapus gadget/widget di header blog? Saya ingin logo blog bisa menempati seluruh header... Mohon tutornya..

(karena begitu banyak komentar dan pesan di blog ini, silahkan Anda kunjungi halaman Facebook kami yah... kemungkinan besar akan ditanggapi. NB. Bila Pesan anda di blog ini belum terjawab Maksudnya)

Mungkin barangkali yang dimaksud oleh kawan Masbro di atas adalah mengenai FAVICON atau Logo Blog, kalau saya tidak salah. Untuk itu, yuk sama-sama membuatnya. Simak di bawah ini.


Cara Mengganti Logo Blog [Favicon] Dengan Gambar Sendiri

Syarat Utama adalah : Persiapkan Sebuah Gambar atau Logo Yang berbentuk KOTAK Persegi (Bujung Sangkar) Misalnya 100px x 100px, 200px x 200px, 300px x 300px dst dengan ukuran file tidak lebih dari 100KB. Selanjutnya ikut langkah-langkah berikut.

1. Buka Akun Blogger Anda sendiri.

2. Masuklah ke Elemen Tata Letak (Layout) -> Akan muncul seperti gambar di bawah ini.

3. Pilihlah Widget / Gadget FAVICON (Lihat gambar di bawah ini)

4. Klik Telusuri lalu Masukkan Gambar atau Logo Blog Yang Anda inginkan.

5. Klik Save/Simpan dan Simpan Setelan blog Anda.
6. Selesai dan lihat hasilnya.

Bagaimana? Gampang bukan. Itulah bagaimana Cara Mengganti Logo Blog [Favicon] Dengan Gambar Sendiri. Selamat mencoba dan Salam Sukses. Tuhan Memberkati. [Bos Tutorial]

Catatan:
Langah di atas sudah sayacoba dan praktekan di blog saya yang lain. Silahkan lihat Blog Becak Siantar dan Loker Mantap (Cari Aja di Google dengan kata kunci nama blog tersebut)

Read More

Inilah Cara Memasang Kolom Komentar Facebook dan Blog Model Tab

Inilah Cara Cepat Memasang Kolom Komentar Facebook dan Blog Model Tab - Membuat Blog semanarik mungkin adalah keinginan para blogger. Semuanya bertujuan agar blog tersebut disukai dan disenangi dari segi design dan tata letak. Sehingga, penampilan dari blog tersebut bisa menarik perhatian para pengunjung blog. Tidak ketinggalan juga mempercantik tampilan kolom komentar pada blog.

Memasang Kolom Komentar Facebook dan Blog secara bersamaan merupakan salah satu cara mempercantik tampilan blog, khususnya tampilan postingan / artikel yang ada pada blog tersebut. Dimana Komentar-komentar dari pengunjung seakan-akan disembunyikan, dan komentar-komentar tersebut akan terlihat kembali apabila kita memilih berdasarkan Facebook atau Blog, bukan sepenuhnya dihilangkan (komentar tetap ada selama tidak kita hapus). Tujuannya adalah agar tampilan isi postingan terlihat ramping dan jelas (Apabila komentar artikel banyak loh).

Seperti inilah tampilan yang anda lihat bila Memasang Kolom Komentar Facebook dan Blog Model Tab

Inilah Cara Memasang Kolom Komentar Facebook dan Blog Model Tab
Langkah-langkah yang harus dilakukan adalah sebagai berikut:
1. Tentunya seperti biasa anda harus membuka akun blogger anda sendiri.
2. Pada Dasbor blog anda, masuk elemen Template, Lalu pilih Edit HTML
3. Cari Kode : <div class='comments' id='comments'>
4. Copy atau salin Kode Script yang tertera di bawah ini, dan selanjunya Pastekan tepat di bawah Kode : <div class='comments' id='comments'>

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'>
<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/><fb:comments-count expr:href='data:post.url'/> Comments</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'>
<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments</div>
<div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == "item"'><div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='550'/></b:if></div>
<div class='comments comments-page' id='blogger-comments-page'>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/><meta content='IDFANPAGEFACEBOOK' property='fb:admins'/><script type='text/javascript'>function commentToggle(selectTab) {$(".comments-tab").addClass("inactive-select-tab");$(selectTab).removeClass("inactive-select-tab");$(".comments-page").hide();$(selectTab + "-page").show();}</script>

<style>.comments-page { background-color: #f2f2f2;}#blogger-comments-page { padding: 0px 5px; display: none;}.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}.comments-tab:hover { background-color: #eeeeee;}.inactive-select-tab { background-color: #d1d1d1;}</style>

5. Apabila sudah selesai, Simpanlah Template Blog anda.
6. Lihat hasilnya.

Catatan:

• Ganti IDFANPAGEFACEBOOK dengan Kode / No / Id Fan Page Facebook yang anda punya.
• Cara melihat IDFANPAGEFACEBOOK adalah: Masuklah ke Halaman Facebook Anda, lalu masuk lagi ke Pengaturan, Lihat Info Halaman, lalu lihat paling bawah sekali ada tulisan ID Halaman Facebook : 10026565009xxxx
• Anda tidak punya Halaman Facebook saat ini? Anda tidak perlu mengganti tulisan IDFANPAGEFACEBOOK di atas (saran sih gunakan Halaman Facebook) abaikan saja. Gunakan saja Kode Script di atas apa adanya.
• Ukuran atau panjang Kolomo Komentar FB sesuaikan dengan Ukuran Blog anda. Silahkan ganti angka yang berwana Ungu di atas. (width='550')
• Apabila kode <div class='comments' id='comments'> ada 2, pilih saja salah satu.

Bagaimana, gampang bukan. Demikianlah tips tutorial kali ini mengenai "Inilah Cara Memasang Kolom Komentar Facebook dan Blog Model Tab". Selamat mencoba dan salam sukses selalu. [Bos Tutorial]

Read More

Cara Memasang Kolom Iklan Kiri Kanan Blog Pakai Tombol Close

Cara Memasang Kolom Iklan Kiri Kanan Blog Pakai Tombol Close - Kita masih membicarakan tentang Bagaimana Menempatkan Iklan di Dalam Blog. Silahkan anda baca lagi apa maksud dan tujuan dari penempatan iklan di dalam blog yang baik dan benar, KLIK DISINI. Apabila anda sudah paham benar, maka mari kita lanjutkan kembali mengenai topik ini.

Cara Memasang Kolom Iklan Kiri Kanan Blog Pakai Tombol Close
Tentunya anda sudah tahu meletakkan iklan dalam blog. Ada yang menempatkan iklan di widget saja, ada juga yang menempatkan iklan di dalam postingan, baik di atas postingan maupun di bawah postingan (artikel). Semua tergantung selera dan tujuan isi dari konten blog tersebut.

Ada 2 cara penempatan iklan dalam blog.

• Pertama adalah cara reguler dan cara khusus. Cara reguler disini adalah menempatkan iklan di lokasi yang sudah tersedia, seperti iklan di dalam widget atau footer / header. Iklan tidak selamanya dilihat oleh pengunjung blog, apabila kursor atau mouse diarahkan ke atas atau ke bawah.
• Cara kedua adalah Cara Khusus. Cara khusus disini dengan menggunakan strategi atau trik tertentu, dimana si pengelola membuat iklan selalu dilihat oleh pengunjung. Biasa cara ini disebut Iklan Fload atau melayang. Postingan kali ini membicarakan pemasangan iklan secara fload. Kelemahan dari cara ini adalah ketika si pemasang iklan atau situs penyedia iklan tidak menyukai iklannya ditempatkan secara fload. Mungkin dianggap sebagai pemaksaan untuk meng-klik. Ssalah satu contoh penyedia iklan KLIKSAYA.COM terang-terangan melarang memasang iklan secara fload.

Apakah Baik Memasang Iklan secara Fload?
Semuanya tergantung anda dan kesepakatan anda dengan penyedia iklan. So... pintar-pintar sajalah.

Cara Memasang Kolom Iklan Kiri Kanan Blog Pakai Tombol Close
Adapun langkahnya sebagai berikut:
1. Bukalah Akun Blog Anda sendiri.
2. Pada Dasbor blog anda pilih Elemen Tata Letak atau LayOut
3. Pilihlah Add New Widget atau Tambah Gadget Baru
4. Selanjutnya pilih Javascript
5. Salin atau Copy lah Kode Script berikut di bawah ini dan Paste-kan pada kolom widget yang baru saja anda buat.

<script type='text/javascript'>

$(document).ready(function() {

$('img#closed').click(function(){

$('#btm_banner').hide(90);

});

});

</script>

<script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",i="?m=1";function j(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+i;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera Mini")||-1!=a[b][c]("IEMobile")){var k=j();k&&window.location.replace(k)};

</script><script type="text/javascript">

if (window.jstiming) window.jstiming.load.tick('headEnd');

</script>

<!--start: floating ads-->

<div id="teaser2" style="width:autopx; height:0; text-align:left; display:scroll;position:fixed; top:0px;left:0px;">

<div><a id="close-teaser" onclick="document.getElementById('teaser2').style.display = 'none';" style="cursor:pointer;"><center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaLNWDfjZK7sIAKGYLW-e_p3D0cNTDRZFwqrbOvFc0OoCfOAWr6_WsaDZ8q2oFP732phjPfk_YUm5iPDcf-b5c7VQw44_McLvptfWLfgevOrPfof-wZNPYEoWx8VTlfOiC3IJ1PC2F1cqo/s1600/close3.png' alt='close' title='close button'/></center></a></div>

<!--Mulai disini-->

<a href="http://iklan-bos.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw00bx_GM7zE-u9bu5QeCfWuo81QnPopET9wCxcHtFjRdXT4MyralFOyGaEDwrMRKbBKPnXjc-tEV0wsKqVgVnR55Qp1HSWEWDFyFu55ZN4OAvKq4mbgEKNBbNf_5jaHI3FHV6ySWRw2KX/s1600/banner-space-iklan-160x600.JPG" border="0" alt="iklan 120 x 600 kanan" title="Pasang Iklan Murah" /></a>

<!--Akhir disini-->

</div>

<!--end: floating ads-->

<!--start: floating ads-->

<div id="teaser3" style="width:autopx; height:600; text-align:right; display:scroll;position:fixed; top:0px;right:0px;">

<div><a id="close-teaser" onclick="document.getElementById('teaser3').style.display = 'none';" style="cursor:pointer;"><center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaLNWDfjZK7sIAKGYLW-e_p3D0cNTDRZFwqrbOvFc0OoCfOAWr6_WsaDZ8q2oFP732phjPfk_YUm5iPDcf-b5c7VQw44_McLvptfWLfgevOrPfof-wZNPYEoWx8VTlfOiC3IJ1PC2F1cqo/s1600/close3.png' alt='close' title='close button'/></center></a></div>

<!--Mulai disini-->

<a href="http://iklan-bos.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw00bx_GM7zE-u9bu5QeCfWuo81QnPopET9wCxcHtFjRdXT4MyralFOyGaEDwrMRKbBKPnXjc-tEV0wsKqVgVnR55Qp1HSWEWDFyFu55ZN4OAvKq4mbgEKNBbNf_5jaHI3FHV6ySWRw2KX/s1600/banner-space-iklan-160x600.JPG" border="0" alt="iklan 120 x 600 kiri" title="Pasang Iklan Murah" /></a>

<!--Akhir disini-->

</div>

<!--end: floating ads-->

6. Simpan Widget Baru Blog anda.
7. Selesai dan lihat hasilnya.

Catatan:
Gantilah Tulisan yang berwarna Biru tersebut dengan Kode / Script Iklan yang anda inginkan.

Bagaimana, gampang bukan? Demikianlah bagaimana Cara Memasang Kolom Iklan Kiri Kanan Blog Pakai Tombol Close. Seamat mencoba dan salam sukses. [Bos Tutorial]

Read More

Cara Memasang Iklan Fload Di Bawah Blog Dengan Tombol Close

Cara Memasang Iklan Fload Di Bawah Blog Dengan Tombol Close - Kembali lagi Bos Tutorial share sesuatu mengenai Penempatan Iklan di dalam blog. Sebelumnya, kawan-kawan sudah pernah membaca artikel yang mirip dengan postingan ini. Seperti "Cara Memasang Iklan Berdekatan Secara Otomatis di Dalam Postingan" dan "Cara Memasang Iklan Secara Otomatis Di Bawah Postingan". Semuanya dilakukan secara otomatis. Lebih lanjut mari kita simak di bawah ini.

Cara Memasang Iklan Fload Di Bawah Blog Dengan Tombol Close
1. Bukalah Akun Blogger anda.
2. Halaman Dasbor Blog anda pilih Elemen TATA LETAK atau LayOut.
3. Pilihlah Add New Widget atau Tambah Gadget Baru.
4. Pilih lah Tambah Javascript
5. Copy atau salin script di bawah ini dan paste-kan pada Gagdet Baru yang anda inginkan tadi.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'>
</script><br />
<script type='text/javascript'>
$(document).ready(function() {
$('img#closed').click(function(){
$('#btm_banner').hide(90);
});
});
</script>
<style type='text/css'>
div#btm_banner {
bottom: 0;
position: fixed;
width: 100%;
opacity: 0.9;
left: 0;
}
div#btm_banner img{
border:0;
cursor:pointer;
}
</style>
<div style='height: 0px;'></div>
<div align='center' id='btm_banner' style='height: 90px; z-index: 9999;'>
<div style='text-align: right; width: 728px; height: 6px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKQNAIQuBd18Z0wOeXuKJ_teeH5_YnH8GJSQZkLkaj2Xlgtbol2LqT4YDpaFh7UXjyeeN73YoThcSFFc1LQRAtktxOiHstY5mW-CtAqHP315iGtF1jASjwDMlOzaLSYk8KRrIV6d9fNIul/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p>
<center>
PASANG KODE / SCRIPT IKLAN ANDA DISINI
</center>
</p>
</p>
</div>

6. Simpan Gadget Baru tersebut.
7. Selesai dan lihat hasilnya.

Catatan:
Gantilah tulisan PASANG KODE / SCRIPT IKLAN ANDA DISINI dengan Kode Script Iklan yang anda inginkan.

Bagaimana, gampang bukan. Demikianlah tulisan singkat mengenai Cara Memasang Iklan Fload Di Bawah Blog Dengan Tombol Close. Semoga bermanfaat dan Selamat Mencoba. Salam sukses dan salam bogger. [Bos Tutorial]

Read More

Inilah Cara Memasang Iklan Secara Otomatis Di Bawah Postingan Ala Bos Tutorial

Inilah Cara Memasang Iklan Secara Otomatis Di Bawah Postingan Ala Bos Tutorial - Bila anda membaca postingan ini, maka anda akan melihat Iklan yang terpasang tepat di bawah postingan. Caranya tidak susah, hanya diperlukan memodifikasi template html blog kita sendiri.

Sebenarnya semua trik dan cara penempatan iklan hampir sama saja. Tinggal kita memanipulasinya dengan baik. Langsung saja yah biar cepat, jadi gak lama-lama, soalnya kalao lama nanti malah kelamaan. Benarkan... Coba anda pikirkan kalao kerja itu dilakukan tidak cepat, eh.. malah bisa kapan selesainya... (lah ini malah makin lama... heheeh biar ngakak MasBro).

Inilah Cara Memasang Iklan Secara Otomatis Di Bawah Postingan Ala Bos Tutorial
1. Bukalah akun blog anda.
2. Masuk Elemen Template lalu Pilih Edit HTML
3. Carilah kode <data:post.body/> (Gunakan CTRL + F untuk memudahkan pencarian)
4. Apabila sudah ketemu kode <data:post.body/> , maka letekkanlah Kode Iklan yang anda punya tepat di bawah kode <data:post.body/>
5. Simpan. Selesai dan lihat hasilnya.

Catatan:

• Kode <data:post.body/> akan anda temui lebih dari satu, pilih salah satu saja (coba-coba letakkan satu-satu, bila iklan muncul artinya anda menempatkkannya sudah tepat.
• Ukuran iklan harap disesuaikan dengan lebar dari Laman Postingan blog anda (disarankan: di bawah ukuran 600px)
• Kode Iklan harus sudah di PARSE (KLIK DISINI untuk memparse Kode Iklan Anda).
• Apabila anda ingin meletakkan di atas postingan, lakukan kebalikannya yah...

Bagaimana, gampang bukang. Inilah Cara Memasang Iklan Secara Otomatis Di Bawah Postingan Ala Bos Tutorial. Silahkan lihat contohnya di bawah postingan ini. Selamat Mencoba. Salam Blogger, salam sukses. [Bos Tutorial]

Read More

Cara Memasang Iklan Berdekatan Secara Otomatis di Dalam Postingan

Cara Memasang Iklan Berdekatan Secara Otomatis di Dalam Postingan - Sebelumnya Bos Tutorial berbagi mengenai "Inilah Cara Penempatan Iklan Yang Tepat di Blog" (Coba Baca lagi disini). Mungkin anda akan bertanya, apa pentingnya meletakkan iklan di dalam postingan? Bukan kah akan mengganggu para visitor ketika sedang berkunjung (membaca artikel).

Pernyataan di atas memang benar. Oleh karena itu diperlukan sebuah strategi penempatan iklan yang tepat agar pembaca blog tidak merasa terganggu. Alasan lainnya adalah agar pembaca bisa terpengaruh untuk mengklik iklan yang kita pajang. Dengan demikian, si pengelola blog akan mendapatkan penghasilan tambahan. Karena semakin yang banyak mengklik iklan yang anda pajang, maka pendapatan anda akan semakin bertambah. (Masih ingat bukan postingan mengenai "Inilah Cara Mendapatkan Uang / Pendapatan Dari Blogger").

Gambar: Iklan Berdekatan Di dalam Postingan (Sumber: INFO BOS)

Cara Memasang Iklan Berdekatan Secara Otomatis di Dalam Postingan
Sebenarnta, memasang Iklan secara berdekatan ada 2 cara.
1. Menggunakan tabel tanpa script tambahan
2. Menggunakan script dalam template html.

Tidak ada masalah atau bukan merupakan pelanggaran apabila kita melakukan / memasang iklan secara berdekatan di dalam postingan. Semuanya tergantung dari para pengelola blog, apakah suka memasang iklan di dalam postingan atau tidak.

Lebih lanjut mari kita mulai satu-satu.

Cara Memasang Iklan Berdekatan Secara Otomatis di Dalam Postingan Menggunakan Tabel

1. Bukalah akun blog anda, pastikan anda membuka akun asli punya anda yahh heheeh...
2. Masuklah Elemen Template pada Dasbor blog anda pilih EDIT HTML.
3. Carilah kode <data:post.body/> (Gunakan Ctrl + F untuk pencarian agar lebih mudah)
4. Selanjut, Salin atau Copylah kode di bawah ini, letakkan persis diatas atau di bawah kode <data:post.body/>

<table><tr>

<td>KODE IKLAN KIRI</td>

<td>KODE IKLAN KANAN</td>

</tr></table>

5. Simpan Template blog anda. Selesai dan lihat hasilnya.

Catatan:
Gantilah Tulisan KODE IKLAN KIRI / KANAN dengan Kode / Script Iklan yang anda punya (jangan lupa, kodenya harus di parse dulu / baca disini mengenai Parse HTML).


Cara Memasang Iklan Berdekatan Secara Otomatis di Dalam Postingan Menggunakan Script

1. Carilah kode ]]></b:skin> (Gunakan Ctrl + F untuk pencarian agar lebih mudah).
2. Copilah kode/script di bawah ini, lalu letakkan tepat di atas kode ]]></b:skin>

#iklankontent {
height: 250px;
}
#iklankiri {
float: left;
}
#iklankanan {
float: right;
}

3. Setelah selesai langkah di atas, lalu carilah kode <data:post.body/> (Gunakan Ctrl + F untuk pencarian agar lebih mudah).

4. Salinlah kode berikut di bawah ini, dan letakkan persis diatas atau di bawah kode <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='iklankontent'>
<div id='iklankiri'>
Kode Iklan Kiri
</div>
<div id='iklankanan'>
Kode Iklan Kanan
</div>
</div>
</b:if>

5. Simpan template blog anda. Selesai. Lihat hasilnya.

Catatan:
Tulisan yang berwarna Biru Tebal, silahkan Ganti dengan kode/Script iklan yang anda punya (jangan lupa, kodenya harus di parse dulu / baca disini mengenai Parse HTML)


Penjelasan Tambahan (Perlu diperhatikan)

• Pilihlah salah satu Cara Memasang Iklan Berdekatan Secara Otomatis di Dalam Postingan di atas (keduanya juga boleh asal paham saja) sesuai keinginan anda,
  
• Biasanya anda akan menemukan lebih dari satu, pilih satu-satu (Biasanya kalao tidak pas maka iklan tidak akan muncul) jangan takut, script template blog anda tidak akan tergantu. Tinggal cari aja kode <data:post.body/> yang cocok.
• Apabila anda meletakkan di Script/Kode iklan di atas kode <data:post.body/>, maka iklan anda akan terpasang di atas artikel blog anda. Sebaliknya bila diletakkan di bawah <data:post.body/> maka iklan anda akan muncul di bawah artikel postingan anda.
• Ukuran iklan khusus: 300px X 250px
• Kode Iklan harus di parse dulu, baca disini mengenai Parse HTML

Demikianlah tutorial kali ini mengenai "Cara Memasang Iklan Berdekatan Secara Otomatis di Dalam Postingan". Selamat mencoba. Salam Sukses. Bila ada pertanyaan, silahkan tulis saja di kolom komentar. Salam Blogger [Bos Tutorial]

Read More

Cara Cepat Memasang Tool Parse HTML di Blog

Cara Cepat Memasang Tool Parse HTML di Blog - Mungkin anda bertanya kenapa perlu PARSE HTML? Sama halnya yang pernah timbul dalam pikiran saya jauh-jauh sebelum mengenal Blogger. Maklum... kita sama-sama belajar ngeblog kawan... Newbie kita ini. Okaylah kalau begitu, yuk kita bahas mengenai PARSE HTML lebih dalam di bawah ini.

Apa itu PARSE HTML
Menurut Wikipedia bahwa "Fungsi parser" dalam bahasa Inggris: parser function (berbeda dengan ekstensi ParserFunctions yang merupakan kumpulan fungsi parser) adalah semacam template yang memberikan nilai sesuai dengan paling sedikit satu parameter tak bernama, yang dipisahkan dari nama fungsi menggunakan tanda titik dua ":"; seperti template biasa, fungsi ini mungkin memiliki beberapa parameter, masing-masing diawali dengan garis tegak "|". Sintaks dapat ditulis dengan atau tanpa tanda pagar "#" di awalnya:

Kalau Bahasa Bos Tutorial, bahwa PARSE HTML itu adalah salah satu cara mengubah text html/javascript yang baku (apa adanya) ke dalam bentuk text html/javascript yang disertai dengan perubahan-perubahan atau tambahan kode agar text html/javascript yang kita inginkan tersebut tetap menjadi sebuah text html/javascript dan bukan hasil dari text html/javascript itu.

Tool Parse HTML
Tool Parse HTML adalah sebuah aplikasi yang digunakan untuk mengkonversi kode HTML sebelum dipasang di posting atau template blog agar kode tersebut bisa ditampilkan.

Sebagai contohnya adalah:
Saya ingin menampilkan sebuah link Bos Tutorial (link saling tukar link) agar para pembaca langsung menyalin linknya :

<b><a href="http://bos-tutorial.blogspot.com/" target="_blank">Bos Tutorial</a></b>

Kode diatas agar tampil seperti itu, maka diperlukan PARSE HTML. Setelah di-PARSE, hasilnya seperti di bawah ini.

&lt;b&gt;&lt;a href=&quot;http://bos-tutorial.blogspot.com/&quot; target=&quot;_blank&quot;&gt;Bos Tutorial&lt;/a&gt;&lt;/b&gt;

(catatan: penempatan kode tersebut bila ingin ditampilkan dalam sebuah Postingan / artikel, harus dalam bentuk HTML dan bukan COMPOSE).

Saya harap kawan-kawan mengerti penjelasan di atas, bila masih belum faham juga coba baca pelan-pelan dan direnungkan. Apabila sudah mengerti, maka kita akan lanjutkan seterusnya.

Cara Cepat Memasang Tool Parse HTML di Blog
Selanjutnya adalah bagaimana kita memasang Tool Parse HTML. Bagi kawan-kawan yang mahir dalam pengolahan text html/javascript, tentu sudah tidak asing lagi dengan yang namanya Tool Parse HTML.

Perhatikan langkah-langkah berikut ini.
1. Masuklah atau manfaatkan fasilitas yang diberikan oleh Google melalui GMODULES, www.gmodules.com (tampilannya seperti gambar di bawah)

2. Lihat paling bawah ada Tulisan atau 2 pilihan yaitu: "Lihat Dulu Perubahan" dan "Dapatkan Kode" (hasilnya seperti gambar di bawah ini)

3. Silahkan anda klik terlebih dahulu "Lihat Dulu Perubahan" untuk memastikan apakah ada yang berubah atau ada yang ingin anda rubah. Sebelum anda setuju dengan model awal yang ditawarkan oleh GMODULES diatas, Anda juga bisa merubah Judul, Ukuran, Warna, dan lain-lainya. Yang di centrang jangan dirubah yah... biarkan itu semua ter-centrang. (saran: kotak yang di centrang harus di centrang) (hasilnya seperti gambar di bawah ini)

4. Apabila anda sudah setuju dengan semua makan langkah selanjutnya adalah mengambil kode script yang telah disediakan. Caranya: klik "Dapatkan Kode" lihat dibawah akan muncul kotak baru yang berisi sebuah Kode atau text html/javascript.

5. Salinlah kode text html/javascript tersebut lalu tempatkan sesuai keinginan anda. Apakah dalam bentut WIDGET / Gadget atau sama persis seperti yang MasBro buat (dalam bentuk postingan) semua tergantung anda.

6. Selesai. Hasilnya silahkan anda lihat di bawah ini.



Bagaimana? Gampang bukan. Semoga postingan mengenai "Cara Cepat Memasang Tool Parse HTML di Blog" di atas bisa bermanfaat bagi anda. Selamat menooba salam blogger. Jjangan lewatkan Tips dan Trik serta tutorial lainnya. [Bos Tutorial]

Read More

Cara Mendapatkan Dollar dari Chitika dengan Cepat

Cara Mendapatkan Dollar dari Chitika dengan Cepat - Selamat Pagi, Siang, Sore, Malam. Dimana pun anda berada. Kembali Bos Tutorial hadir di hadapan Anda sekalian dengan tutorial, tips dan trik blogger terbaru. Horas, Sugeng Rawuh, Wellcome...

Anda tentu tahu bahwa Blogger selain media sosial informasi, juga bisa menghasilkan uang / dollar tambahan. Baik itu berupa blog Jual Beli atau pun blog sebagai pusat infotmasi (news atau tutorial). Apapun jenis blog yang kita kelola bisa menghasilkan dollar.

Cara Mendapatkan Dollar dari Chitika dengan Cepat
Cara mendapatkan dollar di dalam blog adalah dengan menampilkan berbagai iklan pada blog tersebut. Bisa berupa iklan pribadi (pesanan) atau pun menampilkna iklan dari situs penyedia (situs pihak ketiga).

Salah satu situs penyedia iklan untuk ditampilkan (publisher) dalam blog adalah CHITIKA.

Apa itu CHITIKA?
Chitika (yang dilafalkan Chih-TIH-ka) berarti, “menjentikkan jari”. Chitika berasal dari bahasa Telegu (Selatan India Language). Chitika sendiri berharap bahwa kecepatan dan keakuratan menayangkan iklan akan sangat sesuai dengan konteks dan konten website publisher.

Disebutkan diwebsite resminya bahwa Chitika adalah jaringan iklan online dan perusahaan analisis data yang berkantor pusat di Amerika Serikat dan India. Sejak diluncurkan pada tahun 2003, Chitika dengan cepat tumbuh menjadi pemimpin dalam bidang Search, Local dan Mobile. Chitika memiliki lebih dari 350.000 situs dalam jaringan iklannya.

Kinerja Chitika telah mendapat pengakuan dan penghargaan secara internasional. Hampir tiap tahun chitika mendapatkan penghargaan. Beberapa penghargaan yang diperoleh chitika adalah;

Penghargaan

• Worcester Business Journal - Top Place to Work / Healthiest Workplaces in MetroWest - 2013
• DPAC Awards Finalist - Best Mobile Advertising Network Innovation - 2010
• SiliconIndia Top 100 Technology Company - 2010
• MITX Tech Award Finalist - 2005, 2008
• Red Herring North America 100 Winner - 2008
• AlwaysOn Northeast 100 Top Private Company - 2008

Apa itu Chitika Premium, Chitika Gold, Chitika Silver, Chitika Bronze?
Chitika sebagai jaringan iklan online memberikan tiga macam cara predikat/level/tingkatan untuk para publisher atau pemilik website yaitu: Gold, Silver dan Bronze. Tingkatan tersebut diberikan chitika berdasarkan performa situs publisher. User dapat melakukan upgrade sesuai dengan kebutuhannya. Pada saat mendaftar akun chitika, secara default akun yang diterima adalah Silver.

Chitika sendiri menyarakan, ketika anda mendaftar untuk akun baru, disarankan anda untuk mencoba level iklan Tingkat Gold (Chitika Gold). Jika pendaftaran anda diterima dalam level gold, anda dapat melipatgandakan (doubled) penghasilan Anda dari Chitika. Beberapa orang mengatakan bahwa level gold (Chitika Gold) dapat diperoleh dengan membuat tampilan website yang bagus, ada juga yang berpendapat menempatkan iklan chitika dalam tempat premium. Namun intinya adalah level Gold chitika (Chitika Gold) akan mendapatkan lebih banyak kesempatan dan lebih banyak uang (Chitika’s Gold publishers is equal to more opportunity and more money).

Alamat:
Chitika, Inc.
1800 West Park Drive, Suite 300
Westborough, Massachusetts 01581
USA (866) 441-7203

Pembayaran
Anda akan dibayarkan melalui 2 cara. Pertama lewat rekenig bank atau akun Paypal anda. Semua tergantung pilihan anda sendiri.

Cara Mendapatkan Dollar dari Chitika dengan Cepat
Adapun langkah-langkah untuk medaftar pada Chitika adalah sebagai berikut:

1. Kunjungi situs Chitikadotcom atau KLIK SAJA DISINI

2. Isilah Formulir yang telah disediakan (lengkapi kolom-kolom isian)

3. Lalu KLIK SIGN UP
4. Selesai. (Tunggu sambil berdoa semoga Akun Anda diterima)

Bagaimana? Gampang bukan. Demikianlah Cara Mendapatkan Dollar dari Chitika dengan Cepat. Selamat mencoba dan salam sukses. [Bos Tutorial]

Catatan: Jangan lupa untuk cek email anda mendaftarkan chitkadotcom.

Read More

Cara Cepat dan Mudah Mengganti Template Blog

Cara Cepat dan Mudah Mengganti Template Blog - Sebenarnya tulisan mengenai Mengganti Template Blog sudah banyak bertebaran dimana-mana (khusus blog yang berisikan tutorial blog). Anda sudah pernah membaca tulisan Bos Tutorial mengenai Cara Mengganti Template Blog Pada Blogspot di blog kesayangan kita ini bukan. Itu adalah cara yang lama. Meskipun demikian, itu masih bisa dilakukan, tapi hasilnya tidak sesuai keinginan kita. Karena tampilan blog akan terlihat amburadul. So... sebaiknya jangan pakai lagi cara itu. Bos Tutorial akan memberikan Cara Cepat dan Mudah Mengganti Template Blog.

Mungkin anda bertanya memangnya ada cara yang lain? Jawabnya tidak. Caranya hampir sama kok. Hanya cara yang akan kita paparkan sekarang adalah cara yang cepat dan mudah tanpa embel-embel lainnya.

Cara Cepat dan Mudah Mengganti Template Blog
Ada dua cara atau langkah yang harus kita lakukan,

Langkah Pertama

• Anda harus memiliki sebuah blog
• Anda sudah mempersiapkan Script / atau file template blog yang baru. Biasanya file tersebut bertype / ekstensinya *.XML atau *.TXT

Langkah Kedua
1. Bukalah akun blog anda (Dasbor Blog) pilihlah elemen Template lalu Pilih Edit HTML

2. Tinggalkan blog anda sejenak, lalu bukalah File / Script Template Blog yang baru anda simpan. Gunakan Program WORDPAD atau NotePad. (disarankan pakai WORDPAD) lihat gambar di bawah ini.

3. Masih di WORDPAD, Salinlah / Copy semua script template baru itu (gunakan CTRL + A lalu Copy)

4. Kembali lagi ke Blog Anda (lihat Gambar b pada langkah kedua bagian 1)

5. Arahkan mouse anda ke Script Template Blog, lalu tekan CTRL + A (pastikan semua tersorot / terblok)

6. Selanjutnya pastekanlah script template baru yang sudah di copy tadi (atau gunakan CTRL + V)

7. Simpanlah Template Blog anda (Klik Simpan Template)

8. Selesai dan lihat hasilnya.

Bagaimana, gampang bukan. Begitulah Cara Cepat dan Mudah Mengganti Template Blog pada blogspot. Selamat mencoba. Salam Blogger. [Bos Tutorial]

Catatan :

• Klik Gambar-gambar di atas bila ingin melihat ukuran yang besar.
• Bila anda ragu-ragu, simpan dahulu Template Blog lama anda (untuk jaga-jaga).
• Mengganti Template Blog merupakan salah satu untuk mempercantik blog.

Read More

Cara Terbaik Membuat Anti Copas dan Anti Klik Kanan di Blog

Cara Terbaik Membuat Anti Copas dan Anti Klik Kanan di Blog - Di kalangan blogger bicara tentang COPAS sudah sering kita dengar. Bahkan dibeberapa blog anda akan membaca tulisan, COPAS ijin dulu, bila ingin COPAS baca ini dulu, klik disini, bla...bla...bla...bla... dan seterusnya...

Sebenarnya, orang atau blogger tersebut bila menulis kata-kata di atas, dia suka bila postingannya di copas. (maaf ini hanya pandangan saya...) Alasan saya, kalao memang artikelnya tidak ingin di COPAS, pasang saja script anti copas atau anti klik kanan. Sipembaca pun dengan sendirinya akan tidak meng-COPAS-nya. Benar gak sih.... hehehehe

Apa itu Copas
Di blog lain yang saya kelola, saya menulis tentang Bagaimana Cara COPAS yang baik (silahkan klik disini untuk membacanya). Oh iya, tahukah Apa itu COPAS?

COPAS berasal dari kata CO dan PAS, CO itu singkatan COPY, PAS singkatan dari PASTE. COPAS adalah tindakan atau melakukan COPY (salin) langsung sebuah artikel dari sumber tulisan tanpa repot-repot menulis artikel hasil karya sendiri. Dan biasanya, artikel yang di COPAS oleh tukang Copas, tidak mencantumkan sumber atau LINK artukel tersebut.

Bila kita lihat secara hukum, bahwa orang yang melakukan tindakan COPAS merupakan sebuah pelanggaran atau pencurian hasil karya orang lain.

Bagaimana Cara Agar Atikel kita Tidak Bisa di Copas?
Untuk selanjutnya ikuti langkah-langkah berikut.

1. Silahkan buka akun blog anda sendiri.
2. Masuklah ke Elemen Layout atau Tata Letak
3. Pilih Add a Gadget atau Gadget Baru
4. Setelah muncul kotak baru, lalu pilih HTML/JavaScript
5. Salin / Copy lah Script di bawah ini lalu tempatkan (Paste) di Gadget yang baru anda buat.

<script> var message="Maaf,,, Untuk sementara dilarang klik kanan !!!";
///////////////////////////////////
function clickIE4(){if (event.button==2){alert(message);return false;}} function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}} if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;} else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;} document.oncontextmenu=new Function("alert(message);return false")</script>

6. Apabila semua sudah beres, lalu SIMPAN Gadget Baru tersebut.
7. Selesai dan lihat hasilnya.

Gampang bukan, demikianlah Bagaimana Cara Terbaik Membuat Anti Copas dan Anti Klik Kanan di Blog. Selamat Mencoba. Salam. [Bos Tutorial]

Referensi : Kumpulan Adsen Blogspot

Read More

Inilah Memasang Widget Like Box Facebook Melayang di Blog

Inilah Memasang Widget Like Box Facebook Melayang di Blog - Masih suasana bulan Ramadhan. Sebelumnya Bos Tutorial mengucapkan Selamat menunaikan Ibadah Puasa bagi yang merayakannya. Ok. Tetap semangat yah kawan-kawan.

Kembali kepada topik yaitu "Memasang Widget Like Box Facebook Melayang di Blog". Oh iya, sebelumnya Bos pernah membagikan kepada kawan mengenai Cara Memasang Fans Page Facebook Tersembunyi. Untuk tutotor kali ini berbeda namun hampir sama. Bingungkan. Maksudnya, Memasang Widget Like Box Facebook Melayang di Blog pengunjung diminta untuk mengklik sebuah kotak apakah dia mau menyukai halaman facebook kita atau tidak (tombol Close). Sementara Memasang Fans Page Facebook Tersembunyi, Widget Fans Page Facebook akan muncul ketika mouse di arahkan ke kotak Widget itu dan tidak perlu menutup kotak widget (tanpa tombol Close).

Tujuan Memasang Widget Like Box Facebook Melayang di Blog
Pada dasarnya tujuan Memasang Widget Like Box Facebook Melayang di Blog adalah agar para pengunjung blog mau menyukai halaman facebook yang kita kelola dengan memberikan jempolnya, sehingga halaman halaman facebook yang anda kelola semakin banyak. Kelebihan lain dari Widget ini dilengkapi dengan tombol close sehingga pengunjung bisa dengan mudah menutup Kotak Widget ini dan walau pun agak sedikit mengganggu pengunjung tapi masih bisa menutupnya tanpa susah payah.

Penasaran ingin Memasang Widget Like Box Facebook Melayang di Blog anda? Ikuti langkah-langkah dibawah ini.

Inilah Memasang Widget Like Box Facebook Melayang di Blog

1. Syarat utama : Memiliki Sebuah Halaman Facebook. Bila belum ada, silahkan buat dulu. Baca disini Cara Membuat Halaman Facebook. Setelah anda memiliki sebuah halaman facebook, ikuti langkah selanjutnya.
2. Buka Akun Blog yang anda kelola.
3. Pada Dasbor Blog anda, masuklah ke Elemen Tata Letak, pilih Add Widget / Tanmah Gadget
4. Lalu pilih HTML/Jawascript
5. Selanjutnya copylah kode script di bawah ini ke dalam Widget/Gadget Baru yang anda buat.

<!-- FB melayang tombol close --!>
<style type='text/css'>
#kotak-facebook {
position:fixed !important;
position:absolute; /* IE6 */
bottom:-1000px;
right:40%;
margin:0px 0px 0px -182px;
width:310px;
height:auto;
padding:16px;
-webkit-box-shadow: 0px 0px 7px #222;
-moz-box-shadow: 0px 0px 7px #222;
box-shadow: 0px 0px 7px #222; background-color:#FFFFFF; font:normal 1em Cambria,Georgia,Serif;
color:#111;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;}
#kotak-facebook a.close {
position:absolute;
top:-10px;
right:-10px;
background:#333;
font:bold 16px Arial,Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#fff;
border:2px solid #fff;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
cursor:pointer;
}
</style>
<script type='text/javascript'>
$(window).bind("load", function() {
// animasikan nilai top saat halaman telah selesai dimuat
$('#kotak-facebook').animate({bottom:"50px"}, 1000);
// hilangkan kotak pesan saat tombol (x) di klik
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='kotak-facebook'>
<p style=" margin-right:10px; font-size:15px; color:#000000;">Please Bantu Saya,<blink> Like This !!!</blink> </p>
<!-- Mulai --!>

<div class="fb-like-box" data-href="https://www.facebook.com/NongkronglDiKedaiKopi" data-width="292" data-show-faces="true" data-stream="false" data-show-border="true" data-header="true"></div>

<!-- Selesai --!><a class='close' href='#'>&times;</a>
<p style=" float:right; margin-right:35px; font-size:10px;" >Powered By <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://kumpulan-adsen.blogspot.com/">Blogger Widget</a> and <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://bos-tutorial.blogspot.com/2013/07/inilah-memasang-widget-like-box.html">Get This Widget</a></p>
</div>

6. Simpat Widget/Gadget Baru yang anda buat tersebut.
7. Lihat hasilnya.

Perlu diperhatikan :
1. Tulisan berwarna Merah adalah Kode Script dari Halaman Facebook Kedai Kopi. Silahkan anda ganti Kode Script tersebut dengan Kode Script dari Halaman Facebook Anda.
2. Bila tidak berhasil, coba ulang dari awal.
3. Mohon Halaman Facebook Bos Tutorial di Like juga yah

Sebagai contohnya, silahkan lihat disini. Demikianlah tutorial ringan mengenai Inilah Memasang Widget Like Box Facebook Melayang di Blog, Selamat mencoba salam sukses. Salam. BOS TUTORIAL.

Read More

Cara Membuat Read More Otomatis Tanpa Javascript

Cara Membuat Read More Otomatis Tanpa Javascript - Ketika membuat blog baru, biasanya tampilan blog masih biasa-biasa saja. Artinya kita masih menggunakan tampilan blog yang diberikan oleh Blogger sendiri. Seiring dengan waktu, muncul kebosanan dan ingin menggantinya dengan yang lain. Ada yang menggunakan template yang dinamis, atau mengutak-atik tampilan blog sesuai keinginan.

Cara Membuat Read More Otomatis Tanpa Javascript
Read More atau baca Selanjutnya dibuat agar tampilan blog terlihat lebih rapi dan elegan. Tujuannya agar tampilan bloh ketika pertama kali dibuka bisa terlihat banyak cuplikan artikel. (Baca disini Cara mempercantik Blog). Dengan begitu, pengunjung bisa melihat cuplikan-cuplikan yang ada di dalam blog kita dan memilihnya satu persatu. Perlu diketahui, bahwa cara membuat read more dibedakan menjadi dua, yaitu read more otomatis dan manual.

Read More cara menual, dengan memanfaatkan Insert Jump Break pada posting blog, dimana setiap kali ingin posting artikel baru, kita akan mengklik icon / fasilitas Insert Jump Break. Cara ini pastinya kita harus melakukannya setiap menulis artikel (bila lupa maka read more tidak muncul) --> Baca Disini selengkapnya mengenai Membuat Read More Cara Manual.

Sementara Cara Membuat Read More Otomatis ada dua juga, yaitu dengan menggunakan Javascript dan Tanpa Javascript. Read More Otomatis dengan menggunakan Javascript biasanya memanfaatkan pihak ketiga tempat penyimpanan data script. Seperti .JS dan lain-lain. Info yang Bos Tutorial himpun, bahwa menggunakan cara ini, Google sendiri tidak menyukainya. Bisa jadi alasannya banyak. Oh iya, apabila anda menggunakan template yang dinamis, biasanya sudang menggunakan cara ini. So... tidak usah lagi anda menggantinya dengan yang baru. (abaikan saja tulisan ini).

Cara Membuat Read More Otomatis Tanpa Javascript inilah yang akan kita paparkan disini. Cara ini tidak menggunakan situs pihak ketiga, karena langsung masuk ke script HTML blog kita. Menggunakan cara ini ada manfaatnya, dimana template blog anda akan menjadi lebih SEO Friendly dan ringan. Cara atau trik ini kita akan memanfaatkan kode yang digunakan oleh tampilan mobile blogspot, yaitu post snippet. Oleh karena itu, dalam script HTML blog kita, dilakukan penambahan kode. Ikuti beberapa langkah di bawah ini.

Langkah / Cara Membuat Read More Otomatis Tanpa Javascript
1. Bukalah Akun Blog anda yang sebenarnya (jangan blog orang lain) bila anda memiliki banyak blog dalam satu akun, silahkan pilih salah satu blog saja.
2. Pilih Elemen Template, kemudian lanjutkan dengan klik Edit HTML
3. Lalu cari kode ]]></b:skin>, untuk mempermudah silahkan menggunakan ctrl+f
4. Copy / salin kode di bawah ini dan letakkan tepat di atas kode ]]></b:skin>

.post-thumbnail{float:left;margin-right:20px}

5. Jangan beranjak dulu, masih seoutar edit HTML.
6. Cari kode <data:post.body/> apabila sudah ketemu silahkan Copy kode di bawah ini.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div>
<b:if cond='data:post.thumbnailUrl'>
<img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
</b:if>
<data:post.snippet/>
</div>
<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>

7. Setelah di copy, gantilah kode <data:post.body/> dengan kode yang barusan di copy.
8. Selesai. Simpan template blog anda.
9. Lihat hasilnya.

Demikianlah Cara Membuat Read More Otomatis Tanpa Javascript, apabila anda sudah menggunakan Template yang dinamis, abaikan saja ini. Semoga bermanfaat yah. Selamat mencoba. Salam blogger.

Read More

Cara Memasang Fans Page Facebook Tersembunyi

BOS TUTORIAL - Cara Memasang Fans Page Facebook Tersembunyi. Blog kesayangan kita ini baru saja memasang Fans Page Facebook secaara tersembunyi. Sepertinya terlihat bagus. Dan tentunya tidak mengganggu space halaman pada blog.

Tidak abdol rasanya apabila Bos Tutorial tidak membaginya kepada kawan-kawan semua. Pada kesempatan ini, saya mencoba berbagi kepada anda kawan.

Cara Memasang Fans Page Facebook Tersembunyi ini tidaklah susah, anda hanya menambah sedit script pada template blog anda. Namun ada syarat yang anda penuhi.

Syaratnya adalah :
1. Anda harus memiliki Akun Facebook (bisa juga minjam) sebaiknya punya sendiri lebih bagus.
2. Anda juga harus punya sebuah Halaman Facebook (Fans Page Facebook)

Apabila anda belum memiliki syarat di atas, abaikan dulu tutorial kali ini. Oh iya, bagaimana cara membuat facebook dan halaman facebook, nanti kita bahas selanjutnya yah.

Apabila anda sudah memiliki syarat-syarat di atas, langsung saja ikuti langkah-langkah bagaimana Cara Memasang Fans Page Facebook Tersembunyi di bawah ini.

Ada 2 Cara Memasang Fans Page Facebook Tersembunyi
Cara Pertama
1. Bukalah akun blog anda kawan
2. Masuk Elemen Template, lalu pilih Edit Widget, slanjutnya Centang : Expand Template Widget
3. Carilah kode </head> lalu copylah kode script di bawah ini tepat persis di atas kode </head> tadi

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

4. Simpan tempalate blog anda.

Catatan :
Apabila template anda sudah menyediakan kode script diatas, abaikan saja. Artinya anda tidak perlu memasukkannya lagi ke dalam template blog anda. Selanjutnya ikuti cara kedua.

Cara kedua
1. Apabila cara pertama sudah beres, maka masuklah ke Elemen Tata Letak, pilih Add Widget / Tanmah Gadget
2. Lalu pilih HTML/Jawascript
3. Selanjutnya copylah kode script di bawah ini ke dalam Widget/Gadget Baru yang anda buat.

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKIwgZUrCMjLeqAcU7E4ejfRIdpiwUQQmVzXSOgmXUCkjDQ1tU0_vXLRbf6k-Zo8f21mu5_VGZ4f7I0CaEX_IdjbIH82FHmhRBkmcHL0QWkIT2A6szuiXKaCYUX_VmxeBwbWe0Hb9c7gg/s1600/fans-page-facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/BosTutorialBlog&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://bos-tutorial.blogspot.com/2013/02/cara-memasang-fans-page-facebook.html">Get Widget Here</a></span></div></div>

4. Simpat Widget/Gadget Baru yang anda buat tersebut.
5. Lihat hasilnya.

Catatan :
1. Gantilah tulisan https://www.facebook.com/BosTutorialBlog dengan alamat / URL Halaman Facebook Anda.
2. Lihat contoh hasilnya di sebelah kanan blog ini.

Demikian tutorial kali ini mengenai Cara Memasang Fans Page Facebook Tersembunyi, semoga bermanfaat. Salam Blogger. Jangan lupa LIKE juga Halaman Facebook Bos Tutorial yah :

Bila anda belum memiliki Facebook, silahkan baca di bawah ini.
1. Cara Membuat Facebook di Facebook
2. Cara Membuat Halaman Facebook di Facebook

Read More