Minggu, 21 April 2019

Tutorial Menciptakan Snippet Homepage Halaman Depan Blogger

| Minggu, 21 April 2019
Dididalem setiap template blogger nan kami unduh juga kami pasang seringkali sebagai sobat sahabat nan hendak merubah sebagian tampilan desain halaman depan homepage blogger. terkadang sanggup saja kalian menyukai templatenya karna fitur nan sangat responsive, disisi lain sanggup saja sebagian tampilan hanya menampilkan gambar saja, sedangkan ringkasan kata/snippet belomditampilkan ataupun bahkan hilang.

Dididalem tutorial kaliitu sanggup juga dipakai jadi tutor sebagai mengatasi template blogger nan snippet halaman homepage depan blogger nya hilang. naahh sebagai memunculkannya sanggup juga dengan memakai tutor nan mau admin paparkan dibawahitu .

Lalu bagaimana apabila suatu template bawaan blogger/default belommenyedikan fitur snippet di halaman depannya. naahh sebagai halitu kami sendiri sanggup mengatasinya dengan tutor Membuat Snippet Homepage Halaman Depan Blogger nan gres dengan derma sebagian script dibawah ini.



Snippet ataupun nan biasa dikenal dengan ringkasan/deskripsi kata sangatlah penting sebagai suatu blog,karna pengunjung setutor pintas mau mengetahui pedoman dari suatu judul nan kalian bagikan di didalem blog anda. selain itu kegunaan dari script nan nanti mau aku bagikanitu kalian juga sanggup mengatur jumlah huruf ataupun kata snippet di homepage dengan jumlah huruf di autoreadmore nan kalian inginkan pastinyanya.

Cara Membuat Snippet Homepage Halaman Depan Blogger

Peasaran dengan langkah juga tutornya silahkan simak tutorialnya berikutitu :

1. Silahkan login terlebih dahulu didashboard blogger anda;
2. Yang kedua silahkan cari arahan berikutitu dengan memakai Ctrl+F

<data:post.snippet/>

3. Jika rampung ketemu kini cari arahan nan seolah-olah dengan arahan dibawahitu :

<div class='post-snippet'><data:post.snippet/></div>

4. Ganti seluruh arahan diatas dengan arahan dibawahitu :

<div expr:id='&quot;summary&quot; + data:post.id'> <data:post.body/> </div> <script type='text/javascript'> createSnippet(&quot;summary<data:post.id/>&quot;); </script>

5. Oke sesudah pemasangan arahan diatas kini mari tinggal kami pasangkan sebagian arahan javascripnya, silahkan copy arahan dibawah juga letakan sempurna diatas arahan </head> ataupun  &lt;/head&gt;&lt;!--<head/>--&gt;


<script type='text/javascript'> snippet_count = 160; //<![CDATA[ function removeHtmlTag(strx,chop){ if(strx.indexOf("<")!=-1) { var snippet = strx.split("<"); for(var i=0;i<snippet.length;i++){ if(snippet[i].indexOf(">")!=-1){ snippet[i] = snippet[i].substring(snippet[i].indexOf(">")+1,snippet[i].length); } } strx = snippet.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 createSnippet(pID){ var div = document.getElementById(pID); var summ = snippet_count; var summary = '<div class="snippets">' + removeHtmlTag(div.innerHTML,summ) + '</div>'; div.innerHTML = summary; } //]]> </script>

6.  SAVE TEMPLATE Dan Lihat hasilnya
Keterangan : Ganti snippet_count = 160; dengan jumlah huruf nan kalian inginkan.
Demikianlah tutorial admin mengenai snippet homepageitu biar informasiitu apat meringankan kalian nan sedang kesulitan ,sekian juga terima kasih :D

Related Posts

Tidak ada komentar:

Posting Komentar