Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan

Cara Membuat Related Post Dengan Scroll

Cara membuat related post pati sudah banyak dibahas di blog yang lainnya. Tapi kali ini saya akan mencoba membagikannya kepada blogger yang masih belum tahu cara memasang related post fungsi scroll. Oke Langsung saja ikuti cara dibawah ini:

  • Login ke Dasbor >> Template
  • Untuk mengantisipasi terjadinya kesalahan Back Up dulu template blog anda
  • Edit Template
  • Lalu cari kode <data:post.body/>
  • Letakan Kode berikut tepat di bawah kode <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'><div style='margin-top: 10px;'><strong>Related Post:</strong> <div class='rbbox'> <div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'> <div id='ardi33'/> <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;ardi33&#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> </div> </b:if>


  • Jika sudah, yang perlu sobat lakukan adalah save template.
  • Untuk tulisan atau kode yang berwarna merah anda bisa menggantinya dengan Artikel Menarik Lainnya, atau apa saja terserah keinginan sobat

cara membuat kotak Script di Posting Blog


cara membuat kotak Script di Posting Blog:

  • Login Ke Blogger
  • Pilih Post >> Entri Baru 
  • Masukan Script yg ingin di buat Kotak Script
  • Di situ  ada 2 opsi, yaitu Compose dan HTML, Pilih yg HTML
  • Copy script berikut ini di atas script yg ingin di buatkan kotak script

<div style="border: 1px solid #000000; height: auto; overflow: auto; padding: 5px; width: auto;">
Kode/Script yg ingin di masukan
</div>

  • Simpan Dan Lihat Hasilnya

Cara Mudah Membuat Scroll Di Widget Blog

Cara Membuat Scroll Di Widget Blog  Jika Sobat punya widget di blog yg terlaru panjang, sobat bisa gunakan cara ini. Membuat Scroll Di Widget Blog juga bisa memper cantik blog, blog yg tadinya berantakan karena bayak widget-widget yg terlaru panjang bisa jadi bagus jika menggunakan cara ini.

Tapi widget ini khusus di gunakan untuk widget yg menggunakn HTML/Java Script.
langsung ajah gini caranya.



  • Login Ke Blogger >> Tata letak >> Widget Yg Ingin Di Buatkan Scroll >> Copy Code Di Bawah Ini


<div style="overflow:auto; width:100%px; height:200px; padding:10px; border:1px solid #eee;">
HTML/Java Script Widget Sobat </div>



  • Simpan Dan Lihat Perubahannya

Posting Lama ►
 

Copyright 2013 Teknicall: Tutorial Blog Design By Fauzy pras