Cara Membuat Rekomendasi Anime Teks Berjalan Di Blog
Tutorial
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.
