Script Sampah: Widget

Home / Widget

Showing posts with label Widget. Show all posts

Wednesday, August 17, 2016

Cara Membuat Postingan Terbaru Dengan Gambar Di Halaman Depan Blog

Nuran-info - Hy guys kali ini saya akan membagikan Cara Membuat Postingan Terbaru Dengan Gambar Di Halaman Depan Blog. Widget ini berfungsi untuk memperindah tampilan beranda dan memudahkan pengunjung menemukan postingan terbaru kalian.

Widget Menulis Terkini plus Gambar Thumbnail ini serasi untuk blog info atau majalah. Utk blog pribadi dgn jenis relatif sedikit, sebaiknya memanfaatkan Template Simple saja supaya kesan personalnya kental.

Cara Membuat Postingan Terbaru Dengan Gambar Di Halaman Depan Blog

Berikus Ini cara Membuatnya :

1. KODE CSSSimpan di atas kode ]]></b:skin> atau <style>

img.label_thumb{float:left;margin-right:15px !important;height:65px; /* Thumbnail height */width:65px; /* Thumbnail width */border: 1px solid #ff00ff;}
#label_with_thumbs {float: left;width: 100%;min-height: 80px;margin: 0px 15px 2px 0px;padding: 1;}ul#label_with_thumbs li {padding:6px 0;min-height:60px;margin-bottom:1px;border-bottom: 1px solid #ff99ff;}
#label_with_thumbs li{list-style: none ;padding-left:1px !important;}
#label_with_thumbs a { text-transform: none;}#label_with_thumbs strong {padding-left:1px; }

2. KODE JAVASCRIPT
Simpan di atas kode </head>

<script type='text/javascript'>//<![CDATA[function labelthumbs(json){document.write('<ul id="label_with_thumbs">');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error){s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}else thumburl='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-UyoYaOJgiCJg6riEdxF4X4C70LRsAzYZ8nNknwNAV9rFM-8oMCZ1NbAJXQzf8cORMz_xya4EKjsKRclDSylunjsP_Vc0oNDAaRKp6pTsm_zNa_yLEzzg6yQ7svn2geX0iR8GY5WAA8o/s1600/picture_not_available.png';}var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="June";monthnames[7]="July";monthnames[8]="Aug";monthnames[9]="Sept";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";document.write('<li class="clearfix">');if(showpostthumbnails==true)document.write('<a href="'+posturl+'" target ="_top"><img class="label_thumb" src="'+thumburl+'"/></a>');document.write('<strong><a href="'+posturl+'" target ="_top">'+posttitle+'</a></strong><br>');if("content"in entry){var postcontent=entry.content.$t;}elseif("summary"in entry){var postcontent=entry.summary.$t;}else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.length<numchars){document.write('');document.write(postcontent);document.write('');}else{document.write('');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('');}}var towrite='';var flag=0;document.write('<br>');if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}if(showcommentnum==true){if(flag==1){towrite=towrite+' | ';}if(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 Comments')commenttext='No Comments';commenttext='<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;}if(displaymore==true){if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">More »</a>';flag=1;;}document.write(towrite);document.write('</li>');if(displayseparator==true)if(i!=(numposts-1))document.write('');}document.write('</ul>');}//]]></script>

3. Save Template!

KODE HTML
Kini saatnya memasang widget posting terbaru plus image thumbnail.

4. Layout > Add a Gadget > pilih HTML/Javascript
5. Simpan kode berikut ini dan ganti nama labelnya:

<script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = false;var displayseparator = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 100;</script> <script type="text/javascript" src="/feeds/posts/default/-/label name?published&alt=json-in-script&callback=labelthumbs"></script>

Tuesday, February 16, 2016

Cara Menghapus Widget Yang Tidak Bisa Dihapus Atau Terkunci

Unknown 8:21 PM

Cara Menghapus Widget Yang Tidak Bisa Dihapus Atau Terkunci - Kali ini Script Sampah Akan Membahas Cara Menghapus Widget Yang Tidak Bisa Di Hapus Atau Terkunci.

Biasanya widget yang tidak bisa terhapus ini akan muncul jika berganti-ganti template, dimana widget maupun fitur yang ada ditemplate tersebut jika diganti maka akan meninggalkan widget tersebut pada bagian tata letak.

Mengapa widget tersebut tertinggal? Karena widget akan menjadi terkunci bila kita mengganti template. Widget yang tertinggal ini tidak bakal kita ubah posisinya sehingga dapat mengganggu tampilan blog anda.

Cara Menghapus Widget Yang Tidak Bisa Dihapus Atau Terkunci

1. Masuk Ke Blogger Anda
2. Setelah Masuk Ke Blogger > Klik Tata letak Dan lihat nama widget yang terkunci

Gimana Si cara ngebedain widget yang terkunci dengan yang tidak terkunci?

widget yang terkunci dan tidak terkunci pada bagian tata letak dapat dilihat dari sisi bagian kiri widget yang dimana widget yang tidak terkunci terdapat garis berwarna abu-abu.