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

Read More

Cara Mengetahui SWIFT CODE Pada Bank di Indonesia

Cara Mengetahui SWIFT CODE Pada Bank di Indonesia - Mungkin anda bertanya apa itu SWIFT CODE Pada Bank. Perlu diketahui, bahwa masing-masing bank yang ada saat ini memiliki "SWIFT CODE" baik itu BCA, Mandiri, BI dan Seluruh Bank di Indonesia.

Apa itu SWIFT CODE?

SWIFT CODE identik dengan terminologi “Bank Identifier Code” atau disingkat dengan BIC dalam wacana SWIFT. Salah satu peran SWIFT adalah menjadi “kantor pos global” bagi semua bank di dunia dalam mengirimkan dokumen transaksinya dari satu bank ke bank lain. Seperti layaknya kita mengirimkan surat melalui kantor pos, di sampul surat kita akan selalu memberikan identitas lengkap mengenai siapa penerima surat dan siapa pengirim surat tersebut.

Tiap "SWIFT CODE" pada bank berbeda-beda antar satu bank dengan yang lainnya. Kode-kode ini digunakan pada saat ada transfer uang antar bank, tentunya bagi yang sering melakukan pengiriman dan penerimaan uang pasti sudah akrab dengan SWIFT CODE ini tentunya sudah hafal.

Kesimpulannya bahaa Swift code adalah kode bank yang berguna untuk transaksi secara internasional. Jika anda ingin mengirim atau menerima uang dari luar negeri baik melalui transfer bank maupun kartu kredit maka anda memerlukan kode ini untuk memverfikasinya.

Anda mungkin bertanya kenapa Abah paparkan ini. Karena dalam dunia internet khusus bisnis online SWIFT CODE Pada Bank sangatlah penting. Jika anda ingin transfer uang ke Indonesia dari Luar negeri, pasti akan di tanyakan SWIFT CODE bank tujuan transfer anda. Berikut adalah SWIFT CODE Bank – bank yang ada di Indonesia :

SWIFT CODE Bank – bank yang ada di Indonesia

• ABN AMRO Bank: ABNAIDJA
• Hagabank: HAGAIDJA
• Bank Artha Graha: ARTGIDJA
• Bank Bumiputera Indonesia: BUMIIDJA
• Bank Bumi Arta Indonesia: BBAIIDJA
• Bank Buana Indonesia: BBIJIDJA
• Bank Danamon: BDINIDJA
• Bank Mandiri (not Bank Syariah Mandiri): BEIIIDJA
• Bangkok Bank: BKKBIDJA
• Bank Niaga: BNIAIDJA
• Bank Negara Indonesia (BNI): BNINIDJA
• Bank BNP Paribas Indonesia: BNPAIDJA
• Bank Resona Perdania: BPIAIDJA
• Bank Rakyat Indonesia (BRI): BRINIDJA
• Bank Bukopin: BBUKIDJA
• Bank Central Asia (BCA): CENAIDJA
• Deutsche Bank AG: DEUTIDJA
• Bank Mizuho Indonesia: MHCCIDJA
• Hongkong and Shanghai Banking (HSBC): HSBCIDJA
• Bank Internasional Indonesia (BII): IBBKIDJA
• Bank Indonesia: INDOIDJA
• Lippo Bank: LIPBIDJA
• Bank NISP: NISPIDJA
• Pan Indonesia Bank: PINBIDJA
• Bank Rabobank International Indonesia: RABOIDJA
• Bank UFJ Indonesia (formerly Bank Sanwa Indonesia): SAINIDJA
• Bank Swadesi: SWBAIDJA
• Bank Tabungan Negara (BTN): BTANIDJA
• Bank UOB Indonesia: UOBBIDJA
• Bank Permata: BBBAIDJA
• Bank Maybank Indocorp: MBBEIDJA
• Bank Chinatrust Indonesia: CTCBIDJA
• Woori Bank Indonesia: HVBKIDJA
• Bank Sumitomo Mitsui Indonesia: SUNIIDJA
• Bank Finconesia: FINBIDJA
• Bank OCBC Indonesia: OCBCIDJA
• Bank Kesawan: AWANIDJA
• Bank Commonwealth: BICNIDJA
• Bank Ekonomi Raharja: EKONIDJA
• Bank DBS Indonesia: DBSBIDJA
• Bank CIC International (formerly Bank Century Intervest Corp): CICTIDJA
• Bank Ekspor Indonesia: BEXIIDJA
• Bank Mega: MEGAIDJA
• Bank of China, Jakarta Branch: BKCHIDJA
• Bank Syariah Mandiri (not Bank Mandiri): BSMDIDJA

Kode Bank di Indonesia
Apabila ingin mengirim uang antar bank di Indonesia, biasa disebut Kliring maka diperlukan kode bank. Silakan anda pilih kode yang sesuai dengan Bank tempat anda menabung :
1. ABN AMRO Bank: 052
2. American Express Bank LTD: 030
3. Bank Of America: 033
4. Bank Of China Limited: 069
5. BPD Aceh: 116
6. BPD Bali: 129
7. BPD Bengkulu: 133
8. BPD Jambi: 115
9. BPD Jawa Barat dan Banten: 110
10. BPD Jawa Tengah: 113
11. BPD Jawa Timur: 114
12. BPD Kalimantan Barat: 123
13. BPD Kalimantan Selatan: 122
14. BPD Kalimantan Tengah: 125
15. BPD Kalimantan Timur: 124
16. BPD Lampung: 121
17. BPD Maluku: 131
18. BPD Nusa Tenggara Barat: 128
19. BPD Nusa Tenggara Timur: 130
20. BPD Papua: 132
21. BPD Riau: 119
22. BPD Sulawesi Selatan: 126
23. BPD Sulawesi Tengah: 134
24. BPD Sulawesi Tenggara: 135
25. BPD Sulawesi Utara: 127
26. BPD Sumatera Barat: 118
27. BPD Sumatera Selatan: 120
28. BPD Sumatera Utara: 117
29. BPD Yogyakarta: 112
30. Citibank: 031
31. Deutsche Bank AG: 067
32. JP. Morgan Chase Bank: 032
33. Anglomas Internasional Bank: 531
34. ANZ Panin Bank: 061
35. Bank Agroniaga, Tbk: 494
36. Bank Akita: 525
37. Bank Alfindo: 503
38. Bank Antardaerah: 088
39. Bank Arta Niaga Kencana: 020
40. Bank Artha Graha Internasional: 037
41. Bank Artos Indonesia: 542
42. Bank Bintang Manunggal: 484
43. Bank Bisnis Internasional: 459
44. Bank BNP Paribas Indonesia: 057
45. Bank Bukopin: 441
46. Bank Bumi Arta: 076
47. Bank Bumipetera Indonesia: 485
48. Bank Capital Indonesia: 054
49. Bank Central Asia: 014
50. Bank Century: 095
51. Bank China Trust Indonesia: 949
52. Bank CommonWealth: 950
53. Bank Credit Agricole Indosuez: 039
54. Bank Danamon Indonesia: 011
55. Bank DBS Indonesia: 046
56. Bank Dipo Internasional: 523
57. Bank DKI: 111
58. Bank Ekonomi Raharja: 087
59. Bank Eksekutif Internasional: 558
60. Bank Ekspor Indonesia: 003
61. Bank Fama Internasional: 562
62. Bank Finconesia: 945
63. Bank Ganesha: 161
64. Bank Haga: 089
65. Bank Hagakita: 159
66. Bank Harda Internasional: 567
67. Bank Harfa: 517
68. Bank Harmoni Internasional: 166
69. Bank Himpunan Saudara 1906, Tbk: 212
70. Bank IFI: 093
71. Bank INA Perdana: 513
72. Bank Index Selindo: 555
73. Bank Indomonex: 498
74. Bank Internasional Indonesia: 016
75. Bank Jasa Arta: 422
76. Bank Jasa Jakarta: 472
77. Bank Keppel Tatlee Buana: 053
78. Bank Kesawan: 167
79. Bank Kesejahteraan Ekonomi: 535
80. Bank Lippo: 026
81. Bank Mandiri: 008
82. Bank Maspion Indonesia: 157
83. Bank Mayapada Internasional: 097
84. Bank Maybank Indocorp: 947
85. Bank Mayora: 553
86. Bank Mega: 426
87. Bank Merincorp: 946
88. Bank Mestika Dharma: 151
89. Bank Metro Express: 152
90. Bank Mitraniaga: 491
91. Bank Mizuho Indonesia: 048
92. Bank Muamalat Indonesia: 147
93. Bank Multi Arta Sentosa: 548
94. Bank Multicor: 036
95. Bank Negara Indonesia: 009
96. Bank Niaga: 022
97. Bank NISP: 028
98. Bank Nusantara Parahyangan: 145
99. Bank OCBC Indonesia: 948
100. Bank Permata: 013
101. Bank Persyarikatan Indonesia: 521
102. Bank Purba Danarta: 547
103. Bank Rabobank Internasional Indonesia: 060
104. Bank Rakyat Indonesia: 002
105. Bank Resona Perdania: 047
106. Bank Royal Indonesia: 501
107. Bank Shinta Indonesia: 153
108. Bank Sinar Harapan Bali: 564
109. Bank Sri Partha: 466
110. Bank Sumitomo Mitsui Indonesia: 045
111. Bank Swadesi: 146
112. Bank Swaguna: 405
113. Bank Syariah Mandiri: 451
114. Bank Syariah Mega Indonesia: 506
115. Bank Tabungan Negara: 200
116. Bank Tabungan Pensiunan Nasional: 213
117. Bank UIB: 536
118. Bank UOB Buana: 023
119. Bank UOB Indonesia: 058
120. Bank Victoria International: 566
121. Bank Windu Kentjana: 162
122. Bank Woori Indonesia: 068
123. Bank Yudha Bhakti: 490
124. Bank Centratama Nasional: 559
125. Bank Halim Indonesia: 164
126. Bank ING Indonesia: 034
127. Korea Exchange Bank Danamon: 059
128. Bank Liman International: 526
129. Bank PAN Indonesia: 019
130. Bank Prima Master: 520
131. Bank Standard Chartered: 050
132. The Bangkok Bank Comp: 040
133. The Bank Of Tokyo Mitshubisi UFJ: 042
134. HSBC: 041

Catatan : Untuk kode cabangnya silahkan tanya ke Customer Service masing-masing bank. Ingat kode cabang adalah 4 digit. Jika CSnya memberikan 2 digit atau 3 digit maka tambahkan saja angka nol didepannya untuk menggenapkan menjadi 4 digit. Sebagai contoh, kode cabang bank anda adalah 59 maka tambahkan saja dua nol didepannya menjadi 0059.

Contohnya : Untuk BCA bisa dilihat di: http://www.klikbca.com/individual/silver/network.html

Nomor account BCA = 4560717xxx
Bank Code = 014
Branch Code = xxxxx
SWIFT CODE "BIC" = CENAIDJA
Bank Name = Bank Central Asia

Sumber Original Artikel : Abah Tips Blog

Read More

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]

Read More

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]

Read More

mniam mniam plus

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

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.

Read More

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/AVvXsEgfPQhjNBJ1Q4YJKqul3vAN8pUdQ6U4PiPNWqNP3f5h8hQ7r5kibHPDD3XbRWE1SyABw72p4OzNPDOzYXZIu7A3BwpqstBPqTP7uufk8TaI5D-Ut0Hv5vb_mIH6MPIEV612Cf3k0JGw2Ysj/'};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.

Read More

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.

Read More

Cara Membuat Related Post di Bawah Postingan

BOS TUTORIAL - Cara Membuat Related Post di Bawah Postingan. Melanjutkan tulisan saya mengenai Cara Membuat Related Post Pada Blog, maka postingan ini akan berisikan tentang Cara Membuat Related Post di Bawah Postingan.

Seperti inilah hasilnya (mirip)

Tidak perlu berlama-lama lagi, langsung saja simak di bawah ini. (Sekali lagi saya sebutkan, apabila template blog anda sudah menyajikan Related Post, abaikan saja ini). Sekedar berbagi saja untuk kawan-kawan.

Cara Membuat Related Post di Bawah Postingan
1. Bukalah akun blogger anda dengan tenang dan damai sejahtera.
2. Pilihlah Elemen Template. Lalu Pilit Edit HTML, jangan lupa centang Expand Template Widget <<<== cara edit html lawas.... lewati langkah ini / langsung lakukan langkah no 3 yah... (update)
3. Carilah kode </head> (Gunakan Ctrl+F untuk mempermudah pencarian), setelah anda menemukannya, letakkanlah kode javascript di bawah ini (Copy) persis di atas kode </head> tadi (Pastekan)

<style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRX90AaENRklquZkCKaeRAU6JFCHkbMb0DubIaEzpWc2xPeNYKR3PfQlOeiFH_npWmtUKq6crhP69nEHrhgmxKC0CqkAi4b7_ffKVqeaB3xBfG_bqS4UM5YYOzWvkRYye0P4woR64AZew/") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://yourjavascript.com/11631137121/related_post_pelajaran_blog.js' type='text/javascript'/>

4. Aplagi cara no 3 diatas sudah anda lakukan, selanjutnya cari lagi kode berikut : <data:post.body/>, Sudah ketemu belum kode itu, kalau sudah ketemu, letakkan lagi kode di bawah ini (copy) tepat di bawah kode <data:post.body/> (pastekan)

<br/><br/><b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

5. Setelah selesai, lalu simpan template blog anda.
6. Lihat hasilnya seperti apa.

Catatan :
Kode <data:post.body/> mungkin anda akan temukan banyak, pilih saja satu, tidak apa-apa kok anda coba-coba yang penting anda paham.

Ok, demikian tutorial mengenai Cara Membuat Related Post di Bawah Postingan kali ini. Selamat mencoba. Salam Sukses.

Read More