Tampilkan postingan dengan label Themes Blogger. Tampilkan semua postingan
Tampilkan postingan dengan label Themes Blogger. Tampilkan semua postingan

Selasa, 28 Maret 2017

Disini saya akan menjelaskan cara membuat readmore otomatis secara detail sehingga blogger pemula sekalipun bisa membuatnya. Read more adalah penggalan dalam sebuah artikel, biasanya hanya menampilkan beberapa kalimat saja dan biasanya di tandai dengan kata “READ MORE”, “BACA SELENGKAPNYA.

Manfaat readmore juga untuk mempersingkat atau merapihkan artikel yang panjang, jadi postingan artikel anda akan tersusun rapi dengan hanya menampilkan gambar dan beberapa kalimat saja.

Cara membuat readmore otomatis dengan gambar

Silahkan buka template anda. Pilih: TEMPLATE >> EDIT.
Cari Kode </head>.

Copy paste kode dibawah ini tepat di atas kode </head>
<!--ReadMore http://EXCATION.INFO-->
<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:250px;margin-right: 20px;margin-bottom:10px;overflow:hidden;box-shadow: 5px 5px 5px #111;}
.grow img{height:165px;width:250px;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 = 250;
</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-->

Save Template anda.

Lalu scroll template anda kebawah cari kode seperti berikut:

Ket: Kata kuncinya adalah didalam kotak hitam "BLOG POSTS / POSTINGAN BLOG" jika anda menggunakan bahasa indonesia.

Cari kode yang di tandai dengan kotak hitam. "POST' VAR='POST'".
Setelah ketemu klik tanda panah yang lurus dengan kode tersebut, selanjutnya akan terbuka kode kode yang lain, geser atau scrol ke bawah dan cari kode :
<data:post.body/>
 Setelah ketemu hapus kode diatas 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'>Baca Selengkapnya &#187;</a>
      </div>
</b:if>
</b:if>
<!-- Auto read more Akhir -->

Klik tombol SAVE/SIMPAN dan lihatlah hasilnya.

Jumat, 29 Januari 2016

Template kreatif Gallery Blogger

Galeri kreatif adalah multi-gaya Portfolio Blogger Template. Tema ini sangat cocok untuk memamerkan pekerjaan Anda dan gambar. Ini sangat ideal untuk wallpaper dan website portofolio. Mungkin itu adalah satu-satunya Blogger Template yang memiliki sentuhan yang sangat luar biasa. Memiliki homepage penuh-lebar, yang membuatnya mudah bagi pengguna Anda untuk melihat melalui galeri foto. Meskipun, itu adalah untuk website portfolio, tetapi juga dapat digunakan sebagai Blog. Kombinasi warna hitam, biru gelap, dan abu-abu memberikan sentuhan yang wajar. Kami yakin; Anda belum pernah melihat jenis ini kreatif template blogger sebelumnya.

Template Gallery Premium Blogger Minimalis SEO Friendly



Galeri kreatif adalah multi-gaya Portfolio Blogger Template. Tema ini sangat cocok untuk memamerkan pekerjaan Anda dan gambar. Ini sangat ideal untuk wallpaper dan website portofolio. Mungkin itu adalah satu-satunya Blogger Template yang memiliki sentuhan yang sangat luar biasa. Memiliki homepage penuh-lebar, yang membuatnya mudah bagi pengguna Anda untuk melihat melalui galeri foto. Meskipun, itu adalah untuk website portfolio, tetapi juga dapat digunakan sebagai Blog. 

Kombinasi warna hitam, biru gelap, dan abu-abu memberikan sentuhan yang wajar. Kami yakin; Anda belum pernah melihat jenis ini kreatif template blogger sebelumnya. Fitur Kreatif Gallery Blogger Template: Big Size Navigation Menu: 

Banyak pembaca kami meminta kami untuk menyertakan ukuran menu besar bar. Perlu diingat bahwa, kami telah menambahkan menu navigasi yang layak dalam tema ini. Tampaknya hanya di bawah header sehingga pengguna dapat menavigasi situs Anda dengan mudah. Big Thumbnail Related Posts: 

Kami juga menambahkan posting terkait gadget dengan ukuran besar thumbnail. Ini akan membantu Anda dalam mengurangi tingkat bouncing dan akan meningkatkan keterlibatan pengguna. SEO-Friendly: Seperti tema kami sebelumnya, kami telah juga menambahkan plugin SEO dalam template ini. 

Plugin ini akan membantu Anda dalam meningkatkan nilai SEO Anda. Hal ini sudah dioptimalkan untuk SEO on-page, sehingga tidak perlu lakukan adalah secara manual. Portofolio Tema: Seperti yang telah kami katakan sebelumnya tema ini sangat ideal untuk Gallery, portofolio dan situs hosting gambar. Kami yakin pengguna Anda akan memuja desain. Ini memiliki dua kolom Gambar galeri. Tema ini sangat berguna untuk galeri, portofolio dan multimedia website.

Kami telah mencoba untuk menggunakan lebih sedikit file jQuery sehingga membuat situs Anda hiperaktif. Kecepatan dari tema ini adalah luar biasa cepat dan membutuhkan waktu kurang dari detik untuk memuat. Jangan ragu untuk meninggalkan review positif Anda di bawah ini.

Sabtu, 21 November 2015

Kami akan mengeshare tentang Template Respoinsive kusus Image Blog Foto SEO, berikut ini Berga Template menambahkan sebuah template yang dikususkan untuk Image/ walpaper yang sangat respoinsive penekannya pada respoinsive Mobile Frinedly ya, soalnya banyak potograp[hy atau gallery blogger template, tapi tidak respoinsive


Template walpaper image Foto SEO sangat keren banget elegant dan kami menyediakan template ini secara gratis tidak didukung dokumentasi dan tidak menghapus credit link footer untuk versi premiumnya seharga $4.95 saja cukup murah untuk kalangan blogger pomula 

Kelebihan dari template ini, selain SEO Friendly, elegan dan respoinsive antara lain ada footer dan sideblar di homepage. banyak template blog walpaper yang tidak menyediakan sidebar widtget di home page

Fitur template blog image walpaper (Semi AGC)

  • Included Full Premium Documentation Manual
  • This blogger template sports Fully Respoinsive Design whic in turns give the capability to work on different types of screen sizes
  • Auto resize thumbnail image with text laying on right
  • Large popular size thumbnail image which can be altered as per needs
  • This is Fully SEO Optimized, that gives ability to add your own meta data field to set for the SEO.
  • This is a free blogger template which has a Magazine Design plus it also has a very simple layout.
  • Labels used for Top Grid is very easy to use and understand and setup also it is given in the
  • documentation that how to set the top area of the theme accurately.
  • The blogspot theme is compatible with major browsers (IE8+,Mozilla,Chrome,Safari)
  • This responsive blogger template has a well detailedprofesional admin layout
Template terbaru 2016 kusus Image atau Foto SEO Respoinsive
 DOWNLOAD

Template Blog walpaper ini bisa kamu jadikan sebagai Web Blog Toko Online untuk "display produk
 Baca juga cara membuat Web Toko Online