Tutorial Blog Apa Lagi Yang Penting?

Tutorial Blog Apa Lagi Yang Penting? - Membuat Blog Baru? Sudah dilakukan, Mempercantik Blog? Tentu tidak akan ketinggalan. Mendaftarkan Blog ke Mesin Pencari (Google dan Bing) sudah juga dilakukan. Terus apa dong selanjutnya? Mau Tahu? Kasih tahu gak yah.... Mau Tahu Banget atau Mau Tahu Aza...

Saya mau jujur nih, oh iya, sebelumnya isi postingan kali ini hanya sekedar sharing saja. Pada dasarnya, ketika kita membuat atau mengelola sebuah blog, yang paling utama adalah ISI dari Blog tersebut. Apa pesan yang akan kita sampaikan atau informasikan ke khalayak umum (pembaca). Itu saja, tidak ada selain itu. Yang lainnya hanyalah sebagai pelengkap saja. Toh yang dicari orang adalah informasi (baik News atau Tutorial).

Ketika kita sudah memiliki atau mengelola sebuah blog, maka yang harus kita lakukan adalah mendaftarkan blog tersebut ke situs pencari, seperti google atau bing. Kebenaran kedua situs tersebut perusahaan raksasa yang berkecimpung di dalam Search Engine. Satuhal di ingat bahwa pemilik Blogger adalah Google dan perlu mendaftarkan blog yang kita kelola.

Disatu sisi, bila diperlukan, blog yang kita kelola perlu dipercantik. Itupun kalao mau. Seandainya hanya menggunakan tampilan awal pertama kali membuat blog, sebenarnya tidak apa-apa.

Tutorial Blog Apa Lagi Yang Penting?
Kembali ke topik, apakah memerlukan Tutorial Blog lain selain Membuat Blog, Mendaftarkan Blog dan Mempercantik Blog? Jawabnya menurut saya tidak ada. Cukup yang tiga itu saja. Alasannya karema memang hanya itu.

Apa yang terpenting dalam sebuah blog?
Jawabnya singkat, yaitu ISI atau Pesan yang disampaikan. Ketika kita sudah merumuskan apa yang akan kita sampaikan di dalam sebuah blog, maka mulailah membuat blog. Fokus terhadap isinya dan jangan amburadul. Misalnya, Anda ingin menyampaikan pesan tentang Tutorial, buat blog tentang Tutorial jangan sisipkan dengan isi lainnya yang menyimpang. Itu malah merusak blog kita. Kalao mau membuat blog Berita, buat lagi aja Blog Berita (Buat Blog Baru). Toh, dalam satu email bisa membuat blog sebanyak-banyaknya (disarankan maksimal 10 Blog dalam 1 email).

Kelebihannnya atau keuntungan membuat blog banyak (berbeda0-beda) sangat banyak, salah satunya anda akan mendapatkan backlink free dari blog anda sendiri (bila dihubungkan satu sama lain).

Meskipun pada dasarnya blog dibuat pada awalnya adalah untuk mencurahkan isi pikiran atau hanya sebagai media sosial. Namun sekarang blog berkembang menjadi sebuah sarana sebagai pusat informasi.

Isi atau Artikel atau postingan disini berhubungan erat memposting hal-hal baru. Disarankan minimal 4 postingan bary dalam 1 bulan.

So.... terjawab sudah bukan judul postingan ini. Catatan, apabila anda ingin mencari Tutorial Blog, jangan terlalu fokus disitu. Fokuskanlah bagaimana membuat ISI / Arikel / Postingan yang baru dan benar-benar mengena sasaran sesuai dengan Konten Blog yang kita kelola.

Sekali lagi, Tutorial Blog Apa Lagi Yang Penting? Tidak ada. Salam Blogger, hanya sekedar sharing. Apabila ada yang keliru, mohon sangat dimaafkan. Apabila ada yang kurang, monggo... silahkan tulis di kolom komentar di bawah. Satu lagi, jangan lupa untuk mempromosikan Blog anda. Salam blogger lagi deh. [Bos Tutorial]

NB: Jangan terlalu pusing dengan postingan di atas... hehehe.

Have Nice Blogging

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.

Menampilkan Widget Tertentu Di Halaman Tertentu

Menampilkan Widget Tertentu Di Halaman Tertentu - Ketika kita sedang menuju blog seseorang, terlihat tampilan widget blog tersebut kadang ganti-ganti. Misalnya, di halaman depan Wigdet A, di halalaman lainnya Widget A tidak muncul. Ada apa gerangan....

Sebenarnya, ada beberapa cara yang dilakukan oleh blogger untuk melakukan hal tersebut. Maksudnya Menampilkan Widget Tertentu Di Halaman Tertentu. Mau tahu?

Beginilah caranya secara umum (tips ini tujuannya adalah mempercantik tampilan blog).

1. Menampilkan widget hanya di halaman depan saja (homepage)

<b:if cond='data:blog.url == data:blog.homepageUrl'>
......................................................
</b:if>

2. Menampilkan di semua halaman kecuali homepage.

<b:if cond='data:blog.url != data:blog.homepageUrl'>
......................................................
</b:if>

3. Menampilkan widget hanya di halaman Archive saja.

<b:if cond='data:blog.pageType == &quot;archive&quot;'>
......................................................
</b:if>

4. Menampilkan widget di semua halaman kecuali halaman archive.

<b:if cond='data:blog.pageType != &quot;archive&quot;'>
......................................................
</b:if>

5. Menampilkan widget hanya di halaman posting.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
......................................................
</b:if>

6. Menampilkan widget di semua halaman, kecuali halaman posting.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
......................................................
</b:if>

7. Menampilkan widget hanya di postingan tertentu saja.

<b:if cond='data:blog.pageType == &quot;alamat-postingan&quot;'>
......................................................
</b:if>

8. Menampilkan widget selain di postingan tertentu.

<b:if cond='data:blog.pageType != &quot;alamat-postingan&quot;'>
......................................................
</b:if>

9. Menampilkan widget hanya di halaman staticpages.

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
......................................................
</b:if>

10. Menampilkan widget di semua halaman, kecuali halaman staticpages.

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
......................................................
</b:if>

Catatan : Tanda Titik - titik di atas adalah kode widget yang harus di tempatkan

Sebagai Contoh perhatikan di bawah ini.
Coba anda menuju Dunia Sarah. Di halaman depan Widget Fan Facebook tidak muncul. Lalu di halaman kedua ketika klik sebuah artikel, maka Widget Fan Facebook muncul. Untuk melakukan hal itu silahkan coba ikuti langkah berikut.

Menampilkan Widget Tertentu Di Halaman Tertentu
1. Tentunya anda harus buka akun blog anda sendiri.
2. Masuklah ke Elemen Template. Lalu klik Edit HTML
3. Carilah widget yang anda sembunyikan (sebelumnya anda sudah memasang widget di dalam blog anda).
4. Misalnya Widget Fan Facebook. Silahkan cari tulisan "Fan Facebook" (gunakan Ctrl + F untuk mencari secara cepat)
5. Setelah ketemu, maka akan muncul kode persis seperti dibawah ini.

<b:widget id='HTML4' locked='false' title='Fan Facebook' type='HTML'> <b:includable id='main'><!-- only display title if it's non-empty --><b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if><div class='widget-content'><data:content/></div><b:include name='quickedit'/> </b:includable> </b:widget>

6. Selanjutnya tambahkan kode

<b:if cond='data:blog.pageType == &quot;item&quot;'>

sebelum kode

<!-- only display title if it's non-empty -->

7. Setelah ditambahkan lalu masukkan kode </b:if> sebelum kode

</b:includable>
</b:widget>

8. Maka hasilnya akan persis seperti di bawah ini.

<b:widget id='HTML4' locked='false' title='Fan Facebook' type='HTML'> <b:includable id='main'><b:if cond='data:blog.pageType == &quot;item&quot;'><!-- only display title if it's non-empty --><b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if><div class='widget-content'><data:content/></div><b:include name='quickedit'/></b:if> </b:includable> </b:widget>

9. Selesai. Simpan Template blog anda.

Catatan : Huruf yang berwarna biru adalah Kode yang ditambahkan. Ingat satuhal, penempatannya jangan salah yah. Harus pas. Kalao gak pas, maka eror. Untuk mengantisipasinya, sebaiknya sebelum memulai langkahlangkah di atas, Simpan Template Blog anda terlebih dahulu.

Okay sudah yah... Bos kira sudah cukup dulu mengenai Menampilkan Widget Tertentu Di Halaman Tertentu. Semoga bisa dipergunakan sebaik mungkin. Salam blogger semoga bermanfaat dan selamat mencoba.

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.

Daftar Blog ke Google dan Bing Yahoo dengan Cepat

Daftar Blog ke Google dan Bing Yahoo dengan Cepat - Perlunya mendaftar sebuah blog kepada mesin pencari. Istilah ini biasa dikatakan Search Engine.Di internet, ada dua perusahaan besar yang berkecimpung di dalam pencarian kata (addword). Sebut saja Google dan Yahoo. Masing-masing situs raksasa ini selalu bersaing menarik penggunanya. Dan kebenaran, pengguna internet masih tetap setia menggunakannya.

Kenapa Mendaftar Blog ke Google dan Bing Yahoo?
Alasannya adalah agar blog kita terindeks oleh google atau bing yahoo tadi. Artikel-artikel kita pun masuk dalam katalog pencarian situs. Disatu sisi membantu kita mempromosikan blog ke khlayak umum tanpa capek. Oleh karena itu, kita harus menggunakannya dengan baik.

Daftar Blog ke Google dan Bing Yahoo dengan Cepat

1. Google Search Engine

Mendaftar blog dengan Google sangatlah mudah. Langkah ini saya sarankan agar anda lakukan. Karena disamping kita menggunakan blogger bawaan google, maka kita kudu mendaftarkannya ke google. Disatu sisi, pengguna internet dalam pencarian artikel, lebih banyak menggunakan google search engine dibandingkan lainnya.

Silahkan masuk ke : https://www.google.com/webmasters/tools/submit-url atau Klik Disini. Untuk lebih lanjut silahkan baca disini.

2. Bing Yahoo Search Engine

Bing adalah salah satu situs yang dimiliki oleh Microsoft dan berkolaborasi dengan Yahoo dalam search engine. Bing - Yahoo, mesin pencari terbaik di internet yang tidak kalah dengan google. Penggunanya pun banyak dan tetap setia. Oleh karena itu, saya sarankan anda untuk mendaftarkan blog ke dalam Bing - Yahoo ini.

Silahkan anda kunjungi disini untuk mendaftarkan blog ke Bing - Yahoo.

Demikianlah catatan Bos Tutorial mengenai Daftar Blog ke Google dan Bing Yahoo dengan Cepat. Selamat mencoba dan semoga bermanfaat, Salam.

Cara Terbaik Mendapatkan Backlink Gratis

Cara Terbaik Mendapatkan Backlink Gratis - Anda tentu tahu bawah backlink sangatlah penting dalam untuk sebuah blog. Bisa dikatakan juga Backlink menentukan nafas suatu blog, karena tanpa backlink sebuah blog akan terasa lemah tanpa daya. Seperti sayur tanpa garam... begitulah kata pepatah kuno yang mengatakannya. Hehehehe...malah bermain sastra.

Backlink bila di artikan ke dalam bahasa sehari-hari adalah umpan balik link. Adanya kepercayaan terhadap blog yang kita kelola dari beberapa situs tertentu. Bisa dari mendaftar di berbagai situs, bisa juga saling bertukar link sesama teman blogger. Disini saya tidak akan memaparkan lebih jauh mengenai kedua hal tersebut. Namun berbagi tentang bagaimana Cara Terbaik Mendapatkan Backlink Gratis.

Memang cara mendapatkan backlink gratis tidaklah mudah, tetapi ada beberapa cara yang bisa kita manfaatkan secara gratis untuk mendapatkan backlink tersebut. Slogan utama adalah, kalao ada gratisan kenapa mesti bayar... benar bukan.

Inilah Cara Terbaik Mendapatkan Backlink Gratis, Simak berikut di bawah ini.

1. Berkomentar di blog dofollow
Cobalah anda cari di google blog dofollow misalnya menggunakan kata kunci Daftar blog dofollow yang terbaru kemudian blogwalking dan berkomentarlah, saya sarankan berkomentarlah dengan menggunakan bahasa yang baik dan baku juga sopan, jangan hanya berkinginan mendapatkan backlink lalu dengan asal berkomentar dan meletakkan link lalu close. Gunakan kata kunci sebagai nama anda saat berkomentar. Jangan lupa meletakkan alamat blog anda di tempat url yang telah disediakan.

2. Join forum
Daftarkanlah ke forum forum terutama forum yang beraliran dofollow. Jika anda sudah join di forum, silahkan melakukan sedikit posting untuk bisa dikomentari oleh anggota lain, Dan pada saat anda mem-posting maka anda berkempatan untuk meletakkan link blog anda. Dan inilah yang akan menjadikan blog anda mendapatkan backlink tersebut. Tetapi tentunya anda harus berhati hati dalam meninggalkan link anda, biasanya suatu forum mempunyai ketentuan batasan jumlah postingan anda. Jadi anda harus mengetahui terlebih dahulu berapa syarat jumlah minimum postingan untuk bisa meletakkan link anda di forum.

3. Membuat Dummy Blog
Dummy blog adalah blog lain yang anda buat untuk tujuan menautkan link ke dalam blog anda sendiri. Anda bisa membuat sebanyak mungkin blog lain sesuka anda sendiri. Tetapi haruslah anda ingat bahwa tidaklah asal membuat blog lalu menautkan ke blog kesayangan kita dan stop begitu saja. Anda juga harus memperhatikan laju perkembangan postingan dan backlink dummy blog yang sudah anda buat walaupun tidak seserius blog kesayangan anda itu.

Memang waktu yang diperlukan membangun dummy blog tidaklah sedikit dan kerepotannya yang amat sangat mengganggu , Tetapi inilah yang paling efektif dan mudah untuk mendapatkan backlink gratis yang akan tertaut untuk selamanya.

4. Gunakan aplikasi
Pergunakan aplikasi aplikasi yang bisa anda install di alat browsing anda maupun di blog anda, misalnya SeoQuake, Alexa, Pagerank. Jikalau anda sudah menginstall alat bantu tersebut maka sejalan dengan penggunaan alat tersebut maka otamatis akan mendapatkan backlink gratis darinya.

Untuk sementara, itu dulu yang bisa kami bagikan. Anda punya pengalaman lain? Silahkan ditambahkan. Semoga tulisan mengenai Cara Terbaik Mendapatkan Backlink Gratis bisa bermanfaat. Salam.

Referensi : Abah Tips Blog

Menaikkan Pengunjung Blog Dengan Cepat

Menaikkan Pengunjung Blog Dengan Cepat - Banyan cara yang dilakukan oleh para pengelola blog agar blognya banyak dikunjungi oleh para pembaca yang baik dan budiman. Apapun dilakukan. Dengan tujuan blognya laris manis di datangi.

Tentunya anda pun punya cara jitu dan mantap agar blog anda di kunjungi. Dan saya percaya bahwa anda telah melakukannya.

Mau tahu cara itu? Tidak lain adalah PROMOSI.

Berpromosi merupakan cara paling ampuh untuk memperkenalkan sebuah produk dalam ilmu ekonomi. Demikian juga halnya dalam dunia blog. Jangan segan-segan untuk melakukan promosi blog anda kepada siapa pun. Teman, sodara, kerabat, baru kenalan semuanya harus diperkenalkan. Maksudnya jangan malu bahwa anda memiliki blog, dan harus memperkenalkannya.

Lakukanlah hal ini, baik promosi lewat media-media sosial, ataupun saling berbagi informasi sesama teman blogger. Maka blog anda akan dikunjungi dengan cepat.

Lebih lanjut nanti kita akan bahas Alat-alat promosi dalam Menaikkan Pengunjung Blog Dengan Cepat. Salam blogger. [Bos Tutorial]

Mencoba Mendaftar Google Adsense

Mencoba Mendaftar Google Adsense - Untuk kesempatan kali ini, Bos Tutorial Mencoba Mendaftar Google Adsense. Tujuannya cuma satu agar bisa menampilkan iklan yang diberikan oleh Google Sendiri.

Meskipun blog ini sudah pernah dipasang Google Adsense, tidak tahu dikarenakan apa tiba-tiba langsung di tutup. Maksudnya akun Google Adsense tidak berfungsi lagi alias modar.

Dengan hati yang besar dan berharap baik ke depan, pihak Google mau bermurah hati untuk menerima kembali permohohan pemasangan GA (Google Adsense).

Kita tahu bahwa disamping kita memberikan informasi seputar dunia maya, berharap juga mendapatkan penghasilan tambahan dari blog yang kita pasang. Salah satu pemberi penghasilan tersebut adalah google adsense itu sendiri yang mana dimiliki oleh si Mbah Google.

Oh iya, saya akan memaparkan bagaimana cara untuk mendaftar, mendapatkan GA. Kemudian hari akan kita bahas selanjutnya. Diterima atau tidak diterima permohonan saya kepada Google mengenai GA (meskipun berharap diterima), saya akan tetap memaparkannya kepada kawan-kawan.

Akhirkata, tulisan kecil ini hanyalah curahan hati belaka. Salam. [Bos Tutiroal]

Free Backlinks for Blog and Website

Do you want to know Where to get free backlinks? This is a free, fast, and simple immediate automatic backlinks for optimizing your blog or web page on search engines result.Everyone knows how important backlinks are to getting a good rank.Here, we offer a backlink for free and very fast for your sites. Copy the html code first (no change needed), and then paste to your website or blog.To view your backlink you can click the image link from your website or blog. And well... your website url done and will be displaying in first references.If any visitors click this banner from your website or blog, your url backlink will be creating automatically in this website.You can build backlink as many as you want, no limitation and restriction, but no spam ! Wish your website's ranking quickly on Top Google, Yahoo and Alexa!

Free Automatic Backlink for Blog and Website

If our Tutorials have helped you a little, then kindly spread our voice using the badge below:-



Copy this html code to your website >>

<!-- Dont edit this code or it will not work --><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips And Tricks"><img alt="Blogger Tips And Tricks" border="0" height="15" src="https://bitly.com/bl24tricks2" width="80" /></a><!-- End http://24work.blogspot.com-->


Optionally use this Widget installer to add this link to your blogger blog.

<!-- Dont edit this code or it will not work --><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips And Tricks"><img alt="Blogger Tips And Tricks" border="0" height="15" src="https://bitly.com/bl24tricks2" width="80" /></a><!-- End http://24work.blogspot.com-->

How to add Automatic Backlink for Blog and Website

Blogger

Now let's start adding it...

Step 1. Login to Your Blogger Account.Go to your Blogger Dashboard.Click on Layout tab from left pane and click on Add a Gadget link.

Step 2. After click on Add a Gadget link A pop-up box will open now

with many gadget list, Choose HTML/JavaScript from the gadget options by clicking the blue plus sign for that gadget.

Step 3. Select 'HTML/Javascript' and add the one of code given below.

Step 4. Now Click On Save 'JavaScript' You are done. ..............





WordPress

1. Login to your Admin panel > Presentation tab > Widgets tab

2. Paste the code into the Text Widget. If there’s no Text Widget available, add one.

3. Add a title. Ex: My Favourite Site (Optional)

4. Save.



Joomla site

1. Login to your Admin panel > Modules – Site Modules > click New

2. Paste the code into the Custom Output content box

3. Adjust module details and menu item links if necessary

4. Click Apply or Save.

* Please note:- After you paste the code into the website, please click on the button to create backlinks to your website.

- If you remove the code from your website where your backlink will be deleted automatically.

- if you know any free backlink info, please submit here, Let's share the free backlink list to everyone.

UPDATE:



Hello! `How are you guys? Here is another Free Backlinks site. if you know any free backlink info, please submit here.



www.24work.blogspot.com



If our Tutorials have helped you a little, then kindly spread our voice using the badge below:-



Copy this html code to your website >>

<!-- Dont edit this code or it will not work --><a target="_blank" href="http://24work.blogspot.com/" title="Blogger Tips And Tricks"><img border="0" alt="Blogger Tips And Tricks" src="https://bitly.com/24workfb2" /></a><!-- End http://24work.blogspot.com-->
Optionally use this Widget installer to add this link to your blogger blog.

<!-- Dont edit this code or it will not work --><a target="_blank" href="http://24work.blogspot.com/" title="blogger widgets"><img border="0" alt="blogger widgets" src="https://bitly.com/24workfb2" /></a><!-- End http://24work.blogspot.com-->

Links Exchange

Cara Buat/Pasang Burung Twitter Terbang Di Blogspot

Cara membuat / memasang widget burung Twitter terbang di Blogger, mungkin trik ini sudah tidak asing lagi bagi sobat dan sudah banyak sekali saya melihat blog yang sudah memasang widget burung Twitter terbang ini dengan berbagai macam style dan warna burung Twitter yang berbeda-beda, sekarang saya akan mengulas kembali khusus buat teman-teman blogger yang baru membuat blog dengan platform blogspot

Twitter adalah layanan jejaring sosial yang sangat populer sekarang ini selain Facebook dan Google+ dan tidak salah banyak orang yang beramai-ramai untuk menjalin koneksi melalui Twitter apakah itu untuk keperluan bisnis maupun hanya sekedar berteman saja, nah bagi sobat yang mempunyai blog tidak ada salahnya memasang widget burung twitter terbang ini selain membuat blog sobat cantik dan unik, widget ini juga mempermudah sobat untuk menjalin pertemanan baru dengan pembaca blog sobat, hanya dengan sekali klik pada burung twitter yang terbang maka akan otomatis terhubung dengan profile Twitter sobat,
Ok tanpa panjang lebar mari kita kupas bersama-sama cara memasang widget ini

Pertama-tama silahkan login di Blogger

• Klik Layout > Add Gadget > Html/Javascript
• Copy paste kode di bawah ini ke kolom Html/javascript

<!-- floating twitter Bird -->
<script type="text/javascript" src="https://googledrive.com/host/0B7X69YyzZu-IZjFKQ19VVi10RlE/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiINdktE5vOs4_BZ7w7aOU-FM0YTHgdIQC3r1CxJDHCTfln3We3LAtbM4BzJ3wSzgcIFHecE34lbEe2ONQz4EXbVo0sh2TLO75tpudpOokSO1vVYaF3JszHrNEWsjQyPfBVAtvA4YIb-HE/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/Username";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>

• Ganti kode yang berwarna biru dengan nama pengguna (username) akun Twitter sobat
• Simpan dan lihat hasilnya

Warna Pilihan Burung Terbang Twitter

Untuk membuat warna burung Twitter yang lain sobat bisa mengganti kode yang berwarna merah diatas dengan kode-kode dibawah ini sesuai dengan warna pilihan yang sobat inginkan

Warna Kuning

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrA3pxDoBa17MPwNAX85EJbvdAHl_35lKmoQ5eiezDWlHidSSwrz15970uyIDx18r17HsUN1T5P8oZyixR8etwlVs0azczb4FRueS1wImB2QKz4SJfhP6jbZPEpeD9aJACr401rkS2adE/s1600/yellow+bird.png

Warna Hitam

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhErVunlp83EzYuYDOwe8maDzc0CAjZ_OC7VI1pTJN6AFqFjUjvVCy8PtW1x2Pud6C8tEBSM9YjkjDGksiuVY13lE6a7kteAtjBmbpoZozjJnI06gUnRcc8cujE330COSRYO_er15zl_z4/s1600/black+bird.png

Warna Biru

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjarYLLUSKby_cx2TvGUjTP-ocwfuxHKb6JfTkPVUD09wAutZYOsFfJ44HT3kJTWL1l9I6dfmTgmhzFkVINMtUElJMttEYrrEDKCu0k5Vv4l3_6IxLF11ho4WhnBSnTH2Sn-epLn5KezY8/s1600/Blue+bird.png

Warna Coklat

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFRT8WbOFRoXT_P7rUYBV4zIDsddFxkG9768xGaap-nwMr4wBGC6W_wkDGLkhNjcxfC8XNG-CTboypqg308ZyCV3lXaOlfDPFp9dOrnOqp5dBczNhzNib6cDe_AvXP-D1U4rX_IUgn0Hg/s1600/brown+bird.png

Warna Hijau

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw1xjQRCjc2OE6h7E6e_MnbfaH44-HrMS_n9Dgpa-ngbuv2mO8ZZYqa90IxjQXka-IvCuHHQybVIEaqrbRl7arn458So6QchDIOiJZHW8i8ZDOSrCZuqoP3VZuF28YrP_inhhcj0qEHGc/s1600/Green+bird.png

Warna Ungu

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBfMEkbO0JijXOTtwnql2-Y6xiVSWdKxrp-vGLbbpKwrZb2AJYrsQE66JhiATU89jnporxN5zFkprNj3w7wWkg0Yejv8sJFbCM7SitTnltDPALYYJPXE5XZLEhGTg3YbaDbQpbUqW_WFs/s1600/purple+bird.png

Warna Putih

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc1RMtu4TiV2mSSKUbMDvDeZS3K02Wyt18_041a3zIChUiV9aZ7IS0GUSl5eIv0uqcafFRYxFgZ4eAGYhEwhWqYIe2mvOOWDHj2reOEBocF0I6sECj-n0bPIa4iq2FJO-wA_2BLv8B2LU/s1600/white+bird.png

Warna Merah

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZqCKGfqwm19XCYEaovzX3CoEd_tdVy-8GpUvMHSN9878SLN6BDVUwldCTr4SipC3XU7gUmwhsKQshXkwjyOoOxCvPXrQcH5FXoCsu_BWZsjqQKX-cVwOohhykYrcz2lzgLXXJy-MtkLs/s1600/red+bird.png

Dan terakhir jangan lupa disimpan
Good luck Sob..!

5 Tips/Cara Menulis Artikel Blog Post SEO Friendly

5 tips menulis artikel blog post yang seo friendly, bagi seorang Blogger menulis artikel atau postingan blog adalah sesuatu yang memang kewajiban, kebanyakan beberapa Blogger baru menginginkan blog mereka terlihat di halaman pertama Google tetapi mereka tidak mengetahui bagaimana cara agar bisa masuk dalam halaman pertama Google, selain beberapa tips yang pernah saya ulas sebelumnya seperti cara cepat blog terindex search engine, disini saya akan coba mengulas hal dasar (basic) bagaimana cara agar artikel blog yang kita buat lebih seo friendly.

Konten

Struktur Judul Post (Post Title) dan Post Description

Tautkan (Link) Keywords Yang Penting Ke Artikel/Halaman Lain

Konten yang Relevan (Relevant Content)

Konten yang Unik (Unique Content)

Gunakan Google Adwords Keyword Tool

Struktur Judul Post (Post Title) dan Post Description

Judul post adalah yang paling penting dan vital karena itu adalah sesuatu yang menggambarkan apa yang ada didalam artikel anda, dan hendaknya post title yang anda buat mengandung kata kunci (keywords) yang relevan. Cobalah mencari susunan kata (phrase) dan keywords yang banyak dicari orang dan sisipkan itu didalam judul post, tapi ingat.. relevansi tetap menjadi acuan, jangan memasukkan semua keywords didalam post title seolah-olah anda memajang semua kata kunci sehingga terlihat ngawur yang membuat pembaca bingung. Sama halnya dengan post description yang berupa ulasan singkat tentang artikel anda jadi diusahakan mengandung kata kunci dan frasa.

Tautkan (Link) Keywords Yang Penting Ke Artikel/Halaman Lain

Tautkan/link keywords yang penting ke halaman lain yang relevan dan sesuai dengan pembahasan didalam artikel yang anda buat, hal ini akan meningkatkan page views didalam blog anda dan juga akan mengalirkan pagerank.

Konten yang Relevan (Relevant Content)

Tetap jaga konten yang anda buat relevan dan sesuai dengan topik blog anda. Itu akan membuat mesin pencari seperti Google membantu anda untuk menaikkan ranking blog anda pada mesin pencarian sesuai dengan keywords yang anda pilih, seperti contoh pada blog saya ini bloggerpeer.blogspot.com mempunyai topik tentang tips trik Blogger dan tips trik SEO, jadi semua artikel yang saya buat mengandung beberapa kata kunci tersebut.

Konten yang Unik (Unique Content)

Anda harus berfikir kedepan dan pintar membaca situasi apa yang menjadi topik hangat dan trend saat ini sehingga bisa anda tuangkan dalam sebuah ide untuk membuat artikel sesuai dengan gaya dan style anda sehingga membuat artikel yang anda buat unik lain dari pada yang lain, search engine seperti Google sangat menyukai konten yang unik dan fresh, jadi tetaplah berkarya dan jangan melakukan duplikasi atau copy paste (copas) karena itu akan memperburuk ranking blog anda di mesin pencari.

Gunakan Google Adwords Keyword Tool

Kadangkala kita merasa kesulitan untuk mendapatkan kata kunci yang banyak dicari orang, maka anda bisa mencoba menggunakan alat yang dimiliki Google yaitu Google Adwords: Keyword Tool, dengan alat itu anda tidak perlu menebak tentang kata kunci terbaik karena tool dari Google tersebut mempunyai kumpulan kata2 kunci terbaik yang lagi trend dan banyak dicari orang.

Itulah 5 tips menulis artikel blog post yang seo friendly, kalau ada saran dan kekurangan mungkin bisa berbagi dan disampaikan melalui komentar.

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/AVvXsEjBMHKPZORmL-ITxsVrmzvIZpee-o2bcH-_kQa_-M0ZniaiilEZ5P3xibDDmXHb5qNTohQi0z-zb8EaGTyvWajKFzzPprZGfySq3AgXVt8WKt8V9SZ3nHecjpLPYklh0on1f6QKnS6yRx0/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

Cara Membuat Widget Recent Post Dengan Gambar Seperti Bos Tutorial

BOS TUTORIAL - Cara Membuat Widget Recent Post Dengan Gambar Seperti Bos Tutorial. Judulnya panjang yah. Tidak apa-apa yah. Biar lebih paham saja. Dan langsung melihat contohnya.

Membuat Widget Recent Post Dengan Gambar Seperti Bos Tutorial ini sebenarnya bertujuan untuk mempercantik blog saja. Biar terlihat rapi. Kalau kawan-kawan suka, boleh deh mencobanya.

Inilah Cara Membuat Widget Recent Post Dengan Gambar Seperti Bos Tutorial
1. Buka akun blogger kawan sendiri
2. Masuk Elemen Tata Letak
3. Pilih Add Widget atau Tambah Gadget
4. Apabila kotak baru muncul lalu pilih HTML/Javascript
5. Copy atau salin kode script di bawah ini

<div id='bp_recent'></div>
<script style='text/javascript' src='http://yourjavascript.com/02415211738/artikel-terkait.js'></script>
<script style='text/javascript'>
var numberOfPosts = 20;
var showPostDate = false;
var showSummary = false;
var titleLength = 0;
var showCommentCount = false;
var showThumbs = true;
var showNoImage = true;
var imgDim = 55;
var imgFloat = 'left';
var myMargin = 5;
var mediaThumbsOnly = true;
var showReadMore = false;
</script>
<script src='http://bos-tutorial.blogspot.com/feeds/posts/summary?max-results=20&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>

6. Simpan Widget / Gadget yang baru anda buat.
7. Lihat hasilnya.

Catatan :

• Tulisan http://bos-tutorial.blogspot.com silahkan anda ganti dengan alamat URL / Blog anda.
• Silahkan anda atur sedemikian rupa, mengenai jumlah artikel yang akan dipajang dalam recent post blog anda, sesuai keinginan anda. Blog ini sementara jumlah artikel yang dipajang dalam recent post sebanyak 20

Sebagai dari hasl Cara Membuat Widget Recent Post Dengan Gambar Seperti Bos Tutorial, lihat saja Recen Post pada blog ini. Karena menggunakan widget di atas. Selamat mencoba, salam sukses. Salam.

Cara Membuat Related Post Dengan Gambar

BOS TUTORIAL - Cara Membuat Related Post Dengan Gambar. Masih ingat tulisan sebelum postingan ini bukan, yaitu Cara Membuat Related Post Pada Blog. Jangan tanya lagi apa gunanya Related Post atau Artikel Terkait yah (heheheh... canda), soalnya disini sudah dibahas lebih detail. Kita langsung saja ke lokasi (kayak mau kemana aja nih...). Maksudnya langsung membuat tutorialnya, gitu loh....

Beginilah Cara Membuat Related Post Dengan Gambar
1. Tentunya anda harus buka akun blogger anda kawan.
2. Masuk Elemen Template - Lalu Klik Edit HTML
3. Carilah kode ]]></b:skin> (gunakan CTRL + F untuk mempermudah pencarian)
4 Apabila sudah ketemu, copylah kode di bawah ini lalu tempatkan persis di atas kode ]]></b:skin> tadi.

/* Related Post Dengan Tooltips Membuat Blog Keren --- */
.related-post .post-thumbnail {
z-index: 1; position: relative;
width: 100px;
height: 100px;
margin: 0; display: block;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 2px 2px 5px #444;
-moz-box-shadow: inset 2px 2px 5px #444;
box-shadow: inset 2px 2px 5px #555;
}
.related-post {
float: left; position: relative;
width: 108px;
height: 108px;
margin: 0 10px 10px 0;
background: #F6F6F6;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.related-post .related-post-title {
display: none;float: left; background: #00B366;
color: #fff;
text-shadow: none;
font-weight: bold;
padding: 10px;
position: absolute;
top: -20px;
left: 40px;
z-index: 2;
width: 200px;
-webkit-box-shadow: 0 0 2px #444;
-moz-box-shadow: 0 0 2px #444;
box-shadow: 0 0 2px #444;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.related-post:hover .related-post-title {display: block;}

5. Jangan beranjank dulu, masih ada yang harus di cari. Lihat kode selanjutnya di bawah ini, lalu cari kode <div class='post-footer-line post-footer-line-1'/> atau <div class='post-footer-line post-footer-line-2'/> (gunakan CTRL + F untuk mempermudah pencarian)

6. Apabila sudah ketemu dan anda yakin, copy kode di bawah ini dan pastekan tepat di bawah kode <div class='post-footer-line post-footer-line-1'/> atau <div class='post-footer-line post-footer-line-2'/>

<div id='related-posts'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>//<![CDATA[
var ry='<h3>Related Posts</h3>';rn='<h3>&nbsp;&nbsp;&nbsp;No related post available</h3>';rcomment='comments';rdisable='disable comments';commentYN='no';
var dw='';titles=new Array();titlesNum=0;urls=new Array();timeR=new Array();thumb=new Array();commentsNum=new Array();comments=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];titles[titlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if('thr$total' in d){commentsNum[titlesNum]=d.thr$total.$t+' '+rcomment}else{commentsNum[titlesNum]=rdisable};if(d.link[a].rel=="alternate"){urls[titlesNum]=d.link[a].href;timeR[titlesNum]=d.published.$t;if('media$thumbnail' in d){thumb[titlesNum]=d.media$thumbnail.url}else{thumb[titlesNum]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFx2wKU9BI8l6Gv89a3YhlgTt-qQIpks_hUP4Mp2KEZpP4U5oy8lt9aA-VU-Vd2t0v4_e8efG1Nhbpg8paKCc2wKLVXEVm3vOu8ABUuzp9u9ZRW056L-Dh2n_86rv0rIsaXd3WrGc4xDKQ/'};titlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);c=new Array(0);e=new Array(0);f=new Array(0);g=new Array(0);for(var a=0;a<urls.length;a++){if(!contains(b,urls[a])){b.length+=1;b[b.length-1]=urls[a];c.length+=1;c[c.length-1]=titles[a];e.length+=1;e[e.length-1]=timeR[a];f.length+=1;f[f.length-1]=thumb[a];g.length+=1;g[g.length-1]=commentsNum[a]}}urls=b;titles=c;timeR=e;thumb=f;commentsNum=g}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(a){var y=a.indexOf('?m=0');if(y!=-1){a=a.replace(/\?m=0/g,'')}for(var b=0;b<urls.length;b++){if(urls[b]==a){urls.splice(b,1);titles.splice(b,1);timeR.splice(b,1);thumb.splice(b,1);commentsNum.splice(b,1)}}var c=Math.floor((titles.length-1)*Math.random());var b=0;if(titles.length==0){dw+=rn}else{dw+=ry;dw+='<div class="clear"/></div><ul>';while(b<titles.length&&b<20&&b<maxresults){if(y!=-1){urls[c]=urls[c]+'?m=0'}if(commentYN=='yes'){comments[c]=' - '+commentsNum[c]}else{comments[c]=''};dw+='<div class="related-post"><div class="related-post-title">'+titles[c]+'</div><a href="'+urls[c]+'" rel="nofollow"><img border="0" class="post-thumbnail" alt="'+titles[c]+'" src="'+thumb[c]+'"/></a></div></div>';if(c<titles.length-1){c++}else{c=0}b++}dw+='</ul>'};urls.splice(0,urls.length);titles.splice(0,titles.length);document.getElementById('related-posts').innerHTML=dw};
//]]></script>
<b:loop values='data:post.labels' var='label'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&quot;' type='text/javascript'/>
</b:loop>
<script type='text/javascript'>var maxresults=5;removeRelatedDuplicates();printRelatedLabels(&#39;<data:post.url/>&#39;);</script>
</b:if>
</div>
<div class='clear'/>

7. Selesai
8. Simpan template blog anda kawan.

Catatan Yang harus anda perhatikan.

• maxresults=5 adalah jumlah artikel yang anda tapilkan pada Related Post. Silahkan anda tambahi atau kurangi sesuai keingan anda.
• 100px adalah ukuran gambar, baik tinggi maupun lebarnya. Silahkan anda ganti bila anda ingin memperkecil atau memperbesarnya.
• Tulisan Related Post silahkan anda ganti dengan sesuka anda, misalnya jadi Artikel Terkait, atau Mungkin Ini Anda suka" dan lain-lain sesuka anda.
• Bila gagal, coba ulangi lagi perlahan-lahan. Biasanya sih bisa.

Dah cuma segitu, tutorial mengenai Cara Membuat Related Post Dengan Gambar. Silahkan di coba yah. Semoga bermanfaat. Bila anda kendala silahkan bertanya di kolom komentar. Dan Salam Blogger.

Cara Membuat Related Post Dengan Scroll

BOS TUTORIAL - Cara Membuat Related Post Dengan Scroll. Masih kelanjutan dari Membuat Related Post Pada Blog. Apa itu related post atau artikel terkait silahkan baca disini.

Kali ini kita akan membicarakan tentang Cara Membuat Related Post Dengan Scroll. Kenapa menggunakan Scroll? Agar bisa menghemat tempat, dengan begitu akan terlihat ramping.

Seperti yang saya paparkan sebelumnya, bahwa Cara Membuat Related Post Dengan Scroll akan menampilkan Label / Kategori sejumlah yang kita inginkan. Dan akan dibagi berdasarkan Label / Katergori. Misalnya dalam postingan anda ada 3 atau lebi kategori, maka Cara Membuat Related Post Dengan Scroll akan menampilkan maksimal 3 kategori. Anda bisa merombaknya sesuai keinginan anda.

Contoh Cara Membuat Related Post Dengan Scroll - Sumber : Kumpulan Adsen Blogspot

Langsung saja yah, Inilah Cara Membuat Related Post Dengan Scroll
1. Seperti biasa, buka akun blogger kawan
2. Masuk ke Elemen Template, piluh Edit HTML
3. Carilah kode <div class='post-footer-line post-footer-line-1'> gunakan CTRL + F untuk mempermudah pencarian
4. Apabila anda menemukan 2 kode tersebut, anda pilih yang pertama.
5. Sudah ketemu belum nih, bila sudah Copy lah kode script dibawah ini.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<H2>Artikel Terkait:</H2>
<Div class='rbbox'>
<Div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<Div id='albri'/>
<Script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;albri&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</Script>
</Div>
<script type="text/javascript">RelPost();</script>
</Div>
</b:if>

6. Lalu tempatkan (paste) kode tersebut tepat di bawah kode <div class='post-footer-line post-footer-line-1'>.
7. Simpan template blog anda. Lalu lihat hasilnya.
8. Selesai.

Catatan :

• <h2>Artikel Terkait:</h2> bisa anda ganti sesuai keinginan anda ( misal : Related post, artikel yang berhubungan dll ) atau anda juga bisa menghapusnya.
• <div style="border: 1px solid #ccc; height: 200px; margin: 0; overflow: auto; padding: 10px;"> adalah tampilan kotak artikel terkait tsb. Margin : jarak antara kotak dengan main, Padding : jarak antara isi artikel terkait dengan kotak, border : batas, 1px tsb adalah tebal batasnya, solid adalah jenis batasnya dan #ccc adalah warna batasnya, Height : tinggi kotak artikel tekait ( kalau anda rubah kode 200px menjadi 0 maka kotak related post yang tampil akan menyesuaikan dengan jumlah artikel terkait. Sedangkan jika tetap 200px maka kotak tsb akan otomatis memberi tombol scrool apabila artikel terkait tsb sudah melebihi batas.
• maxNumberOfPostsPerLabel = 100; adalah jumlah posting atau artikel terkait yang ingin di tampilkan maxNumberOfLabels = 3; adalah jumlah label terkait yang ingin ditampilkan

Demikianlah postingan mengenai Cara Membuat Related Post Dengan Scroll. Sama seperti yang ada di Kumpulan Adsen Blogspot. Silahkan lihat contoh hasilnya disini.

Tambahan : Pilih salah satu yah Related Post yang anda suka. Jangan gunakan semuanya secara bersamaan, akan mempengaruhi loading blog.

Cara Membuat Related Post Pada Blog

BOS TUTORIAL - Cara Membuat Related Post Pada Blog. Artikel Terkait itu bahasa Indonesianya. Namun para blogger lebih familiar dengan sebutan RELATED POST. Blog ini menggunakan bahasa RELATED ARTICLE, kebenaran bawaan dari template yang diberikan oleh mas kolis secara cuma-cuma. Tujuan cuma satu membantu para Pembaca / Pengunjung / Visitor agar bisa lebih gampang mencari postingan /artikel kita yang menyerupai atau satu Kategori / Label dengannya (postingan).

Cara Membuat Related Post Pada Blog
Disamping membantu para pengunjung, membuat Related Post / Related Article / Artikel Terkait / Kamu Harus Menyukai Ini / You Must Like This (ntah apalagi istilahnya... hehehe) juga Mempercantik Blog, sehingga terlihat Elegan/Profesional.

Tutorial ini berlaku bagi kawan-kawan yang menggunakann Related Post di dalam blognya. Apalbila sudah ada, silahkan jangan digubris yah... abaikan saja (baca-baca boleh dong).

Ada beberapa Cara Membuat Related Post Pada Blog
1. Dengan membuat Related Post tanpa gambar
2. Dengan membuat Related Post dengan gambar (thumbail)

Saya jelasin dulu yah satu-satu biar lebih paham.
1. Membuat Related Post tanpa gambar
Membuat Related Post tanpa gambar pada blog biasanya dilakukan di bawah Postingan. Meskipun ada yang ditempatkan di sidebar, namun lebih sering kita temukan di bawah postingan.

Ada banyak cara para blogger membuat related post di dalam blog yang mereka kelola. Antara lain dengan menggunakan Scroll dan tanpa menggunakan Scroll. Semua tergantung selera masing-masing. Pada blog Bos Tutorial ini sementara menggunakan Related Post tanpa Scroll. Terlihat lebih simpel sih. Tanpa menggunakan Scroll biasanya paling banyak artikel terkaitnya 10 artikel (lebih banyak juga tidak apa-apa), dan hanya di kaitkan pada 1 label atau kategori. Apabila Label / Kategori yang anda buat didalam blog anda lebih dari 1 Label/Kategori biasanya yang di kaitkan hanya 1 label / kategori saja. Sedangkan yang menggunakan Scroll bisa lebih dari 1 kategori / label.

2. Membuat Related Post dengan gambar (thumbail)
Penjelasannya hampir sama saja dengan diatas, bedanya ya related post menggunakan Gambar. Kelemahannya adalah apabila dalam postingan kawan-kawan tidak menggunakan Gambar, maka gambarnya tidak muncul.

Membuat Related Post dengan gambar (thumbail) ada 2 cara juga, pertama dengan menyatukan script (kode) related post pada blog kita. Cara kedua adalah dengan memanfaatkan pihak ketiga. Yang paling populer adalah menbuat related post dengan Linkwithin. Linkwithin adalah salah satu penyedia script untuk memasang related post di dalam blog kita. Masih ada lagi situs-situs pihak ketiga yang menyediakan cara ini, tapi Linkwihtin lebih familiar di mata para blogger.

Menggunakan related post ini semua tergantung anda mau pilih yang mana. Yang penting anda paham apa fungsi dan kegunaan related post.

Kelanjutannya simak Cara Membuat Related Post Pada Blog : (Bos Tutorial akan posting satu-persatu, yang sabar yah)
1. Cara Membuat Related Post di bawah Postingan (KLIK DISINI)
2. Cara Membuat Related Post Dengan Scroll (KLIK DISINI)
3. Cara Membuat Related Post Dengan Gambar (KLIK DISINI)
4. Cara Membuat Related Post Dengan Linkwithin.(KLIK DISINI)

Cara Blog Jadi Terkenal : Promosi Blog Anda

BOS TUTORIAL - Cara Blog Jadi Terkenal : Promosi Blog Anda. Masih berhubungan dengan "Hal-Hal Yang Blogger Harus Perhatikan dalam Blog". Point penting adalah Promosi Blog.

Sebuah perusahaan, tidak akan pernah maju apabila hanya memproduksi produknya saja. Perusahaan tersebut haruslah memperkenalkan produk yang dia ciptakan kepada konsumen atau masyarakat. Perusahaan tersebut akan mengatakan bahwa produk yang dia ciptakan adalah produk bagus dan layak untuk dimiliki. Maka, produk tersebut pun akan dikenal banyak orang. Dan tidak sedikit orang ingin memilikinya. Awalnya adalah ketika perusahaan tersebut memperkenalkan produknya kepada konsumen.

Anda adalah pemilik blog. Blog yang anda kelola sama dengan perusahaan tersebut. Anda dan saya memberikan informasi baru di dalam blog kita. Ntah itu tutorial, film, tips-tips, berita, software atau apa sajalah. Kita juga harus memperkenalkan kepada calon pembaca blog kita.

Cara Blog Jadi Terkenal : Promosi Blog Anda
Banyak cara untuk memperkenalkan blog kita kepada calon pengunjung. Namun ada 2 yang paling utama.

1. Promosi Blog dengan cara mengeluarkan uang alias Berbayar
Pasanglah iklan di situs-situs komersial dan ramai pengunjung situs-situs tersebut. Misalnya pasang iklan di Facebook, pasang iklan di Google, atau situs-situs teman anda yang kira-kira pengunjungnya banyak. Sesuaikan budget yang anda punya. Ingat... ini anda harus mengeluarkan uang. Omong-omong nih, anda juga bisa pasang iklan di blog ini, tentunya anda bayar juga... hehehe (sekalian promosi nih...)

2. Promosi Blog dengan cara tanoa mengeluarkan uang alias Gratis
Tentunya ini adalah pilihan yang kita sukai bukan. Cara ini haruslah benar-benar kita manfaatkan. Facebook dan twitter serta Google Plus merupakan situs jejaring sosial yang sudah dikenal orang dan penggunaannya tidak berbayar. Manfaatkan situs-situs tersebut sebagai alat promosi blog anda. Buatlah Halaman atau Group khusus untuk anda di situs-situs tersebut. Tariklah mereka bergabung menjadi anggotanya. Jadikan mereka sebagai target pembaca anda. (mengenai pembuatan halaman di facebook nanti kita bahas selanjutnya). Atau bergabunglah di group-group yang sejenis (sesuai dengan deskripsi blog anda), bergabung dengan forum-forum portal berita online yang anda. Dan jangan lupa promosikan blog anda di situ. Maka anda akan mendapatkan pengunjung blog dan blog anda pun mulai dikenal. (silahkan bergabung di Halaman Facebook kami)

Cara kedua di atas tentunya sudah lazim anda temukan. Saya akan bagikan cara yang ekstrim :

1. Pakailah baju dengan bertuliskan nama blog anda. Bila perlu sebarkan dan bagikan baju itu kepada siapa pun (mirip kampanye partai).
2. Tempelkan pamflet atau brosur atau stiker di setiap sudut kota dimana anda tinggal.
3. Bila anda kuliah, coretin saja kamar mandi disana dengan tulisan Tolong Kunjungi Blog saya.
4. Setiap anda ketemu orang, bilang sama dia... tolong Kunjungi Blog Saya...
5. Sewa semua warnet yang ada di kota anda, dan onlinelah sesuka hatimu dengan tujuan hanya mengunjungi blog anda.

Ya sudah... mungkin segitu dulu yah tulisan mengenai Cara Blog Jadi Terkenal : Promosi Blog Anda. Semoga bisa bermanfaat yah. Salam sukses. [Bos Tutorial]

Kunjungi dan pasang iklan anda di: IKLAN BOS, Gratis dan Tanpa Daftar, Kentungannya Anda langsung dapat backlink Otomatis.

Agar Blog Selalu di Kunjungi : Selalu Uptodate

BOS TUTORIAL - Agar Blog Selalu di Kunjungi : Selalu Uptodate. Saya pernah memposting tentang "Hal-Hal Yang Blogger Harus Perhatikan dalam Blog", masih ingat bukan? Coba deh lihat lagi biar ingat. (klik disini bila lupa atau ingin baca lagi). Postingan kali ini berhubungan dengan itu. Karena salah satu poin penting di dalam postingan itu adalah Selalu Uptodate.

Jujur yah, saya minta kepada kawan-kawan karena baru bisa memberikan tips kepada kawan-kawan. Karena mengurus blog yang lainnya (seperti : Kumpulan Adsen Blogspot, Lapo Kita, Becak Siantar). Di samping itu, alamat email ini saya lupa, hehehe. Cuma intermiso saja ini kawan. Sekali lagi maaf yah.

Kembali kepada topik yah coy....
Pada dasarnya, orang atau sebut saja pengunjung blog, akan senang membaca bila melihat temannya membuat tulisan baru di dalam blog yang kita kelola. Apapun itu, tapi tanda " kutip " (yang bagus-bagus sesuai dengan deskripsi blog anda). Artinya ketika pengunjung sudah interes dengan blog anda kelola, maka dia akan haus dan haus untuk membaca informasi yang anda berikan. Nah... salah satunya adalah Selalu Uptodate.

Kita harus memposting sesuatu di dalam blog kita. Bagaimana orang akan berkunjung bila yang dikunjungi selalu yang itu-itu saja alias basi. So... postinglah selalu tulisan anda dan berikan info-info yang baru. Di satu sisi, rating blog pun akan semakin meningkat.

Singkat bukan. Tidak perlu ribet dan tidak perlu bertele-tele. Hanya satu Selalu Uptodate.

Caranya Agar Blog Selalu di Kunjungi : Selalu Uptodate. Salam sukses. [Bos Tutorial]