Tutorial Membuat 'Recent Post Style #1' Pada Blogger

Tutorial:

1. Login ke Dashboard blogger.

2. Klik butang " More Options " dan klik " Layout ".

3. Pada halaman Layout, klik " Add a Gadget " pada mana-mana bahagian yang anda nak untuk letakkan kod javascript tu nanti.

4. Cari HTML/Javascript dan klik butang tambah.

5.  Copy (CTRL+C) kod javascript dibawah:

<script style="text/javascript" src="https://faiztutorial91.github.io/javasscriptblogger/recentpost1.js"></script>
<script style="text/javascript">
var posts_no = 5;
var showpoststhumbs = false;
var readmorelink = true;
var showcommentslink = true;
var posts_date = true;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs"></script>
<noscript>Your browser does not support JavaScript!</noscript>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
<style type="text/css">
img.recent-post-thumb {padding: 2px; width:35px;height:35px;float:right;margin: -14px 0px 0px 5px; border: 1px solid #cea5ac; border-radius: 10%;}
.recent-posts-container {font-family: 'Oswald', sans-serif;  float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
ul.recent-posts-container li {padding:5px 0px;min-height:65px; list-style-type: none; margin: 0px 10px 5px 35px;}
ul.recent-posts-container {counter-reset: countposts;list-style-type: none;}
ul.recent-posts-container li:before {content: counter(countposts,decimal);counter-increment: countposts;z-index: 2;position:absolute; left: 5px; font-size: 16px;color: #4D4D4D;background: #F7F7F7;padding: 9px 14px; border: 1px solid #efefef;}
.recent-posts-container a { text-decoration:none; }
.recent-posts-container a:hover{color: #4DACE3;}
.post-date {color:#e0c0c6; font-size: 11px; }
.recent-post-title a {font-size: 13px; text-transform: uppercase; color: #5C4D4D;}
.recent-post-title { margin: 5px 0px; }
.recent-posts-details {border-top: 4px solid #AC707A; margin-top: 5px; padding-top: 5px;}
.recent-posts-details a{ color: #888;}
a.readmorelink {color: #4DACE3;}
</style>

6. Paste (CTRL+V) pada ruang 'Content'.

7. Seterusnya klik " Save " dan lihat la hasilnya

Tutorial Menggunakan 'LiveTV PVR IPTV Simple Client' Pada XBMC/KODI

Entri kali ni admin nak kongsi lagi tutorial berkenaan dengan apikasi XBMC/KODI iaitu "Tutorial Menggunakan 'LiveTV PVR IPTV Simple Client' Pada XBMC/KODI".

'Add-on LiveTV PVR IPTV Simple Client' membolehkan kita membuka senarai main (playlist) bagi 'IPTV LiveTV', 'Live Radio', dan 'EPG'. Bagi 'LiveTV' dan 'LiveRadio' mendukung format M3U, manakala EPG mendukung format XMLTV (XML).

Tutorial Menggunakan 'LiveTV PVR IPTV Simple Client' Pada XBMC/KODI

1. Buka aplikasi XBMC/KODI .

2. Pilih "SYSTEM".

 3. Pilih "Add-ons".

 4. Pilih "Disable Add-ons".

 5. Pilih "PVR IPTV Simple Client".

 6. Klik "Enable".

 7. Klik "Configure".

 8. Pada bahagian "General", tetapkan "Location" kepada "Remote Path (Internet address)".

 9. Klik "M3U Play List URL".

 10. Masukkan M3U Play List URL yang anda mahu. Dibawah admin kongsi url Playlist yang admin buat (jika anda ada url playlist yang lain, anda boleh gunakan link tersebut.):

http://pastebin.com/raw.php?i=d1jDg8jK

Klik "Done".

 11. Pada "Cache m3u at local storage", buang tanda (untick) dan klik "OK".

 12. Kembali ke 'Laman Utama (Home Screen)', pilih "SYSTEM".

13. Pilih "Live TV".

14. Pada bahagian "General",  tandakan(tick) pada "Enable" untuk aktifkan 'LiveTV'..

 15. Pada bahagian "Playback", buang tanda (untick) pada "Start playback minimised".

16. Siap. LiveTV sudah sedia digunakan.

:)