Ini aku kasih Bonus Slide Show Foto, untuk melengkapi Template yang kamu download.
Slide Show Foto ini nanti kamu letakkan di Posting Blogger. Oklah, saya kasih tutorial pasangnya.
- Masuk ke Blog kamu, klik Entri Baru
- Ini Source Code Slide Show Foto, Pastekan dengan format posting HTML (jangan di klik Composenya, nanti aburadul dan gag jadi)
- Lalu edit gambar dan judul Foto kamu
- Setelah selesai klik Simpan
- Enjoy
Itulah Bonus Slide Show Foto untuk kamu, semoga bermanfaat.
terima kasih sudah memposting tips slide picture nya
ReplyDeleteKok Gak Bisa Gan
ReplyDeletePas Gua Publikasih Gak muncul gambarnya
ReplyDelete[catatan]Jangan di klik Compose lagi bro, postingnya pakai HTML :-bd[/catatan]
Deletegmn crax bro
DeleteTerpaksa lha gua Ke Postin ngapainnya broo
ReplyDeleteWaaah..
ReplyDeletegan, ga bisa bekerja niiih...
gmn nih master santa-mars?
mohon pencerahanya
[catatan] gini sob, aku lupa kalau di template windows 8 SM yang kalian download itu terpasang readmore otomatis bukan snipset post.
Deletejadi terpaksa kalian semua postingnya di biasanya (tidak di laman), :D
[/catatan]
Oke ke TKP dulu sooob.....
Deletesanta-mars
mantaaaaap
Mantaaaaaaaaaaaaaaaap....
ReplyDeleteterima kasih sooob
saya pakai ini
ditunggu kreasi selanjutnya
ok sama", sitemapnya juga di halaman biasanya :-bd
DeleteKlo mau pake sinepset post nya si gmn bro ?? B)
DeleteCoba lihat di home post saya, bedakan sama home post kamu.
Deleteisi posting home saya yang dipotong readmore cuma sedikit, sama dengan tampilan di mobile. home blog yg dipostong snipset menjadi tidak terlalu berat saat memuat halaman.
saya sudah pernah terapkan snipset post di windows 8 SM pertama, hasilnya tidak memuaskan. kata rekan" yang makai ,home postnya cuma ada blog archive saja.
itu dikarenakan si pemakai windows 8 SM kalau posting tidak di awali dengan gambar atau biasanya disebut tukang kopas... :D
jadi kalau kamu mau snipset, kamu harus posting dengan gambar dulu yang diUpload dari server blogspot. :D
Untuk memasang snipset post, backup dulu template kamu, biar tidak menyesal kalau posting cuma ada blog archive sja.
Deleteklik expand widget nya
cari dengan F3 dengan kata kunci </head>
[pre]<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 330; summary_img = 340; img_thumb_height = 100; 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>[/pre]
hapus semua script itu.
cari <div class='post-header'>
pilih yang pertama.
setelah itu hapus element ini.
[pre]<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<b:if cond='data:blog.metaDescription == ""'>
<!-- Then use the post body as the schema.org description,
for good G+/FB snippeting. -->
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='description articleBody'>
<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' id='rmlink'>
<a class='tombol-download' expr:href='data:post.url'>Read More --►</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:else/>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</b:if>[/pre]
Deletedan ganti menjadi seperti ini
[pre]<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.thumbnailUrl'>
<div class='post-home-thumbnail'>
<div class='Image-home'>
<a class='preview' expr:href='data:post.thumbnailUrl' style='cursor:help;'><img expr:src='data:post.thumbnailUrl'/></a>
</div>
</div>
<b:else/>
<div class='post-home-thumbnail'>
<div class='Image-home'>
<a class='preview' expr:href='http://4.bp.blogspot.com/--H5gmCB5smI/T9EiaYGTk8I/AAAAAAAAC-U/PcJxQG7fuVw/s000/no-image.png' style='cursor:help;'><img border='0' height='75' src='http://4.bp.blogspot.com/--H5gmCB5smI/T9EiaYGTk8I/AAAAAAAAC-U/PcJxQG7fuVw/s000/no-image.png' width='75'/></a>
</div>
</div>
</b:if>
<div id='post-home'>
<b:if cond='data:post.snippet'>
<data:post.snippet/>
</b:if>
</div>
<div class='readmore'>
<b:if cond='data:blog.url != data:post.url'>
<a class='tombol-download' expr:href='data:post.url'>Read More --►</a></b:if>
</div>
<b:else/>
<p><data:post.body/></p>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<p><data:post.body/></p>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>[/pre]
simpan dan lihat home post kamu :-bd \o/
hahahaha jadi ancur bro :D
Deletehahahai, itu dikarenakan posting kamu pertama kali tidak ada gambar dari blogspot atau bisa juga karena postingan copas dri orng lain. :cendol:
Deletegan, kok kalo postingnya di klik ga bisa keluar ya? *bang*
Deletemohon jawabannya, gan .. :-bd
http://satriiazz.blogspot.com/
gan.. tlong mampir bentar di blog saya http://studiophoto182.blogspot.com/2013/04/h3.html itu apa yg salah ya gan. kok masih ad berandanya.?
ReplyDeletesob q coba' di template blogger revolution ini kenapa coment nya ikut ya
ReplyDeleteexp http://addyosdgaraz.blogspot.com/p/blog-page_3.html
ReplyDeleteMaster, Kok ga kerja Slide Show fotonya
ReplyDeleteIzin Copas Bang Santa :)
ReplyDeleteVisit Blog Saya Ya http://yozasite.blogspot.com/
bang santa .. ane mau nanya ..
ReplyDeleteknpa pas sitemap sama slide show foto nya udah selesai, postingan nya gk bisa dilihat ..
itu tuh , kalo kita ke tampilan utama , lihat postingan , start , kagak bisa di klik , tapi kalo sitemap sama animasi foto di hapus , start sama postingan nya bisa dilihat atau di klik , mohon pencerahannya ..
http://fawkes-id.blogspot.com/
ada yang bisa bantu ane ??
ReplyDeleteknpa pas sitemap sama slide show foto nya udah selesai, postingan nya gk bisa dilihat ..
itu tuh , kalo kita ke tampilan utama , lihat postingan , start , kagak bisa di klik , tapi kalo sitemap sama animasi foto di hapus , start sama postingan nya bisa dilihat atau di klik , mohon pencerahannya ..
http://fawkes-id.blogspot.com/
keren ^_^
ReplyDelete