Klasemen Liga 1 2018 Pekan 19: Persib Aman di Puncak Hingga Libur Asian Games

August 06, 2018 0
Klasemen Liga 1 2018 Pekan 19: Persib Aman di Puncak
Klasemen Liga 1 2018 Pekan 19: Persib Aman di Puncak.

PERSIB Bandung memimpin Klasemen Liga 1 2018 pekan 19 dengan koleksi 35 poin.

Maung Bandung dipastikan aman di puncak klasemen hingga pertandingan pekan ke-20 karena berselisih 5 poin dari pesaing terdekatnta, PSM Makassar dan Madura United di posisi kedua dan ketiga dengan 30 poin.

Di jadwal pekan ke-20, Persib dijamu Mitra Kukar di Stadion Aji Imbut, Tenggarong, Jumat 10 Agustus 2018, mulai pukul 15.30 WIB. Apa pun hasilnya, posisi Persib takkan tergoyahkan di puncak klasemen hingga libur panjang Asian Games 18 Agustus - 3 September 2018.

Usai melawan Mitra Kukar dan libur Asian Games, Persib akan menjamu Arema FC di Stadion GBLA, Kams 13 September 2018.

Pencapaian Maung Bandung sebagai pemuncak klasemen ini dilengkapi dengan prestasi strikernya, Ezechiel N'Douassel, yang memimpin daftar top skor Liga 1 2018 putaran pertama dengan 13 gol.

Berikut ini Klasemen Liga 1 2018 Pekan 19.

Klasemen Liga 1 2018 Pekan 19

Klasemen Liga 1 2018 Pekan 19

Jadwal Liga 1 2018 Pekan 20

Jumat 10 Agustus 2018

13:30 WIB Perseru Serui vs Bali United
15:30 WIB Persela Lamongan vs PSM Makassar
15:30 WIB Mitra Kukar vs Persib Bandung

Sabtu 11 Agustus 2018

15:30 WIB Arema FC vs Borneo FC
18:30 WIB PS TIRA vs Persipura Jayapura
18:30 WIB Sriwijaya FC vs Madura United

Minggu 12 Agustus 2018

15:30 WIB Barito Putera vs Persebaya Surabaya
18:30 WIB Persija Jakarta vs PSMS Medan

Senin 13 Agustus 2018
18:30 WIB PSIS Semarang vs Bhayangkara FC

Jadwal Persib Bandung Putaran Kedua Liga 1 2018

August 05, 2018 0
Jadwal Lengkap Persib Bandung Putaran Kedua Liga 1 2018.

Jadwal Lengkap Persib Bandung Putaran Kedua Liga 1 2018
Persib Bandung mengakhiri putaran pertama Liga 1 dengan hasil imbang 2-2 melawan Barito Putera.

Di laga tunda kontra Persebaya Surabaya, Persib menang 4-3 sehingga memuncaki klasemen Liga 1 sekaligus menjadi juara paruh musim.

Di dua laga awal Putaran Kedua Liga 1 2018, Maung Bandung sukses meraih poin penuh di kandang PS Tira dan saat menjamu Sriwijaya FC. Maung Bandung pun kukuh di puncak klasemen dengan 35 poin dari 19 pertandingan.

Di pekan ke-20, Persib Bandung akan bermain di kandang Mitra Kukar, Stadion Aji Imbut, Tenggarong.

Jadwal Lengkap Persib Bandung Putaran Kedua Liga 1 2018 

Berikut ini Jadwal Persib Bandung Putaran Kedua Liga 1 2018 dikutip dari laman resmi Persib dan Liga Indonesia.

PS Tira vs Persib - Sabtu (30/7/2018) 18.30 WIB FT: 2-3
Persib Bandung VS Sriwijaya FC - Sabtu (04/8/2018) 16.00 WIB FT: 2-0

Mitra Kukar FC VS Persib - Jumat (10/8/2018) 15.30 WIB
Persib VS Arema FC - Kamis (13/9/2018) 18.30 WIB
Borneo FC VS Persib - Senin (17/9/2018) 18.30 WIB

Jadwal Persib September 2018

Persib Bandung vs Persija Jakarta - Minggu (23/9/2018) 18.30 WIB
Persib vs Madura United FC - Sabtu (29/9/2018) 18.30 WIB

Jadwal Persib Oktober 2018 

Persipura Jayapura vs Persib - Sabtu (06/10/2018) 13.30 WIB
Persib Bandung vs Persebaya Surabaya - Rabu (17/10/2018) 18.30 WIB
PSM Makassar vs Persib - Selasa (23/10/2018) 18.30 WIB
Persib vs Bali United - Sabtu (27/10/2018) 18.30 WIB

Jadwal Persib November 2018 

Bhayangkara FC vs Persib Bandung - Sabtu (03/11/2018) 18.30 WIB
Persib Bandung vs PSMS Medan - Minggu (11/11/2018) 18.30 WIB
PSIS Semarang vs Persib - Minggu (18/11/2018) 18.30 WIB
Persib Bandung vs Perseru Serui - Jumat (23/11/2018) 15.30 WIB

Jadwal Persib Desember 2018 

Persela Lamongan vs Persib Bandung - Sabtu (01/12/2018) 15.30 WIB
Persib Bandung vs PS Barito Putera - Minggu (09/12/2018) 18.30 WIB

Demikian Jadwal Persib Bandung Putaran Kedua Liga 1 2018. Jadwal bisa berubah.*

Cara Mengatasi URL yang dicekal robots.txt - Blocked by Robots

July 15, 2018 0
Cara Mengatasi URL yang dicekal robots.txt  -  Blocked by Robots
Cara Mengatasi URL yang dicekal robots.txt  -  Blocked by Robots

Mungkin Anda menerima notifikasi dari Google terkait indeks blog Anda, seperti ini:

New Index coverage issue detected for site [url blog Anda]/
To owner of [url blog Anda]/,
Search Console has identified that your site is affected by 1 new Index coverage related issue. This means that Index coverage may be negatively affected in Google Search results. We encourage you to fix this issue.

New issue found:
Indexed, though blocked by robots.txt

Blocked by robots pada Index status Google Console di sebabkan karena pengaturan robot.txt yang kurang tepat.

Cara Mengatasi URL yang dicekal robots.txt  -  Blocked by Robots

Berikut ini Cara Mengatasi URL yang dicekal robots.txt  (Blocked by Robots), yaitu dengan mengaktifkan robot.txt khusus.

Lakukan juga setting tag tajuk robot khusus untuk mengatasi masalah tersebut. Tambahkan robot.txt berikut ini pada blog Anda.

1. Setting > Pererensi penelusuran
2. Klik edit/aktifkan penelusuran khusus

Cara Mengatasi URL yang dicekal robots.txt  -  Blocked by Robots

Klik YA

Cara Mengatasi URL yang dicekal robots.txt  -  Blocked by Robots

3. Copas kode berikut ini (ganti dulu url blognya dengan url blog Anda).

User-agent: *
Disallow: /search
Allow: /
Sitemap: http://namablogAnda.blogspot.com/sitemap.xml

Jika masih error, gunakan kode ini:

User-agent: *
Disallow: /
Allow: /
Sitemap: http://namablogAnda.blogspot.com/sitemap.xml

4. Setting/aktifkan juga tag tajuk robot khusus blog sobat dengan settingan seperti gambar di bawah ini.

Cara Mengatasi URL yang dicekal robots.txt  -  Blocked by Robots

Setelah itu, Anda akan menerima notifikasi dari Google

We're validating your Index coverage issues for site [url blog Anda]
To owner of [url blog Anda],

Google has started validating your fix of Index coverage issues on your site. Specifically, we are checking for ‘Indexed, though blocked by robots.txt’, which currently affects 13 pages.

Validation can take a few days; we will send you a message when the process is complete. You can monitor the progress of the test by following the link below.

Demikian Cara Mengatasi URL yang dicekal robots.txt  -  Blocked by Robots.*

Cara Memasang Menu Navigasi Responsive di Blogger plus Link Media Sosial dan Kotak Pencarian

July 12, 2018 0
Cara Memasang Menu Navigasi Responsive Dropdown di Blogger plus Link Media Sosial dan Kotak Pencarian. 

MENU responsive seperti ini menjadi trending navigasi menu website/blog. Simple, responsive, lengkap. Ini penampakannya. Posisinya biasa di atas header, bisa juga di bawah header blog.

Menu Navigasi Responsive Dropdown di Blogger plus Link Media Sosial dan Kotak Pencarian


Cara Memasang Menu Navigasi Responsive

Berikut ini Cara Memasang Menu Navigasi Responsive Dropdown di Blogger plus Link Media Sosial dan Kotak Pencarian

1. Login ke akun Blogger Anda. Pilih Blog yang akan dipasangi menu ini.
2. Klik Tema > Edit HTML.
3. Copas kode berikut ini tepat diatas kode ]]></b:skin>

.wrapper { width: 100%; margin:0 auto; }
#responsive-menu { display: none; }
#main-nav-wrap { position: fixed; left: 0; top: 0; z-index: 10000; width: 100%; height: 40px; background-color: #fff; box-shadow: 0px 1px 4px rgba(0,0,0,0.08); }
#menu-main-nav {margin:0;}
#main-nav li { position: relative; height: 40px; float: left; border-left: 1px solid #eee; line-height: 40px;margin:0;list-style:none; }
#main-nav li:last-child { border-right: 1px solid #eee; }
#main-nav a { display: inline-block; height: 40px; float: left; color: #444; padding: 0 12px; font-size: 12px; font-weight: 600; line-height: 42px; text-transform: uppercase; transition: background .3s; }
#main-nav a:hover {background-color: #F5F5F5;}
.drop-sign { float: right; margin-left: 3px; color: #FA7700; }
#main-nav ul li ul { position: absolute; left: -1px; top: 33px; z-index: 100; display: none; float: none; border: 1px solid #eee; background-color: #fff; }
#main-nav ul li:hover > ul { display: block; }
#main-nav ul li ul li { height: auto; clear: both; margin-left: 0; line-height: normal; border-right: none; border-left: none; border-bottom: 1px solid #eee;; }
#main-nav ul li ul li:last-child { border-right: none; border-bottom: none; }
#main-nav ul li ul a { min-width: 208px; padding: 0 12px; margin-top: 0; font-size: 12px; font-weight: 400; line-height: 42px; transition: all .3s; border: none; }
#main-nav ul li ul .current-menu-item a { background-color: transparent; }
#main-nav ul li ul .current-menu-item a:hover { background-color: #F5F5F5; }
#main-nav ul li ul ul { left: 100%; top: -1px; }
#nav-elements { height: 40px; float: right; }
#nav-social {float: left;}
#nav-social li { height: 40px; float: left; border-left: 1px solid #eee;margin:0;list-style:none; }
#nav-social li:last-child {border-right: 1px solid #eee;}
#nav-social a { display: block; width: 40px; height: 40px; background: url(//2.bp.blogspot.com/-M7xDlNkYDtM/V6hyLsl94_I/AAAAAAAACPI/-D2lIyqMLIAahtchRb2UJxeyNZnV98Q8ACK4B/s1600/nav-social.png) no-repeat; text-indent: -9999px; transition: background .3s; }
#nav-social ul {margin:0;}
#nav-social a:hover {background-color: #F5F5F5;}
#nav-social .facebook a {background-position: -39px 0;}
#nav-social .instagram a {background-position: -78px 0;}
#nav-social .youtube a {background-position: -117px 0;}
#nav-social .soundcloud a {background-position: -156px 0;}
#nav-social .google a {background-position: -195px 0;}
#nav-social .vimeo a {background-position: -234px 0;}
#nav-search-icon { display: block; width: 40px; height: 40px; float: right; margin-left: -1px; border-left: 1px solid #eee; border-right: 1px solid #eee; background: url(//1.bp.blogspot.com/-ZaRDueIFZsA/V6hxyGma9TI/AAAAAAAACPA/cuM2muGOiI4g1sEO4FlwMwxW5OMtd0gYQCK4B/s1600/header-search-icon.png) no-repeat; cursor: pointer; transition: background .3s; }
#nav-search-icon:hover, #nav-search-icon .visible-search { background-color: #F5F5F5; }
#nav-search { position: absolute; top: 40px; display: none; width: 252px; height: 44px; border: 1px solid #eee; background-color: #fff; }
#nav-search #s { width: 157px; height: 34px; color: #777; padding-right: 75px; padding-left: 10px; margin: 4px 0 0 4px; border: 1px solid #eee; background-color: #fff; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 600; }
#nav-search #s:focus { color: #444; outline: none; }
#nav-search #searchsubmit { position: absolute; right: 7px; top: 7px; height: 30px; color: #fff; padding: 0 9px; border: none; background-color: #444; font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 600; line-height: 29px; text-transform: uppercase; cursor: pointer; transition: background .3s; }
#nav-search #searchsubmit:hover {background-color: #FA7700;}
@media screen and (max-width:960px) {
#sb-search{float:none!important;}
#responsive-menu { position: relative; z-index: 15; display: inline-block; height: 40px; float: left; padding: 0 11px; color: #444; border-right: 1px solid #eee; border-left: 1px solid #eee; cursor: pointer; font-size: 12px; font-weight: 600; line-height: 42px; text-transform: uppercase; transition: background .3s; }
#responsive-menu:hover {background-color: #F5F5F5;}
#main-nav .menu { position: absolute; left: 0; top: 41px; z-index: 4000; display: none; border-right: 1px solid #eee; border-left: 1px solid #eee; background-color: #fff; }
#main-nav li { height: 39px; clear: both; float: none; line-height: 34px; border-left: none; border-bottom: 1px solid #eee; }
#main-nav li:last-child {border-right: none;}
#main-nav a {min-width: 250px;}
#main-nav li a:hover, #main-nav ul li ul .current-menu-item a:hover {color: #555;background-color: transparent;}
#main-nav ul li ul li {height: 39px;}
#main-nav ul li ul li:last-child {border-bottom: 1px solid #eee;}
#main-nav ul li ul li a {padding-left: 30px;}
.drop-sign, #main-nav ul li ul .drop-sign {display: none;}
#main-nav .menu li ul { position: static; display: block !important; float: none; clear: both; border: none; } #main-nav ul li ul a {font-weight: 600;}
}

4. Copas kode HTML berikut ini dibawah kode <body> agar Menu Navigasi Responsive Dropdown plus Link Media Sosial dan Kotak Pencarian ini tampil di atas header. Jika mau dipasang di bawah header, tempatkan di bawah kode </header> atau semisalnya.

<div id='main-nav-wrap'>
<div class='wrapper group'>
<div id='responsive-menu'><i aria-hidden='true' class='fa fa-align-justify'></i> Menu</div>
<nav id='main-nav'>
<div class='menu-main-nav-container'><ul class='menu' id='menu-main-nav'><li class='menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-5017' id='menu-item-5017'><a href='#'>Dropdown <i aria-hidden='true' class='fa fa-angle-down'></i></a>
<ul class='sub-menu'>
<li class='menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-2607 current_page_item menu-item-5023' id='menu-item-5023'>
<a href='#'>Dropdown 1</a></li>
<li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-5021' id='menu-item-5021'>
<a href='#'>Dropdown 2</a></li>
<li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-5018' id='menu-item-5018'>
<a href='#'>Dropdown 3</a></li>
<li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-5022' id='menu-item-5022'>
<a href='#'>Dropdown 4</a></li>
<li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-5020' id='menu-item-5020'>
<a href='#'>Dropdown 5</a></li>
</ul>
</li>
<li class='menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5025' id='menu-item-5025'>
<a href='#'>Fashion</a></li>
<li class='menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5026' id='menu-item-5026'>
<a href='#'>Music</a></li>
<li class='menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5024' id='menu-item-5024'>
<a href='#'>Movies</a></li>
<li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-5027' id='menu-item-5027'>
<a href='#'>Contact</a></li>
</ul></div>
</nav>
<div id='nav-elements'>
<div id='nav-social'>
<ul>
<li class='twitter' title='Twitter'>
<a href='#' target='_blank'>Twitter</a></li>
<li class='facebook' title='Facebook'>
<a href='#' target='_blank'>Facebook</a></li>
<li class='instagram' title='Instagram'>
<a href='#' target='_blank'>Instagram</a></li>
<li class='youtube' title='YouTube'>
<a href='#' target='_blank'>YouTube</a></li>
<li class='soundcloud' title='SoundCloud'>
<a href='#' target='_blank'>SoundCloud</a></li>
</ul>
</div>
<span id='nav-search-icon'></span>
<div id='nav-search'>
<form action='/search' id='searchform' method='get'>
<input id='s' name='q' type='text' value='Cari disini ...'/>
<input id='searchsubmit' type='submit' value='Search'/>
</form>
</div>
</div>
</div>
</div>
<div class='clear'/>

5. Simpan kode Javasctipt Topbar Menu Responsive Blog berikut ini di atas kode </body>

<script type='text/javascript'>
//<![CDATA[
$("#nav-search-icon").on("click", function() {
    $("#nav-search").fadeToggle(250);
    $(this).toggleClass("visible-search");
});
var $navFormValue = $("#nav-search #s").val();
$("#nav-search #s").blur(function() {
    if (0 === this.value.length) this.value = $navFormValue;
});
$("#nav-search #s").focus(function() {
    if (this.value === $navFormValue) this.value = "";
});
var $formValue = $(".widget #s").val();
$(".widget #s").blur(function() {
    if (0 === this.value.length) this.value = $formValue;
});
$(".widget #s").focus(function() {
    if (this.value === $formValue) this.value = "";
});
var $errorFormValue = $(".error-wrap #s").val();
$(".error-wrap #s").blur(function() {
    if (0 === this.value.length) this.value = $errorFormValue;
});
$(".error-wrap #s").focus(function() {
    if (this.value === $errorFormValue) this.value = "";
});
$("#responsive-menu").on("click", function() {
    $("#main-nav ul").slideToggle(250);
});
$(window).resize(function() {
    var a = $(window).width();
    var b = $("#main-nav ul");
    if (a > 1010 && b.is(":hidden")) b.removeAttr("style");
});
//]]>
</script>


6. Save! Simpan template.

Pastikan ada link ke kode JQuery di template Anda. Biasanya di atas kode </head> di kode template Anda. 

Jika tidak ada, pasang kode berikut ini di atas kode </head>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

Demikian Cara Memasang Top Menu Navigasi Responsive dengan Dropdown, Social Link dan Search Box untuk mempercantik sekaligus membuat blog Anda User Friendly.*

Cara Membuat Auto Read More Blog - Judul di Samping Gambar

July 10, 2018 0
Cara Membuat Auto Read More Blog - Judul di Samping Gambar
SEBELUMNYA sudah dibagikan tips Cara Membuat Auto Read More Halaman Depan Blog berupa judul, gambar, dan ringkasan. Posisi judul di atas gambar.

Kali ini tutorial serupa, sama-sama membuat auto readmore di halaman depan blog berupa judul, gambar thumbnail, dan ringkasan, namun posisi judul ada di samping gambar seperti halaman depan dan halaman label blog ini.

Kebanyakan tips dan kode auto readmore blog hasilnya menampilkan judul di atas gambar, baik yang tidak menggunakan javascript maupun yang hanya css dan htm.

Berikut ini penampakan auto readmore judul di samping gambar atau gambar sejajar dengan teks (judul dan ringkasan) seperti di homepage blogger bandung ini.

Cara Membuat Auto Read More Blog - Judul di Samping Gambar

Cara Membuat Auto Read More Blog - Judul di Samping Gambar

Tips ini untuk diterapkan di template blog bawaan blogger. Template bukan bawaan blogger biasanya sudah dipasangkan auto readmore, jadi harus dihapus dulu kode yang lama, baru dipasang yang ini.

1. Tema > Edit HTML
2. Simpan kode CSS Auto Read More ini di atas kode </head>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style>
.post-thumbnail{float:left;margin-right:20px;background:#fff;margin-bottom: 5px;}
.post h2{font-size:20px;font-weight:normal;line-height:1.2em;margin-bottom:10px;margin-top:0}
.post h2 a,.post h3 a:visited{color:#0060A6;display:block;text-decoration:none}
.post h2 a:hover{color:#FF0084}
.post-footer,.date-header,.feed-links {display:none}
</style>
</b:if>
</b:if>

3. Cari dan HAPUS kode yang ada di bawah kode <a expr:name='data:post.id'/> ini:

    <b:if cond='data:post.title'>
      <h3 class='post-title entry-title' itemprop='name'>
      <b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
        <a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a>
      <b:else/>
        <data:post.title/>
      </b:if>
      </h3>
    </b:if>

4. Ganti (replace) kode yang dihapus tadi dengan kode ini:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
   <b:if cond='data:post.thumbnailUrl'>
    <img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' height='140px' width='180px'/>
   <b:else/>
    <img alt='no image' class='post-thumbnail' height='140px' src='https://lh6.googleusercontent.com/-eEyKnIr4mcw/TJ9r0SlNAUI/AAAAAAAAEOI/KK1Hew2EHwQ/s200-c/last%2528gr%2529256.jpg' width='180px'/>
   </b:if>
</b:if>
</b:if> 
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:post.title'>
<h2 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<b:else/>
<h1 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h1>
</b:if>
<b:else/>
<h1 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h1>
</b:if>

5. HAPUS dan GANTI kode  <data:post.body/> yang kedua dengan kode ini:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  <div>
   <data:post.snippet/> 
  </div>
 <b:else/>
  <data:post.body/>
 </b:if>
<b:else/>
 <data:post.body/>
</b:if>

6. HAPUS JUGA KODE INI yang ada di atas kode  <div class='post-footer'> ini:

    <b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
      </div>
    </b:if>

7. Simpan koder berikut ini di atas kode </body>

<script type='text/javascript'>
//<![CDATA[
function replaceText(){if(!document.getElementById){return;}
bodyText = document.getElementById("Blog1");
theText = bodyText.innerHTML;
theText = theText.replace(/s72-c/gi, "s200-c");
bodyText.innerHTML = theText;
}replaceText();
//]]>
</script>

8. Save! Beres.

CARA LAINNYA

1. Tema > Edit HTML
2. Pasang Kode CSS Cara Membuat Auto Read More Blog - Judul di Samping Gambar berikut ini di atas kode </head>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style type='text/css'>
.post {float: left;margin: 0 0 15px 0;overflow: hidden;padding: 0 0 10px 0;position: relative;width: 100%;height: auto;}
.post-body {font-size:90%;line-height:1.3em;color:#777;margin:0;text-align:left}
.post-snippet:before{content:attr(data-snippet)}
h3.date-header,.date-header,.post-header,.post-timestamp,.post-footer,.feed-links{display:none}
.post h2 a,.post h2 a:visited,.post h2 strong{display:block;text-decoration:none;color:#2b2b2b}
.post h2{font-size:18px;line-height:1.3em;color:#2b2b2b;margin:0 0 8px 0;padding:0}
.post h2 a:hover{color:#48d}
.post-thumbnails{margin:0 20px 5px 0;float:left;width:180px;height:110px;object-fit:cover}
</style>
</b:if>
</b:if>

Kode warna merah adalah ukuran gambar.

3. Cari (Ctrl+F) dan ganti kode <data:post.body/> yang kedua atau ketiga (jika ada).

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div class='post-snippet' expr:data-snippet='data:post.snippet'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
</b:if>
</b:if>
4. Cari kode berikut ini yang ada di bawah kode


<b:includable id='post' var='post'> 

<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/> <b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/></b:if></b:if></h3>

Hapus dan ganti dengan kode ini:

<b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <b:if cond='data:post.thumbnailUrl'> <img class='post-thumbnails' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'/> <b:else/> <img alt='no image' class='post-thumbnails' src='https://lh3.ggpht.com/--Z8SVBQZ4X8/TdDxPVMl_sI/AAAAAAAAAAA/jhAgjCpZtRQ/no-image.png'/> </b:if> </b:if> </b:if> <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:post.title'> <h2 class='post-title entry-title'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </b:if> </h2> </b:if> <b:else/> <h1 class='post-title entry-title'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </b:if> </h1></b:if>

5. Cari  kode berikut ini:

<b:includable id='mobile-index-post' var='post'>
...........  banyak kode lain di sini ..........
</b:includable>

Ganti dengan kode berikut ini ini:

<b:includable id='mobile-index-post' var='post'>
<div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<div class='Image-thumb'>
<b:if cond='data:post.thumbnailUrl'>
<b:with value='data:post.thumbnailUrl ? resizeImage(data:post.thumbnailUrl, 350, &quot;4:3&quot;) : data:post.thumbnail' var='image_bro'><img expr:alt='data:post.title' expr:src='data:image_bro'/></b:with>
<b:else/>
<img expr:alt='data:post.title' src='https://1.bp.blogspot.com/-GlygfzLesKI/WSbC_DROQOI/AAAAAAAAAdA/XkZ-ommcuGgaJ1UEhmxMZpaq_RoDBX_OACLcB/s320/no-image.PNG'/>
</b:if>
</div>
<a expr:href='data:post.url'>
<h3 class='post-title entry-title' itemprop='name'>
<data:post.title/>
</h3>
</a>
<div class='post-info'>
<span class='post-author'><i class='fa fa-user'/>&amp;nbsp;<b:if cond='data:post.authorProfileUrl'><a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'><data:post.author/></a><b:else/><data:post.author/></b:if></span>
<span class='post-date'><i class='fa fa-calendar'/>&amp;nbsp;<data:post.dateHeader/></span>
<span class='post-timestamp'><i class='fa fa-clock-o'/>&amp;nbsp;<abbr class='published' expr.title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></span>
<span class='post-labels'><b:if cond='data:post.labels'><i class='fa fa-tag'/>&amp;nbsp;<b:loop values='data:post.labels' var='label'><a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='not data:label.isLast'>,</b:if></b:loop></b:if></span>
<span class='post-comm'><i class='fa fa-comment'/>&amp;nbsp;<b:include cond='data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;} and data:post.allowComments' data='post' name='comment_count_picker'/></span>
</div>
<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' expr:itemprop='(data:blog.metaDescription ? &quot;&quot; : &quot;description &quot;) + &quot;articleBody&quot;'>
<div class='post-body entry-content' expr:id='&quot;summary&quot; + data:post.id' itemprop='articleBody'>
<b:if cond='data:post.snippet'>
<data:post.body/>
</b:if>
</div>
</div>
<script type='text/javascript'>
createSnippet(&quot;summary<data:post.id/>&quot;);</script>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'>
<data:post.jumpText/>
</a>
</div>
<div style='clear:both;'/>
</div>
</b:includable>

Save! Simpan template.
Selesai.

Itu dia Cara Membuat Auto Read More Blog - Judul di Samping Gambar. (bloggerbandung.net).*