Jadwal Lengkap Liga Inggris 2018-2019 - Live RCTI & MNCTV

Jadwal Lengkap Liga Inggris 2018-2019 - Live RCTI & MNCTV

Jadwal Lengkap Pertandingan Liga Inggris 2018-2019. Siaran Langsung RCTI & MNCTV

Liga Inggris (English Premier League) musim 2018-2019. Siaran langsungnya di TV masih di RCTI & MNCTV sebagai pemegang hak siar, selain TV berbayar dan Streaming. Setiap pekan, ada dua hingga tiga pertandingan yang disiarkan langsung RCTI & MNCTV.

Jadwal Liga Inggris Pekan 6 

Sabtu 22 September 2018

18:30 WIB Fullham vs Watford
21:00 WIB Burnley vs Borunemouth
21:00 WIB Cardiff vs Man City
21:00 WIB Crystal P vs Newcastle
21:00 WIB Leicester vs Huddersfield
21:00 WIB Liverpool Southampton
21:00 WIB Manchester United vs Wolverhampton| (Live MNC TV)
23:30 WIB Brighton & Hove Albion vs Tottenham Hotspur (Live RCTI)

Minggu, 23 September 2018

19:30 WIB  West Ham vs Chelsea
22:00 WIB Arsenal vs Everton (Live MNC TV).

Jadwal Lengkap Liga Inggris Musim 2018-2019

Berikut ini Jadwal lengkap Liga Inggris 2018-2019 sebagaimana dirilis laman resmi Premier League.

Saturday, 11 August 2018

Arsenal v Manchester City (Man City)
AFC Bournemouth v Cardiff City
Fulham v Crystal Palace
Huddersfield Town v Chelsea
Liverpool v West Ham
Manchester United v Leicester City
Newcastle United v Tottenham Hotspur (Spurs)
Southampton v Burnley
Watford v Brighton
Wolves v Everton

Saturday, 18 August 2018

Brighton v Manchester United (Man Utd)
Burnley v Watford
Cardiff City v Newcastle United
Chelsea v Arsenal
Crystal Palace v Liverpool
Everton v Southampton
Leicester City v Wolves
Manchester City v Huddersfield Town
Tottenham Hotspur v Fulham
West Ham United v AFC Bournemouth

Saturday, 25 August 2018

Arsenal v West Ham
AFC Bournemouth v Everton
Fulham v Burnley
Huddersfield Town v Cardiff City
Liverpool v BrightonMan Utd v Spurs
Newcastle United v Chelsea
Southampton v Leicester City
Watford v Crystal Palace
Wolves v Man City

Saturday, 1 September 2018

Brighton v Fulham
Burnley v Man Utd
Cardiff City v Arsenal
Chelsea v AFC Bournemouth
Crystal Palace v Southampton
Everton v Huddersfield Town
Leicester City v Liverpool
Man City v Newcastle United
Watford v Spurs
West Ham v Wolves

Saturday, 15 September 2018

AFC Bournemouth v Leicester City
Chelsea v Cardiff City
Everton v West Ham
Huddersfield Town v Crystal Palace
Man City v Fulham
Newcastle United v Arsenal
Southampton v Brighton
Spurs v Liverpool
Watford v Man Utd
Wolves v Burnley

Saturday, 22 September 2018

Arsenal v Everton
Brighton v Spurs
Burnley v AFC Bournemouth
Cardiff City v Man City
Crystal Palace v Newcastle United
Fulham v Watford
Leicester City v Huddersfield Town
Liverpool v Southampton
Man Utd v Wolves
West Ham v Chelsea

Saturday, 29 September 2018

Arsenal v Watford
AFC Bournemouth v Crystal Palace
Cardiff City v Burnley
Chelsea v Liverpool
Everton v Fulham
Huddersfield Town v Spurs
Man City v Brighton
Newcastle United v Leicester City
West Ham v Man Utd
Wolves v Southampton

Saturday, 6 October 2018

Brighton v West Ham
Burnley v Huddersfield Town
Crystal Palace v Wolves
Fulham v Arsenal
Leicester City v Everton
Liverpool v Man City
Man Utd v Newcastle United
Southampton v Chelsea
Spurs v Cardiff City
Watford v AFC Bournemouth

Saturday, 20 October 2018

Arsenal v Leicester City
AFC Bournemouth v Southampton
Cardiff City v Fulham
Chelsea v Man Utd
Everton v Crystal Palace
Huddersfield Town v Liverpool
Man City v Burnley
Newcastle United v Brighton
West Ham v Spurs
Wolves v Watford

Saturday, 27 October 2018

Brighton v Wolves
Burnley v Chelsea
Crystal Palace v Arsenal
Fulham v AFC Bournemouth
Leicester City v West Ham
Liverpool v Cardiff City
Man Utd v Everton
Southampton v Newcastle United
Spurs v Man City
Watford v Huddersfield Town

Saturday, 3 November 2018

Arsenal v Liverpool
AFC Bournemouth v Man Utd
Cardiff City v Leicester City
Chelsea v Crystal Palace
Everton v Brighton
Huddersfield Town v Fulham
Man City v Southampton
Newcastle United v Watford
West Ham v Burnley
Wolves v Spurs

Saturday, 10 November 2018

Arsenal v Wolves
Cardiff City v Brighton
Chelsea v Everton
Crystal Palace v Spurs
Huddersfield Town v West Ham
Leicester City v Burnley
Liverpool v Fulham
Man City v Man Utd
Newcastle United v AFC Bournemouth
Southampton v Watford

Saturday, 24 November 2018

AFC Bournemouth v Arsenal
Brighton v Leicester City
Burnley v Newcastle United
Everton v Cardiff City
Fulham v Southampton
Man Utd v Crystal Palace
Spurs v Chelsea
Watford v Liverpool
West Ham v Man City
Wolves v Huddersfield Town

Saturday, 1 December 2018

Arsenal v Spurs
Cardiff City v Wolves
Chelsea v Fulham
Crystal Palace v Burnley
Huddersfield Town v Brighton
Leicester City v Watford
Liverpool v Everton
Man City v AFC Bournemouth
Newcastle United v West Ham
Southampton v Man Utd

Tuesday, 4 December 2018

19:45 WIB AFC Bournemouth v Huddersfield Town
19:45 WIB Brighton v Crystal Palace
19:45 WIB Burnley v Liverpool
19:45 WIB Fulham v Leicester City
19:45 WIB Watford v Man City
19:45 WIB West Ham v Cardiff City
19:45 WIB Wolves v Chelsea
20:00 WIB Man Utd v Arsenal

Wednesday, 5 December 2018

19:45 WIB Everton v Newcastle United
20:00 WIB Spurs v Southampton

Saturday, 8 December 2018

Arsenal v Huddersfield Town
AFC Bournemouth v Liverpool
Burnley v Brighton
Cardiff City v Southampton
Chelsea v Man City
Everton v Watford
Leicester City v Spurs
Man Utd v Fulham
Newcastle United v Wolves
West Ham v Crystal Palace

Saturday, 15 December 2018

Brighton v Chelsea
Crystal Palace v Leicester City
Fulham v West Ham
Huddersfield Town v Newcastle United
Liverpool v Man Utd
Man City v Everton
Southampton v Arsenal
Spurs v Burnley
Watford v Cardiff City
Wolves v AFC Bournemouth

Saturday, 22 December 2018

Arsenal v Burnley
AFC Bournemouth v Brighton
Cardiff City v Man Utd
Chelsea v Leicester City
Everton v Spurs
Huddersfield Town v Southampton
Man City v Crystal Palace
Newcastle United v Fulham
West Ham v Watford
Wolves v Liverpool

Saturday, 26 December 2018 

BOXING DAY

Brighton v Arsenal
Burnley v Everton
Crystal Palace v Cardiff City
Fulham v Wolves
Leicester City v Man City
Liverpool v Newcastle United
Man Utd v Huddersfield Town
Southampton v West Ham
Spurs v AFC Bournemouth
Watford v Chelsea

Saturday, 29 December 2018

Brighton v Everton
Burnley v West Ham
Crystal Palace v Chelsea
Fulham v Huddersfield Town
Leicester City v Cardiff City
Liverpool v Arsenal
Man Utd v AFC Bournemouth
Southampton v Man City
Spurs v Wolves
Watford v Newcastle United
Jadwal Lengkap Liga Inggris 2018-2019

Tuesday, 1 January 2019

Arsenal v Fulham
AFC Bournemouth v Watford
Cardiff City v Spurs
Chelsea v Southampton
Everton v Leicester City
Huddersfield Town v Burnley
Man City v Liverpool
Newcastle United v Man Utd
West Ham v Brighton
Wolves v Crystal Palace

Saturday, 12 January 2019

Brighton v Liverpool
Burnley v Fulham
Cardiff City v Huddersfield Town
Chelsea v Newcastle United
Crystal Palace v Watford
Everton v AFC Bournemouth
Leicester City v Southampton
Man City v Wolves
Spurs v Man Utd
West Ham v Arsenal

Saturday, 19 January 2019

Arsenal v Chelsea
AFC Bournemouth v West Ham
Fulham v Spurs
Huddersfield Town v Man City
Liverpool v Crystal Palace
Man Utd v Brighton
Newcastle United v Cardiff City
Southampton v Everton
Watford v Burnley
Wolves v Leicester City

Tuesday, 29 January 2019

19:45 WIB Arsenal v Cardiff City
19:45 WIB AFC Bournemouth v Chelsea
19:45 WIB Fulham v Brighton
19:45 WIB Huddersfield Town v Everton
19:45 WIB Wolves v West Ham United
20:00 WIB Man Utd v Burnley

Wednesday, 30 January 2019

19:45 WIB Newcastle United v Man City
19:45 WIB Southampton v Crystal Palace
20:00 WIB Liverpool v Leicester City
20:00 WIB Spurs v Watford

Saturday, 2 February 2019

Brighton v Watford
Burnley v Southampton
Cardiff City v AFC Bournemouth
Chelsea v Huddersfield Town
Crystal Palace v Fulham
Everton v Wolves
Leicester City v Man Utd
Man City v Arsenal
Spurs v Newcastle United
West Ham v Liverpool

Saturday, 9 February 2019

Brighton v Burnley
Crystal Palace v West Ham
Fulham v Man Utd
Huddersfield Town v Arsenal
Liverpool v AFC Bournemouth
Man City v Chelsea
Southampton v Cardiff City
Spurs v Leicester City
Watford v Everton
Wolves v Newcastle United

Saturday, 23 February 2019

Arsenal v Southampton
AFC Bournemouth v Wolves
Burnley v Spurs
Cardiff City v Watford
Chelsea v Brighton
Everton v Man City
Leicester City v Crystal Palace
Man Utd v Liverpool
Newcastle United v Huddersfield Town
West Ham v Fulham

Tuesday, 26 February 2019

19:45 WIB Arsenal v AFC Bournemouth
19:45 WIB Cardiff City v Everton
19:45 WIB Huddersfield Town v Wolves
19:45 WIB Leicester City v Brighton
20:00 WIB Crystal Palace v Manchester United

Wednesday, 27 February 2019

19:45 WIB Chelsea v Spurs
19:45 WIB Newcastle United v Burnley
19:45 WIB Southampton v Fulham
20:00 WIB Liverpool v Watford
20:00 WIB Man City v West Ham

Saturday, 2 March 2019

AFC Bournemouth v Man City
Brighton v Huddersfield Town
Burnley v Crystal Palace
Everton v Liverpool
Fulham v Chelsea
Man Utd v Southampton
Spurs v Arsenal
Watford v Leicester City
West Ham v Newcastle United
Wolves v Cardiff City

Saturday, 9 March 2019

Arsenal v Man Utd
Cardiff City v West Ham
Chelsea v Wolves
Crystal Palace v Brighton
Huddersfield Town v AFC Bournemouth
Leicester City v Fulham
Liverpool v Burnley
Man City v Watford
Newcastle United v Everton
Southampton v Spurs

Saturday, 16 March 2019

AFC Bournemouth v Newcastle United
Brighton v Cardiff City
Burnley v Leicester City
Everton v Chelsea
Fulham v Liverpool
Man Utd v Man City
Spurs v Crystal Palace
Watford v Southampton
West Ham v Huddersfield Town
Wolves v Arsenal

Saturday, 30 March 2019

Arsenal v Newcastle United
Brighton v Southampton
Burnley v Wolves
Cardiff City v Chelsea
Crystal Palace v Huddersfield Town
Fulham v Man City
Leicester City v AFC Bournemouth
Liverpool v Spurs
Man Utd v Watford
West Ham v Everton

Saturday, 6 April 2019

AFC Bournemouth v Burnley
Chelsea v West Ham
Everton v Arsenal
Huddersfield Town v Leicester City
Man City v Cardiff City
Newcastle United v Crystal Palace
Southampton v Liverpool
Spurs v Brighton
Watford v Fulham
Wolves v Man Utd

Saturday, 13 April 2019

Brighton v AFC Bournemouth
Burnley v Cardiff City
Crystal Palace v Man City
Fulham v Everton
Leicester City v Newcastle United
Liverpool v Chelsea
Man Utd v West Ham
Southampton v Wolves
Spurs v Huddersfield Town
Watford v Arsenal

Saturday, 20 April 2019

Arsenal v Crystal Palace
AFC Bournemouth v Fulham
Cardiff City v Liverpool
Chelsea v Burnley
Everton v Man Utd
Huddersfield Town v Watford
Man City v Spurs
Newcastle United v Southampton
West Ham v Leicester City
Wolves v Brighton

Saturday, 27 April 2019

Brighton v Newcastle United
Burnley v Man City
Crystal Palace v Everton
Fulham v Cardiff City
Leicester City v Arsenal
Liverpool v Huddersfield Town
Man Utd v Chelsea
Southampton v AFC Bournemouth
Spurs v West Ham
Watford v Wolves

Saturday, 4 May 2019

Arsenal v Brighton
AFC Bournemouth v Spurs
Cardiff City v Crystal Palace
Chelsea v Watford
Everton v Burnley
Huddersfield Town v Man Utd
Man City v Leicester City
Newcastle United v Liverpool
West Ham v Southampton
Wolves v Fulham

Sunday, 12 May 2019

Brighton v Man City
Burnley v Arsenal
Crystal Palace v AFC Bournemouth
Fulham v Newcastle United
Leicester City v Chelsea
Liverpool v Wolves
Man Utd v Cardiff City
Southampton v Huddersfield Town
Spurs v Everton
Watford v West Ham

Download: 2018/19 Premier League digital calendar
See: Club-by-club fixtures

Jadwal Lengkap Pertandingan Liga Inggris Musim 2017-2018.

LIGA Primer Inggris (English Premier League/EPL) musim 2016-2017 yang berakhir Mei 2017, melahirkan Chelsea sebagai juara.

Liga Inggris musim 2017-2018 segera bergulir. Menurut Jadwal Liga Inggris yang dirilis laman resmi Premier League, EPL musim ini akan dimulai Sabtu 12 Agustus 2017 Pkl 21.00 WIB.

Di Matchday 1 atau Matcweek 1, juara bertahan Chelsea menghadapi Burnley. Manchester United menjamu West Ham United. Arsenal menjamu Leicester City

Liverpool dan Manchester City akan mengawali Liga Inggris 2017/2018 dengan laga tandang. Manchester City bermain di kandang tim promosi, Brighton. Liverpool dijamu Watford.

Berikut ini Jadwal Pertandingan Liga Inggris 2017-18 Pekan Pertama

Introducing the 2017/18 Matchweek 1 #PLfixtures

Full fixture list ➡️ https://t.co/f5hz3LgZUX pic.twitter.com/XwrlvZfVg2

— Premier League (@premierleague) June 14, 2017

Jadwal Lengkap Liga Inggris Musim 2017-2018

Berikut ini Jadwal Lengkap Liga Inggris Musim 2017-2018 sebagaimana dirilis situs resmi Liga Primer Inggris. CB simpan sekaligus share di blog ini agar tidak terlewatkan.

Dalam Jadwal Liga Inggris terbaru ini, hampis semua laga berlangsung hari Sabtu Pkl 21.00 WIB. Siaran langsungnya masih ditayangkan MNC Media (RCTI & MNCTV).

Saturday, 12 August, 2017

Arsenal v Leicester City
Brighton v Manchester City
Chelsea v Burnley
Crystal Palace v Huddersfield Town
Everton v Stoke City
Manchester United v West Ham United
Newcastle United v Tottenham Hotspur
Southampton v Swansea City
Watford v Liverpool
West Bromwich Albion v AFC Bournemouth

Saturday, 19 August, 2017

AFC Bournemouth v Watford
Burnley v West Bromwich Albion
Huddersfield Town v Newcastle United
Leicester City v Brighton
Liverpool v Crystal Palace
Manchester City v Everton
Stoke City v Arsenal
Swansea City v Manchester United
Tottenham Hotspur v Chelsea
West Ham United v Southampton

Saturday, 26 August, 2017

AFC Bournemouth v Manchester City
Chelsea v Everton
Crystal Palace v Swansea City
Huddersfield Town v Southampton
Liverpool v Arsenal
Manchester United v Leicester City
Newcastle United v West Ham United
Tottenham Hotspur v Burnley
Watford v Brighton
West Bromwich Albion v Stoke City

Saturday, 9 September, 2017

Arsenal v AFC Bournemouth
Brighton v West Bromwich Albion
Burnley v Crystal Palace
Everton v Tottenham Hotspur
Leicester City v Chelsea
Manchester City v Liverpool
Southampton v Watford
Stoke City v Manchester United
Swansea City v Newcastle United
West Ham United v Huddersfield Town 

Saturday, 16 September, 2017

AFC Bournemouth v Brighton
Chelsea v Arsenal
Crystal Palace v Southampton
Huddersfield Town v Leicester City
Liverpool v Burnley
Manchester United v Everton
Newcastle United v Stoke City
Tottenham Hotspur v Swansea City
Watford v Manchester City
West Bromwich Albion v West Ham United

Saturday, 23 September, 2017

Arsenal v West Bromwich Albion
Brighton v Newcastle United
Burnley v Huddersfield Town
Everton v AFC Bournemouth
Leicester City v Liverpool
Manchester City v Crystal Palace
Southampton v Manchester United
Stoke City v Chelsea
Swansea City v Watford
West Ham United v Tottenham Hotspur

Saturday, 30 September, 2017

AFC Bournemouth v Leicester City
Arsenal v Brighton
Chelsea v Manchester City
Everton v Burnley
Huddersfield Town v Tottenham Hotspur
Manchester United v Crystal Palace
Newcastle United v Liverpool
Stoke City v Southampton
West Bromwich Albion v Watford
West Ham United v Swansea City

Saturday, 14 October, 2017

Brighton v Everton
Burnley v West Ham United
Crystal Palace v Chelsea
Leicester City v West Bromwich Albion
Liverpool v Manchester United
Manchester City v Stoke City
Southampton v Newcastle United
Swansea City v Huddersfield Town
Tottenham Hotspur v AFC Bournemouth
Watford v Arsenal

Saturday, 21 October, 2017

Chelsea v Watford
Everton v Arsenal
Huddersfield Town v Manchester United
Manchester City v Burnley
Newcastle United v Crystal Palace
Southampton v West Bromwich Albion
Stoke City v AFC Bournemouth
Swansea City v Leicester City
Tottenham Hotspur v Liverpool
West Ham United v Brighton

Saturday, 28 October , 2017

AFC Bournemouth v Chelsea
Arsenal v Swansea City
Brighton v Southampton
Burnley v Newcastle United
Crystal Palace v West Ham United
Leicester City v Everton
Liverpool v Huddersfield Town
Manchester United v Tottenham Hotspur
Watford v Stoke City
West Bromwich Albion v Manchester City

Saturday, 4 November, 2017

Chelsea v Manchester United
Everton v Watford
Huddersfield Town v West Bromwich Albion
Manchester City v Arsenal
Newcastle United v AFC Bournemouth
Southampton v Burnley
Stoke City v Leicester City
Swansea City v Brighton
Tottenham Hotspur v Crystal Palace
West Ham United v Liverpool

Saturday, 18 November, 2017

AFC Bournemouth v Huddersfield Town
Arsenal v Tottenham Hotspur
Brighton v Stoke City
Burnley v Swansea City
Crystal Palace v Everton
Leicester City v Manchester City
Liverpool v Southampton
Manchester United v Newcastle United
Watford v West Ham United
West Bromwich Albion v Chelsea

Saturday, 25 November, 2017

Burnley v Arsenal
Crystal Palace v Stoke City
Huddersfield Town v Manchester City
Liverpool v Chelsea
Manchester United v Brighton
Newcastle United v Watford
Southampton v Everton
Swansea City v AFC Bournemouth
Tottenham Hotspur v West Bromwich Albion
West Ham United v Leicester City

Tuesday, 28 November, 2017

AFC Bournemouth v Burnley
Arsenal v Huddersfield Town
Brighton v Crystal Palace
Leicester City v Tottenham Hotspur
Watford v Manchester United
West Bromwich Albion v Newcastle United (8pm)

Wednesday, 29 November, 2017

Chelsea v Swansea City
Everton v West Ham United
Manchester City v Southampton (8pm)
Stoke City v Liverpool (8pm)

Jadwal Liga Inggris Akhir Tahun 2017

Saturday, 2 December, 2017

AFC Bournemouth v Southampton
Arsenal v Manchester United
Brighton v Liverpool
Chelsea v Newcastle United
Everton v Huddersfield Town
Leicester City v Burnley
Manchester City v West Ham United
Stoke City v Swansea City
Watford v Tottenham Hotspur
West Bromwich Albion v Crystal Palace

Saturday, 9 December, 2017

Burnley v Watford
Crystal Palace v AFC Bournemouth
Huddersfield Town v Brighton
Liverpool v Everton
Manchester United v Manchester City
Newcastle United v Leicester City
Southampton v Arsenal
Swansea City v West Bromwich Albion
Tottenham Hotspur v Stoke City
West Ham United v Chelsea

Tuesday, 12 December, 2017

Burnley v Stoke City
Crystal Palace v Watford (8pm)
Huddersfield Town v Chelsea
Manchester United v AFC Bournemouth (8pm)
Swansea City v Manchester City
West Ham United v Arsenal

Wednesday, 13 December, 2017

Liverpool v West Bromwich Albion (8pm)
Newcastle United v Everton
Southampton v Leicester City
Tottenham Hotspur v Brighton (8pm)

Saturday, 16 December, 2017

AFC Bournemouth v Liverpool
Arsenal v Newcastle United
Brighton v Burnley
Chelsea v Southampton
Everton v Swansea City
Leicester City v Crystal Palace
Manchester City v Tottenham Hotspur
Stoke City v West Ham United
Watford v Huddersfield Town
West Bromwich Albion v Manchester United

Saturday, 23 December, 2017

Arsenal v Liverpool
Brighton v Watford
Burnley v Tottenham Hotspur
Everton v Chelsea
Leicester City v Manchester United
Manchester City v AFC. Bournemouth
Southampton v Huddersfield Town
Stoke City v West Bromwich Albion
Swansea City v Crystal Palace
West Ham United v Newcastle United

Jadwal Boxing Day Liga Inggris 2017

Tuesday, 26 December, 2017

AFC Bournemouth v West Ham United
Chelsea v Brighton
Crystal Palace v Arsenal
Huddersfield Town v Stoke City
Liverpool v Swansea City
Manchester United v Burnley
Newcastle United v Manchester City
Tottenham Hotspur v Southampton
Watford v Leicester City
West Bromwich Albion v Everton

Saturday, 30 December, 2017

AFC Bournemouth v Everton
Chelsea v Stoke City
Crystal Palace v Manchester City
Huddersfield Town v Burnley
Liverpool v Leicester City
Manchester United v Southampton
Newcastle United v Brighton
Tottenham Hotspur v West Ham United
Watford v Swansea City
West Bromwich Albion v Arsenal

Jadwal Lengkap Liga Inggris 2018

Monday, 1 January, 2018

Arsenal v Chelsea
Brighton v AFC Bournemouth
Burnley v Liverpool
Everton v Manchester United
Leicester City v Huddersfield Town
Manchester City v Watford
Southampton v Crystal Palace
Stoke City v Newcastle United
Swansea City v Tottenham Hotspur
West Ham United v West Bromwich Albion

Saturday, 13 January, 2018

AFC Bournemouth v Arsenal
Chelsea v Leicester City
Crystal Palace v Burnley
Huddersfield Town v West Ham United
Liverpool v Manchester City
Manchester United v Stoke City
Newcastle United v Swansea City
Tottenham Hotspur v Everton
Watford v Southampton
West Bromwich Albion v Brighton

Saturday, 20 January, 2018

Arsenal v Crystal Palace
Brighton v Chelsea
Burnley v Manchester United
Everton v West Bromwich Albion
Leicester City v Watford
Manchester City v Newcastle United
Southampton v Tottenham Hotspur
Stoke City v Huddersfield Town
Swansea City v Liverpool
West Ham United v AFC Bournemouth

Tuesday, 30 January, 2018

Huddersfield Town v Liverpool
Swansea City v Arsenal
West Ham United v Crystal Palace

Wednesday, 31 January, 2018

Chelsea v AFC Bournemouth
Everton v Leicester City
Manchester City v West Bromwich Albion (8pm)
Newcastle United v Burnley
Southampton v Brighton
Stoke City v Watford (8pm)
Tottenham Hotspur v Manchester United (8pm)

Saturday, 3 February, 2018

AFC Bournemouth v Stoke City
Arsenal v Everton
Brighton v West Ham United
Burnley v Manchester City
Crystal Palace v Newcastle United
Leicester City v Swansea City
Liverpool v Tottenham Hotspur
Manchester United v Huddersfield Town
Watford v Chelsea
West Bromwich Albion v Southampton

Saturday, 10 February, 2018

Chelsea v West Bromwich Albion
Everton v Crystal Palace
Huddersfield Town v AFC Bournemouth
Manchester City v Leicester City
Newcastle United v Manchester United
Southampton v Liverpool
Stoke City v Brighton
Swansea City v Burnley
Tottenham Hotspur v Arsenal
West Ham United v Watford

Saturday, 24 February, 2018

AFC Bournemouth v Newcastle United
Arsenal v Manchester City
Brighton v Swansea City
Burnley v Southampton
Crystal Palace v Tottenham Hotspur
Leicester City v Stoke City
Liverpool v West Ham United
Manchester United v Chelsea
Watford v Everton
West Bromwich Albion v Huddersfield Town

Saturday, 3 March, 2018

Brighton v Arsenal
Burnley v Everton
Crystal Palace v Manchester United
Leicester City v AFC Bournemouth
Liverpool v Newcastle United
Manchester City v Chelsea
Southampton v Stoke City
Swansea City v West Ham United
Tottenham Hotspur v Huddersfield Town
Watford v West Bromwich Albion

Saturday, 10 March, 2018

AFC Bournemouth v Tottenham Hotspur
Arsenal v Watford
Chelsea v Crystal Palace
Everton v Brighton
Huddersfield Town v Swansea City
Manchester United v Liverpool
Newcastle United v Southampton
Stoke City v Manchester City
West Bromwich Albion v Leicester City
West Ham United v Burnley

Saturday, 17 March, 2018

AFC Bournemouth v West Bromwich Albion
Burnley v Chelsea
Huddersfield Town v Crystal Palace
Leicester City v Arsenal
Liverpool v Watford
Manchester City v Brighton
Stoke City v Everton
Swansea City v Southampton
Tottenham Hotspur v Newcastle United
West Ham United v Manchester United

Saturday, 31 March, 2018

Arsenal v Stoke City
Brighton v Leicester City
Chelsea v Tottenham Hotspur
Crystal Palace v Liverpool
Everton v Manchester City
Manchester United v Swansea City
Newcastle United v Huddersfield Town
Southampton v West Ham United
Watford v AFC Bournemouth
West Bromwich Albion v Burnley

Saturday, 7 April, 2018

AFC Bournemouth v Crystal Palace
Arsenal v Southampton
Brighton v Huddersfield Town
Chelsea v West Ham United
Everton v Liverpool
Leicester City v Newcastle United
Manchester City v Manchester United
Stoke City v Tottenham Hotspur
Watford v Burnley
West Bromwich Albion v Swansea City

Saturday, 14 April, 2018

Burnley v Leicester City
Crystal Palace v Brighton
Huddersfield Town v Watford
Liverpool v AFC Bournemouth
Manchester United v West Bromwich Albion
Newcastle United v Arsenal
Southampton v Chelsea
Swansea City v Everton
Tottenham Hotspur v Manchester City
West Ham United v Stoke City

Saturday, 21 April, 2018

AFC Bournemouth v Manchester United
Arsenal v West Ham United
Brighton v Tottenham Hotspur
Chelsea v Huddersfield Town
Everton v Newcastle United
Leicester City v Southampton
Manchester City v Swansea City
Stoke City v Burnley
Watford v Crystal Palace
West Bromwich Albion v Liverpool

Saturday, 28 April, 2018

Burnley v Brighton
Crystal Palace v Leicester City
Huddersfield Town v Everton
Liverpool v Stoke City
Manchester United v Arsenal
Newcastle United v West Bromwich Albion
Southampton v AFC Bournemouth
Swansea City v Chelsea
Tottenham Hotspur v Watford
West Ham United v Manchester City

Saturday, 5 May, 2018

AFC Bournemouth v Swansea City
Arsenal v Burnley
Brighton v Manchester United
Chelsea v Liverpool
Everton v Southampton
Leicester City v West Ham United
Manchester City v Huddersfield Town
Stoke City v Crystal Palace
Watford v Newcastle United
West Bromwich Albion v Tottenham Hotspur

Sunday, 13 May, 2018

Burnley v AFC Bournemouth
Crystal Palace v West Bromwich Albion
Huddersfield Town v Arsenal
Liverpool v Brighton
Manchester United v Watford
Newcastle United v Chelsea
Southampton v Manchester City
Swansea City v Stoke City
Tottenham Hotspur v Leicester City
West Ham United v Everton

Demikian Jadwal Lengkap Liga Inggris Musim 2017-2018, mulai 12 Agustus 2017 hingga 13 Mei 2018. Glory Man United!

Sumber: premierleague.com/bolagpsport.com

September 22, 2018

Pengertian SEO dan Fungsinya bagi Blog

Pengertian SEO dan Fungsinya bagi Blog

SEO adalah singkatan dari Search Engine Optimization atau Pengoptimalan Mesin Pencari/Mesin Telusur.

Menurut Danny Sullivan, istilah Search Engine Optimization pertama kali digunakan p26 Juli 1997 oleh sebuah pesan spam yang diposting di Usenet. Pada masa itu, algoritma mesin pencari belum terlalu kompleks sehingga mudah dimanipulasi.

Versi awal algoritma pencarian didasarkan sepenuhnya pada informasi yang disediakan oleh webmaster melalui meta tag pada kode html situs web mereka.

Meta tag menyediakan informasi tentang konten yang terkandung pada suatu halaman web dengan serangkaian kata kunci (keywords).

Melalui SEO, kita dapat meningkatkan ranking situs blog di Mesin Pencari.

Menurut Panduan SEO Google,  SEO adalah proses untuk membuat situs atau bog menjadi lebih baik bagi mesin telusur atau mesin pencari.

Mesin pencari adalah situs-situs pencarian informasi di internet yang biasa digunakan pengguna internet (user) dan sudah terpasang di komputernya, seperti Google, Bing, dan Yahoo.

Melalui situs berupa mesin pencari itulah umumnya pembaca datang berkunjung dan membaca blog kita. Google dkk itu melacak keberadaan situs blog dengan kata kunci (keyword) tertentu. 

Misalnya, Anda mengetikkan kata kunci CB Blogger di Google, maka hasilnya bisa anda lihat pada gambar di bawah ini.

Dari gambar di atas, yang dicari adalah CB Blogger, namun yang muncul nomor satu dan seterusnya adalah blog www.contohblog.com. Kok? Iya, karena CB Blogger tidak lain adalah ADMIN blog tersebut.

Makanya, blog ini, CB Blogger, dibuat untuk "bersaing" dengan "blog induk" itu.

Kembali ke pengertian SEO. Di atas adalah "definisi SEO". Pengertian praktisnya, SEO adalah usaha atau proses agar blog kita mudah dan cepat diindeks oleh mesin pencari.

Fungsi SEO bagi Blog

Fungsi SEO adalah itu tadi.... agar blog kita mudah dan cepat diindeks oleh mesin pencari. Pembaca mayoritas membuka sebuah situs web atau blog melalui mesin pencari.

Anda mencari "cara membuat blog" 'kan di Google juga toh? Lalu banyak sekali blog yang menyajikan cara ngeblog tersebut 'kan?

Dasar-Dasar SEO Blog

SEO yang paling mendasar ada dua, menurut Google dalam Panduan MemulaiPengoptimalan Mesin Telusur;

1. Submit URL - Mendaftarkan blog ke mesin pencari.
2. Submit Sitemap - Mendaftarkan peta situs atu isi blog ke mesin pencari.

Menurut Creating Website Makolis, dasar-dasar SEO adalah sebagai berikut:

1. Pemasangan Keyword di Judul Blog

Sebelum membuat blog, pastikan Anda sudah memikirkan keyword atau kata kunci sehingga Anda lebih leluasa untuk menguasai keyword di Search Engine. 

Usahakan untuk memilih keyword yang paling sedikit kompetitor dan selain itu banyak menarik pengunjung, Anda bisa memikirkan sendiri.

Jika sudah ketemu dengan keyword Anda, pasangkan di Judul, semisal blog Anda mempunyai keyword kecantikan, maka Anda bisa memakai judul 'Tips Kecantikan Wanita' atau yang lain.

2. Pemasangan Keyword di Meta Tag

Jika Anda sudah selesai membuat Blog, pastikan Anda memasang Meta Tag seperti Meta Description dan Meta Keyword.

Untuk Meta Keyword, sisipkan kode berikut di bawah kode <head> pada template Anda :   

<meta content='keyword1, keyword2, keyword3, dll' name='keywords'/> 

Dan untuk Meta Description, sisipkan kode berikut di bawah Meta Keyword tadi :

 <meta content='Deskripsi Blog Tentang Keyword disini' name='description'/>

3. Memasang Keyword Pada Posting

Pemasangan beberapa keyword pada posting juga sangat diperlukan. Dengan hal ini, membantu Google untuk mengindeks halaman posting Anda. Dan jangan lupa untuk memasang keyword pada awal posting, di antara 1-250 kata pertama dalam posting harus ada keywordnya

4. Menggunakan Text Highlights: Model Italic, Blod, dan Underline

Gunakan model italic, bold dan underline setiap ada kata yang dianggap penting, biasanya keyword

Gunakan Template SEO Friendly

Biasanya Anda melupakan hal ini, Anda justru memilih template yang banyak mengandung pesan error di dalamnya. Nah, dengan demikian hati-hati dalam memilih template untuk Blog Anda jika ingin terus dimanjakan oleh Google.

5. Gunakan Template Fast Loading: Ringan

Jika ingin ramah di Search Engine dan menghasilkan visitor yang banyak dari Search Engine, usahakan ukuran template blog Anda tidak lebih dari 100 Kb. 

Jika blog Anda berat, pasti visitor tidak akan betah di blog Anda dan ingin cepat-cepat keluar dari Blog Anda.

Pilih Template Blog SEO & Fast Loading di Galeri Template.

Demikian ulasan ringkas mengenai Pengertian SEO dan Fungsinya bagi Blog. Good Luck & Happy Blogging! (www.contohblog.com).*

September 16, 2018

Cara Membuat Tabel di Posting Blogger

Cara Membuat Tabel di Posting Blogger

Cara Membuat Tabel di Posting Blogger.

TABEL kadang diperlukan dalam posting blog. Namun, cara menyisipkan atau membuat tabel dalam postingan blog cukup rumit, terutama bagi pemula.

Intinya, semua template blogger bisa dipasangi tabel. Kode template blogger dipastikan semuanya ada kode tabel seperti table, tr, th, td untuk mengatur tampilan tabel dalam postingan.

Berikut ini contoh tabel dalam postingan beserta cara memasangnya, seperti dishare Blog Know How.

CB ambil contoh tabel yang paling bagus ini. Ini kodenya:

<style type="text/css">.nobrtable br { display: none } tr {text-align: left;} tr.alt td {background-color: #eeeecc; color: black;} tr {text-align: center;} caption {caption-side:bottom;}</style>
<div class="nobrtable">
<table border="2" bordercolor="#0033FF" style="background-color:#99FFFF; border-collapse:collapse;" width="100%" cellpadding="10" cellspacing="0">
<tr style="background-color:#0033FF; color:#ffffff; padding-top:5px; padding-bottom:4px;text-align: left;">
<th>Table Header</th>
<th>Table Header</th>
<th>Table Header</th>
</tr>
<tr class="alt">
<td>Table Cell</td>
<td>Table Cell</td>
<td>Table Cell</td>
</tr>
<tr>
<td>Table Cell</td>
<td>Table Cell</td>
<td>Table Cell</td>
</tr>
<tr class="alt">
<td>Table Cell</td>
<td>Table Cell</td>
<td>Table Cell</td>
</tr>
</table>

Ini hasilnya:

Table Header	Table Header	Table Header
Table Cell	Table Cell	Table Cell
Table Cell	Table Cell	Table Cell
Table Cell	Table Cell	Table Cell

Cara Membuat Tabel di Posting Blogger

1. Saat membuat posting, klik mode HTML
2. Copas kode di atas dan ubah isinya (Table Header, Tabel Cell)
3. Publish.

Contoh Tabel Klasemen Liga Inggris

Posisi	Nama Tim	Poin
1	Chelsea	15
2	Liverpool	15
3	Manchester City	13

Contoh Tabel Lainnya

Judul Table 1	Judul Table 2	Judul Table 3
Isi Table 1 Kolom2	Isi Table 2 Kolom2	Isi Table 3 Kolom2
Isi Table 1 Kolom3	Isi Table 2 Kolom3	Isi Table 3 Kolom3

Demikian Cara Membuat Tabel di Posting Blogger. Good Luck! (www.contohblog.com).*

September 16, 2018

Daftar Situs Web Sahabat Blogger untuk Perbaikan SEO dan Desain

Daftar Situs Web Sahabat Blogger untuk Perbaikan SEO dan Desain

Daftar Situs Web Sahabat Blogger untuk Perbaikan SEO dan Desain.

BAGI sebagian blogger, ngeblog (blogging) bukan sekadar membuat konten, membuat postingaan, atau menulis artikel, tapi juga utak-atik atau edit tampilan blog (desain template).

Selain desain, banyak blogger juga terus berjuang melakukan Pengoptimalan Mesin Telusur atau SEO (Search Engine Optimization).

Kadang, bahkan sering, waktu juga tenaga dan pikiran terkuras ngurusi SEO dan Desain, sehingga update postingan terabaikan.

Di kalangan klien Layanan Premium CB bahkan ada blogger yang perfectionist. Ada titik saja atau ada elemen yang miring dikit aja langsung ingin diperbaiki. Untungnya, sang blogger itu tidak pelit. Biarin deh rewel, tapi berani bayar :)

Daftar Situs Web Sahabat Blogger untuk Perbaikan SEO dan Desain.

Berikut ini daftar situs web yang menjadi sahabat blogger untuk memperbai SEO dan Desain blognya. Kita mulai dari fasilitas yang disediakan Google/Blogger.

1. Google Webmaster Tools

Halaman ini wajib digunakan agar blog mudah dan cepat terindeks Google. Google Search Console ini adalah layanan gratis yang ditawarkan oleh Google untuk membantu Anda memantau dan mempertahankan keberadaan situs di hasil Google Penelusuran.

Anda tidak perlu mendaftar untuk Search Console agar situs Anda disertakan di hasil penelusuran Google. Namun, mendaftar di Search Console dapat membantu Anda memahami cara Google melihat situs dan mengoptimalkan performanya dalam hasil penelusuran.

Baca: Cara Submit Sitemap Blog

2. Mobile-Friendly Test.

Website untuk Pengujian Situs Mobile-Friendly. Halaman milik Google ini untuk melakukan pengecekan blog apakah sudah ramah seluler (mobile-friendly) atau belum.

Kata Google, blog atau website saat ini semakin sering diakses melalui perangkat seluler atau HP. Merancang situs web agar mobile-friendlyakan membuat halaman berfungsi dengan baik di semua perangkat yang digunakan pengguna atau pengunjung blog.

Pastikan blog Anda sudah mobile-friendly. Baca: Cara Pasang Template Blog yang Benar.

Selain laman milik Google di atas, kita juga bisa gunakan laman Troy Labs Daum untuk melihat tampilan blog di berbagai ukuran layar Smartphone, termasuk Tablet.

3. Structured Data Testing Tool

Laman khusus yang disediakan Google untuk mengecek structured data markup dan rich snippet, termasuk microformats dan schema.org marked up di microdata. 

Baca: Cara Pasang Schema Org Structured Data di Blog.

4. Page Speed Insight

Laman khusus Google untuk mengecek kecepatan loading blog atau website. Sulit mencapai skor sempurna 100%. Skor speed 60-70 sudah bagus. Usahakan skor jangan sampai di bawah 60.

Selain PageSpeed Insights, para blogger juga biasa menggunakan GT Metrix untuk mengecek kecepatan loading blog dan melihat saran perbaikannya.

5. Image Optimizer

Halaman ini berguna untuk mengedit gambar/foto sehingga menghasilkan ukuran gambar yang ringan namun jelas (tidak blur).

Baca: Cara Upload Gambar yang Benar untuk Posting Blog.

6. Minify CSS Online

Salah satu cara agar loading blog menjadi ringan dan cepat adalah dengan mengkompres kode CSS dalam template. Kita bisa gunakan laman ini untuk mengecilkan ukuran file CSS sekaligus merapikannya.

7. SEO Centro

Laman ini untuk mengecek meta tags blog kita, apakah sudah memenuhi standar atau tidak. Minimal, template blog harus berisi Meta Title & Meta Description.

Nah, itu dia 7 Situs Web Sahabat Blogger untuk Perbaikan SEO dan Desain. Tujuh saja sudah berasa banyak. Apalagi kalau lebih. Jadi blogger sukses, memang butuk perjuangan, ketekunan, dan kesabaran.

Good Luck & Happy Blogging! (www.contohblog.com).*

September 10, 2018

Cara Memasang Featured Post Image Slider untuk Blogger

Cara Memasang Featured Post Image Slider untuk Blogger

Cara Memasang Featured Post Image Slider untuk Blogger

Membuat Featured Post Image Slider untuk Blogger. Posting unggulan ditampilkan di halaman depan dengan desain khusus yang menarik dan keren. Berikut ini SS-nya:

KODE JAVASCRIPT
Simpan di bawah ]]></b:skin>

<script type='text/javascript'>
//<![CDATA[
jQuery.easing['jswing']=jQuery.easing['swing'];jQuery.extend(jQuery.easing,{def:'easeOutQuad',swing:function(x,t,b,c,d){return jQuery.easing[jQuery.easing.def](x,t,b,c,d);},easeInQuad:function(x,t,b,c,d){return c*(t/=d)*t+ b;},easeOutQuad:function(x,t,b,c,d){return-c*(t/=d)*(t-2)+ b;},easeInOutQuad:function(x,t,b,c,d){if((t/=d/2)<1)return c/2*t*t+ b;return-c/2*((--t)*(t-2)- 1)+ b;},easeInCubic:function(x,t,b,c,d){return c*(t/=d)*t*t+ b;},easeOutCubic:function(x,t,b,c,d){return c*((t=t/d-1)*t*t+ 1)+ b;},easeInOutCubic:function(x,t,b,c,d){if((t/=d/2)<1)return c/2*t*t*t+ b;return c/2*((t-=2)*t*t+ 2)+ b;},easeInQuart:function(x,t,b,c,d){return c*(t/=d)*t*t*t+ b;},easeOutQuart:function(x,t,b,c,d){return-c*((t=t/d-1)*t*t*t- 1)+ b;},easeInOutQuart:function(x,t,b,c,d){if((t/=d/2)<1)return c/2*t*t*t*t+ b;return-c/2*((t-=2)*t*t*t- 2)+ b;},easeInQuint:function(x,t,b,c,d){return c*(t/=d)*t*t*t*t+ b;},easeOutQuint:function(x,t,b,c,d){return c*((t=t/d-1)*t*t*t*t+ 1)+ b;},easeInOutQuint:function(x,t,b,c,d){if((t/=d/2)<1)return c/2*t*t*t*t*t+ b;return c/2*((t-=2)*t*t*t*t+ 2)+ b;},easeInSine:function(x,t,b,c,d){return-c*Math.cos(t/d*(Math.PI/2))+ c+ b;},easeOutSine:function(x,t,b,c,d){return c*Math.sin(t/d*(Math.PI/2))+ b;},easeInOutSine:function(x,t,b,c,d){return-c/2*(Math.cos(Math.PI*t/d)- 1)+ b;},easeInExpo:function(x,t,b,c,d){return(t==0)?b:c*Math.pow(2,10*(t/d- 1))+ b;},easeOutExpo:function(x,t,b,c,d){return(t==d)?b+c:c*(-Math.pow(2,-10*t/d)+ 1)+ b;},easeInOutExpo:function(x,t,b,c,d){if(t==0)return b;if(t==d)return b+c;if((t/=d/2)<1)return c/2*Math.pow(2,10*(t- 1))+ b;return c/2*(-Math.pow(2,-10*--t)+ 2)+ b;},easeInCirc:function(x,t,b,c,d){return-c*(Math.sqrt(1-(t/=d)*t)- 1)+ b;},easeOutCirc:function(x,t,b,c,d){return c*Math.sqrt(1-(t=t/d-1)*t)+ b;},easeInOutCirc:function(x,t,b,c,d){if((t/=d/2)<1)return-c/2*(Math.sqrt(1- t*t)- 1)+ b;return c/2*(Math.sqrt(1-(t-=2)*t)+ 1)+ b;},easeInElastic:function(x,t,b,c,d){var s=1.70158;var p=0;var a=c;if(t==0)return b;if((t/=d)==1)return b+c;if(!p)p=d*.3;if(a<Math.abs(c)){a=c;var s=p/4;}
else var s=p/(2*Math.PI)*Math.asin(c/a);return-(a*Math.pow(2,10*(t-=1))*Math.sin((t*d-s)*(2*Math.PI)/p))+ b;},easeOutElastic:function(x,t,b,c,d){var s=1.70158;var p=0;var a=c;if(t==0)return b;if((t/=d)==1)return b+c;if(!p)p=d*.3;if(a<Math.abs(c)){a=c;var s=p/4;}
else var s=p/(2*Math.PI)*Math.asin(c/a);return a*Math.pow(2,-10*t)*Math.sin((t*d-s)*(2*Math.PI)/p)+ c+ b;},easeInOutElastic:function(x,t,b,c,d){var s=1.70158;var p=0;var a=c;if(t==0)return b;if((t/=d/2)==2)return b+c;if(!p)p=d*(.3*1.5);if(a<Math.abs(c)){a=c;var s=p/4;}
else var s=p/(2*Math.PI)*Math.asin(c/a);if(t<1)return-.5*(a*Math.pow(2,10*(t-=1))*Math.sin((t*d-s)*(2*Math.PI)/p))+ b;return a*Math.pow(2,-10*(t-=1))*Math.sin((t*d-s)*(2*Math.PI)/p)*.5+ c+ b;},easeInBack:function(x,t,b,c,d,s){if(s==undefined)s=1.70158;return c*(t/=d)*t*((s+1)*t- s)+ b;},easeOutBack:function(x,t,b,c,d,s){if(s==undefined)s=1.70158;return c*((t=t/d-1)*t*((s+1)*t+ s)+ 1)+ b;},easeInOutBack:function(x,t,b,c,d,s){if(s==undefined)s=1.70158;if((t/=d/2)<1)return c/2*(t*t*(((s*=(1.525))+1)*t- s))+ b;return c/2*((t-=2)*t*(((s*=(1.525))+1)*t+ s)+ 2)+ b;},easeInBounce:function(x,t,b,c,d){return c- jQuery.easing.easeOutBounce(x,d-t,0,c,d)+ b;},easeOutBounce:function(x,t,b,c,d){if((t/=d)<(1/2.75)){return c*(7.5625*t*t)+ b;}else if(t<(2/2.75)){return c*(7.5625*(t-=(1.5/2.75))*t+.75)+ b;}else if(t<(2.5/2.75)){return c*(7.5625*(t-=(2.25/2.75))*t+.9375)+ b;}else{return c*(7.5625*(t-=(2.625/2.75))*t+.984375)+ b;}},easeInOutBounce:function(x,t,b,c,d){if(t<d/2)return jQuery.easing.easeInBounce(x,t*2,0,c,d)*.5+ b;return jQuery.easing.easeOutBounce(x,t*2-d,0,c,d)*.5+ c*.5+ b;}});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
(function($) {
var types = ['DOMMouseScroll', 'mousewheel'];
$.event.special.mousewheel = {
setup: function() {
if ( this.addEventListener )
for ( var i=types.length; i; )
this.addEventListener( types[--i], handler, false );
else
this.onmousewheel = handler;
},
teardown: function() {
if ( this.removeEventListener )
for ( var i=types.length; i; )
this.removeEventListener( types[--i], handler, false );
else
this.onmousewheel = null;
}
};
$.fn.extend({
mousewheel: function(fn) {
return fn ? this.bind("mousewheel", fn) : this.trigger("mousewheel");
},
unmousewheel: function(fn) {
return this.unbind("mousewheel", fn);
}
});

function handler(event) {
var args = [].slice.call( arguments, 1 ), delta = 0, returnValue = true;
event = $.event.fix(event || window.event);
event.type = "mousewheel";
if ( event.wheelDelta ) delta = event.wheelDelta/120;
if ( event.detail ) delta = -event.detail/3;
// Add events and delta to the front of the arguments
args.unshift(event, delta);
return $.event.handle.apply(this, args);
}
})(jQuery);
/**
* @version $Id: $Revision
* @package jquery
* @subpackage lofslidernews
* @copyright Copyright (C) JAN 2010 LandOfCoder.com <@emai:landofcoder@gmail.com>. All rights reserved.
* @website http://landofcoder.com
* @license This plugin is dual-licensed under the GNU General Public License and the MIT License
*/
// JavaScript Document
(function($) {
$.fn.lofJSidernews = function( settings ) {
return this.each(function() {
// get instance of the lofSiderNew.
new $.lofSidernews( this, settings );
});
}
$.lofSidernews = function( obj, settings ){
this.settings = {
direction : '',
mainItemSelector : 'li',
navInnerSelector : 'ul',
navSelector : 'li' ,
navigatorEvent : 'click',
wapperSelector: '.slider-main-wapper',
interval : 4000,
auto : true, // whether to automatic play the slideshow
maxItemDisplay : 4,
startItem : 0,
navPosition : 'vertical',
navigatorHeight : 75,
navigatorWidth : 100,
duration : 600,
navItemsSelector : '.slider-navigator li',
navOuterSelector : '.slider-navigator-outer' ,
isPreloaded : true,
easing : 'easeOutBounce'
}
$.extend( this.settings, settings ||{} );
this.nextNo = null;
this.previousNo = null;
this.maxWidth = this.settings.mainWidth || 600;
this.wrapper = $( obj ).find( this.settings.wapperSelector );
this.slides = this.wrapper.find( this.settings.mainItemSelector );
if( !this.wrapper.length || !this.slides.length ) return ;
// set width of wapper
if( this.settings.maxItemDisplay > this.slides.length ){
this.settings.maxItemDisplay = this.slides.length;
}
this.currentNo = isNaN(this.settings.startItem)||this.settings.startItem > this.slides.length?0:this.settings.startItem;
this.navigatorOuter = $( obj ).find( this.settings.navOuterSelector );
this.navigatorItems = $( obj ).find( this.settings.navItemsSelector ) ;
this.navigatorInner = this.navigatorOuter.find( this.settings.navInnerSelector );
if( this.settings.navPosition == 'horizontal' ){
this.navigatorInner.width( this.slides.length * this.settings.navigatorWidth );
this.navigatorOuter.width( this.settings.maxItemDisplay * this.settings.navigatorWidth );
this.navigatorOuter.height( this.settings.navigatorHeight );
} else {
this.navigatorInner.height( this.slides.length * this.settings.navigatorHeight );
this.navigatorOuter.height( this.settings.maxItemDisplay * this.settings.navigatorHeight );
this.navigatorOuter.width( this.settings.navigatorWidth );
}
this.navigratorStep = this.__getPositionMode( this.settings.navPosition );
this.directionMode = this.__getDirectionMode();

if( this.settings.direction == 'opacity') {
this.wrapper.addClass( 'slider-opacity' );
$(this.slides).css('opacity',0).eq(this.currentNo).css('opacity',1);
} else {
this.wrapper.css({'left':'-'+this.currentNo*this.maxSize+'px', 'width':( this.maxWidth ) * this.slides.length } );
}

if( this.settings.isPreloaded ) {
this.preLoadImage( this.onComplete );
} else {
this.onComplete();
}
}
$.lofSidernews.fn = $.lofSidernews.prototype;
$.lofSidernews.fn.extend = $.lofSidernews.extend = $.extend;
$.lofSidernews.fn.extend({
startUp:function( obj, wrapper ) {
seft = this;
this.navigatorItems.each( function(index, item ){
$(item).click( function(){
seft.jumping( index, true );
seft.setNavActive( index, item );
} );
$(item).css( {'height': seft.settings.navigatorHeight, 'width': seft.settings.navigatorWidth} );
})
this.registerWheelHandler( this.navigatorOuter, this );
this.setNavActive(this.currentNo );
if( this.settings.buttons && typeof (this.settings.buttons) == "object" ){
this.registerButtonsControl( 'click', this.settings.buttons, this );
}
if( this.settings.auto )
this.play( this.settings.interval,'next', true );
return this;
},
onComplete:function(){
setTimeout( function(){ $('.preload').fadeOut( 900 ); }, 400 ); this.startUp( );
},
preLoadImage:function( callback ){
var self = this;
var images = this.wrapper.find( 'img' );
var count = 0;
images.each( function(index,image){
if( !image.complete ){
image.onload =function(){
count++;
if( count >= images.length ){
self.onComplete();
}
}
image.onerror =function(){
count++;
if( count >= images.length ){
self.onComplete();
}
}
}else {
count++;
if( count >= images.length ){
self.onComplete();
}
}
} );
},
navivationAnimate:function( currentIndex ) {
if (currentIndex <= this.settings.startItem
|| currentIndex - this.settings.startItem >= this.settings.maxItemDisplay-1) {
this.settings.startItem = currentIndex - this.settings.maxItemDisplay+2;
if (this.settings.startItem < 0) this.settings.startItem = 0;
if (this.settings.startItem >this.slides.length-this.settings.maxItemDisplay) {
this.settings.startItem = this.slides.length-this.settings.maxItemDisplay;
}
}
this.navigatorInner.stop().animate( eval('({'+this.navigratorStep[0]+':-'+this.settings.startItem*this.navigratorStep[1]+'})'),
{duration:500, easing:'easeInOutQuad'} );
},
setNavActive:function( index, item ){
if( (this.navigatorItems) ){
this.navigatorItems.removeClass( 'active' );
$(this.navigatorItems.get(index)).addClass( 'active' );
this.navivationAnimate( this.currentNo );
}
},
__getPositionMode:function( position ){
if( position == 'horizontal' ){
return ['left', this.settings.navigatorWidth];
}
return ['top', this.settings.navigatorHeight];
},
__getDirectionMode:function(){
switch( this.settings.direction ){
case 'opacity': this.maxSize=0; return ['opacity','opacity'];
default: this.maxSize=this.maxWidth; return ['left','width'];
}
},
registerWheelHandler:function( element, obj ){
element.bind('mousewheel', function(event, delta ) {
var dir = delta > 0 ? 'Up' : 'Down',
vel = Math.abs(delta);
if( delta > 0 ){
obj.previous( true );
} else {
obj.next( true );
}
return false;
});
},
registerButtonsControl:function( eventHandler, objects, self ){
for( var action in objects ){
switch (action.toString() ){
case 'next':
objects[action].click( function() { self.next( true) } );
break;
case 'previous':
objects[action].click( function() { self.previous( true) } );
break;
}
}
return this;
},
onProcessing:function( manual, start, end ){
this.previousNo = this.currentNo + (this.currentNo>0 ? -1 : this.slides.length-1);
this.nextNo = this.currentNo + (this.currentNo < this.slides.length-1 ? 1 : 1- this.slides.length);
return this;
},
finishFx:function( manual ){
if( manual ) this.stop();
if( manual && this.settings.auto ){
this.play( this.settings.interval,'next', true );
}
this.setNavActive( this.currentNo );
},
getObjectDirection:function( start, end ){
return eval("({'"+this.directionMode[0]+"':-"+(this.currentNo*start)+"})");
},
fxStart:function( index, obj, currentObj ){
if( this.settings.direction == 'opacity' ) {
$(this.slides).stop().animate({opacity:0}, {duration: this.settings.duration, easing:this.settings.easing} );
$(this.slides).eq(index).stop().animate( {opacity:1}, {duration: this.settings.duration, easing:this.settings.easing} );
}else {
this.wrapper.stop().animate( obj, {duration: this.settings.duration, easing:this.settings.easing} );
}
return this;
},
jumping:function( no, manual ){
this.stop();
if( this.currentNo == no ) return;
var obj = eval("({'"+this.directionMode[0]+"':-"+(this.maxSize*no)+"})");
this.onProcessing( null, manual, 0, this.maxSize )
.fxStart( no, obj, this )
.finishFx( manual );
this.currentNo = no;
},
next:function( manual , item){
this.currentNo += (this.currentNo < this.slides.length-1) ? 1 : (1 - this.slides.length);
this.onProcessing( item, manual, 0, this.maxSize )
.fxStart( this.currentNo, this.getObjectDirection(this.maxSize ), this )
.finishFx( manual );
},
previous:function( manual, item ){
this.currentNo += this.currentNo > 0 ? -1 : this.slides.length - 1;
this.onProcessing( item, manual )
.fxStart( this.currentNo, this.getObjectDirection(this.maxSize ), this )
.finishFx( manual );
},
play:function( delay, direction, wait ){
this.stop();
if(!wait){ this[direction](false); }
var self = this;
this.isRun = setTimeout(function() { self[direction](true); }, delay);
},
stop:function(){
if (this.isRun == null) return;
clearTimeout(this.isRun);
this.isRun = null;
}
})
})(jQuery)
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
imgr=new Array();
imgr[0]="http://2.bp.blogspot.com/-uitX7ROPtTU/Tyv-G4NA_uI/AAAAAAAAFBY/NcWLPVnYEnU/s1600/no+image.jpg";
showRandomImg=true;
aBold=true;
summaryPost=150;
summaryPost1=20;
summaryTitle=15;
numposts=6;
numposts1=6;
numposts2=3;
numposts3=6;
numposts4=5;
numposts5=12;
function removeHtmlTag(strx,chop){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}s=s.join("");s=s.substring(0,chop-1);return s}
function showrecentposts2(json){
j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;
img=new Array();
if(numposts1<=json.feed.entry.length){maxpost=numposts4}else{maxpost=json.feed.entry.length}for(var i=0;
i<maxpost;i++){var entry=json.feed.entry[i];
var posttitle=entry.title.$t;
var pcm;
var posturl;
if(i==json.feed.entry.length)break;
for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;
break}
}
for(var k=0;
k<entry.link.length;
k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];
break}}
if("content"in entry){var postcontent=entry.content.$t}
else
if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";
postdate=entry.published.$t;
if(j>imgr.length-1)j=0;img[i]="";
s=postcontent;
a=s.indexOf("<img");
b=s.indexOf("src=\"",a);
c=s.indexOf("\"",b+5);
d=s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){if(i==0){img[i]='<img width="295" height="180" class="alignone" src="'+d+'"/>'}else{img[i]='<img class="alignright" height="70" src="'+d+'" width="70"/>'}}var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var day=postdate.split("-")[2].substring(0,2);
var m=postdate.split("-")[1];
var y=postdate.split("-")[0];
for(var u2=0;u2<month.length;
u2++){if(parseInt(m)==month[u2]){m=month2[u2];
break}}var daystr=day+' '+m+' '+y;
if(i==0){var trtd='<div class="mastoras_wide left"><div class="thumb"><a href="'+posturl+'">'+img[i]+'</a></div><div class="featuredPost lastPost"><h2 class="postTitle"><a href="'+posturl+'">'+posttitle+'</a></h2> <p>'+removeHtmlTag(postcontent,summaryPost)+'...</p><div class="clear"></div><span class="featuredPostMeta"><a href="'+posturl+'"></a></span></div></div><div class="mastoras_narrow right">';
document.write(trtd)}if((i>0)&&(i<maxpost)){var trtd='<div class="mastoras_narrow"><div class="thumb"><a href="'+posturl+'">'+img[i]+'</a></div><div class="featuredTitle"><a href="'+posturl+'">'+posttitle+'</a></div>'+removeHtmlTag(postcontent,summaryPost1)+'...<div class="clear"></div></div>';
document.write(trtd)}j++}document.write('</div>')}
function showrecentposts(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';

var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}
var daystr = day+ ' ' + m + ' ' + y ;
var trtd = '<li style="position:relative;"><div class="imgauto"><a href="'+posturl+'"><img src="'+img[i]+'"/></a></div><h3><a href="'+posturl+'">'+posttitle+'</a><p>'+removeHtmlTag(postcontent,summaryPost)+'... </p></h3></li>';
document.write(trtd);

j++;
}
}

function showrecentposts1(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';

var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}
var daystr = day+ ' ' + m + ' ' + y ;
var trtd = '<li><div><img class="alignnone" src="'+img[i]+'"/></div></li>';
document.write(trtd);

j++;
}
}
function showrecentposts4(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';

var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["January","February","March","April","May","June","July","August","September","October","November","December"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}
var daystr = m+ ' ' + day + ' ' + y ;
var trtd = '<a href="'+posturl+'"><span>&#187; </span>'+posttitle+'</a>';
document.write(trtd);

j++;
}
}
function showrecentposts7(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
for (var i = 0; i < numposts3; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';

var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}
var daystr = day+ ' ' + m + ' ' + y ;
var trtd = '<li><a title=" '+posttitle+' " href="'+posturl+'"><img width="90" height="70" title=" '+posttitle+' " class=" " src="'+img[i]+'"/></a></li>';
document.write(trtd);

j++;
}
}
//]]>
</script>

KODE HTML
Simpan di bawah kode  <div id='main-wrapper'> atau  <div class='main-outer'>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'><b:if cond='data:blog.url == data:blog.homepageUrl'><div class='lof-main-wapper' id='slider'><div class='slider-main-outer'><ul class='slider-main-wapper'><script>document.write(&quot;&lt;script src=\&quot;/feeds/posts/default?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);</script></ul></div><div class='slider-navigator-outer'><ul class='slider-navigator'><script>document.write(&quot;&lt;script src=\&quot;/feeds/posts/default?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;);</script></ul></div></div><script type='text/javascript'>jQuery(document).ready(function($){
$(&#39;#slider&#39;).lofJSidernews({ interval:6000, duration:800, mainWidth:600, navigatorWidth:100, maxItemDisplay:4, easing:&#39;easeOutBounce&#39;, auto:true, isPreloaded: true });});
</script></b:if></b:if>

KODE CSS
Simpan di atas kode ]></b:skin>

#slider{border: 15px solid #1F1C1B;background: #808080;float:left;padding:0;margin:0 0 15px 0;position:relative;overflow:hidden;width:600px;height:300px;}.slider-main-outer{position:relative;height:100%;width:600px;z-index:3;overflow:hidden}ul.slider-main-wapper li h3{z-index:10;position:absolute;top:-20px;left:0;height:100%;width:180px;background:#1F1C1B;opacity:0.7;filter:alpha(opacity = 70);padding:10px;}ul.slider-main-wapper li h3 p{color:#fff;font:12px Arial;line-height:16px;padding-top:10px;display:block;margin:0}ul.slider-main-wapper li h3 a{color:#fff;font:17px Arial;font-weight:700;line-height:20px;margin:0}ul.slider-main-wapper li .imgauto{width:600px;height:300px;overflow:hidden;margin:0;padding:0}ul.slider-main-wapper{height:300px;width:600px;position:absolute;overflow:hidden;margin:0;padding:0}ul.slider-main-wapper li{overflow:hidden;list-style:none;height:100%;width:600px;float:left;margin:0;padding:0}.slider-opacity li{position:absolute;top:0;left:0;float:inherit}ul.slider-main-wapper li img{list-style:none;width:600px;height:auto;padding:0}ul.slider-navigator{top:0;position:absolute;width:100%;margin:0;padding:0}ul.slider-navigator li{cursor:pointer;list-style:none;width:100%;overflow:hidden;margin:0;padding:0}.slider-navigator-outer{position:absolute;right:0;top:0;z-index:10;height:auto;width:100px;overflow:hidden;color:#333}.slider-navigator li div{background:#423836;height:100%;position:relative;margin:0;padding-right:5px;}.slider-navigator li:hover div{background:#336CA6;opacity:0.7;filter:alpha(opacity = 70);}.slider-navigator li img{border:#666 solid 1px;border-top:1px solid #000;border-left:1px solid #000;height:63px;width:88px;float:left;margin:5px 5px 0;padding:0}.slider-navigator li.active img{border:#000 solid 1px}

Sumber

Featuted Post ala CB Blogger
Featured Post Image Slider untuk Blogger yang digunakan CB Blogger.

CSS & JAVASCRIPT
Simpan di atas kode </head>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style type='text/css'>
.layout-content{position:relative;overflow:hidden;padding:0;margin:0 auto}
.bungkus-related{padding:0;margin:0;position:relative}
ul.bungkus-related li.content:after{content:no-close-quote;position:absolute;left:0;bottom:0;width:100%;height:150px;background:url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAACXCAYAAADUKjHXAAAABHNCSVQICAgIfAhkiAAAAC1JREFUKJFjYIACRibyCSbyuGgsYiXwixErSzuCeXAopiJBejiTHquUJCTSCAApNwIpR17mugAAAABJRU5ErkJggg==) repeat-x;opacity:.5;background-size:100% 100%;overflow:hidden}
ul.bungkus-related .random-grup{float:right;width:48%;height:100%;background:#222;padding:12px;box-sizing:border-box;position:relative;overflow-y:hidden;max-height:381px}
.random-thub {width: 320px;height: 200px;}
ul.bungkus-related .content .tulisan{position:relative;left:0;bottom:0;width:100%;padding:15px;z-index:2;box-sizing:border-box;font-size:17px;color:#fff;line-height:1.3em}
ul.bungkus-related .content .tulisan a{color:white;font-weight:700;opacity:0.9}
ul.bungkus-related .content .tulisan a:hover {color:#ff6}
ul.bungkus-related .content .tulisan .random-desk{font-size:12px;display:none;}
ul.bungkus-related .content .post-tag{position:absolute;top:15px;left:15px;background-color:#299680;color:#fff;font-weight:400;z-index:2;height:22px;line-height:22px;padding:0 8px;font-size:12px}
ul.bungkus-related .content .post-tag a{color:white}
ul.bungkus-related .content .post-tag a:nth-child(n+2),ul.bungkus-related .random-grup .content .post-tag{display:none}
ul.bungkus-related .random-grup .content{display:block;width:100%;float:right;margin:0 0 5px;padding:0 0 5px;border-bottom:1px solid #333;height:auto;position:relative}
ul.bungkus-related .random-grup li.content:after{content:none}
ul.bungkus-related .random-grup .content .gambar img{width:100%;height:100%;display:table-cell;vertical-align:middle;overflow:hidden}
ul.bungkus-related .content .gambar img{width:100%;height:auto;max-height:200px}
ul.bungkus-related .content{float:left;width:50%;box-sizing:border-box;overflow:hidden;position:relative;height:100%;margin:0;}
#random-post-container{width:100%;position:relative;background:#222;padding:0;max-height:280px;height:100%;border-radius:3px;overflow:hidden;margin:0 auto;margin:10px 0;}
ul.bungkus-related .random-grup{float:right;width:48%;height:auto;background:#222;padding:5px 0;box-sizing:border-box;position:relative;overflow-y:hidden;}
ul.bungkus-related .random-grup .content .gambar{width:25%;height:50px;position:absolute;overflow:hidden;left:5px;top:5px;bottom:5px;margin:auto;}
ul.bungkus-related .random-grup .content .tulisan{display:table-cell;padding-right:5px;position:relative;float:right;margin:0;padding-top:5px;font-size:13px;width:75%;}
ul.bungkus-related .random-grup .content .random-desk{font-size:10px;display:none;}
@media screen and (max-width:500px){#random-post-container{overflow:auto}ul.bungkus-related .content{width:100%;float:none}
ul.bungkus-related .content .gambar img{height:100%}ul.bungkus-related .random-grup{width:100%;float:none;overflow:hidden!important}}
</style>
<script type='text/javascript'>
//<![CDATA[
// Feed configuration
var homePage = 'https://www.contohblog.com/', //ganti dengan alamat blog Anda
 maxResults = 5, //Ganti angka 5 lima untuk mengatur jumlah artikel yang akan ditampilkan
 summaryLength = 45, //
 noImageUrl = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAIAAADajyQQAAAAA3NCSVQICAjb4U/gAAAAbUlEQVRoge3PAQ0AIRDAsOeNn3VUEDLSKtjWzHwv+m8HnGKsxliNsRpjNcZqjNUYqzFWY6zGWI2xGmM1xmqM1RirMVZjrMZYjbEaYzXGaozVGKsxVmOsxliNsRpjNcZqjNUYqzFWY6zGWI2xmg0/igINB8FclAAAAABJRU5ErkJggg==',
 containerId = 'random-post-container';
function getRandomInt(t, e) {
 return Math.floor(Math.random() * (e - t + 1)) + t
}
function shuffleArray(t) {
 var e, a, s = t.length;
 if (0 === s) return ! 1;
 for (; --s;) e = Math.floor(Math.random() * (s + 1)),
 a = t[s],
 t[s] = t[e],
 t[e] = a;
 return t
}
function createRandomPostsStartIndex(t) {
 var e = getRandomInt(1, t.feed.openSearch$totalResults.$t - maxResults);
 window.console && window.console.log && console.log("Get the post feed start from " + e + " until " + (e + maxResults)),
 add_script(homePage + "/feeds/posts/summary/-/Featured?alt=json-in-script&orderby=updated&start-index=" + e + "&max-results=" + maxResults + "&callback=randomPosts")
}
function randomPosts(t) {
 for (var e, a, s, n = document.getElementById(containerId), r = shuffleArray(t.feed.entry), l = "<ul class='bungkus-related'>", o = 0, i = r.length; i > o; o++) {
  a = "summary" in r[o] ? r[o].summary.$t.replace(/<.*?>/g, "").substring(0, summaryLength) + "&hellip;": "",
  s = "media$thumbnail" in r[o] ? r[o].media$thumbnail.url.replace(/\/s[0-9]+(-c)?/, "/s600") : noImageUrl;
  for (var d = 0, m = r[o].link.length; m > d; d++) e = "alternate" == r[o].link[d].rel ? r[o].link[d].href: "#";
  l += "<li class='content'>",
  l += '<div class="gambar" ><img class="random-thub" src="' + s + '" title="' + r[o].title.$t + '" alt="' + r[o].title.$t + '" width="72" height="72"></div>',
  l += '<div class="tulisan"><a title="' + r[o].title.$t + '" class="random-title" href="' + e + '">' + r[o].title.$t + "</a><br>",
  l += '<span class="random-desk">' + a + "</span></div>",
  window.onload = function () {
   for (var t = $("#random-post-container ul li"), e = 1; e < t.length; e += 4) h = e + 1,
   t.slice(e, e + 4).wrapAll("<div id='grup" + h + "' class='random-grup'></div>")
  },
  l += "<small class='post-tag'>";
  for (var c = r[o].category, u = [], h = 0, g = c.length; g > h; ++h) u.push('<a title="' + c[h].term + '" href="' + homePage + "/search/label/" + encodeURIComponent(c[h].term) + '?max-results=5" rel="tag">' + c[h].term + "</a>");
  l += u.join(" "),
  l += "</small>",
  l += '<span class="clear"></span></li>'
 }
 n.innerHTML = l + "</ul>"
}
function add_script(t) {
 var e = document.createElement("script");
 e.src = t,
 document.getElementsByTagName("head")[0].appendChild(e)
}
add_script(homePage + "/feeds/posts/summary/-/Featured?alt=json-in-script&max-results=0&callback=createRandomPostsStartIndex");
//]]>
</script>
</b:if>

HTML:
Simpan di bawah kode  <div id='main-wrapper'> atau  <div class='main-outer'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div class='layout-content'>
<div id='random-post-container'>Memuat</div>
</div>
</b:if>

Save! Simpan Template.

Demikian Featured Post Image Slider untuk Blogger. Good Luck and Happy Blogging! (www.contohblog.com).*

September 07, 2018