Ini adalah postingan pertama saya. Dan postingan pertama saya ini akan membahas tentang cara membuat rekomendasi anime text berjalan.
Gampang banget buatnya, kalau kamu benar-benar memperhatikan setiap intruksi dari saya. Ok, tanpa basa basi kita langsung aja.
![]() |
| Ahuk~ |
- Pertama
Kamu masuk dulu ke blog kamu terus masuk ke Template dan klik Edit HTML.
- Kedua
Cari kode: ]]></b:skin> [Tekan CTR:+F dan masukan kode nya lalu enter untuk mempercepat pencarian]
- Ketiga
Jika sudah ketemu kode diatas kamu masukan kode di bawah ini tepat di atas kode ]]></:b:skin> tadi.
(klik 3x untuk mempercepat copy)
/*======== Recommended Anime ===========*/ #reko { position: relative; height: auto; overflow: hidden; } #rekomen { height: 15px; background: #F1F1F1; margin-bottom: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333; padding: 5px; font-size: 11px; } #rekomen h2 { background: #000000; font-family: Helvetica, Arial, sans-serif; font-weight: bold; float: left; font-size: 11px; padding: 6px; line-height: 13px; color: #FFF; margin-top: -5px; margin-left: -5px; margin-right: 10px; } #rekomen a { color: #333; } #rekomen a:hover { text-decoration: underline; } #announ { height: 15px; background: #FFF; border: 1px solid #EEE; margin: 0 auto; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333; padding: 5px; font-size: 11px; width: 980px; } #announ .textwidget { margin: 0; } #announ h2 { background: #23B95D; font-family: Helvetica, Arial, sans-serif; font-weight: bold; float: left; font-size: 11px; padding: 6px; line-height: 13px; color: #FFF; margin-top: -5px; margin-left: -5px; margin-right: 10px; } #announ a { color: #333; } #announ a:hover { text-decoration: underline; } .post-body img { max-width:100%; height:auto; } .post-body img, .post-body .tr-caption-container, .Profile img, .Image img, .BlogList .item-thumbnail img { padding: 0 !important; border: none !important; background: none !important; -moz-box-shadow: 0px 0px 0px transparent !important; -webkit-box-shadow: 0px 0px 0px transparent !important; box-shadow: 0px 0px 0px transparent !important; .nav_apb { padding: 10px 0px; text-align: center; } .nav_apb a { display: inline-block; margin: 0px 1px; padding: 5px; background: none repeat scroll 0% 0% #003A59; font-weight: bold; } .grp_apb { margin: 0px 0px 15px; } .grp_apb { border-bottom: 2px solid #323232; color: #CFCFC6; font-size: 14px; font-weight: bold; padding: 0px 0px 5px; margin: 0px 0px 5px; } ul.col2 { width: 100% !important; } ul.col2 li { line-height: 19px; background: url("http://animeindo.tv/wp-content/themes/au-anime/img/bul-crc.png") no-repeat scroll 0px 8px transparent; padding: 0px 0px 0px 10px; float:left; width:300px; } ul.col2 li:a { color:#658E8B }
- Keempat
Sekarang tinggal masukan HTML nya.
Copy kode di bawah ini dan letakan di bawah <div class='main-wrapper'> atau <div id="content-wrapper">
[Terserah kamu mau di letakan dimana, jika boleh saya kasih saran, mending kamu letakan kode tersebut di bawah main-wrapper tadi. Kalau content-wrapper itu diatas header.]
<div class='reko-anime'>
<div id='rekomen'>
<h2>Recommended</h2>
<marquee onmouseout='this.start()' onmouseover='this.stop()'>
<script type='text/javascript'>
//<![CDATA[[
function related_results_labels(e){for(var l=0;l<e.feed.entry.length;l++){var t=e.feed.entry[l];relatedTitles[relatedTitlesNum]=t.title.$t;for(var r=0;r<t.link.length;r++)if("alternate"==t.link[r].rel){relatedUrls[relatedTitlesNum]=t.link[r].href,relatedTitlesNum++;break}}}function removeRelatedDuplicates(){for(var e=new Array(0),l=new Array(0),t=0;t<relatedUrls.length;t++)contains(e,relatedUrls[t])||(e.length+=1,e[e.length-1]=relatedUrls[t],l.length+=1,l[l.length-1]=relatedTitles[t]);relatedTitles=l,relatedUrls=e}function contains(e,l){for(var t=0;t<e.length;t++)if(e[t]==l)return!0;return!1}function printRelatedLabels(){for(var e=0;e<relatedUrls.length;e++)relatedUrls[e]==currentposturl&&(relatedUrls.splice(e,1),relatedTitles.splice(e,1));var l=Math.floor((relatedTitles.length-1)*Math.random()),e=0;for(relatedTitles.length>1&&document.write('<div id="hits">');e<relatedTitles.length&&20>e&&maxresults>e;)document.write(' <a class="rcli" href="'+relatedUrls[l]+'">'+relatedTitles[l]+"</a> |"),l<relatedTitles.length-1?l++:l=0,e++;document.write('</div>')}var relatedTitles=new Array,relatedTitlesNum=0,relatedUrls=new Array;
//]]>
</script>
<script src='/feeds/posts/default/-/label%20kamu?alt=json-in-script&callback=related_results_labels&max-results=10' type='text/javascript'/>
<script type='text/javascript'>
var currentposturl="";
var maxresults=10;
removeRelatedDuplicates(); printRelatedLabels();
</script>
</marquee>
</div>
<div class='clear'/>
</div>
KETERANGAN:
- Ganti label%20kamu dengan label kamu yang mau di rekomendasikan. [Jika label kamu ada spasi nya ganti spasi dengan kode %20 kode %20 adalah pengganti spasi]
- Kalau kamu ingin lebih dari 10 anime yang ingin diacak di kolom rekomendasi nya, silahkan ganti terserah kamu mau berapa.
- Kelima
Save atau simpan template dan beres.
Itu dia cara membuat rekomendasi anime acak text berjalan. Sampai di sini dulu ya.

No comments:
Post a Comment