Cara Membuat Read more secara Otomatis di Blog dengan Script HTML

Read more dalam bahasa indonesia berarti Baca selengkapnya, kurang lebih seperti itu artinya. Dalam sebuah blog read more/ baca selengkapnya digunakan untuk memperpendek tampilan suatu postingan di homepage(halaman depan/awal) suatu blog, sehingga blog tampil lebih rapi dan menarik.

Ada dua cara yang saya ketahui untuk membuat readmore khusunya di blogger/ blogspot, yaitu dengan cara manual adalah cara dimana kita harus mengedit satu persatu post diblog yang harus di tambahkan INSERT JUMP BREAK disetiap posting/ artikel blog kita.


Sedangkan untuk cara ke-2 adalah dengan cara mengedit kode html pada Template blog yang ditambahkan beberapa script baru

Cara Membuat Read More Otomatis Untuk Postingan di Blog

1. Buka Blog sobat> masuk ke Blogger Dashboard

2. Pilih Template kemuadian klik  Edit Html

3. Cari Kode </head> (tekan CTRL + F atau F3 untuk mempermudah dalam pencarian)

4. Letakan Kode Script dibawah ini tepat diatas kode </head>

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 100;
summary_img = 100;
img_thumb_height = 60;
img_thumb_width = 90;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return b+" [...]"}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div>"+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c};
//]]>
</script>

Keterangan yang berwarna biru:

• summary_noimg = 100; adalah banyaknya huruf jika tidak terdapat gambar
• summary_img = 100; adalah banyaknya huruf jika terdapat gambar
• img_thumb_height = 60;  ukuran tinggi gambar
• img_thumb_width = 90; ukuran lebar suatu gambar

5. Selanjunya  cari kode <data:post.body/>   (Klik 2x/ atau cobak kode tersebut satu per satu)

6. Ganti Kode <data:post.body/>  dengan kode dibawah ini

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<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>
<span class='rmlink' style='float:left'> <a expr:href='data:post.url'><b>Readmore</b> &#8594; <data:post.title/></a></span>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

Note: jika anda sudah pernah memasang Kode Read More sebelumnya silahkan dihapus dulu kodenya!!, dan sobat juga bisa mengganti lulisan read more, dengan tuisan yang lainya sepertiBaca selengkapnya, dll.

7. Kemudian Simpan Template dan Lihat Hasilnya

Cara ini telah saya coba di blog saya yang satunya dan ini berhasil!!

Membuat Kotak teks (Text Box) di Postingan Blog [Wordpress dan Blogspot]

Saat ini banyak para blogger yang ingin mempercantik tampilan blog mereka, terutama untuk bagian postingan blog, salah satunya biasanya mereka menambahkan kotak teks (text box)sebagai background (latar belankang) dari paragraf tertentu didalam sebuah postingan blog.

Selain itu text box juga digunakan sebagai bacground untuk sebuat link/ url penghubung antara satu posting ke posting yang lain.

Ada beberapa bentuk dari kotak text yang akan saya bagikan ke sobat kali ini, mari kita simak beberapa bentuk dari kotak text lengkap dengan kode html

Cara membuat kotak text / background untuk tulisan di artikel blog [wordpress & blogspot]:

1. Masuk / Login ke akun Blogger sobat
2. Pilih ENTRI BARU
3. Buatlah tulisan tulisan
4. Kemudian Pilih HTML, pada pojok kiri atas
5. Masukan  salah satu  Kode dibawah
6. Kemudian Compose
7. Setelah itu copy tulisan yang telah anda buat
8. Dan Paste ke dalam kotak text 



Berikut kotak teks untuk post di blog dengan Border (bingkai/garis batas)

<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">masukan tulisan anda disini</div>

Keterangan:

• border: 3px merupakan ketebalan garis pinggir kotak teks 
• #1780dd warna garis batas/ pinggir kotak teks 
• Double adalah bentuk dari garis batas pada pinggir kotak teks  
• padding: 10px merupakan panjang kotak teks dari atas ke bawah 
• background-color:#ffffff adalah warna latar belakan dari kotak teks 
• text-align: left  posisi kotak teks (text box) di bagian sisi kir

Berikut dibawah ini script bentuk bentuk kotak teks :
  

masukan tulisan anda disini (Dotted).

Kode Html:
<div style="background-color: white; border: 3px #1780dd dotted; padding: 10px; text-align: left;">
masukan tulisan anda disini (Dotted)</div>

masukan tulisan anda disini (Dashed)

<div style="background-color: white; border: 3px #1780dd dashed; padding: 10px; text-align: left;">
masukan tulisan anda disini (Dashed)</div>

masukan tulisan anda disini (Solid)

<div style="background-color: white; border: 3px #1780dd solid; padding: 10px; text-align: left;">
masukan tulisan anda disini (Solid)</div>

masukan tulisan anda disini (Groove)

<div style="background-color: white; border: 3px #1780dd groove; padding: 10px; text-align: left;">
masukan tulisan anda disini (Groove)</div>

masukan tulisan anda disini (Inset)

<div style="background-color: white; border: 3px #1780dd inset; padding: 10px; text-align: left;">
masukan tulisan anda disini (Inset)</div>

masukan tulisan anda disini (Ridge)

<div style="background-color: white; border: 3px #1780dd ridge; padding: 10px; text-align: left;">
masukan tulisan anda disini (Ridge)</div>

masukan tulisan anda disini (outset)

<div style="background-color: white; border: 3px #1780dd outset; padding: 10px; text-align: left;">
masukan tulisan anda disini (outset)</div>

Untuk kode script html kotak text yang tidak memiliki border dibawah ini script htmlnya:

Tanpa Border

Kode script html:
 
<div style="background-color: #f3f3f3; padding: 10px; text-align: left;">
masukan text disini 
</div>

Demikian bentuk bentuk kotak text yang dapat saya bagikan jika ada bentu yang lebih baru yang sobat tahu silahkan disharing kepada kawan semua

Opsi Solusi Google Core Update Trafik Bog Turun 100%

Google Core Update, Juni 2019. Apa yang Terjadi?. Berdasarkan catatan kecil ketika belajar ngeblog yang ilmunya sangat rumit untuk dipelajari, bahkan rumitnya melebihi cara membuat perangkat administrasi guru 😀.

Jika Anda memiliki blog sebagai wadah untuk menuliskan beberapa catatan, Anda pasti sempat melihat laporan trafik pengunjung. Dari situ Anda bisa melihat seberapa banyak orang yang berkunjung ke blog Anda dan membaca artikel yang Anda tulis.

Mungkin Anda melihat laporan pengunjung blog Anda di minggu-minggu ini mengalami penurunan yang drastis dari konversi page view hingga mencapai titik ambang 100% jauh kebawah dari page view normal sebelumnya.

Tampaknya Google baru saja meluncurkannya rilis pembaruan terbarunya, pembaruan Google Broad Core Algorithm untuk Juni 2019.  Dari situ, saya telah melihat hasil positif dan negatif di antara beberapa artikel yang saya tulis.

Satu hal, meskipun sedikit panik, yang tidak ingin Anda lakukan adalah benar-benar panik jika Anda melihat hasil negatif setelah pembaruan algoritma ini. Sudah saya singgung diatas sebelumnya. Hal ini biasanya mengenai situs web pada waktu yang berbeda (jika Anda memiliki beberapa blog), yang berarti bahwa blog Anda mungkin terlihat ada kenaikan atau penurunan sebelum yang lain, sehingga hasilnya miring pada awalnya.

Sering kali membutuhkan waktu berminggu-minggu sebelum dapat membersihkan dan memulihkan kesehatan blog dari crash yang mengendap dari pembaruan algoritma yang signifikan. Kali ini tidak seperti pembaruan pinguin, panda dan lain sebaginya yang menargetkan hal-hal spesifik, pembaruan inti ini dapat mengubah nilai dari segalanya.

Karena blog memiliki bobot terhadap situs lain yang relevan dengan permintaan Anda (insinyur menyebut ini sebagai corpus) alasan situs Anda jatuh bisa sama sekali berbeda dari alasan orang lain menaikkan atau menurunkan peringkat.

Sederhananya, Google tidak memberi tahu kita bagaimana memulihkan karena itu kemungkinan jawaban yang berbeda untuk setiap situs web dan permintaan. Itu semua tergantung pada apa yang dilakukan orang lain untuk memeringkat permintaan Anda. (Source google)

Berdasarkan apa yang telah saya lihat diluar sana, tampaknya Google terus memberi hadiah pada konten (blog) gaya "pilar". Konten yang teliti, bersih, relevan terus menjadi tolok ukur keberhasilan SEO. Anda tidak lagi melihat banyak konten di bawah 1.000 kata yang berada di halaman 1, dan untuk istilah yang lebih kompetitif, 2.000-5.000 kata menjadi normal (mungkin keadaan ini bisa berbeda, namun ada titik temu yang sama ketika duplikasi konten terjadi). Lihat data blog Anda di beberapa tools  seo serp terutama rangking keywordnya. Bandingkan dengan seberapa banyak kata yang Anda tulis dalam posting tersebut.

Mungkin artikel Anda tidak lebih dari 300 kata, itu tidak berarti bahwa Anda harus bertele-tele dengan semua konten Anda, beberapa posting Anda mungkin 250, 600, 1.000, beberapa mungkin 1.500 kata lebih atau bahkan kurang. Itu akan tergantung pada artikel yang sebenarnya Anda tulis.

Jadi bagaimana bisa pulih dari Google Core Update?

Terus lakukan apa yang Anda lakukan. Terus buat konten berkualitas tinggi artinya bermanfaat untuk orang. Terus berupaya mendapatkan keterlibatan seperti menjawab komentar dan update pembaharuan pada artikel yang sudah usang. Bunuh duplikasi konten yang menjatuhkan martabat blog Anda.

Lebih baik fokus pada kata kunci persaingan rendah, idealnya di bawah ambang batas 100 QSR. Anda akan terus melihat hasil dan terus naik peringkat dengan setiap pembaruan pada blog Anda. Jangan pernah berhenti memperbaiki situs Anda setelah Anda mencapai Posisi 1, karena blog di Posisi 2 tidak akan berhenti mendahului posisi blog Anda.

Jadi menurut saya, saran terbaiknya untuk menaklukkan pembaruan inti ini tetap fokus pada:

1. Niat pengguna.
2. Konten berkualitas.
3. Arsitektur bersih.
4. Pedoman Google.

Bagaimana, sudahkah Anda memperhatikan perubahan dalam satu atau dua hari terakhir ini pada peringkat blog Anda? Jika demikian, saya ingin mendengar tanggapan Anda tentang apa yang Anda lihat dalam hal peringkat dan lalu lintas situs blog Anda secara keseluruhan. Tinggalkan wawasan Anda di bawah ini.
Sumber https://ibadjournals.blogspot.com/

OSN SD 2019 Tingkat Provinsi 28 Maret 2019

. Persiapkan dirimu Menjadi Juara. Olimpiade Sains Nasional Untuk jenjang Sekolah Dasar seleksi tingkat provinsi akan dilaksanakan secara serentak di seluruh Indonesia pada tanggal 28 Maret 2019. Persiapkan dirimu menjadi juara. 

Peserta olimpiade tingkat provinsi adalah para sang juara OSN di tingkat kabupaten, OSN SD ini berjenjang mulai dari seleksi tingkat sekolah, tingkat kecamatan, tingkat kabupaten, provinsi, dan yang jadi sang juara OSN di provinsi nanti akan melanjutkan ke tingkat nasional.

Olimpiade SD ada dua mata pelajaran yang di olimpiade kan, yaitu : Ilmu Pengetahuan Alam (IPA) dan Matematika.

Selamat berjuang adek-adek Adel. Semoga sukses di OSN Provinsi 28 Maret 2019 Nanti. Kamu menjadi juara adalah kebanggaan bagi diri, sekolah, kabupaten asal, terutama kebangga orang tua.

Sumber https://folderosn.blogspot.com/