Blog Romeltea

Blog Romeltea
custom domain

Bournemouth vs Manchester United 1-3 All Goals & Highlights Video

Bournemouth vs Manchester United 1-3 All Goals & Highlights Video
Bournemouth vs Manchester United 1-3 All Goals & Highlights Video.

BAHAGIA itu kalo Persib Bandung dan Manchester United menang. Persib Nu Aing! Glory Glory Man United !

Setelah menyaksikan Persib menang 2-0 atas Barito Putera di TSC Sabtu (13/8/2016), saya menyaksikan MU menang 3-1 di pertandingan pertama Liga Primer Inggris musim 2016/2017 atas tuan rumah Bournemouth, di Vitality Stadium, Minggu (14/8/2016).

Tiga gol Setan Merah dicetak Juan Mata (40'), Wayen Rooney (59'), dan Zlatan Ibrahimovic (64'). Bournemouth hanya mampu membalas satu gol lewat Adam Smith (69'). GGMU !!!

Siaran Langsung Bournemouth vs Manchester United, mulai Pkl. 19.30 WIB, saya saksikan lewat Live Streaming, soalnya gak disiarin RCTI pun MNCTC sebagai pemegang hak siar Liga Inggris tiga musim ke depan.

Bournemouth vs Manchester United 1-3 All Goals & Highlights Video



Susunan Pemain
AFC Bournemouth:
Boruc; Francis, Adam Smith, Steve Cook, Daniels; Surman, Arter, Lewis Cook (Max-Alain Gradel 82'); Jordon Ibe (Benik Afobe 68'), Wilson (Lewis Grabban 67'), King.

Manchester United:
David De Gea; Antonio Valencia, Eric Bailly, Daley Blind, Luke Shaw; Marouane Fellaini, Ander Herrera; Juan Mata (Henrik Mkhitaryan 75'), Wayne Rooney (Memphis Depay 89'), Anthony Martial (Morgan Schneiderlin 85'); Zlatan Ibrahimovic.*

Pengalaman Merokok di Kamar Hotel Non-Smoking Room

Pengalaman Merokok di Kamar Hotel Non-Smoking Room
Pengalaman Merokok di Kamar Hotel Non-Smoking Room.

HOTEL berbintang biasanya menyediakan dua jenis kamar dalam konteks rokok, yaitu Smoking Room dan Non-Smoking Room.

Smoking Room adalah kamar hotel yang membolehkan tamunya merokok di kamar. Biasanya sudah disediakan asbak dan penghisap asap sebagai tanda "di kamar boleh-merokok".

Non-Smoking Room atau No-Smoking Room adalah kamar hotel yang tidak membolehkan tamunya merokok di kamar. Tidak ada asbak, full-ac, ada deteksi asap rokok. Jika tamu melanggar alias merokok, maka tamu akan kena denda, bisa seharga sewa kamar lho!

Bahkan ada hotel di Jakarta, mungkin juga di kota lain, yang menerapkan aturan, setiap tamu yang menginap harus menandatangani formulir pernyataan tidak akan merokok selama menginap di hotel. Bila ketahuan merokok di dalam hotel atau ruang kamar, maka tamu tersebut akan dikenakan sanksi denda sebesar Rp500.000 (Sumber).

Anda yang perokok tentu akan memesan Smoking Room. Begitu pula sebaliknya, bukan perokok akan memesan non-smoking room.

SAYA punya setidaknya dua pengalaman tentang merokok di kamar hotel ini. Dua-duanya kebetulan di Kalimantan, satu di Pekanbaru dan satu lagi di Banjarbaru.

Pertama, di Pekanbaru, saat menjadi pemateri Pelatihan Public Speaking di sebuah instansi tingkat provinsi, saya menginap bersama teman --sebut saja "manajer"-- yang sama-sama perokok. Sang manajer pun memesan kamar "smoking room" dan tentu saja kami bebas ngudud ngelepus layaknya "ahli hisap" di dalam kamar.

Kedua, di Banjarbaru, saat mengisi pelatihan jurnalistik di sebuah lembaga tingkat provinsi juga, saya sendiri. Begitu cek-in, lupa deh memesan kamar yang boleh merokok (smoking room).

Sudah telanjur masuk kamar, mandi, dan sebagainya, maka saya putuskan biarlah saya tahan tidak merokok, toh sudah agak malam juga, tinggal tidur aja.

Saya sempatkan ke lobi hotel, tepatnya depan lobi, banyak kursi dan meja yang menyediakan asbak, juga "warung" penyedia kopi dan makanan. Di sana bebas merokok.

Keesokan harinya, sambil sarapan sebelum berangkat ke tempat pelatihan, saya bilang ke resepsionis untuk menukar kamar Non-Smoking Room dengan Smoking Room.

Sang resepsionis bertanya, "Kamar nomor berapa?" Saya jawab, "Nomor Sekian". Ia pun menyampaikan kabar baik banget: "Oh, itu boleh (merokok) pak, buka aja jendelanya, tempelan 'non-smoking room' itu formalitas saja," katanya.

Cihuuiiii.....! Okelah kalo begitu....! Thanks! Saya lakukan "uji coba" pagi itu juga. Setelah sarapan, sebenarnua bisa merokok di resto, ada asbaknya kok, di barisan belakang tapi, saya sempatkan kembali ke kamar dan merokok. Ngetes!

Ternyata.... gak ada apa-apa. Bener kata resepsionis tadi! Tentu saja, malam harinya, saat di kamar, saya bebas merokok.

Saya "terlalu" taat aturan kali ya, gak berani merokok di kamar bertuliskan 'non-smoking room'. Takut kenda denda!
 
ITU dia Pengalaman Merokok di Kamar Hotel No-Smoking Room. Saran saya sih, segera hentikan kebiasaan merokok! Ingat, merokok itu berbahaya bagi kesehatan diri sendiri dan orang lain!

Jika Anda perokok, jangan coba-coba berhenti. Susah tau! Jika Anda bukan perokok, jangan coba-coba merokok, bakal kecanduan tau! Jangan! Please, don't!

Poin posting ini adalah mengingatkan ada dua jenis kamar di hotel berbintang, yaitu Smoking Room dan Non-Smoking Room. Anda harus ingat itu saat memesan kamar hotel, jangan ketuker!

Poin pentingnya lagi, jauhi rokok! Jika ada di dekat Anda, bakar saja! Wasalam. (http://blogromeltea.blogspot.com).*

20+ Koleksi Template Toko Online Gratis Download

 Template Toko Online
Koleksi Template Toko Online (OL Shop) untuk Blogger. Gratis! Free Download.

TOKO ONLINE, online store, online shop, atau e-commerce kini menjadi andalan konsumen untuk belanja dengan mudah.

Kebanyakan --kalau tidak semua-- konsumen membuka internet untuk mengecek produk, model, harga, dan spesifikasi barang yang akan dibeli sebelum berangkat ke mall atau ke toko terdekat.

Bisnis online meningkat pesat seiring kemudahan yang ada dalam belanja online. Dipastikan pelaku bisnis modern, usaha kecil ataupun besar, memiliki toko online atau etalase online. Jika tidak, mereka akan dikalahkan pesaing bisnis.

Jualan online tidak cukup dengan menggunakan media sosial Facebook, Twitter, atau Instagram, karena sejatinya media sosial itu untuk pertemanan dan share pengalaman atau pengetahuan. Media sosial berfungsi sebagai penunjang situs toko online.

Dengan blog toko online, maka koleksi produk Anda akan terdokumentasi dengan baik, berdasarkan kategori --misalnya-- harga, ukuran, warna, dan lebih mudah ditemukan calon pembeli dibandingkan hanya dipajang atau dipromosikan di media sosial.

Produk yang dimuat di blog toko online juga dijangkau siapa saja yang online, tidak seperti di media sosial yang dibatasi teman, liker, atau follower.

Semua orang bisa membuat toko online, termasuk menggunakan blogger yang gratis namun aman dan SEO Friendly karena milik Google.

20+ Koleksi Template Toko Online Gratis Download

Berikut ini beberapa template toko online gratis download yang bisa digunakan untuk membuat Toko Online dengan Blogspot.

Template Toko Online untuk Blogger

1. BukaBaju 

 BukaBaju


2. JohnyBlackstore Template

JohnyBlackstore Template


3. MasgusMarket Template

MasgusMarket Template


4. Shopingo - Online Store Responsive Blogger Template

Shopingo - Online Store Responsive Blogger Template


5. BetaCommerce -  Template Blog Online Store Responsive

BetaCommerce -  Template Blog Online Store Responsive


6. Catalogspot K2 E-Commerce - Template Blog Toko Online

Catalogspot K2 E-Commerce - Template Blog Toko Online


7. Johny Palelu Peang - Template Blog Toko Online

Johny Palelu Peang - Template Blog Toko Online


8. Johny Blackstore Template - Template Blog Toko Online

Johny Blackstore Template - Template Blog Toko Online


9. Johny Magstore - Template Blog Toko Online

Johny Magstore - Template Blog Toko Online


10. Shopping Cart - Template Blog Toko Online

Shopping Cart - Template Blog Toko Online


11. Blogger Store - Template Blog Toko Online

Blogger Store - Template Blog Toko Online


12. Baby Shop - Template Blog Toko Online

Baby Shop - Template Blog Toko Online


13. Simplex eShop - Template Blog Toko Online

Simplex eShop - Template Blog Toko Online


14. BlogrShop - Online Store Responsive Blogger Template

BlogrShop - Online Store Responsive Blogger Template


15. BlogrStore - Online Store Responsive Blogger Template
BlogrStore - Online Store Responsive Blogger Template


16. Shopping Chart dengan Invoice Mail. 

Shopping Chart dengan Invoice Mail.


17. MenStyle Shop - Online Store Responsive Blogger Template

 MenStyle Shop - Online Store Responsive Blogger Template


18. Nicole Shop - Online Store Responsive Blogger Template

Nicole Shop - Online Store Responsive Blogger Template
DEMO -  DOWNLOAD

19. PoliShop - Online Store Responsive Blogger Template

Online Store Responsive Blogger Template


20. Catalogspot Revo eCommerce - Online Store Responsive Blogger Template

Online Store Responsive Blogger Template


21. Shoppaholic - Responsive Blogger Template for Online Shop

Shoppaholic - Responsive Blogger Template for Online Shop


Itulah  beberapa Template Blog Toko Online terbaru. Gratis Download. Mana favorit Anda? (http://blogromeltea.blogspot.com).*

Pengalaman Belanja Online di Lazada dan Bukalapak

Pengalaman Belanja Online di Lazada dan Bukalapak
PENGALAMAN Belanja Online di Lazada dan Bukalapak ini plus-minus. Bisa dikatakan senang dan kecewa. Masing-masing kita pastinya punya pengalaman beli barang secara online.

Saya saya masalahkan adalah waktu kirim atau lamanya barang diterima. Bukan salah barang atau produk yang dibeli tidak sesuai dengan pesaran.

Saya mulai dari Lazada. Beli Smartphone. Disebutkan, pengiriman dilakukan dalam 1-3 hari. Tepat, di rentang waktu itu, namun di hari "deadline". Pas hari ketiga datang. Barang sesuai pesanan. Good. Puas!

Selang sehari, pesan lagi sepatu. Dikasih tau, sepatu akan datang dalam rentang 1-3 hari, tepatnya akan diterima di rumah antara tanggal 17-19 Juli 2016.

Meleset! Tanggal 19 tidak datang. Tanggal 20 begitu juga. Malam harinya, saya komplain, tanya, kenapa dijanjikan datang paling telat tanggal 19, kok hingga lewat tanggal 20 belum datang juga?

Oh... langsung ada respons. Keseokan harinya, tanggal 21, ada email yang menyebutkan Sepatu sudah ada di Bandung. Hmmm... paling sore datangnya! Benar. Saat lagi nonton siaran langsung Persipura vs Persib, sepatu datang. Pesib pun menang!!!

Kenapa bisa telat? Oh... mungkin produk yang dibeli "gak seberapa", kurang dari 200 ribu! Beda ama Smatphone yang harganya jutaan, makanya 'gak lewat batas waktu yang dijanjikan.

Saya suka belanja di Lazada karena banyak yang "Bayar di Tempat" alias Cash on Delivery (COD). Ada barang datang, baru bayar! Enak 'kan?

PENGALAMAN ketiga ini nih yang bikin "kapok". Saya coba Bukalapak. Beli Tas. Tidak ada COD, tapi langsung bayar, transfer online, saya pake internet banking. Begitu order, langsung saya lunasi.

Disebutkan, barang akan dikirim dalam waktu 1-3 hari, antara tanggal 18-20 Juli 2016. Mantap! Hingga lewat tanggal 20, barang belum juga tiba.

Bahkan, saat posting ini saya tulis, tanggal 24 Juli malam, Pkl. 18.45 WIB, itu tas yang sudah saya bayar, belum datang juga!

Saya tidak tanya, tidak komplain. Biarin aja. Oh iya, pas tanggal 24 itu, ada notifikasi via email, bawah tas sedang "on process", sedang dalam perjalanan, dikirim ke rumah. "Status Pengiriman Barang Pesananmu Sudah Berubah," kata Bukalapak.

Oalaaah.... Itu yang jual tas di Bandung lho! Xxxxstore nama pelapaknya. Kok lama banget? Jadi, bukan Bukalapak-nya yang telat, tapi sang penjual ini yang leletnya minta diampuni!

Yang jual di Bandung lho! Kok bisa sudah lima hari gak datang-datang juga itu tas yang sudah dibayar? Kapok! Moal deui-deui, moal rekomen eta di pelapak.

Bukalapak 'gak salah, karena ia hanya sediakan lapak online. Pelayanan Bukalapak juga ok, selalu ada notifikasi jika ada perkembangan dengan produk yang sudah dibeli. Yang mengecewakan, ya... seller-nya itu!

Bagaimanapun, memang, belanja langsung (offline) ke toko atau mall lebih enak, lebih cepat, dan lebih baik. Kita ke internet buat cek harga dan spek aja, cek produk terbaru aja, lalu catat kode produk atau nama barangnya, jika perlu dipotret kamera HP.

Itu dia pengalaman saya belanja online di Lazada dan Bukalapak. Jauh sebelumnya, entah tahun berapa, saya juga beli jaket secara online. Eh.... tak seindah gambarnya! Lebih parah lagi, kekecilan euy...! Hadeuh....!!!


SATU lagi pengalaman saya belanja online, yaitu beli burung kenari. Dua-duanya memuaskan. Mantap. No Komplain. No kecewa. Saya belinya di Grup Facebook Jual Beli Kenari Bandung (JBKB).

Member JBKB mencapai 34.000 lebih. Yang saya suka, bahasa yang digunakan adalah bahasa Sunda lemes. No kasar, no "anyir-anyiran". Pokoknya, mantap! Sopan-santun sangat terjaga.

Dua kali saya beli kenari di JBKB. Pertama, beli kenari bon oren. Murah dan kualitas burung mantap! COD pula. Bisa antar, tergantung kesiapan penjual dan jarak juga.

Nah, ketika si kenari gacor itu hilang, ada yang "mengambil paksa" alias dicuri, saya kembali buka laman grup JBKB. Saya cari kenari panda putih abu gacor.

kenari panda putih abu gacor
Begitu posting, banyak respons. Rame! Banyak yang nawarin, namun kebanyakan tidak siap antar ke rumah karena jarak.

Rabu hingga Sabtu, saya gagal mendapatkan kenari yang diinginkan: Kenari Panda Putih Abu. Bukan tidak ada, tapi karena kebanyakan yang jual jauh. Sedangkan saya ingin diantarkan ke rumah alias COD.

Minggu pagi, saya coba posting lagi di grup. Akhirnya, dapat jodo. Penjual langsung komen dan langsung kontak vis HP tanya alamat lengkap.

GPL, Gak Pake Lama, Kang Dani namanya, langsung kasih kabar bahwa ia OTW. Cepat banget! Alhamdulillah...

Tak lama, transaksi terjadi. Saya dapat Kenari Abu Putih, bukan Panda, seperti dalam ilustrai gambar Kenari Panda Putih Abu di atas, tapi "cerewetnya" itu lho... minta ampun kerennya! Gacor banget nggak, tapi cukup lah buat nenemin "ngelamun" sehari-hari di rumah


Bagaimana pengalaman Belanja Online Anda? Wasalam (http://blogromeltea.blogspot.com).*

Cara Membuat Auto Read More Ringkasan Post & Gambar Thumbnail

Cara Membuat Auto Read More (Ringkasan Post & Gambar Thumbnail) di Halaman Depan Blog Tanpa Javascript sehingga Fast Loading.

Auto Read More Ringkasan Post & Gambar Thumbnail

Auto Read More adalah istilah bagi tampilan halaman depan blog berupa ringkasan atau berupa judul dan kutipan alinea pertama plus gambar (image) thumbnail.

Jika Anda menggunakan template yang disediakan blogger (default), untuk menampilkan Auto Read More Ringkasan Post & Gambar Thumbnail  harus klik menu "Insert jump break" yang ada di atas, di samping icon "Insert a video".

Auto Read More Ringkasan Post & Gambar Thumbnail ini menjadi tampilan umum blog saat ini supaya lebih banyak posting yang tampil di homepage dan banyak pilihan buat pembaca. Template Blog SEO Friendly terbaru umumnya sudah menggunakan auto read more ini.

Bisa dikatakan, tampilan halaman depan blog berupa Auto Read More Ringkasan Post & Gambar Thumbnail sudah masuk kategori User Experience (UX) sehingga blog kita ramah pembaca (user friendly).

Contoh tampilan Auto Read More Ringkasan Post & Gambar Thumbnail adalah Blog Romeltea ini, namun tanpa link teks "Read more" atau "Baca Selengkapnya", karena user sudah paham jika ingin membuka tulisan, yaitu dengan klik Judul Posting.

Macam-Macam Tampilan Auto Read More

Berikut ini jenis-jenis tampilan ringkasan posting plus gambar di halaman depan blog seperti dishare Help Logger, plus cara membuat atau memasangnya, tanpa Javascript sehingga fasy loading (Stylish Post Summaries and Thumbnails for Blogger - No JavaScript Required).

Auto Read More Ringkasan Post & Gambar


Cara Membuat Auto Read More Ringkasan Post & Gambar 

1. Klik Template > Edit HTML

Template Edit HTML

2. Klik mouse di aera kode yang terbuka.
3. Tekan CTRL + F untuk membuka kotak pencarian kode di kanan atas.
4. Copy & paste kode berikut ini di kotak pencarian yang terbuka, lalu tekan Enter

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

kode html template

5. Hapus kode <b:includable id='post' var='post'>...</b:includable> dan ganti dengan kode berikut ini:

<b:includable id='post' var='post'>
  <article expr:class='&quot;blogger-post blogger-post-&quot; + data:blog.pageType' expr:id='&quot;post-&quot; + data:post.id'>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
            <div class='blogger-post-part blogger-post-thumbnail-area'>
              <b:if cond='data:post.thumbnailUrl'>
                <a expr:href='data:post.url'><img class='blogger-post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' height='72' width='72'/></a>
              </b:if>
            </div>
          </b:if>
        </b:if>
        <div class='blogger-post-part blogger-post-body-area'>
          <h3 class='blogger-post-title'>
            <b:if cond='data:post.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'>
                  <b:if cond='data:blog.url != data:post.url'>
                    <a expr:href='data:post.url'><data:post.title/></a>
                  <b:else/>
                    <data:post.title/>
                  </b:if>
                <b:else/>
                  <data:post.title/>
                </b:if>
              </b:if>
            <b:else/>
              [Untitled]
            </b:if>
          </h3>
          <div class='blogger-post-body'>
            <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:else/>
                <b:if cond='data:post.snippet'>
                  <data:post.snippet/>
                <b:else/>
                  No content.
                </b:if>
              </b:if>
            </b:if>
          </div>
          <footer class='blogger-post-footer'>
            <div class='blogger-post-footer-line blogger-post-footer-line-1'>
              <span class='blogger-post-author vcard'>
                <b:if cond='data:top.showAuthor'>
                  <data:top.authorLabel/> <span class='fn'>
                  <b:if cond='data:post.authorProfileUrl'>
                    <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='Author Profile'><data:post.author/></a>
                  <b:else/>
                    <span class='g-profile'><data:post.author/></span>
                  </b:if>
                  </span>
                </b:if>
              </span> <span class='blogger-post-timestamp'>
              <b:if cond='data:top.showTimestamp'>
                <data:top.timestampLabel/> <a class='blogger-post-timestamp-link' expr:href='data:post.url' rel='bookmark' title='Permanent Link'><time class='blogger-post-published published' expr:datetime='data:post.timestampISO8601'><data:post.timestamp/></time></a>
              </b:if>
              </span> <span class='blogger-post-comment-link'>
              <b:if cond='data:blog.pageType != &quot;item&quot;'>
                <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                  <b:if cond='data:post.allowComments'>
                    <a expr:href='data:post.url + &quot;#comments&quot;'><data:post.commentLabelFull/></a>
                  </b:if>
                </b:if>
              </b:if>
              </span>
            </div>
            <div class='blogger-post-footer-line blogger-post-footer-line-2'>
              <span class='blogger-post-labels'>
                <b:if cond='data:post.labels'>
                  <data:postLabelsLabel/> <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>
            <b:include data='post' name='postQuickEdit'/>
              </span>
            </div>
          </footer>
        </div>
      </article>
    </b:includable>

6. Cari (CTRL + F) kode ]]></b:skin> dan Copas salah satu kode berikut ini di atasnya:

Ada tiga pilihan tampilan dan kode CSS-nya. Silakan pilih sesuai dengan tampilan Auto Read More Ringkasan Post & Gambar Thumbnail di Halaman Depan Blog yang Anda kehendaki:

Model Auto Read More #1
 
Auto Read More Ringkasan Post & Gambar
Kode CSS;

.blogger-post {padding: 5px 0px 0px; background: #F6F6F6; border-right: 1px dashed #E3E3E3;height:150px; margin:0 0 20px; overflow:hidden; *zoom:1;}
.blogger-post:after { content:" "; display:block;clear:both;}
.blogger-post-title { font:normal bold 20px/1.2 Arial,Sans-Serif; margin:0 0 10px;padding:0;}
.blogger-post-title a{color: #888;}
.blogger-post-thumbnail-area {border-radius: 330px;-webkit-border-radius: 330px; -moz-border-radius: 330px; border: 10px solid #E5E5E5;margin-left: 20px;width:120px;height:120px; background-color:#2D3957;float:left;overflow:hidden;background: url('http://4.bp.blogspot.com/-1EWHdOSKo4U/U6SRtdpyfnI/AAAAAAAAJS8/pGyE9nTVSFM/s1600/no-image-available.png'); background-repeat: no-repeat; background-size: 100%;}
.blogger-post-body-area:before {border-bottom:40px solid transparent;border-right:40px solid #E4E4E4;border-top:40px solid transparent; width:0;height:0; content:"";margin: 10px 0px 20px -60px;display:inline-block;float: left;}
.blogger-post-thumbnail {display:block;width:100%;height:100%;max-width:none;max-height:none;min-width:0;min-height:0;margin:0;padding:0;border:none;outline:none;position:static;}
.blogger-post-body-area {padding:20px;margin-left:200px;font-size:12px;border-left: 1px solid #E3E3E3;}
.blogger-post-footer {margin:10px 0 0;padding:10px 0 0;border-top:1px dotted #ddd;font:normal bold 8px/1.5 Verdana,Tahoma,Arial,Sans-Serif;text-transform:uppercase;color:#999;}
.blogger-post-footer a {color: #888;}
.blogger-post-item,
.blogger-post-static_page {height:auto}
.blogger-post-item .blogger-post-body-area,
.blogger-post-static_page .blogger-post-body-area {margin:0;padding:20px;font-size:13px;}
.blogger-post-item .blogger-post-title,
.blogger-post-static_page .blogger-post-title {font-size:30px}
.icon-action {width: 10px;height:10px;}

Model Auto Read More Ringkasan Post & Gambar Thumbnail #2
Auto Read More Ringkasan Post & Gambar

Kode CSS:

.blogger-post {background: #F6F6F6;border-right: 1px dashed #E3E3E3;height:200px; margin:0 0 20px; overflow:hidden; *zoom:1;}
.blogger-post:after { content:" "; display:block; clear:both;}
.blogger-post-title {font:normal bold 20px/1.2 Arial,Sans-Serif;margin:0 0 10px; padding:0;}
.blogger-post-title a{color: #888;}
.blogger-post-thumbnail-area {width:200px; height:200px;background-color:#2D3957;float:left;overflow:hidden;background: url('http://4.bp.blogspot.com/-1EWHdOSKo4U/U6SRtdpyfnI/AAAAAAAAJS8/pGyE9nTVSFM/s1600/no-image-available.png');background-repeat: no-repeat;background-size: 100%;}
.blogger-post-thumbnail {display:block;width:100%;height:100%;max-width:none;max-height:none;min-width:0;min-height:0;margin:0;padding:0;border:none;outline:none;position:static;}
.blogger-post-body-area {padding:20px;margin-left:200px;font-size:12px;}
.blogger-post-footer {margin:10px 0 0;padding:10px 0 0; border-top:1px dotted #ddd;font:normal bold 8px/1.5 Verdana,Tahoma,Arial,Sans-Serif; text-transform:uppercase; color:#999;}
.blogger-post-footer a {color: #888;}
.blogger-post-item,
.blogger-post-static_page {height:auto}
.blogger-post-item .blogger-post-body-area,
.blogger-post-static_page .blogger-post-body-area { margin:0; padding:20px; font-size:13px;}
.blogger-post-item .blogger-post-title,
.blogger-post-static_page .blogger-post-title {font-size:30px}
.icon-action {width: 10px;height:10px;}

Auto Read More Model #3

 Auto Read More

#blog-pager {clear: both;}
.blogger-post {background: #F6F6F6; border-right: 1px dashed #E3E3E3; border-left: 1px dashed #E3E3E3; width:200px; margin:0 20px 20px 0; padding: 10px 10px 0px; overflow:hidden; float: left; display:inline-block; *zoom:1;}
.blogger-post:after { content:" "; display:block; clear:both;}
.blogger-post-title { font:normal bold 16px/1.2 Arial,Sans-Serif; margin:0 0 10px; padding:0;}
.blogger-post-title a{color: #777;}
.blogger-post-thumbnail-area a img{ width:200px; height:200px; background-color:#fff;overflow:hidden;background: url('http://4.bp.blogspot.com/-1EWHdOSKo4U/U6SRtdpyfnI/AAAAAAAAJS8/pGyE9nTVSFM/s1600/no-image-available.png');background-repeat: no-repeat;background-size: 100%;}
.blogger-post-thumbnail { display:block; width:100%; height:100%; max-width:none;max-height:none;min-width:0; min-height:0; margin:0; padding:0; border:none; outline:none;position:static;}
.blogger-post-body-area { padding:10px 20px 20px; margin:10px 0 0; font-size:11px;}
.blogger-post-footer {background: #E9E9E9; margin:10px -20px 0; padding:20px; border-top:1px dotted #ddd; font:normal bold 8px/1.5 Verdana,Tahoma,Arial,Sans-Serif; text-transform:uppercase; color:#555;}
.blogger-post-footer a{color: #888;}
.blogger-post-item,
.blogger-post-static_page {width:auto;}
.blogger-post-item .blogger-post-body-area,
.blogger-post-static_page .blogger-post-body-area { margin:0; padding:20px; font-size:13px;}
.blogger-post-item .blogger-post-title,
.blogger-post-static_page .blogger-post-title {font-size:30px;}
.icon-action {width: 10px;height:10px;}

7. Kode berikut ini untuk menghindari gambar buram (blur). Copas di atas kode </body>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
function changeThumbSize(id,size){
var blogGadget = document.getElementById(id);
var replacement = blogGadget.innerHTML;
blogGadget.innerHTML = replacement.replace(/s72-c/g,&quot;s&quot;+size+&quot;-c&quot;);
var thumbnails = blogGadget.getElementsByTagName(&quot;img&quot;);
for(var i=0;i&lt;thumbnails.length;i++){
thumbnails[i].width = size;
thumbnails[i].height = size;
}
}
changeThumbSize(&quot;Blog1&quot;,210);
</script>
</b:if>
</b:if>

Save template!

Cara MembuatAuto Read More Biasa

Jika Anda ingin menampilkan Auto Read More + Gambar Thumbnail biasa, seperti blog saya ini, gunakan kode yang dishare Blogger Central berikut ini.

1. Copas kode berikut ini di atas kode </head>

<!-- Auto read more script Start --> <script type='text/javascript'> var thumbnail_mode = "yes"; //yes -with thumbnail, no -no thumbnail summary_noimg = 430; //summary length when no image summary_img = 340; //summary length when with image img_thumb_height = 200; img_thumb_width = 200; </script> <script type='text/javascript'> //<![CDATA[ function removeHtmlTag(strx,chop){ if(strx.indexOf("<")!=-1) { 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); } } strx = s.join(""); } chop = (chop < strx.length-1) ? chop : strx.length-2; while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; strx = strx.substring(0,chop-1); return strx+'...'; } function createSummaryAndThumb(pID){ var div = document.getElementById(pID); var imgtag = ""; var img = div.getElementsByTagName("img"); var summ = summary_noimg; if(thumbnail_mode == "yes") { if(img.length>=1) { imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>'; summ = summary_img; } } var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>'; div.innerHTML = summary; } //]]> </script> <!-- Auto read more script End -->

2. Cari dan Ganti kode <data:post.body/> dengan kode:

<!-- Auto read more Start -->
<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:else/> <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div> <script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;); </script> <a class='more' expr:href='data:post.url'>Read more ...</a> </b:if> </b:if>
<!-- Auto read more End -->

3. Save Template!
Jika gambarnya buram, gunakan kode yang ada di posting Mengatasi Gambar Buram Auto Readmore. Wasalam. (blogromeltea.blogspot.com).*

Back To Top