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.:

Cara membuat read more otomatis di blog

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 != &quot;item&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:right;padding-top:20px;><a expr_href=data:post.url>&#187;&#187;&#160;&#160;READMORE...</a></span> </b:if><b:if cond=data:blog.pageType == &quot;item&quot;><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

Read more »

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>

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 == &quot;item&quot;><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

Read more »

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>
<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>
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 == &quot;item&quot;><data:post.body/></b:if>


Kalu sudah silahkan Simpan Template.

Go to link Download

Read more »

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
Planet terdingin dikenal sebagai OGLE-BLG-390L. Planet paling dingin ini memiliki massa lima kali planet bumi, dengan permukaannya yang berbatu. Planet ini juga satu planet terjauh yang diketahui oleh manusia, memiliki jarak 28.000 tahun cahaya.

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
Planet tertua adalah Methusela, yang memiliki nama asli PSR B 1620-26 b. Planet ini bisa dikatakan sebagai kakek dari alam semesta, yang terbentuk sekitar 12,7 milyar tahun lalu. Pembentukan planet ini sama saja dengan delapan milyar tahun lebih tua dari planet bumi.

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 dipercaya oleh para ilmuwan NASA bahwa planet ini mungkin telah berevolusi di sekitar bintang yang berbeda, membakarnya, sebelum membentuk dengan penyatuan bintang yang lewat. Di bagian terluar angkasa yang bisa dijangkau, ada planet yang belum diberi nama dan mengorbit di bintang Coku Tau, yang memiliki jarak sekitar 420 tahun cahaya. Usia planet ini diperkirakan sekitar satu juta tahun.

Planet termuda yang mengorbit di bintang Coku Tau
Planet tercepat dikenal dengan nama SWEEPS-10, yang terbang mengitari mataharinya pada jarak hanya 740.000 mil. Jarak ini sekitar tiga kali jarak bulan dari bumi, yang berarti dalam sehari hanya berlangsung perputaran selama 10 jam.

Planet tercepat SWEEPS-10
Planet terbesar dikenal sebagai TrES-4, dimana memiliki ukuran 1,7 kali ukuran planet goliath di tata surya kita, Jupiter. Planet ini juga bisa dikatakan aneh. Meski berukuran besar, TrES-4 juga sangat ringan, dengan kepadatan gabus. Perputaran planet ini mungkin hanya mengelilingi sekitar ekor komet yang membentuk atmosfernya sendiri.

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

Read more »

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

4. Nanti akan Jadi Seperti ini


5. Jika Sudah.. Simpan, lalu liat perubahannya (o^?)

Selamat Mencoba & Semoga Bermanfaat ( ^_^ )

Go to link Download

Read more »

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.

Cara membuat read more pada blogger

Berikut adalah langkah - langkah cara membuat read more di blogger :

Mode Compose
  1. Buatlah sebuah artikel seperti biasanya. Pastikan mode post editor dalam keadaan mode Compose. mode compose
  2. Tempatkan cursor mouse komputer anda di akhir kalimat yang ingin di potong, klik tool jump break. read more
  3. Silahkan publikasikan artikel anda.
  4. Selesai.
Langkah diatas adalah cara membuat read more dalam keadaan mode compose, apabila anda terbiasa menggunakan mode HTML, berikut adalah langkah-langkahnya:

Mode HTML
  1. Buatlah sebuah artikel seperti biasanya. Pastikan mode post editor dalam keadaan mode HTML. mode HTML
  2. Tempatkan cursor mouse komputer anda di akhir kalimat yang ingin di potong, lalu masukkan kode berikut :
    <!--more-->
    read more
  3. Silahkan publikasikan artikel anda.
  4. Selesai.
Sangat mudah bukan?

Semoga artikel cara membuat read more pada blogger bermanfaat bagi and

Go to link Download

Read more »

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 = &quot;yes&quot;; //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 != &quot;item&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:right;padding-top:20px;>
<a expr_href=data:post.url>&#187;&#187;&#160;&#160;READMORE...</a></span>
</b:if>
<b:if cond=data:blog.pageType == &quot;item&quot;><data:post.body/></b:if>
6). Simpan / Pratinjau

Sudah

Go to link Download

Read more »

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
2. Lalu Klik Choose disk, lalu pilih file iso dan klik Open

3. Lalu klik Add Hard Disk, lalu pilihVDI, Dynamically allocated, tentukan kapasitas, terakhir klik Create
4. Klik OK
5. lalu Klik Start
dan VB kembali berjalan dengan normal
selesai...

jika masih belum mengerti bisa lihat di video berikut ini untuk lebih jelasnya.


-Semoga Bermanfaat (^^,)-

Go to link Download

Read more »

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 = &quot;float&quot; ;

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 != &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><b>Baca Selengkapnya</b> &#8594; <a expr_href=data:post.url><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>




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

Read more »

Sunday, October 9, 2016

Cara Membuat Auto Read More Di Blogspot

Cara Membuat Auto Read More Di Blogspot


Cara Membuat Auto Read More.



Read More (Baca Selengkapnya) fitur ini sangat membantu untuk mempersingkat posting kita dan juga dengan adanya fitur ini posting kita akan terlihat rapi.
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 != &quot;static_page&quot;>
<b:if cond=data:blog.pageType != &quot;item&quot;>
<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 != &quot;static_page&quot;>
<b:if cond=data:blog.pageType != &quot;item&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;,&quot;<data:post.url/>&quot;,&quot;<data:post.title/>&quot;);</script>
 <span class=readmore style=float:right;><a expr_href=data:post.url>Read More &#187;</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>



  • 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

Read more »