Mengubah Related Post Fungsi Scroll Dan Background

Berikut ini akan saya jelaskan bagaimana cara membuat dan mengubah bentuk related post atau artikel terkait yang sudah ada diblog anda kali ini saya akan mengubahnya menjadi scroll dan background,fungsi scroll sendiri hanya untuk memperkecil ruang yang dibutuhkan untuk sebuah link,karna related post atau artikel terkait dapat tampil karna adanya label,dan jika diblog anda menambahkan posting maka secara otomatis jumlah link yang ada di label tersebut akan meningkat begitu seterusnya,karna itulah mungkin anda memerlukan scroll untuk sebuah related post atau artikel terkait untuk blog anda,dan fungsi background adalah untuk mempercantik atau memperindah tampilan related post atau artikel terkait tersebut,sekaligus agar tampilan blog terlihat menarik dan keren...hehehe

Related post/artikel terkait dengan scroll dan background

ok langsung aj dh,soalnya mata udah gk kuat,dh ngantuk...ckckck

  • Seperti biasa anda login ke blogger dengan id anda jgn id saya hehehehe (mo jadi hacker kali)
  • Klik Tata Letak pilih Edit Html
  • Centang kotak kecil "Expand Template Widget"
  • Cari kode ]]></b:skin>  
  • Kemudian letakkan kode di bawah ini persis di atas ]]></b:skin> 

/* Related post RiszPanic
----------------------------------- */
.rbbox{border: 1px solid #D8D8D8;
padding: 5px;
background-color: #E0F8E0;
-moz-border-radius:5px;
margin:5px;}
.rbbox:hover{background-color: #EFFBEF;}

  • Setelah itu cari kode<p><data:post.body/></p>
  • Copy paste kode di bawah ini setelah kode <p><data:post.body/></p>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<H2>Related Post:</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 = 50;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>

  • Setelah itu lihat pada bagian atas dan rubahlah tulisan merah dengan kata yang anda inginkan
  • Klik Simpan template

Bagaimana apakah anda berhasil,saya harap juga begitu karna bila berhasil berarti tidak percuma saya membuat artikel seperti ini...hehehehe
Jangan lupa Komentarnya,terima kasih...

4 comments:


Unknown said...

wah ini dia artikel yg saya cari mas, sangat membantu kalau untuk merubah background color gimana yah mas??? :)

10 Tips Ampuh Mempercepat Loading Blog Anda!

Gee said...
This comment has been removed by the author.
Gee said...

makasih sob...
d'tunggu kunjungan'y http://moy4n.blogspot.com

Reza Ari said...

mantap sob

:a: :b: :c: :d: :e: :f: :g:
:h: :i: :j: :k: :l: :m: :n:
:10 :11 :12 :13 :14 :15 :16 :17
:18 :19 :20 :21 :22 :23 :24 :25
:26 :27 :28 :29 :30 :31 :32 :33
:34 :35 :36 :37 :38 :39

Post a Comment

Terima kasih bila anda sudah memberikan komentar,karna komentar anda sangat berguna bagi saya.Tapi jika Spam saya mohon maaf karna akan saya hapus...
Terima kasih