Membuat Widget Label Tertentu dengan Satu Thumbnail

Diposting oleh Dika Speed

Wah judulnya kurang pas kayaknya ya...? Bodo amat, yang penting isinya. Kali ini saya akan memberikan satu lagi tutorial blogger tentang membuat widget per label dengan hanya satu thumbnail pada bagian paling atas dan di bawahnya menampilkan judul saja, untuk lebih jelasnya silahkan lihat screenshot gambar dibawah.  Biasanya widget ini banyak digunakan oleh blog konten berita, salah satu fungsi widget ini untuk memudahkan para pembaca untuk mengeksplorasi tiap kategori yang ada dan bisa juga untuk meringkas ruang pada sebuah template. Sebenarnya tutorial ini sudah lama tapi karena banyak yang tanya di kotak komentar maupun di email, tidak ada salahnya jika saya perjelas lagi di artikel ini. Cara membuat widget per label yang saya gunakan disini sebenarnya mudah dan hanya menggabungkan antara tutorial membuat label atau kategori dengan thumbnail dan membuat widget label yang hanya menampilkan judul saja. 

widget per label


 bagian tertentu pada template itu terdapat widget yang menampilkan label dengan susunan satu judul dengan thumbnail dan summary, dan dibawahnya list dari label yang sama tetapi hanya menampilkan judulnya saja. Cara membuatnya adalah sebagai berikut :
  1. Pertama yang mesti Anda lakukan adalah login ke blogger dengan akun Anda
  2. Setelah itu pilih blog yang ingin anda tambahkan widget ini.
  3. Masuk ke template >> Edit HTML, kemudian centang expand widget templates
  4. Untuk berjaga-jaga agar tidak terjadi kesalahan dalam pengeditan nantinya, backup dulu template anda.
  5. Setelah semua langkah diatas anda lakukan, letakkan kode berikut ini diatas kode ]]></b:skin> :
    Perhatikan tulisan warna biru diatas, itu adalah lebar dan tinggi thumbnail image.
     img.label_thumb{float:left;border:1px solid #8f8f8f;background:#D2D0D0;margin-right:10px;height:60px;width:60px;padding:2px}
    img.label_thumb:hover{background:#f7f6f6}
    .label_with_thumbs{float:left;width:100%;min-height:70px;margin:0 5px 2px 0}
    ul.label_with_thumbs li{min-height:65px;margin:2px 0;padding:4px 0}
  6. Selanjutnya masih pada posisi Edit HTML, masukkan kode berikut ini diatas kode </head> :
    <script type='text/javascript'>
    //<![CDATA[
    function labelthumbs(json){document.write('<ul class="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/AVvXsEgxxsjLwRJpm4jHQedRyg62aaM9WGWDGUh3d6z1D4tQSHN0k3xSBzmvCBwkB4U1A9z4LWG079R-O63Q6cRKKg3OLikFBHKZW82F6sWdzk5u2VkGUFXch5-gfPESSBHrHmuhvo76mC4c9gVF/';}
    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]="Jun";monthnames[7]="Jul";monthnames[8]="Aug";monthnames[9]="Sep";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;}
    else
    if("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>
    Jika kode script diatas terlalu panjang, Anda bisa simpan di tempat penyimpanan Google Code Anda sendiri atau gunakan kode script di bawah ini yang sudah saya ringkas di Google Code.
    <script src='http://yourjavascript.com/425111422721/label.js' type='text/javascript'/>
  7. Setelah itu save templates, kemudian menuju ke layout pilih kotak yang akan ditambahkan widget ini. Klik add gadget >> HTML/Javascript masukkan kode berikut ini kedalamnya :
    Keterangan : 
  8.  <script type='text/javascript'>var numposts = 1;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 60;</script>

    <script type="text/javascript" src="/feeds/posts/default/-/news?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

    <script type="text/javascript">
    function recentpostslist(json) {
     document.write('<ul>');
     for (var i = 1; i < json.feed.entry.length; i++)
     {
        for (var j = 1; j < json.feed.entry[i].link.length; j++) {
          if (json.feed.entry[i].link[j].rel == 'alternate') {
            break;
          }
        }
    var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
    var entryTitle = json.feed.entry[i].title.$t;
    var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";
     document.write(item);
     }
     document.write('</ul>');
     }
    </script>
    <script src="http://johnyportal2.blogspot.com/feeds/posts/summary/-/news?max-results=6&alt=json-in-script&callback=recentpostslist"></script>
    <a href="http://johnyportal2.blogspot.com/search/label/news" style="float:right;font:normal 11px Arial;padding:5px 0;">More on this category &#187;</a>
  9. Warna biru : adalah label atau kategori yang ditampikan, Anda bisa menggantinya dengan label anda sesuaikan dengan kebutuhan.
    Warna merah : Ganti URL dengan URL blog anda.

    Selanjutnya save dan lihat hasilnya.
Tampilan dari widget ini mengikuti kode CSS sidebar (jika Anda meletakkan di sidebar) pada template yang Anda pakai. Kode CSS yang digunakan pada pembuatan widget ini hanya digunakan untuk mengatur tampilan thumbnail.

Demikian tadi tutorial jadul mengenai membuat widget per label kali ini, jika masih ada yang kurang jelas silahkan tinggalkan pesan di kotak komentar, selamat mencoba dan semoga bermanfaat.

Jumat, 11 Januari 2013
Read More

God of War: Ghost of Sparta Review

Diposting oleh Dika Speed

How does Sony manage to do it all the time? No, allow me to rephrase that. How does this franchise always manage to do it? How does it manage to not change its formula, but always win us over? God of War: Ghost of Sparta plays not much differently than the GOW games before it, and yet, we don't care. Has this franchise stumbled upon something that defies age? I'm not sure just yet, but what I do know is that I wholly enjoy this game. Much like every other God of War title, you're thrown into the eye of the storm immediately, so the game wastes no time in delivering the goods - and that's par for course. Traditionally, GOW games were never about long and tiresome training intros, and that's because the game is so accessible, there was never a need for them. Yes, occasionally you'll get gameplay hints towards the beginning, but they aren't very intrusive and allow the gamer to focus on the action.


And that's what makes God of War so great. Not just this game, but the franchise as a whole. It has never strayed from what's made it a superb series in the first place; it never lost its focus. God of War never tried to be something more than a balls-to-the-wall, super fast, super violent action game, and I respect that. It never decided that it had to become an RPG midway through, or that it needed strategy elements. No. God of War's focus has always been: 'pressing a series of buttons makes the character furiously whip around and spill lots of blood'. Perfect. And those boss battles? Let's face it, the reason we love them so much isn't because of how epic they can be, but it's because of how gruesome the boss' death ends up being. Those are just some of the reasons why we love God of War, and all of the reasons continue to exist with Ghost of Sparta.

The upgrades, the mayhem, the weapons, the boss battles, and even the always engrossing storyline - Ghost of Sparta continues the faithful God of War tradition of being the total package, despite coming in a package that only fits inside the UMD slot of your PSP. Perhaps the only drawback to all of this, and this may be considered a technical limitation, is that Ghost of Sparta is nowhere near as lengthy as other games in the series. The UMD can only store so much, and that impacts the length of the game to about eight hours. Though are a variety of challenge modes for you to partake in once you finish the game, which increase the amount of time you can spend with it considerably.

Bar none, Ghost of Sparta is the best looking PSP game available today. The same way that the franchise has set a bar on the PlayStation 2 and PlayStation 3, it has done the same on the PSP. Chances are, considering the age of the PSP, it's unlikely a better looking game will come along and unseat Ghost of Sparta - I simply don't see it happening. So not only is Ghost of Sparta one of the best playing games for Sony's handheld, but it's the best looking one. Ready At Dawn has pushed this little unit to its limits by increasing the texture clarity, smoothing out the edges around game characters, allowing the framerate to run silky smooth, and employing some really spectacular effects. Chains of Olympus already looked great, but Ghost of Sparta simply looks better.

If you're a God of War fan, you know what to expect from the audio. Voice acting courtesy of TC Carson, who continues to deliver some of the best voice acting this industry sees on the regular, in addition to a soundtrack that's made to raise your tension, thanks to its fully orchestrated arrangements. Ghost of Sparta's brilliance knows no bounds, as the audio will leave you in a more than satisfied state. I also found it best to have a pair of nice headphones plugged in while playing, because the audio simply sounds that much more rich when it's streaming directly into your ears, as opposed to the PSP's speakers.

All in all, God of War: Ghost of Sparta is the PSP game you should have no reservations about. It's a well deserved $40 purchase that'll stay in your collection of portable titles for a long time. It's the ultimate example of the full console experience in the palm of your hands. God of War: Ghost of Sparta boasts everything you'd expect out of the franchise: superb visuals, great audio, massive gameplay, epic story, and great controls, all in a package that fits in the palm of your hand.

Source

Kamis, 10 Januari 2013
Read More
blogspot tutorial,blog,tips blogging
blogspot tutorial,blog,tips blogging
Free Templtes