Cara Membuat Related Post di Bawah Postingan

 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/AVvXsEhSczVvt3tKit441iYceXGwB4pJ8VIqvWhsF-T_MVDOpDr1OsVmwIhCc304NZOe29bosQYtlBXfc0ZPhoKrfHtAXTpZrKyRVT1urA3ivVIziaUv5a0BvrgGWf-j2cAnTKHkPLPGD49T6xE/") 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.
sumber : http://bos-tutorial.blogspot.com/
Sugeng Rawuh Wonten Blog Kawulo http://pramarda.blogspot.com/

Cara Menambah Related Pos Pada Blog

 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)

Sumber: http://bos-tutorial.blogspot.com/

Sugeng Rawuh Wonten Blog Kawulo http://pramarda.blogspot.com/

Cara Agar Pria Kurus Jadi Berotot

 1. Lebih sering latihan angkat beban
Untuk menumbuhkan otot, biasakan secara rutin satu minggu sekali latihan angkat beban. Namun, otot pada orang kurus memang lebih sulit muncul pada awalnya. Orang kurus membutuhkan 4 -6 kali latihan untuk membentuk otot. Anda bisa mendapatkan hasil lebih cepat jika mengangkat beban dua kali sehari. Namun, jika Anda melakukannya maka perlu waktu seharian untuk pemulihan.
Untuk pria berpostur kurus, latihan angkat beban bisa menggunakan satu sesi/periode yang umum untuk melatih dada dan punggung pada hari pertama. Hari kedua dilanjutkan angkat beban yang melatih bisep dan trisep, kemudian kaki dan bagian tengah badan pada hari ketiga. Lalu, beristirahatkan satu hari kemudian lanjutkan pelatihan sesuai urutan tersebut.

2. Lakukan program ini dengan partner
Kebanyakan orang bertubuh kurus tidak kuat mengangkat beban berat sehingga otot lama terbentuk. Oleh karena itu, mereka butuh pelatih pribadi atau teman berolahraga di gym yang akan membantu demi terbentuknya otot. Untuk berat beban, pilih yang lebih ringan dengan pengulangan lebih sering. Cara ini lebih efektif, daripada Anda memilih beban berat dan pengulangan lebih jarang. Keuntungan Anda melakukan program “penggemukan otot” ini bersama partner (pelatih atau teman) adalah Anda dapat saling mengoreksi, mengukur dan memacu semangat Anda agar tidak ketinggalan dari teman Anda.

3. Kombinasikan latihan
Saran kombinasi latihan ini tidak boleh disalahartikan. Maksudnya adalah, Anda tetap berlatih latihan yang sama setiap minggu selama tiga sampai lima minggu. Tetapi, Anda sebaiknya menggunakan berbagai jenis strategi selama Anda berniat menumbuhkan otot-otot Anda. Selain olahraga angkat beban, Anda dapat berolahraga tambahan yang lain, seperti lari/joging, push up, sit up, dll.

4. Makanlah protein hewani lebih banyak

Protein hewani adalah serat bagi otot yang kaya lemak, protein dan pembentuk hormon yang akan membantu menumbuhkan otot Anda lebih cepat. Anda juga harus mengonsumsi 500 – 1000 kalori ekstra setiap hari untuk meningkatkan metabolisme Anda. Volume makanan dan protein yang tinggi akan meningkatkan hormon testosteron. Selain daging sapi, rekomendasi makanan lainnya adalah telur dan makanan laut.
5. Konsumsi Asam Amino
Di kalangan binaraga dan penggemar latihan kekuatan otot, ada suplemen yang kerap dikonsumsi atau disebut “branched chain amino acids” (BCAAs). Suplemen ini berisi protein yang mudah diserap oleh otot saat lahihan. Suplemen ini murah, mudah didapatkan serta baik dikonsumsi tanpa menyebabkan efek samping pada perut baik sebelum, selama maupun sesudah latihan. Untuk membentuk otot, Anda bisa menngonsumsi suplemen ini 10 – 20 gram yang diminum sebelum latihan, kemudian diminum lagi setiap 60 – 90 menit selama latihan.
6. Makanlah lebih sering
Seringnya berlatih akan membakar karbohidrat dalam tubuh Anda. Oleh karena itu, usahakan untuk makansekitar 300 – 600 kalori yang mengandung karbohidrat dua sampai tiga jam sebelum latihan. Sumber karbohidrat bisa Anda temukan pada kentang, ubi jalar, outmeal, beras merah atau sumber lain yang sehat.
Jika Anda mengonsumsi makanan lain setelah selesai latihan, pastikan makan dalam jumlah kecil karena otot akan dengan cepat menyerap gula setelah Anda selesai berlatih. Khusus pria kurus, memang mereka harus banyak makan. Mereka wajib makan sebelum latihan serta sesudah berlatih sampai empat sampai lima makanan tambahan. Memang kelihatannya seperti banyak makan, tapi inilah yang diperlukan pria kurus untuk membentuk ototnya.

7. Suplemen tambahan
Anda memang mendapatkan asupan nutrisi, vitamin, dan mineral dari makanan yang Anda makan. Tetapi, Anda butuh suplemen tmabahan, agar tubuh tetap bugar sembari Anda berlatih membentuk otot. Konsumsi BCAAs mungkin sudah Anda lakukan, tapi ada suplemen lain yang efektif membantu pria kurus membentuk otot. Suplemen tersebut seperti Creatine, Carnitine, Citulline, dan Beta Alanine. Suplemen tidak dimaksudkan sebagai pengganti tenaga agar kuat atau lebih sering angkat beban. Tetapi, konsumsi suplemen dapat membantu meningkatkan target.

Sugeng Rawuh Wonten Blog Kawulo http://pramarda.blogspot.com/

 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/AVvXsEhSczVvt3tKit441iYceXGwB4pJ8VIqvWhsF-T_MVDOpDr1OsVmwIhCc304NZOe29bosQYtlBXfc0ZPhoKrfHtAXTpZrKyRVT1urA3ivVIziaUv5a0BvrgGWf-j2cAnTKHkPLPGD49T6xE/") 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.
Sugeng Rawuh Wonten Blog Kawulo http://pramarda.blogspot.com/

Cara Mudah Membuat Scroll Pada Label/Kategori Blog

Cara Mudah Membuat Scroll Pada Label/Kategori Blog | Share kali ini mengenai Cara Membuat Scroll Pada Label/Kategori Blog  yang gunanya untuk tampilan jadi menarik, ringkas dan kelihatan rapi pada widget sobat. Untuk template yang biasa scroll pada table tentunya tidak ada, kecuali template yang sudah dimodif sedemikian rupa. Tapi sobat jangan kwatir semua itu bisa sobat miliki sekarang dengan mudah. Sudah jelas bukan penjelasannnya? Nah ,,,, g pake lama langsung simak dibawah ini. Cekidot….

Berikut ini langkah-langkah Cara Membuat Scroll Pada Label/Kategori Blog :

1. Silahkan sobat masuk akun Blog sobat.
2. Pilih >> Menu >> "Template" >> "Edit Html" >> Lanjutkan >> Jangan lupa sobat Centang kotak kecil "Expand Template Widget".
3. Kemudian Cari kode ]]></b:skin> ,
4. Gunakan CTRL + F untuk mempercepat dan memudahkan pencarian.
5. Langkah yang selanjutnya silahkan sobat Copy atau salin semua Kode Html di bawah ini dan Paste tepat diatas atau sebelum Kode ]]></b:skin>

    #Label1 .widget-content{
    height:250px;
    width:auto;
    overflow:auto;
    }

5. Silahkan sobat klik >> "Save/Simpan Template". Agar tidak hilang.

Lakukan dengan seksama semoga Bermanfaat. Sugeng Rawuh wonten blog kawulo http://pramarda.blogspot.com/

Cara Membuat kategori label Kotak dengan Scroll pad Blog

Cara Membuat Artikel Terkait Dengan Fungsi Scroll Di Bawah Postingan Blog

1. Silahkan sobat langsung >> Masuk/Login ke >> Blogger.com
2. Pada Dasbor, pilih Menu >> Template >> Edit HTML
3. Cari kode ]]></b:skin> (Gunakan CTRL+F untuk mempermudah pencarian)
4. Setelah ketemu, masukkan kode berikut tepat diatas kode ]]></b:skin>

---

.rbbox{border:1px solid rgb(192,192,192);padding:5px;background-color:#f0f0f0;-moz-border-radius:5px;margin:5px}.rbbox:hover{background-color:rgb(255,255,255)}

---

5. Masih dalam Edit HTML, cari kode <data:post.body/> (Gunakan CTRL+F untuk mempercepat pencarian)
6. Masukkan semua kode berikut tepat dibawah kode <data:post.body/>

---

<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 = 10; 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>

---

Catatan: Apabila pada blog sobat menggunakan Readmore, kode <data:post.body/> ada lebih dari satu. Maka letakkan semua kode diatas dibawah kode <data:post.body/> paling terakhir.
7. Langkah terakhir klik >> Simpan dan lihat hasilnya pada setiap postingan blog akan terdapat artikel terkait dibawahnya.

Keterangan:

• Artikel Terkait: Adalah title, sobat bisa menggantinya dengan title Related Post, Related Article atau juga posting terkait.
• height:200px Adalah ukuran tinggi kotak scroll, silahkan sobat ganti nilainya sesuai dengan keinginan sobat.
• maxNumberOfPostsPerLabel = 10 Adalah jumlah daftar list artikel terkait berdasarkan label/kategori yang akan ditampilkan, silahkan sobat ganti nilainya sesuai dengan keinginan sobat.
• maxNumberOfLabels = 3 Adalah jumlah label/kategori yang list daftar artikel terkaitnya akan ditampilkan.