Featured Post

featured post Featured Post

Pengertian Blog, Blogger, Blogging

Apa itu blog? Apa pula pengertian blogger dan blogging? Pengertian Blog Blog adalah website pribadi yang umumnya dibuat di platform bl...

thumbnail

Jadwal Liga 1 2019 Pekan 16 - Siaran Langsung Indosiar, OChannel

Jadwal Pertandingan Liga 1 2019 Pekan 16. Siaran Langsung Indosiar, OChannel, Live Streaming.


Jadwal Liga 1 2019 - Siaran Langsung Indosiar, OChannel


Jadwal Liga 1 2019 Pekan 16

Liga 1 2019 Pekan 16 akan berlangsung mulai Jumat 23 Agustus 2019 hingga Minggu 25 Agustus 2019. Berikut ini jadwal lengkapnya.

Jumat (23/8/2019)

15.30 WIB Barito Putera vs Persipura Jayapura, Live: Indosiar
18.30 WIB PSS Sleman vs PSM Makassar, Live: Indosiar

Sabtu (24/8/2019)

15.30 WIB Persebaya Surabaya vs Persija Jakarta, Live: Indosiar
18.00 WIB Madura United vs PSIS Semarang, Live: Indosiar
18.30 WIB Borneo FC vs Semen Padang, Live: O Channel
20.30 WIB Bali United vs Arema FC, Live: Indosiar

Minggu (25/8/2019)

15.00 WIB Kalteng Putra vs Bhayangkara FC, Live: Indosiar
18.00 WIB Persela Lamongan vs Tira Persikabo, Live: Indosiar
20.30 WIB Badak Lampung FC vs Persib Bandung, Live: Indosiar

Transfer Liga 1 2019 akan dibuka pada 27 Agustus hingga 19 September 2019.


KLASEMEN LIGA 1 2019

CB Blogger
New Johny WussUpdated: August 22, 2019
thumbnail

Jadwal Liga Inggris Pekan 3 - Siaran Langsung TVRI

Jadwal Liga Inggris 2019/2020 - Siaran Langsung TVRI


Jadwal Liga Inggris 2019/2020 - Siaran Langsung TVRI

Jadwal Liga Inggris 2019/2020 pekan ketiga akan berlangsung Sabtu-Minggu 23-24 Agustus 2019. Siaran Langsung Premier League tersaji di TVRI dan Mola TV. Jadwal akhir pekan ini menyajikan bigmatch Liverpool vs Arsenal.

Jadwal Premier League Pekan 3

Sabtu, 24 Agustus 2019

02:00 WIB Aston Villa vs Everton
18:30 WIB Norwich vs Chelsea
21:00 WIB Brighton vs Southampton (Live TVRI)
21:00 WIB Manchester United vs Crystal Palace
21:00 WIB Sheffield United vs Leicester City
21:00 WIB Watford vs West Ham United
23:30 WIB Liverpool vs Arsenal

Minggu, 25 Agustus 2019

20:00 WIB Bournemouth vs Manchester City (Live TVRI)
22:30 WIB Tottenham Hotspur vs Newcastle United
22:30 WIB Wolves vs Burnley

Jadwal Liga Inggris 2019/2020 - Siaran Langsung TVRI

CB Blogger
New Johny WussUpdated: August 22, 2019
thumbnail

Manchester United vs Inter Milan 1-0 Full Highlights

Manchester United vs Inter Milan 1-0 Full Highlights
Manchester United mengalahkan Inter Milan dengan skor 1-0 pada pertandingan International Champions Cup 2019 di National Stadium, Singapura, Sabtu (20/7/2019)

Gol kemnangan MU dilesakkan Mason Greenwood di menit 76.

MU mendominasi laga sejak awal. Tekanan banyak dilancarkan Setan Merah dari sisi sayap, namun belum membuahkan hasil.

Pada menit ke-70, Ashley Young, yang baru masuk di babak kedua, bisa melepaskan tembakan ke gawang Inter. Namun, upayanya masih bisa dihentikan Handanovic.

MU akhirnya bisa membobol gawang Inter. Di menit ke-76, Mason Greenwood bisa memanfaatkan kemelut tendangan bebas, lewat sepakan kaki kiri yang mengirim bola masuk ke gawang Handanovic.

 Di sisa waktu pertandingan, tak ada gol balasan tercipta. MU pun menang 1-0 atas Inter.

Manchester United vs Inter Milan 1-0 Full Highlights


Susunan pemain:

Manchester United: David De Gea (Sergio Romero 62'), Luke Shaw (Diego Dalot 62'), Victor Lindeloef (Phil Jones 57'), Axel Tuanzebe (Eric Bailly 63'), Aaron Wan-Bissaka, Nemanja Matic, Paul Pogba (Andreas Pereira 62'), Jese Lingard (Juan Mata 63'), Daniel James (Tahith Chong 63'), Anthony Martial (Mason Greenwood 76'), Marcus Rashford.

Inter Milan: Samir Handanovic, Stefan de Vrij (Andrea Ranocchia 73'), Daniel D'Ambrossio, Milan Skriniar, Dalbert (Lorenzo Pirola 73'), Antonio Candreva, Marco Brozovic, Roberto Gagliardini, Stefano Sensi (Joao Mario 73'), Samuele Longo (Ivan Perisic 46'), Sebastiano Esposito (Lucien Agoume 83').*

CB Blogger
New Johny WussUpdated: July 20, 2019
thumbnail

Hasil Lengkap & Klasemen Liga 1 2019

Hasil Lengkap & Klasemen Liga 1 2019. Posisi Persib Bandung, Persija Jakarta, Persebaya Surabaya, Arema FC, Bali United, Madura United.


Hasil Lengkap & Klasemen Liga 1 2019

Hasil Liga 1 2019 Pekan 11

Berikut ini hasil lengkap pertandingan dan klasemen Liga 1 2019 pekan 11.

HASIL

Arema 3 - 2 Bhayangkara FC
TIRA-Persikabo 5 - 2 Kalteng Putra
Persib Bandung 0 - 2 Bali United
PSS Sleman 2 - 2 Barito Putera
Madura United 5 - 1 Perseru Badak Lampung
Semen Padang 0 - 0 Persebaya Surabaya
Persela Lamongan 2 - 2 Borneo FC

KLASEMEN

# Team Name P W D L F A GD Pts

1. TIRA-Persikabo 11 6 5 0 25 13 12 23
2. Bali United 10 7 1 2 15 7 8 22
3. Madura United 9 6 2 1 20 6 14 20
4. Pusamania Borneo 9 4 3 2 14 12 2 15
5. Arema 9 5 0 4 16 14 2 15
6. Bhayangkara FC 11 4 3 4 18 16 2 15
7. Persebaya Surabaya 11 3 5 3 17 14 3 14
8. PSIS 10 4 2 4 10 9 1 14
9. PSM Makassar 6 4 1 1 9 4 5 13
10. PSS Sleman 10 3 4 3 14 14 0 13
11. Persib Bandung 10 3 4 3 10 11 -1 13
12. Persipura Jayapura 9 2 4 3 9 13 -4 10
13. Persela Lamongan 11 2 4 5 15 20 -5 10
14. Barito Putera 11 1 6 4 15 19 -4 9
15. Perseru Badak Lampung 11 2 3 6 10 26 -16 9
16. Kalteng Putra 10 2 2 6 9 19 -10 8
17. Persija Jakarta 7 1 3 3 7 10 -3 6
18. Semen Padang 9 0 4 5 6 12 -6 4.

Hasil Pertandingan Liga 1 2019 Pekan 11
Klasemen Liga 1 2019 Pekan 11
Hasil Lengkap & Klasemen Liga 1 2019

CB Blogger
New Johny WussUpdated: July 18, 2019
thumbnail

Kode Membuat Related Post with Thumblail Image di Bawah Posing Blog

KODE dan cara membuat Related Post with Thumblail Image (Tulisan Terkait dengan Gambar) plus Ringkasan. Fast Loading dan SEO Friendly.

Kode Membuat Related Post with Thumblail Image di Bawah Posing Blog

Kode Membuat Related Post with Thumblail Image di Bawah Posing Blog

KODE CSS
Copy the CSS code below and place it above the ]]></b:skin>
/* ==== Related Post Widget Start ==== */

.related-post {
  margin:2em auto 0;
  font:normal normal 11px/1.4 Arial,Sans-Serif;
}
.related-post h4 {
  font-size:150%;
  margin:0 0 .5em;
}
.related-post a {color:#48d}
.related-post a:hover {color:#f00}

/* Style 2 */
.related-post-style-2,
.related-post-style-2 li {
  margin:0;
  padding:0;
  list-style:none;
}
.related-post-style-2 li {
  padding:10px;
  border-top:1px solid #eee;
  overflow:hidden;
}
.related-post-style-2 li:first-child {border-top:none}
.related-post-style-2 .related-post-item-thumbnail {
  width:75px;
  height:75px;
  max-width:none;
  max-height:none;
  background-color:transparent;
  border:none;
  padding:0;
  float:left;
  margin:2px 10px 0 0;
}
.related-post-style-2 .related-post-item-title {
  font-weight:bold;
  font-size:110%;
}
.related-post-style-2 .related-post-item-summary {
  display:block;
  overflow:hidden;
}
.related-post-style-2 .related-post-item-more {}

/* ==== Related Post Widget End ==== */
KODE XML / JAVASCRIPT
Copy the XML code below and place it above
<div class='post-footer'> 

or anywhere inside the 
<b:includable id='post' var='post'/> and 
<b:includable id='mobile-post' var='post'/>

Be careful!
<!-- Related Post Widget Start -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <div id='related-post' class='related-post'/>
  <script type='text/javascript'>
  var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
          &quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
      </b:loop></b:if>];
  var relatedPostConfig = {
      homePage: &quot;<data:blog.homepageUrl/>&quot;,
      widgetTitle: &quot;&lt;h4&gt;Related Posts:&lt;/h4&gt;&quot;,
      numPosts: 5,
      summaryLength: 300,
      titleLength: &quot;auto&quot;,
      thumbnailSize: 75,
      noImage: &quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC&quot;,
      containerId: &quot;related-post&quot;,
      newTabLink: false,
      moreText: &quot;&quot;,
      widgetStyle: 2,
      callBack: function() {}
  };
  </script>
  <script type='text/javascript' src='http://dte-project.googlecode.com/svn/trunk/related-post/related-post.min.js'/>
</b:if>
<!-- Related Post Widget End -->
Sumber: DTE

Anda bisa membuat, memilih, dan setting sendiri tampilan Related Post Widget Blogger, termasuk gaya Related Post with Thumblail Image (Tulisan Terkait dengan Gambar) plus Ringkasan seperti di atas.*
CB Blogger
New Johny WussUpdated: July 16, 2019
thumbnail

Cara Memasang Breadcrumb SEO Friendly di Blog

CARA membuat, menampilkan, atau memasang breadcrumbs SEO Friendly di Blog Blogspot cukup mudah, namun hasilnya bagus buat indeks blog.

Cara Memasang Breadcrumb SEO Friendly di Blog

Breadcrumbs adalah navigasi yang berisi kategori atau label dari postingan, biasanya diawali dengan tombol menuju home (halaman depan blog), diikuti label dan judul posting.

Posisinya di atas judul posting. Ukuran breadcrumbs biasanya lebih kecil, sekitar 90%, dari ukuran normal teks naskah tulisan. Kaya gini:

Breadcrumb SEO Friendly

Search engine seperti Google selalu membaca label atau tags setiap posting blog karena Google sudah tidah menggunakan meta tag keyword lagi untuk mengindeks suatu blog.

Yang jadi perhitungan Google saat ini adalah Meta Description dan Label (Lategori). Semakin relevan sebuah label dengan isi postingan (artikel), maka akan semakin mendapatkan kesempatan tampil di halaman depan indeks atau halaman hasil pencarian Google.

Cara Memasang Breadcrumb SEO
  1. Klik "Template" > "Edit HTML"
  2. Copas kode berikut ini tepat sebelum atau di atas kode ]]></b:skin>
  • .breadcrumbs{
    padding:5px 5px 5px 0;
    margin:0;font-size:95%;
    line-height:1.4em;
    border-bottom:4px double #cadaef}
Setelah itu, cari (Ctrl+F) kode seperti ini :

<div class='post hentry'>
    Copas atau letakkan kode berikut ini tepat setelah kode <div class='post hentry'>
    <b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if> </b:loop> </b:if> &#187; <data:post.title/> </div> </b:if> </b:if>

    Save Template!
    Kini Navigasi Breadcrumb SEO Friendly sudah terpasang di blog Anda. Good Luck!

    Sumber: Maskolis

    CB Blogger
    New Johny WussUpdated: July 16, 2019
    thumbnail

    Cara Memasang Tombol "Back to Top" SEO Friendly di Blog

    Tombol "Back to Top" SEO Friendly di Blog
    BANYAK tutorial cara membuat, menampilkan, atau memasang tombol "back to top" (kembali ke atas). Namun, kebanyakan tidak seo friendly. Masalahnya, ikon gambar panah ke atasnya biasanya tidak dilengkapi "alternatif text" dan "title text".

    Maka, jika di blog Anda ada tombol "Back to Top" (BTP), periksalah kodenya. Jika belum ada deskripsi gambarnya, maka... ya kasih deskripsi dong, biar SEO Friendly!

    Selain itu, kebanyakan menggunakan JavaScript/Jquery sehingga memberatkan loading blog, bahkan kadang ada konflik dengan JavaScript yang lain sehingga mengganggu tampilan. Maka... gunakan Tombol Back to Top SEO Friendly!

    FUNGSI BACKT TO TOP
    Tombol "Back to Top" menjadi salah satu trending desain website/blog agar User Friendly. Hal ini untuk memudahkan pengguna kembali ke bagian atas, setelah mereka scroll ke bawah karena membaca tulisan atau mencari informasi.

    Misalnya, coba sek situs Yahoo Indonesia. Saat Anda scroll ke bawah, di bagian kanan monitor Anda akan muncul tombol "Back to Top". Tinggal klik, maka halaman akan kembali ke atas, otomatis.

    "Back to Top"

    Blog DEMO template New Johny Wuss ini juga baru saja dipasang tombol "Back to Top". Lihat sebelah kanan layar monitor. Ada tanda panah dengan latar merah.

    "Back to Top"

    Cara Memasang Tombol "Back to Top" SEO Friendly di Blog

    Berikut ini cara mudah memasang tombol Back to Top SEO Friendly sebagaimana terpasang di blog ini:

    1. Login ke akun Blogger Anda.
    2. Pilih blog yang akan dipasangi Back to Top.
    3. Klik "Template" > "Edit HTML"
    4. Copas kode berikut ini tepat di atas kode </body>Kode </body> ada di bagian bawah template Anda!

    <span class='back-to-top'><a href='#'> &#8593; </a></span>
    <span class='back-to-top-a'><a href='http://contohblognih.blogspot.com/'>CB Blogger</a></span>
    <style>
    .back-to-top {position: fixed ;bottom:20px;right:10px;z-index:9999999}
    .back-to-top-a {font-size:10px;z-index:9999999;opacity:0.2;position:fixed;bottom:0;}
    .back-to-top a {font-size: 30px ;background-color: #DD3434 ;color:#FFF;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;padding:12px 18px 20px;text-decoration: none}.back-to-top a:hover {background-color: #272727 ;text-decoration: none}
    </style>

    5. Save Template!

    Kini Tombol "Back to Top" SEO Friendly sudah muncul atau terpasang di blog Anda! Good Luck!
    CB Blogger
    New Johny WussUpdated: July 16, 2019
    thumbnail

    Cara Menambah Sidebar Kiri Blog

    Cara Menambah Kolom Sidebar di Sebelah Kiri Template Blog. How to Add a New Sidebar to Blogger Blog.


    Cara Menambah Sidebar Kiri Blog
    JIKA tampilan blog Anda saat ini terdiri dari dua kolom, main area dan sidebar, hanya punya satu sidebar kanan, dan ingin ditambah satu sidebar lagi di bagian kiri, sehingga menjadi tiga kolom atau punya dua sidebar (kanan dan kiri), maka inilah caranya:

    1. Template > Edit HTML
    2. Temukan (Ctrl+F) kode berikut ini:

    #main-wrapper{padding-left:10px;width:600px;float:$startSide;word-wrap:break-word;overflow:hidden}#sidebar-wrapper{width:300px;float:right;word-wrap:break-word;overflow:hidden}

    3. Copy kode berikut ini dan tambahkan (paste) di bawah kode tersebut:

    #sidebarleft-wrapper {width:200px;float:left;word-wrap:break-word;overflow:hidden;}

    Hasilnya akan seperti ini:

    #main-wrapper{padding-left:10px;width:600px;float:$startSide;word-wrap:break-word;overflow:hidden}#sidebar-wrapper{width:300px;float:right;word-wrap:break-word;overflow:hidden}#sidebarleft-wrapper {width:200px;float:left;word-wrap:break-word;overflow:hidden;}

    4. Di atas barisan kode tadi, biasanya ada kode "main-wrapper" seperti di bawah ini. Ubah ukurannya, yaitu dikurangi ukuran "sidebarleft" tadi. 

    Dalam contoh ini, ukuran "sidebarleft" 200px, sedangkan "main-wrapper" 600px. Maka 600 - 200 = 400 'kan? Maka ubahlah menjadi 400px;

    #main-wrapper{padding-left:10px;width:400px;float:$startSide;word-wrap:break-word;overflow:hidden}

    5. Temukan kode <div id='main-wrapper'> dan tambahkan kode berikut ini di atasnya:

    <div id='sidebarkiri-wrapper'><b:section class='sidebar' id='sidebarleft' preferred='yes'></b:section></div>

    Jadinya seperti ini:

    <div id='sidebarleft-wrapper'><b:section class='sidebar' id='sidebarleft' preferred='yes'></b:section></div><div id='main-wrapper'>

    6. Save Template!

    Berikutnya Anda tinggal atur "margin" dan "padding" di kode #sidebarleft, misalnya seperti ini:

     #sidebarleft-wrapper {width:200px;float:left;word-wrap:break-word;overflow:hidden;margin:10px;padding:5px}

    Beres.

    Itulah cara menambah satu kolom sidebar kiri di template blog Anda. Good luck!
    CB Blogger
    New Johny WussUpdated: July 16, 2019
    thumbnail

    Cara Membuat Spoiler di Blog

    Cara Membuat Spoiler di Blog
    Cara Membuat Beberan (Spoiler) di Blog. Spoiler adalah tulisan atau keterangan mengenai suatu cerita, yang membeberkan jalan cerita tersebut. Bahasa Indonesianya adalah "beberan" (Wikipedia).

    Pengguna Kaskus tentu tidak asing lagi dengan yang namanya spoiler yang biasa dipakai untuk "menyembunyikan" gambar atau tulisan.

    Gambar/tulisan/kode tersebut baru bisa dilihat, tampil, jika tombol Spoiler itu diklik.

    Asal kata Spoiler adalah "spoil" (Inggris) yang artinya merusak atau mengganggu. Maka, spoiler artinya "perusak" atau "pengganggu".

    Itu menurut bahasa. Menurut istilah atau pengertian praktisnya, spoiler adalah keterangan tambahan dari suatu tulisan atau cerita dalam buku, majalah, dll., semacam footnote (catatan kaki).

    Fungsi Spoiler
    Di blog atau situs web, juga forum-forum online, fungsi spoiler adalah mempercepat loading atau tampilan, apalagi jika ada gambar atau kode yang bisa membebani tampilan.

    Bisa juga spoiler itu untuk menipu (jangan deh!). Misalnya, disebutkan gambar Rinada lagi "anu", eh.. pas diklik ternyata gambar Sony Wakwaw, misalnya. 

    Cara Membuat Spoiler
    Gampang. Kodenya sudah banyak yang share tuh. Googling aja "kode spoiler untuk blog". Kita tinggal masukkan kode ini di posting blog di mode HTML (bukan mode Compose):

    <div style="margin: 5px;"> <div class="smallfont" style="margin-bottom: 2px;"><input style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button" value="Lihat" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; background: #FAFAF7;"> <div style="display: none;">Tampilan Spoiler untuk Menyembunyikan Teks atau Kode</div> </div> </div>

    Hasilnya seperti ini:

    Tampilan Spoiler untuk Menyembunyikan Teks

    CARA MEMBUAT SPOILER GAMBAR, IMAGE, atau FOTO
    Kalo untuk spoiler gambar, maka tinggal ganti kode teks tadi dengan kode <img class="aligncenter" src"LINK GAMBAR" alt="Nama Gambar" width"400" height="300"/>

    Ini kodenya. Ganti link gambar yang berwara merah dengan link gambar "kepunyaan" Anda:

    <div style="margin: 5px;"> <div class="smallfont" style="margin-bottom: 2px;"><input style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button" value="Show" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px; background: #FAFAF7;"> <div style="display: none;"><img class="aligncenter" src="https://lh6.googleusercontent.com/zTTBdmJo4bkVIxD1537a7LrjhRSSfOshl8QAltg1sgc=w640-h456-no" alt="Polwan Cantik" width="410" height="300" /></div> </div> </div>

    Hasilnya akan seperti ini:

    Polwan Cantik

    Kata "Lihat" dan "Show" bisa diganti dengan "Spoiler" atau kata lainnya yang lebih menarik dan unik.

    Demikian cara membuat Spoiler di Blog.*
    CB Blogger
    New Johny WussUpdated: July 16, 2019
    thumbnail

    Cara Menyembunyikan Tanggal Komentar di Blog

    Cara menyembunyikan atau menghapus tanggal komentar di blog. Biar komentar tampak selalu baru dan tidak out of date.

    KODE CSS
    Simpan di atas kode ]]></b:skin> atau diselipkan di antara kode CSS komentar (biasanya .comments) di template blog Anda.

    .comments .comments-content .datetime {display: none;visibility: hiden;}

    Demikian kode untuk nenyembunyikan tanggal komentar di blog.

    Cara Menyembunyikan Tanggal Komentar di Blog

    CB Blogger
    New Johny WussUpdated: July 16, 2019