» » » » Cara Membuat Auto Read More Otomatis Dengan Mode Zoom Image

Google Follower

~~~ SeoChipS ~~~ - 19.50

Auto Readmore adalah Menyematkan Postingan Menjadi Kecil. Tujuannya adalah agar tidak memakan tempat pada Home page blog. Memasang Fitur ini anda tidak perlu lagi membuat garis Readmore <!--More---> Pada Entri baru Atau mengklik tanda Insert Jump Break. Fitur Auto Readmore akan mengurangi secara otomatis postingan yang muncul dihalaman utama maka akan terpotong oleh Read More

Baca Juga :
Cara Membuat Auto Read More Otomatis Dengan Mode Zoom Image

Cara Pertama :

1. Buka Blogger - Kemudian login.
2. Dashboard - Template
3. Edit HTML.
4. Silakan Backup Terlebih dahulu Template anda, Misalnya Sellect All Script Template ke Notepad.

Proses Pembuatan :

1. Temukan kode </head> 
2. Copy&paste kode berikut ini, dan letakkan diatas kode </head>
<!--Auto Read More Mulai-->
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
    .post-body{text-align:justify;}
    .post-body img{max-width:none;width:auto;}
    .read-more{float:left; padding-top: 10px;}
    .read-more a{ color: #fff!important;text-shadow:0 1px 0 rgba(0,0,0,0.5);background:#0457A9;  text-decoration:none;font:bold 13px Arial;padding:5px;}
    .read-more a:hover{text-decoration:none;background:#666;}
    .pic{border: 10px solid #fff;float:left;height:165px;width:280px;margin-right: 20px;margin-bottom:10px;overflow:hidden;box-shadow: 5px 5px 5px #111;}
    .grow img{height:165px;width:280px;transition: all 2s ease;}
    .grow img:hover{width:400px;height:250px;}
</style>
<script type='text/javascript'>
    var thumbnail_mode = &quot;yes&quot;; //yes -dengan gambar, no -tanpa gambar
    summary_noimg = 300; //banyaknya huruf jika tidak ada gambar
    summary_img = 250; //banyaknya huruf jika ada gambar
    img_thumb_height = 165;
    img_thumb_width = 280;
    </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 = '<div class="grow pic"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></div>';summ = summary_img;}}var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';div.innerHTML = summary;}
    //]]></script>
</b:if>
</b:if>
<!--Auto Read More Akhir-->
3. Proses kedua, Temukan(CTRL+F) kode <data:post.body/> . Biasanya kode ini, lebih dari satu. Jadi pilih saja yang kedua & ketiga. Biasanya sih yang kedua. Atau anda bisa coba satupersatu1/1
4. Copy&paste  kode berikut ini dan ganti dengan kode dibawah ini :
<!-- Auto read more Mulai -->
<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>
<div class='read-more'>
    <a expr:href='data:post.url'>Read More &#187;</a>
</div>
</b:if>
</b:if>
<!-- Auto read more Akhir -->
5. Silakan Preview dahulu/ Pratinjau untuk memastikan bisa atau ngga nya.
6. Simpan Template.

Demikianlah Tutorial Blogger kali ini, jika terjadi kesalahan, Silakan jangan sungkan untuk berkomentar dibawah ini. Terakhir, silakan anda lihat homepage anda. Sekian dari saya, Semoga Bermanfaat! Thanks for Reading & Sharing : Cara Membuat Auto Read More Otomatis Dengan Mode Zoom Image


Auto Readmore adalah Menyematkan Postingan Menjadi Kecil. Tujuannya adalah agar tidak memakan tempat pada Home page blog. Memasang Fitur ini anda tidak perlu lagi membuat garis Readmore <!--More---> Pada Entri baru Atau mengklik tanda Insert Jump Break. Fitur Auto Readmore akan mengurangi secara otomatis postingan yang muncul dihalaman utama maka akan terpotong oleh Read More

Baca Juga :
Cara Membuat Auto Read More Otomatis Dengan Mode Zoom Image

Cara Pertama :

1. Buka Blogger - Kemudian login.
2. Dashboard - Template
3. Edit HTML.
4. Silakan Backup Terlebih dahulu Template anda, Misalnya Sellect All Script Template ke Notepad.

Proses Pembuatan :

1. Temukan kode </head> 
2. Copy&paste kode berikut ini, dan letakkan diatas kode </head>
<!--Auto Read More Mulai-->
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
    .post-body{text-align:justify;}
    .post-body img{max-width:none;width:auto;}
    .read-more{float:left; padding-top: 10px;}
    .read-more a{ color: #fff!important;text-shadow:0 1px 0 rgba(0,0,0,0.5);background:#0457A9;  text-decoration:none;font:bold 13px Arial;padding:5px;}
    .read-more a:hover{text-decoration:none;background:#666;}
    .pic{border: 10px solid #fff;float:left;height:165px;width:280px;margin-right: 20px;margin-bottom:10px;overflow:hidden;box-shadow: 5px 5px 5px #111;}
    .grow img{height:165px;width:280px;transition: all 2s ease;}
    .grow img:hover{width:400px;height:250px;}
</style>
<script type='text/javascript'>
    var thumbnail_mode = &quot;yes&quot;; //yes -dengan gambar, no -tanpa gambar
    summary_noimg = 300; //banyaknya huruf jika tidak ada gambar
    summary_img = 250; //banyaknya huruf jika ada gambar
    img_thumb_height = 165;
    img_thumb_width = 280;
    </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 = '<div class="grow pic"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></div>';summ = summary_img;}}var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';div.innerHTML = summary;}
    //]]></script>
</b:if>
</b:if>
<!--Auto Read More Akhir-->
3. Proses kedua, Temukan(CTRL+F) kode <data:post.body/> . Biasanya kode ini, lebih dari satu. Jadi pilih saja yang kedua & ketiga. Biasanya sih yang kedua. Atau anda bisa coba satupersatu1/1
4. Copy&paste  kode berikut ini dan ganti dengan kode dibawah ini :
<!-- Auto read more Mulai -->
<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>
<div class='read-more'>
    <a expr:href='data:post.url'>Read More &#187;</a>
</div>
</b:if>
</b:if>
<!-- Auto read more Akhir -->
5. Silakan Preview dahulu/ Pratinjau untuk memastikan bisa atau ngga nya.
6. Simpan Template.

Demikianlah Tutorial Blogger kali ini, jika terjadi kesalahan, Silakan jangan sungkan untuk berkomentar dibawah ini. Terakhir, silakan anda lihat homepage anda. Sekian dari saya, Semoga Bermanfaat! Thanks for Reading & Sharing : Cara Membuat Auto Read More Otomatis Dengan Mode Zoom Image

Tags - Kalian sedang berada dipostingan Cara Membuat Auto Read More Otomatis Dengan Mode Zoom Image

download Cara Membuat Auto Read More Otomatis Dengan Mode Zoom Image android terbaru, apk android terbaru Cara Membuat Auto Read More Otomatis Dengan Mode Zoom Image android asus, Cara Membuat Auto Read More Otomatis Dengan Mode Zoom Image android advance, Cara Membuat Auto Read More Otomatis Dengan Mode Zoom Image android apk, Cara Membuat Auto Read More Otomatis Dengan Mode Zoom Image android app, Cara Membuat Auto Read More Otomatis Dengan Mode Zoom Image android games, Cara Membuat Auto Read More Otomatis Dengan Mode Zoom Image android programming, Cara Membuat Auto Read More Otomatis Dengan Mode Zoom Image aplikasi edit foto,Cara Membuat Auto Read More Otomatis Dengan Mode Zoom Image aplikasi facebook, Cara Membuat Auto Read More Otomatis Dengan Mode Zoom Image aplikasi bbm

Cara Membuat Auto Read More Otomatis Dengan Mode Zoom Image

,

Cara Membuat Auto Read More Otomatis Dengan Mode Zoom Image aplikasi edit video

aplikasi vidmate Cara Membuat Auto Read More Otomatis Dengan Mode Zoom Image aplikasi wa, aplikasi play store Cara Membuat Auto Read More Otomatis Dengan Mode Zoom Image Download, Download Cara Membuat Auto Read More Otomatis Dengan Mode Zoom Image indonesia aplikasi download lagu, aplikasi pembobol wifi Cara Membuat Auto Read More Otomatis Dengan Mode Zoom Image Google Drive, download aplikasi instagram Cara Membuat Auto Read More Otomatis Dengan Mode Zoom Image 3gp,Cara Membuat Auto Read More Otomatis Dengan Mode Zoom Image mp4,Cara Membuat Auto Read More Otomatis Dengan Mode Zoom Image mkv, Cara Membuat Auto Read More Otomatis Dengan Mode Zoom Image google drive, Cara Membuat Auto Read More Otomatis Dengan Mode Zoom Image 480p,Cara Membuat Auto Read More Otomatis Dengan Mode Zoom Image 720p, aplikasi android terbaik Cara Membuat Auto Read More Otomatis Dengan Mode Zoom Image,download aplikasi anti virus, aplikasi bigo live, download template web gratis, download template gratis, template website php, template website responsive, template blogspot, download template html, download template website dinamis gratis, download template premium, download template mirip atau clone, Download Professional XML Blogspot Templates, Free Blogger Templates, download blogger template responsive, Cara Membuat Auto Read More Otomatis Dengan Mode Zoom Image download template blogger seo, download template blog xml, download template blog gratis terbaru, download template blog simple, download template blogger keren, cara mengganti template blog, download template fast loading seo friendly, Cara posting artikel, Cara memasang widget, Memahami menu-menu di blogger, Cara mengganti atau memasang template, Cara membuat halaman statis, Cara memasang favicon, Cara mengganti judul blog dengan logo, 10 Tutorial blogger lainnya, Cara Menghasilkan Uang dari Blog , Panduan Lengkap, Rahasia Cara Daftar Google AdSense Agar Mudah Diterima, SEO, BLOG, DAN INTERNET MARKETING, Tutorial Belajar SEO dan Blogging juga Internet Marketing Terpadu Yang Mudah Untuk Anda Pelajari, BELAJAR SEO, cara tutorial Membuat Website Wordpress, Cara Cepat Mendapatkan Backlink Untuk Menaikkan Ranking, Download Free Template Blog SEO Friendly Responsive Design Mudah Diedit, Cara membuat blog di blogger com, Cara Melakukan Optimasi SEO Onpage Google Dengan Benar, Berbagai Cara Cari Uang Di Internet Yang Perlu Anda Tahu, CARA MUDAH MEMBUAT THUMBNAIL POST WARNA WARNI SESUAI LABEL POST, CARA MEMBUAT BLOG SEO 100 DI CHKME COM, 5 TEMPLATES BLOGGER SEO RESPONSIVE KEREN TERBAIK 2017 GRATIS, CARA AGAR ARTIKEL ATAU POSTINGAN CEPAT TERINDEX GOOGLE, LANGKAH LANGKAH OPTIMASI ONPAGE PADA BLOG, CARA DAPAT UANG DARI BERBAGAI BISNIS ONLINE, UPLOAD VIDEO DI FACEBOOK BISA DAPAT UANG, CARA MEMBUAT WIDGET TWITTER DI BLOGGER BLOGSPOT, CARA MEMBUAT BREADCRUMBS SEO FRIENDLY DENGAN FONT AWESOME, MEMBUAT TOMBOL BACK TO TOP DENGAN EFEK BOUNCE, CARA MEMBUAT BADGE GOOGLE PLUS DAN DAPAT DI MODIFIKASI, MACAM TAG KONDISIONAL UNTUK MODIFIKASI TAMPILAN DAN MENYEMBUNYIKAN WIDGET, CARA MEMBUAT CATATAN KAKI SEO DAN TERINDEX GOOGLE, TIPS TRIK MEMPERCEPAT LOADING BLOG, TIPS TRIK MENDAPATKAN UANG DOLLAR DARI BLOGGER BLOGSPOT, CARA MEMBUAT THREADED COMMENTS VALID HTML5 DI BLOGGER, MEMBUAT ARTIKEL TERKAIT DISERTAI THUMBNAIL GAMBAR, JQUERY SLIDING PANEL DENGAN MEMBUKA MENUTUP UNTUK BLOGGER, CARA MEMBUAT STICKY WIDGET SIDEBAR DI BLOG, CARA MEMASANG TRANSLATE DENGAN GAMBAR BENDERA DI BLOG, FASTESEO SEO RESPONSIVE BLOGGER TEMPLATE, 6 RAHASIA CARA SAYA MENINGKATKAN RANKING ALEXA, DOWNLOAD TEMPLATE BLOGSPOT SEO RESPONSIVE PREMIUM, Cara memasang widget, download template blog anime, SSH PREMIUM, SSH GRATIS, OPEN SSH, Config HI Axis100Config HI Indosat, Config HI Smartfreen, Config HI Telkomsel, Config HI Three 3, Config HI XL, Config KPN Tunnel Ultimate, Config KPN Tunnel Ultimate Axis, Config KPN Tunnel Ultimate Telkomsel, Config KPN Tunnel Ultimate Three, Config OpenVPN Axis, Config OpenVPN Indosat, Config OpenVPN Three 3, Config OpenVPN XL

Diposting oleh
, ,
Terimakasih telah membaca : Cara Membuat Auto Read More Otomatis Dengan Mode Zoom Image. Silahkan masukan email anda dibawah ini! dan anda akan otomatis mendapatkan kiriman artikel terbaru dari ~~~ SeoChipS ~~~. Terimakasih.
0 Komentar untuk "Cara Membuat Auto Read More Otomatis Dengan Mode Zoom Image"

Diberdayakan oleh Blogger.