Showing posts with label read. Show all posts
Showing posts with label read. Show all posts
Wednesday, December 21, 2016
Cara membuat read more pada blog
Cara membuat read more pada blog
Cara membuat read more pada blog, blogspot, Blogger OTOMATIS ini sangat mudah sekali, karena hanya tinggal mengcopykan script code yang ada ke template anda, dengan begitu andapun tidak perlu repot lagi dalam hal pembuatan readmore ini, oke tanpa panjang lebar silahkan ikuti langkah-langkahnya seperti yang di bawah ini.:

Membuat Read More Di Blogspot
? Silahkan Login di akun blogger anda? Lalu klik Rancangan dan klik Edit HTML
? Jangan lupa untuk mencentang Expand Template Widget
? Untuk menghindari hal2 yang tidak diinginkan maka simpan/backup terlebih dahulu template saudara, untuk menghindari hal yang tidak diinginkan.
? Kemudian Cari kode </head>. Dan untuk mempermudah pencarian kode nya anda tekan aja ( CTRL + F )
? Lalu silahkan tambahkanlah kode yang ada dibawah ini tepat diatas kode </head> tersebut.
Bila anda ingin merubah ukuran pada Read More di Blogger anda tersebut, kamu tinggal merubah di bagian-bagian kode yang berwarna merah bawah ini, dan Ubahlah angkanya sesuai dengan keinginan.
summary_noimg = 430; adalah tinggi potongan artikel tanpa gambar
summary_img = 340; adalah tinggi potongan artikel dengan gambar
img_thumb_height = 100; adalah ukuran tinggi thumbnail
img_thumb_width = 120; adalah ukuran lebar thumbnail
? langkah Selanjutnya cari kode <data:post.body/> lalu ganti tag <data:post.body/> tersebut dengan kode script di bawah ini :
<b:if cond=data:blog.pageType != "item"> <div expr_id="summary" + data:post.id><data:post.body/></div><script type=text/javascript>createSummaryAndThumb("summary<data:post.id/>");</script><span class=rmlink style=float:right;padding-top:20px;><a expr_href=data:post.url>»»  READMORE...</a></span> </b:if><b:if cond=data:blog.pageType == "item"><data:post.body/></b:if>
? dan untuk tulisan " READ MORE " bisa diganti sesuai dengan selera anda.
setelah dipastikan semua udah terpasang dengan benar langkah selanjutnya adalah simpan template dan coba lihatlah hasilnya.
Go to link Download
Friday, December 16, 2016
Cara Membuat Tombol Read More di Blog Blogspot
Cara Membuat Tombol Read More di Blog Blogspot
Mungkin belum banyak yang mengetahui Cara Membuat Tombol Read More di Blog Blogspot, untuk itu disini saya akan mencoba menjelaskan secara singkat Bagaimana Cara Membuat Read More di Blog Blogspot.
Tapi sebelumnya saya ingin memberitahukan bahwa Read More yang akan kita buat ini otomatis, maksudnya kita akan belajar Cara Membuat Read More secara otomatis menggunakan bantuan dari jump link yang ada di blogspot.
Dalam tutorial ini saya menggunakan Template Sederhana (standar) dari Blogger.
Baik, langsung saja kita mulai pembahasan cara membuat tombol read more di blog blogspot.
1. Masuk ke Template dan klik Edit Template
2. Klik CTRL + F, dan cari kode html </head>
3. Letakan kode dibawah ini, tepat diatas kode html </head>
<script type=text/javascript>
var thumbnail_mode = "float" ;
summary_noimg = 275;
summary_img = 275;
img_thumb_height = 120;
img_thumb_width = 120;
</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(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>
var thumbnail_mode = "float" ;
summary_noimg = 275;
summary_img = 275;
img_thumb_height = 120;
img_thumb_width = 120;
</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(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>
4. Lanjut dan cari kode ini <data:post.body/> dan ubah dengan kode HTML di bawah ini.
<b:if cond=data:blog.pageType != "item">
<div expr_id="summary" + data:post.id><data:post.body/></div>
<script type=text/javascript>createSummaryAndThumb("summary<data:post.id/>");</script>
<div class=readmore-link><span class=arrow></span> <a expr_href=data:post.url>Read More</a></div>
</b:if>
<b:if cond=data:blog.pageType == "item"><data:post.body/></b:if>
<div expr_id="summary" + data:post.id><data:post.body/></div>
<script type=text/javascript>createSummaryAndThumb("summary<data:post.id/>");</script>
<div class=readmore-link><span class=arrow></span> <a expr_href=data:post.url>Read More</a></div>
</b:if>
<b:if cond=data:blog.pageType == "item"><data:post.body/></b:if>
5. Disini banyak blogger yang bingung, karena ada banyak sekali kode <data:post.body/>, kalau pakai template standar yang diganti adalah yang kode Kedua ( itemprop=description articleBody )
Go to link Download
Tuesday, December 13, 2016
Cara membuat READ MORE Otomatis
Cara membuat READ MORE Otomatis

Read More. Perasaan saya sudah berapa kali melakukan postingan ini. Tapi teman-teman kalau yang ini pasti beda. Tips ini akan memberikan read more yang otomatis pada blog sobat. Tanpa kita memotong teks postingan kita secara otomatis akan terpotong dengan adanya read more otomatis ini.
Jika sobat blogger ingin melihat tulisan saya yang lainnya, silahkan baca DISINI.
Caranya adalah seperti ini:
1. Seperti biasa, login ke blogger dengan akun kamu
2. Pilih Rancangan
3. Pilih Edit HTML
Penting! Yang sudah memasang Read More versi lama sebaiknya di kodenya kembalikan dulu ke seperti semula, caranya hapus kode yang berwarna Hijau dibawah ini (Setiap template mungkin berbeda, jadi tinggal disesuaikan saja)
<div class=post-header-line-1/>
<div class=post-body>
<p><data:post.body/></p>
<div class=post-body>
<b:if cond=data:blog.pageType == "item">
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style><p><data:post.body/></p>
<a expr_href=data:post.url>Readmore</a>
</b:if>
<div style=clear: both;/>4. Jika sudah, lanjutkan anda mencari kode berikut </head> dan letakkan kode berikut di atas kode </head>
<script type=text/javascript>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>
<script type=text/javascript>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)
(C)2008 by Anhvo
visit http://en.vietwebguide.com to get more cool hacks
********************************************/
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(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>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>
<script type=text/javascript>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)
(C)2008 by Anhvo
visit http://en.vietwebguide.com to get more cool hacks
********************************************/
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(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>
Masih dalam Edit HTML. berikan centang pada "Expand Widget Template" dan cari kode yang mirip seperti ini <data:post.body/>.
Kalau sudah ketemu, ganti kode tersebut dengan kode berikut ini
b:if cond=data:blog.pageType != "item">
<div expr_id="summary" + data:post.id><data:post.body/></div>
<script type=text/javascript>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class=rmlink style=float:left><a expr_href=data:post.url>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond=data:blog.pageType == "item"><data:post.body/></b:if>
<div expr_id="summary" + data:post.id><data:post.body/></div>
<script type=text/javascript>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class=rmlink style=float:left><a expr_href=data:post.url>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond=data:blog.pageType == "item"><data:post.body/></b:if>
Kalu sudah silahkan Simpan Template.
Go to link Download
Saturday, December 3, 2016
Cara Membuat Postingan Menjadi Read More Tanpa Edit Html
Cara Membuat Postingan Menjadi Read More Tanpa Edit Html
Ini Dia Planet Terpanas, Terdingin, Tertua, Termuda, Tercepat, dan Terbesar Di Luar Angkasa
Posted by Admin
Perkembangan teknologi membantu para astronom dan peneliti ruang angkasa dalam mengidentifikasi planet. Melalui teleskop, para ilmuwan bisa melihat dan mempelajari kondisi dari planet yang ada di sekitar galaksi bima sakti.
Nah, kali ini Talinews akan membeberkan planet apa sih yang terpanas, terdingin, tertua, termuda, dan tercepat di luar angkasa. Berdasarkan berita yang dilansir dari Dailymail, Selasa (1/5), karakteristik dari setiap planet ini sudah dipelajari oleh ilmuwan selama 50 tahun terakhir.
Planet terpanas adalah WASP-12b, yakni sebuah planet gas dengan suhu yang melebihi gurun Sahara, sekitar 2.200 derajat Celcius. Planet ini juga memiliki ukuran yang besar, hampir dua kali ukuran planet Jupiter.
![]() |
| Planet terpanas WASP-12b |
Berdasarkan penelitian para ilmuwan, diketahui bahwa dipermukaan planet OGLE-BLG-390L memiliki titik beku minus 220 derajat Celcius. Suhu ini berada di bawah titik didih nitrogen cair dan dekat dengan angka nol mutlak.
Jarak planet ini dari bumi sekitar 10,5 tahun cahaya, yang dapat dilihat menggunakan teleskop, sama seperti melihat matahari. Suhunya yang dingin bisa membuat lautan air dipermukaan planet itu membeku.
![]() |
| Planet terdingin OGLE-BLG-390L |
Methusela dibentuk hanya dua milyar tahun setelah Big Bang. Penemuan di tahun 1993 mengubah persepsi kita tentang pembentukan planet, menyiratkan ada planet yang lebih tua di luar angkasa sana untuk ditemukan.
Implikasi ini bisa menyiratkan ada kemungkinan peningkatan kehidupan di alam semesta, seperti hidup bisa berevolusi lebih awal dari pemikiran ilmuwan selama ini, dan tingkat evolusi yang terjadi sepanjang waktu. Sehingga, penelitian luar angkasa akan semakin menarik lagi untuk dilakukan.
![]() |
| Planet tertua Methulesa |
![]() |
| Planet termuda yang mengorbit di bintang Coku Tau |
![]() |
| Planet tercepat SWEEPS-10 |
Menurut Georgi Mandushev dari Lowell Observatory di Arizona, kepadatan rata-rata planet ini adalah sekitar 0,2 gram per kubik sentimeter, atau sekitar kerapatan kayu biasa.
![]() |
| Planet terbesar TrES-4 |
Go to link Download
Sunday, November 27, 2016
Cara Membuat Read More Manual di Blog
Cara Membuat Read More Manual di Blog
Yo sobat blogger semua, Kali ini ane mau share Cara Membuat Read More Manual sob. Oke Langsung aja di simak langkah - langkahnya (o^?)
1. Pilih/Buat terlebih dahulu postingan yang mau di potong dengan bacaan Read More
2. Lalu Pilih tempat baris tulisan yang mau di potong dengan Read More
3. Klik Insert Jump Break Untuk Memotongnya
![]() |
![]() |
Selamat Mencoba & Semoga Bermanfaat ( ^_^ )
Go to link Download
Thursday, November 10, 2016
Cara membuat read more pada blogger
Cara membuat read more pada blogger
agi anda yang baru mulai membuat blog mungkin merasa heran ketika melihat blog orang lain tampak begitu rapi, setiap artikel di halaman depan terlihat hanya satu atau dua paragrap, dan sisanya terpotong oleh tulisan read more atau selengkapnya. Sedangkan ketika melihat blog anda sendiri, setiap artikel telihat melorot ke bawah.
Pada dasarnya membuat read more pada blogger itu sangat mudah, karena falitas tersebut sudah disediakan oleh pihak pengembang blogger, anda tidak perlu edit apapun, hanya satu kali klik pada tool jumb reak, maka artikel anda sudah terpotong.
Mode Compose
Mode HTML
Semoga artikel cara membuat read more pada blogger bermanfaat bagi and
Pada dasarnya membuat read more pada blogger itu sangat mudah, karena falitas tersebut sudah disediakan oleh pihak pengembang blogger, anda tidak perlu edit apapun, hanya satu kali klik pada tool jumb reak, maka artikel anda sudah terpotong.
Cara membuat read more pada blogger
Berikut adalah langkah - langkah cara membuat read more di blogger :Mode Compose
- Buatlah sebuah artikel seperti biasanya. Pastikan mode post editor dalam keadaan mode Compose.

- Tempatkan cursor mouse komputer anda di akhir kalimat yang ingin di potong, klik tool jump break.

- Silahkan publikasikan artikel anda.
- Selesai.
Mode HTML
- Buatlah sebuah artikel seperti biasanya. Pastikan mode post editor dalam keadaan mode HTML.

- Tempatkan cursor mouse komputer anda di akhir kalimat yang ingin di potong, lalu masukkan kode berikut :
<!--more-->

- Silahkan publikasikan artikel anda.
- Selesai.
Semoga artikel cara membuat read more pada blogger bermanfaat bagi and
Go to link Download
Wednesday, November 2, 2016
Cara Membuat Efek Read More Pada Blogger
Cara Membuat Efek Read More Pada Blogger
Helo Aku Akan Membuat Efek Read More
1). Buka Blogger
2). Template >> Edit HTML >> Centang Expand Template Widget
3). Cari Kode </head> Agar Mudah CTRL+F
4). Masukan Kode Di bawah Ini Di Atas Kode </head>
<!-- Auto read more script -http://http://bloggerkerendanhebat.blogspot.com/- Start -->
<script type=text/javascript>
var thumbnail_mode = "yes"; //yes-dengan gambar,no-tanpa gambar
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 150;
img_thumb_width = 150;
</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 -http://Sopyan-7.blogspot.com- End -->
5). Cari Kode <data:post.body/> Ganti Dengan:
<b:if cond=data:blog.pageType != "item">6). Simpan / Pratinjau
<div expr_id="summary" + data:post.id><data:post.body/></div>
<script type=text/javascript>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class=rmlink style=float:right;padding-top:20px;>
<a expr_href=data:post.url>»»  READMORE...</a></span>
</b:if>
<b:if cond=data:blog.pageType == "item"><data:post.body/></b:if>
Sudah
Go to link Download
Thursday, October 20, 2016
Cara Memperbaiki Fatal Could not read from Boot Medium! System Halted Di Virtual Box
Cara Memperbaiki Fatal Could not read from Boot Medium! System Halted Di Virtual Box
Salam Pembaca, Kali ini saya akan posting tentang bagaimana caranya memperbaiki error Fatal: Could not read from Boot Medium! System Halted. Ini bermula dari teman saya yang mengalami hal tersebut dan bertanya kepada saya, lalu saya mencari solusi tentang itu dan menemukannya, ternyata ada kesalahan pada settingan di Virtual Box itu sendiri.1. Klik Setting lalu klik Storage, lalu klik Add CD/DVD Device
4. Klik OK
5. lalu Klik Start
dan VB kembali berjalan dengan normal

5. lalu Klik Start
dan VB kembali berjalan dengan normal
selesai...
jika masih belum mengerti bisa lihat di video berikut ini untuk lebih jelasnya.
jika masih belum mengerti bisa lihat di video berikut ini untuk lebih jelasnya.
-Semoga Bermanfaat (^^,)-
Go to link Download
Monday, October 17, 2016
Cara Membuat Read More Berkualitas
Cara Membuat Read More Berkualitas
Seringkali kita melihat kata Readmore / Baca Selengkapnya pada setiap artikel di halaman home blog seseorang. Kegunaan Readmore adalah untuk memenggal kalimat yang ditampilkan pada halaman utama situs kita. Letak Readmore ini ditempatkan di sebuah artikel.
Fungsi dari pemasangan Readmore :
· Menghemat Ruang pada tampilan halaman utama sebuah website.
· Menjadi Lebih Elegant dan Interaktif.
· Membuat pengunjung membaca artikel tersebut hingga selesai.
· Menambah pageviews artikel yang dibaca oleh pengunjung.
· Menambah Link Anchor terhadap keyword judul.
Hingga saat ini sudah banyak tersedia berbagai macam template dengan fitur auto readmore dan lainnya. Tetapi anda harus cermat dalam pemilihan readmore. Apabila anda menggunakan readmore dengan hanya menggunakan kata saja, anda tidak boleh memakai kata tersebut melainkan dengan menggunakan gambar.
Karena apabila pada setiap artikel yang anda potong menggunakan readmore dengan anchor yang sama, maka Google kurang menyukai halaman yang anda buat. Contohnya pada blog ini saya menggunakan kata read more tetapi kata tersebut adalah gambar. Jadi, secara otomatis tidak ada kata readmore di halaman blog saya.
Cara Membuat Readmore Otomatis di Blogger yang lebih berkualitas terhadap SEO :
1. Login ke Blogger > Template > Edit HTML.
Kemudian tempatkan kursor dibagian pengeditan template dan klik salah satu script, lalu tekan CTRL+F untuk melakukan pencarian.
2. Cari kode </head> , dan letakkan kode ini diatasnya :
<script type=text/javascript>var thumbnail_mode = "float" ;summary_noimg = 250;summary_img = 220;img_thumb_height = 120;img_thumb_width = 220;</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>
3. Ganti kode <data:post.body/> ( yang pertama ) pada template anda, dengan kode berikut :
<b:if cond=data:blog.pageType != "item">
<b:if cond=data:blog.pageType != "static_page">
<div expr_id="summary" + data:post.id><data:post.body/></div>
<script type=text/javascript>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class=rmlink style=float:left><b>Baca Selengkapnya</b> → <a expr_href=data:post.url><data:post.title/></a></span>
</b:if></b:if>
<b:if cond=data:blog.pageType == "item">
<data:post.body/>
</b:if>
<b:if cond=data:blog.pageType == "static_page"><data:post.body/></b:if>
4. Klik Pratinjau untuk melihat hasilnya. Jika sudah sesuai dan terpasang dengan benar klik Save Template.
Contoh hasil Auto Readmore :

NB: BILA TERDAPAT <data:post.body/> yg lebih dari satu kalian harus mencobanya satu per satu lalu pratinjau bila sudah benar lalu simpan perubahannya
Dengan memanfaatkan judul artikel, maka readmore tersebut dapat lebih terjaga kualitas kalimatnya di bandingkan hanya dengan memberikan 2 kata tersebut. Apabila anda ingin menggunakan readmore dengan gambar dapat mengikuti panduan berikutnya.
sekian dulu dari saya semoga bermanfaat
Go to link Download
Labels:
berkualitas,
cara,
membuat,
more,
read
Sunday, October 9, 2016
Cara Membuat Auto Read More Di Blogspot
Cara Membuat Auto Read More Di Blogspot
Cara Membuat Auto Read More.

Kali ini saya akan membahas tentang Cara Membuat Auto Read More Di Posting Blogtanpa ada iklan atau seseorang suka menyelipkan alamat Web / Blog nya sendiri.
Berikut adalah tutorial mambuat Auto Read More di posting Blog.
- Masuk ke menu Blog (Sebaiknya Backup dulu templates anda)
- Pilih templates > Edit HTML
- Cari kede : </head> dengan cara menekan (Ctrl+f)
- Copy kan kode dibawah ini di atas kede </head>
<script type=text/javascript>
posts_no_thumb_sum = 490;
posts_thumb_sum = 400;
img_thumb_height = 160;
img_thumb_width = 180;
</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, pURL, pTITLE){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = posts_no_thumb_sum;
if(img.length>=1) {
imgtag = <span class="posts-thumb" style="float:left; margin-right: 10px;"><a href="+ pURL +" title="+ pTITLE+"><img src="+img[0].src+" width="+img_thumb_width+px" height="+img_thumb_height+px" /></a></span>;
summ = posts_thumb_sum;
}
var summary = imgtag + <div> + removeHtmlTag(div.innerHTML,summ) + </div>;
div.innerHTML = summary;
}
//]]>
</script>
<b:if cond=data:blog.pageType != "static_page">
<b:if cond=data:blog.pageType != "item">
<style type=text/css>
.post-footer {display: none;}
.post {margin-bottom: 10px; border-bottom: 1px dotted #E6E6E6; padding-bottom: 20px;}
.readmore a {text-decoration: none; }
</style>
</b:if>
</b:if>
posts_no_thumb_sum = 490;
posts_thumb_sum = 400;
img_thumb_height = 160;
img_thumb_width = 180;
</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, pURL, pTITLE){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = posts_no_thumb_sum;
if(img.length>=1) {
imgtag = <span class="posts-thumb" style="float:left; margin-right: 10px;"><a href="+ pURL +" title="+ pTITLE+"><img src="+img[0].src+" width="+img_thumb_width+px" height="+img_thumb_height+px" /></a></span>;
summ = posts_thumb_sum;
}
var summary = imgtag + <div> + removeHtmlTag(div.innerHTML,summ) + </div>;
div.innerHTML = summary;
}
//]]>
</script>
<b:if cond=data:blog.pageType != "static_page">
<b:if cond=data:blog.pageType != "item">
<style type=text/css>
.post-footer {display: none;}
.post {margin-bottom: 10px; border-bottom: 1px dotted #E6E6E6; padding-bottom: 20px;}
.readmore a {text-decoration: none; }
</style>
</b:if>
</b:if>
- Lalu simpan templates
- Kemudian cari kode ( <data:post.body/> ) cara mencari kode nya dengan menggunakan (Ctrl+f)
- Nanti anda akan menemukan dua kode yang sama seperti itu
- Lalu ganti kode tersebut (yang di ganti adalah kode yang kedua) dengan kode di bawah ini.
<b:if cond=data:blog.pageType != "static_page">
<b:if cond=data:blog.pageType != "item">
<div expr_id="summary" + data:post.id><data:post.body/></div>
<script type=text/javascript>createSummaryAndThumb("summary<data:post.id/>","<data:post.url/>","<data:post.title/>");</script>
<span class=readmore style=float:right;><a expr_href=data:post.url>Read More »</a></span></b:if></b:if>
<b:if cond=data:blog.pageType == "item"><data:post.body/></b:if>
<b:if cond=data:blog.pageType == "static_page"><data:post.body/></b:if>
<b:if cond=data:blog.pageType != "item">
<div expr_id="summary" + data:post.id><data:post.body/></div>
<script type=text/javascript>createSummaryAndThumb("summary<data:post.id/>","<data:post.url/>","<data:post.title/>");</script>
<span class=readmore style=float:right;><a expr_href=data:post.url>Read More »</a></span></b:if></b:if>
<b:if cond=data:blog.pageType == "item"><data:post.body/></b:if>
<b:if cond=data:blog.pageType == "static_page"><data:post.body/></b:if>
- Lalu simpan templates..
- Selesai.
Untuk menyesuaikan lebar atau gambar, silahkan edit sendiri tulisan yang berwarna di atas.
- Biru untuk panjang atau lebar nya posting.
- Merah adalah ukuran gambar.
- Saran saya abaikan saja jangan di otak-atik.
Selamat Mencoba
Go to link Download
Subscribe to:
Posts (Atom)







