Pasang Image disamping Judul Artikel

Selamat malam kawan-kawan yang setia mengunjungi BlogBego Creation ini, :z; mudah-mudahan kawan masih betah berkunjung kemari karena sekarang saya akan mencoba berbagi dengan kawan Cara Pasang Image disamping Judul Artikel  :q; 

Cara membuatnya :

Silahkan kawan membuat image yang ukuranya kecil dulu, selanjutnya disimpan pada hosting kawan atau ditempat kawan menyimpan file, terus ambil Link-nya :r;

• Masuk Account Blogger dengan ID kawan
• Pada Dasbor pilih Template - Edit HTML 
• Cari dan temukan kode sebagai berikut atau yang mirip-mirip seperti itu, dikarenakan struktur Template Blogger berbeda-beda 

<a expr:href='data:post.url'><data:post.title/></a> 
<b:else/> 
atau seperti ini : 
<a expr:href='data:post.url' expr:title='data:post.title' rel='bookmark'><data:post.title/></a>
        <b:else/> 
atau seperti ini : 
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
     <b:else/> 


• Sisipkan Link image yang kawan buat tadi sebelum <data:post.title/></a> contohnya sebagai berikut : 
<a expr:href='data:post.url'> sisipkan disini Link image <data:post.title/></a> 
<b:else/> 
atau  
<a expr:href='data:post.url' expr:title='data:post.title' rel='bookmark'> sisipkan disini Link image <data:post.title/></a> 
 <b:else/>

Contoh jadinya :

<a expr:href='data:post.url' expr:title='data:post.title' rel='bookmark'> 

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_s-vb9692QWqa4-yZeQDYEQCUDpRRh9KZxSc6K7JxU7lZu8pWeI5gq1-n33KDmlZTVNV_zBdY9Nd3FYIw31CTSqmVbHfUxWI1T21kTLb1kjUo0MMp5aUlGP3arMp0iXvc_vkTIMZBXXo/s1600/xKopi.gif'/>&nbsp; &nbsp;<data:post.title/></a>

        <b:else/>

• Biasanya kode tersebut diatas lebih dari satu, silahkan dicoba - coba penempatannya
• &nbsp; &nbsp; untuk spasi antara image dengan Judul Artikel bisa ditambah atau dihilangkan
• Silahkan ganti  image saya tersebut dengan image yang kawan buat tadi 
• Simpan Template

Read more ...

Recent Post Thumbnail plus Komentar

Terus terang sekarang ini sakit lama saya lagi kambuh yaitu malas membuat postingan :q; tapi biar kawan sebagai pengunjung setia Blog ini tidak kecewa, sebagai pemanasan [kayak atlet saja] saya mulai lagi dengan yang ringan-ringan dulu :z;  yaitu Cara Membuat Recent Post Thumbnail plus Komentar, yang mana hal ini pernah dipublish oleh master Abu Farhan baik yang biasa maupun berupa slide :r; tapi yang saya bagikan sekarang ini tanggal dan Komentarnya bisa dihilangkan alias tidak ditampilkan :x; 

Caranya :

• Masuk Account Blogger dengan ID kawan
• Pada Dasbor pilih Template - Edit HTML
• Copas kode berikut diatas ]]></b:skin>

#recent-posts img{float:left;margin-right:10px; border:1px solid #999;background: #FFF; width:30px;height:30px;padding:3px}

• Simpan Template kawan
• Selanjutnya pilih Tata Letak - Tambahkan Gadget 
• Pilih tanda [+] pada HTML JavaScript 
• Copas script berikut kedalamnya 

<div id="recent-posts">
<script type="text/javaScript">
var rcp_numposts=5;
var rcp_snippet_length=150;
var rcp_info='yes';
var rcp_comment='Komentar';
var rcp_disable='Comments Off';
function recent_posts(json){var dw='';a=location.href;y=a.indexOf('?m=0');dw+='<ul>';for(var i=0;i<rcp_numposts;i++){var entry=json.feed.entry[i];var rcp_posttitle=entry.title.$t;if('content'in entry){var rcp_get_snippet=entry.content.$t}else{if('summary'in entry){var rcp_get_snippet=entry.summary.$t}else{var rcp_get_snippet="";}};rcp_get_snippet=rcp_get_snippet.replace(/<[^>]*>/g,"");if(rcp_get_snippet.length<rcp_snippet_length){var rcp_snippet=rcp_get_snippet}else{rcp_get_snippet=rcp_get_snippet.substring(0,rcp_snippet_length);var space=rcp_get_snippet.lastIndexOf(" ");rcp_snippet=rcp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rcp_commentsNum=entry.thr$total.$t+' '+rcp_comment}else{rcp_commentsNum=rcp_disable};if(entry.link[j].rel=='alternate'){var rcp_posturl=entry.link[j].href;if(y!=-1){rcp_posturl=rcp_posturl+'?m=0'}var rcp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rcp_thumb=entry.media$thumbnail.url}else{rcp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb0YYxYQu0BKFWyAf1vTqKDkBQDW38g-Y24Zbfah03WANgyY2nQCWwSDP5z71Ur8S1Qcg-AorNAWE5KNn0cV6J92pS7bHccWImVjqzLR4uyw9Wul2R-rD3I0vuxaMLFkkpWkFJck61xhwx/"};}};dw+='
<li>';dw+='<img alt="'+rcp_posttitle+'" src="'+rcp_thumb+'"/>';dw+='<div>
<a href="'+rcp_posturl+'" rel="nofollow" title="'+rcp_snippet+'">'+rcp_posttitle+'</a></div>
';if(rcp_info=='yes'){dw+='<span>'+rcp_postdate.substring(8,10)+'/'+rcp_postdate.substring(5,7)+'/'+rcp_postdate.substring(0,4)+' - '+rcp_commentsNum+'</span>';};dw+='<div style="clear:both">
</div>
</li>
';};dw+='</ul>
';document.getElementById('recent-posts').innerHTML=dw;};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results='+rcp_numposts+'&callback=recent_posts\"><\/script>');
</script>
</div>

Catatan :

• Angka 5 yang saya beri warna merah adalah jumlah Recentpost yang akan ditampilkan, silahkan disesuaikan sesuai kebutuhan :y;
• Teks yes seandainya kawan rubah menjadi no maka tanggal dan Komentar dimasing-masing postingan tidak akan kelihatan 
• Jangan lupa simpan Blog kawan

Selamat Mencoba ! 

Read more ...