Cara Membuat dan Memasang Kolom Parse HTML Di Blogger.

Parser HTML adalah suatu fasilitas internet yang berfungsi untuk menerjemahkan kode - kode HTML ke dalam suatu karakter tertentu. HTML Parser Tools ini Berfungsi juga untuk mengubah kode HTML. Jika anda menambahkan suatu Script ke Template anda, lalu terjadi Error XML. Maka Parser HTML Tools inilah jalan keluarnya, Maka anda tinggal Parse saja kode HTML ke dalam kotak dibawah ini. HTML ini adalah solusinya buat anda agar ketika anda mengedit Template, mungkin saja terjadi Error, maka parse saja kodenya beginilah solusinya! Jadi bagaimana cara membuatnya? Langsung saja kita praktekan. .

Screenshoot : 
Cara Membuatnya :

1. Buka Blogger - Login!
2. Dashboard - Laman.
3. Bisa juga Entri Baru.
4. Pilih Laman Kosong!
5. Copy - Paste kode berikut ini dan simpan dibagian HTML jangan Compose!

<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div dir="ltr" style="text-align: center;" trbidi="on">
<div class="style1">
<div style="text-align: center;">
<span style="font-family: &quot;arial&quot; , &quot;courier&quot; , monospace; font-size: large;"><b>Alat Parse HTML&nbsp;</b></span><br />
<span style="font-family: &quot;arial&quot; , &quot;courier&quot; , monospace; font-size: large;"><b>&nbsp;</b></span>
</div>
<center>
<b><span style="font-family: &quot;arial&quot; , &quot;courier&quot; , monospace;">
</span><div class="style1">
<span style="font-family: &quot;arial&quot; , &quot;courier&quot; , monospace;">Paste Script Kode HTML kedalam Bidang Kotak dibawah ini</span>
<span style="font-family: &quot;arial&quot; , &quot;courier&quot; , monospace;">Kemudian klik tombol "<span style="color: red;"><span style="font-family: &quot;arial&quot; , &quot;courier&quot; , monospace;">Convert</span></span>"<i>&nbsp;</i></span></div>
</b></center>
<center>
<b>
<div style="text-align: center; width: 100%;">
<div style="margin: 0 auto; padding: 0; width: 100%;">
<div id="mainDiv" style="padding: 2px 0;">
<textarea cols="21" id="tarea" onfocus="code_check();" rows="10" style="font-size: 12px; height: 100%; width: 100%;"></textarea>

<br />
<div style="margin: 0 auto; padding: 5px 0; width: 95%;">
<button onclick="code_convert();" style="margin-right: 5px;" type="button">Convert</button>
<button onclick="code_clear();" style="margin-left: 5px;" type="button">Clear</button> </div>
</div>
</div>
</div>
<script>
function code_check(){
var focuscheck=document.getElementById('tarea');if(focuscheck.value.indexOf('Pastekan Disini Kode yang Akan Anda Pasang pada Postingan Blog')>0)focuscheck.value='';}
function code_clear(){
var wtarea=document.getElementById('tarea');wtarea.value='';}
function code_convert(){
var ctarea=document.getElementById('tarea');var toConvert=ctarea.value;
var toConvert=toConvert.replace(/&/g,"&amp;");
var toConvert=toConvert.replace(/'/g,"&#039;");
var toConvert=toConvert.replace(/"/g,"&quot;");
var toConvert=toConvert.replace(/</g,"&lt;");
var toConvert=toConvert.replace(/>/g,"&gt;");
ctarea.value=toConvert;ctarea.focus();ctarea.select();};
</script>
</b></center>
</div>
</div>
</div>

6. Simpan Laman!

Gimana? Mudah Bukan! Sekian Tips Blogger kali ini. Thank's For Reading . Thanks For Visited - Semoga Bermanfaat!

Read More

Cara Memasang Kotak Kode Warna HTML di Blogger. Full Warna Bervariasi !

Cara Memasang Kotak Kode Warna di Blogger - Kode Warna HTML Merupakan sebuah kode yang dipergunakan untuk membuat sebuah warna pada pembuatan Script, baik itu HTML ataupun CSS. Kode Warna adalah yang paling penting untuk Mengedit Template atau Script! Pasti kode warna lah yang paling pertama - tama yang dicari-cari. Daripada kalian susah payah Search Google " Kode Warna HTML " Mendingan kita buat sendiri aja daripada mencari ke mana-mana ya engga^.^. Emangnya bisa ya? Iya tentu dongs bisa! Lihat aja tutorial ini^.^ .
Screenshoot :

Cara Pertama :

1. Buka Blogger dan Login Blogger !
2. Dashboard - Laman.
3. Atau bisa juga Entri Baru.
4. Entri Baru / Laman Kosong.
5. Pilih Bagian HTML Jangan Compose.
5. Copy - Paste kode berikut ini letakkan dibagian HTML Jangan Compose!.

<b><br /></b>
<br />
<div style="text-align: center;">
<div class="color-code">
<div class="color-responsive">
<object data="https://googledrive.com/host/0Bz4YdwRI3rnCc01fUWNaNGNHbjQ/" height="420" width="420"></object>
</div>
</div>
<div class="color-code">
<div class="color-responsive">
<object data="https://googledrive.com/host/0Bz4YdwRI3rnCNDVYN2tlcFF1b3c/" height="420" width="420"></object>
</div>
</div>
</div>
<style type="text/css">
.color-code {text-align: center;margin:20px auto;width:60%}
.color-responsive {position: relative;padding-bottom: 100%;height: 0;overflow: hidden}
.color-responsive object {position: absolute;top: 0;left: 0;width:100%;height:100%;border:0}
</style>

6. Simpan dan Beri nama Kode Warna.

Bagaimana? Mudah Bukan^.^ - Sekian dulu Tips Blogger dari saya! Semoga Bermanfaat!

© gudangite . All Right Reserved.

Read More

Cara Membuat Recent Post Thumbnail Dengan Per/Label !

Cara Membuat Recent Pos/Artikel Terbaru Pada Blogger  Per Label ! - Recent Pos adalah widget yang menampilkan artikel terbaru pada sebuah Blogger. Tapi yang akan dipostingkan kali ini adalah membuat Recent Post per/label. Recent Post bisa dibilang sih sama kaya Popular Post. Karena Fiturnya sama bedanya kalo Popular Post adalah Artikel yang paling sering dikunjungi. Sedangkan Recent Post adalah menampilkan artikel sebagian atau bisa dibilang per/label. Widget recent post ini tidak hanya menampilkan judul saja tetapi juga thumbnail (Gambar) dan Sinepet (Ringkasan) isi postingan terbaru blog. Oke langsung saja kita praktekan ...

Cara Pertama :

1. Buka Blogger - Login Akun!
2. Dashboard - Tata Letak/Layout!
3. Tambahkan Gadget - Pilih HTML Java Script.
4. Copy - Paste kode berikut ini.

<style>
img.recent_thumb {padding:1px;width:72px;height:72px;border:0; float:left;margin:0 10px 5px 1px;}.recent_posts_with_thumbs {float: right;width: 100%;min-height: 72px;margin: 5px 10px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:72px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;} </style>
<script>
function showrecentpostswiththumbs(json) {document.write('<ul class="recent_posts_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='http://lh4.ggpht.com/_IjrRiI_bVb0/TOCYn1fMjII/AAAAAAAAF24/5Fvv-HJqh74/loading-2.gif';
}
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('<img class="recent_thumb" src="'+thumburl+'"/>');
document.write('<b><a href="'+posturl+'" target ="_top">'+posttitle+'</a></b><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('<i>');
         document.write(postcontent);
          document.write('</i>');}
      else {
          document.write('<i>');
         postcontent = postcontent.substring(0, numchars);
         var quoteEnd = postcontent.lastIndexOf(" ");
         postcontent = postcontent.substring(0,quoteEnd);
         document.write(postcontent + '...');
          document.write('</i>');}
}

var towrite='';var flag=0;
document.write('<br><strong>');

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">Read more&#187;&#187;</a>';
flag=1;
;
}
document.write(towrite);
document.write('</strong></li>');
if(displayseparator==false)
if (i!=(numposts-1))
document.write('<hr color="#d9f1fa" size=0.5>');
}document.write('</ul>');

}
</script>
<script>
var numposts = 5;var showpostthumbnails = true;var displaymore = false;var displayseparator = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 100;
</script><script src="http://gudangite.blogspot.com/feeds/posts/default/-/Template?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs">
</script><div class="clear"/></div>

Var Numpost = 5 : Mau berapa Artikel yang akan ditampilkan.
Ganti URL saya dengan Alamat Blogger Anda.
Feed/post/default/-/Template : Silakan Ganti label apa yang akan mau ditampilkan.

5. Simpan Widgets.

Kurang lebih segitu saja. Sekian dari saya semoga Bermanfaat! Thank's For Reading . Thank's Visited ..

Happy Blogging^.^

Read More

Adobe PhotoShop Cs 5. Anti fake serial! 64MB

[MayCyber] - Adobe Photoshop Cs 5 adalah software editing atau desainer paling popular untuk PC. bagi sobat yang suka edit atau gambar mungkin juga grafis pasti sudah tidak asing lagi dengan software yang satu ini. Fitur dan porforma Adobe Photoshop Cs 5 lebih power full dibanding dengan Cs3 maupun Cs4.
Oke. pada kesempatan kali ini gudangite akan membagikan Adobe Photoshop Cs 5 Secara Gratis! :) . Oke sobat, untuk kali ini yang saya bagikan adalah sebuah portabel. Sehingga tidak perlu memerlukan proses instalasi software untuk menjalakannya. Sobat? ukuran file Adobe Photoshop Cs 5 ini cuma berkisar antara 64Mb saja sedangkan untuk versi Installer nya lebih dari 64Mb, mungkin berkisar antara 500MB. Kelebihan dari Adobe Photoshop Cs 5 yang saya posting kali ini adalah :

• Gratis? Iyadong dan Full Version anti Fake Serial Number!
• Udah dijelaskan tadi, File hanya 64Mb sangatlah kecil!
• Praktis cuy, Fleksibel juga. Karena tidak memerlukan proses intalasi. Dan bisa buka dikomputer mana saja.
• Lebih aman, karena tidak meninggalkan jejak atau aktivitas log pada komputer anda.

Screenshoot : 

Download : 

• Adobe Photoshop Cs 5 [Google Drive]
• Adobe Photoshop Cs 5 [ZippyShare]
  Tested : Windows 7 32bit!

Semoga Bermanfaat! 

Read More