Dunia Informasi: membuat

Showing posts with label membuat. Show all posts

Saturday, December 7, 2013

Membuat Threaded Comments Pada Blok Komentar Blogspot Versi II

Setelah Threaded Comments yang pertama, yang telah dibahas sebelumnya, kali ini saya akan membahas tentang Threaded Comments lain yang bisa diterapkan pada blogspot, seperti yang diterapkan pada blok komentar SC Community.

Pengetahuan tentang Threaded Comments yang satu ini saya peroleh gara-gara pertanyaan Mbak Reni bulan Februari lalu mengenai kemungkinan yang bakal terjadi jika menggunakan Threaded Comments ini. Waktu itu saya belum bisa menjelaskannya karena belum menjajal script-nya, maklum masih dalam keadaan hiatus, hehehe...

Threaded Comments yang satu ini memang rentan untuk error karena harus mengganti hampir seluruh kode HTML komentar pada blogspot. Namun jika berhasil, Threaded Comments ini "mudah diatur" dan bisa menggunakan setelan komentar apapun, baik setelan disemat, jendela munculan, atau halaman penuh, tidak seperti Threaded Comments yang pertama.

Jika sobat ingin menggunakan Threaded Comments ini, bisa dilihat pada sumbernya di sini atau sumber yang paling awalnya di sini. Tapi jika ingin gampangnya, ikuti saja langkah-langkah berikut:

Dari halaman Dasbor, pilih Template - Edit HTML(untuk amannya, lakukan duplikasi template terlebih dahulu).
Beri tanda centrang pada Expand Template Widget.

Setelah itu tambahkan CSS berikut di atas kode ]]<>/b:skin>:


/*=== Threaded Comments ===*/
.cm_wrap {
clear: both;
margin-bottom: 10px;
float: right;
width: 100%;
}
.cm_head {
margin: 0;
width: 70px;
float: left;
}
.cm_avatar {
margin: 0;
vertical-align: middle;
border: 1px solid #DDD;
padding: 3px;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLpacojD9dvo2_9ZagJFlL7qOyZV_b8o4mw07ZEMoNEfzmPS5duHGkb7yOdihe-fnZqhLxqPixU8hMbOt7LeVOH15nVYqNAxzJoHMFgsQtOLDvUzj1MwbjXS33sVtpoHBzCfztFJlv-Ts/s1600/blog-anonim.png);
background-position:center;
background-repeat:no-repeat;
width: 35px;
height: 35px;
}
.cm_reply {
padding-top: 5px;
}
.cm_reply a {
display: inline-block;
margin: 0;
padding: 1px 6px;
border: 1px solid #C4C4C4;
border-top-color: #E4E4E4;
border-left-color: #E4E4E4;
color: #424242 !important;
text-align: center;
text-shadow: 0 -1px 0 white;
text-decoration: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #EDEDED;
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) );
background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% );
font: 11px/18px sans-serif;
}
.cm_reply a:hover {
text-decoration: none !important;
background: #CCC;
background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #EEE),color-stop(1, #CCC));
background: -moz-linear-gradient(center top,#EEE 20%,#CCC 100%);
}
.cm_entry {
padding: 16px;
background:#FCFCFC;
border: 1px solid #E4E4E4;
overflow: hidden;
}
.cm_entry p {
margin: 0;
font-size: 13px;
color: #666;
}
.cm_arrow {
display: block;
width: 9px;
height: 18px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixMO9-YVlqfyZrDPf1QZwChaFz3VAqzu6rPAsiY-WipjDdPVO42kfJACC2MEV3DkLicO8QdaY8yhXNATaub6Jqg_KiTqAW9JwQFha5Z34vet2rx3SGYekNb-Y-GUqukXuL6opH2NfF9YY/s1600/comment-arrow.gif) no-repeat;
position: absolute;
margin-left: -25px;
}
.cm_info {
margin-bottom: 5px;
}
.cm_name {
font-weight: bold;
font-size: 12px;
float: left;
}
.cm_date {
font-size: 10px;
float: right;
font-style: italic;
color: #CCC;
}
.cm_pagenavi {
font-size: 10px;
text-transform: uppercase;
color: #666;
text-shadow: 1px 1px white;
font-weight: bold;
}
.cm_pagenavi a {
color: #666;
text-decoration: none;
padding:10px;
}
.cm_pagenavi a:hover {
text-decoration: underline
}
.cm_pagenavi span {
color: #888;
background: white;
padding: 4px;
border: 1px solid #E0E0E0;
}

Jika ingin tampilan avatar container-nya menarik, tambahkan CSS berikut di bawahnya:


/*=== BOX Avatar dan Blank Avatar ===*/
.avatar-image-container {
box-shadow: 1px 1px 0 #CCC, 3px 3px 0 #FFF, 4px 4px 0 #CCC, 6px 6px 0 #FFF, 7px 7px 0 #CCC;
-webkit-box-shadow: 1px 1px 0 #CCC, 3px 3px 0 #FFF, 4px 4px 0 #CCC, 6px 6px 0 #FFF, 7px 7px 0 #CCC;
-moz-box-shadow: 1px 1px 0 #CCC, 3px 3px 0 #FFF, 4px 4px 0 #CCC, 6px 6px 0 #FFF, 7px 7px 0 #CCC;
-o-box-shadow: 1px 1px 0 #CCC, 3px 3px 0 #FFF, 4px 4px 0 #CCC, 6px 6px 0 #FFF, 7px 7px 0 #CCC;
}
.avatar-image-container img {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLpacojD9dvo2_9ZagJFlL7qOyZV_b8o4mw07ZEMoNEfzmPS5duHGkb7yOdihe-fnZqhLxqPixU8hMbOt7LeVOH15nVYqNAxzJoHMFgsQtOLDvUzj1MwbjXS33sVtpoHBzCfztFJlv-Ts/s1600/blog-anonim.png);
width:35px;
height:35px;
border:none;
}
.avatar-image-container img:hover {
transform:scale(1.2) rotate(360deg); -ms-transform:scale(1.2) rotate(360deg); -o-transform:scale(1.2) rotate(360deg); -moz-transform:scale(1.2) rotate(360deg); -webkit-transform:scale(1.2) rotate(360deg);
transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s;
}

Setelah itu cari kode berikut:
```
<b:includable id=comments var=post>
```

Ganti kode HTML komentar yang terletak antara:


<b:includable id=comments var=post>

Kode HTML komentar yang harus diganti mulai dari kode 
<div class=comments id=comments>
sampai kode penutupnya 
</div>

</b:includable>

dengan kode HTML berikut:


<!--Threaded Komentar-->
<div class=comments id=comments>
  <a name=comments/> 
  <b:if cond=data:post.allowComments> 
        <h4> 
             <b:if cond=data:post.numComments &gt; 0> 
          <b:if cond=data:post.numComments == 1> 
            <span id=cm_total>1</span> komentar 
          <b:else/> 
            <span id=cm_total><data:post.numComments/></span> komentar 
          </b:if> 
        </b:if> 
        </h4> 

        <div id=cm_reply_css></div> 

        <div class=cm_pagenavi id=cm_page></div> 

        <div id=cm_block> 
            <b:loop values=data:post.comments var=comment> 
                <b:if cond=data:comment.isDeleted> 
                <b:else/> 

                    <div expr:id=data:comment.anchorName> 
                        <div class=cm_wrap>
                            <a expr:name=data:comment.anchorName/> 
                            <div class=cm_head> 
                                <div class=cm_avatar> 
                                    <b:if cond=data:blog.enabledCommentProfileImages> 
                                        <data:comment.authorAvatarImage/> 
                                    </b:if>                       
                                </div> 
                                <div class=cm_reply> 
<a expr:href=&quot;https://www.blogger.com/comment.g?blogID=NOMOR ID-BLOG&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot; onclick=javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500&quot;); return false;>Balas</a> 
                                </div> 
                            </div> 

                            <div class=cm_entry> 
                                <span class=cm_arrow></span> 
                                <div class=cm_info> 
                                    <div class=cm_name> 
                                        <b:if cond=data:comment.authorUrl> 
                                            <a expr:href=data:comment.authorUrl rel=nofollow target=_blank> 
                                                <data:comment.author/> 
                                            </a> 
                                        <b:else/> 
                                            <b><data:comment.author/></b> 
                                        </b:if> 
                                    </div> 
                                    <div class=cm_date> 
                                        <data:comment.timestamp/> 
                                        <b:include data=comment name=commentDeleteIcon/> 
                                    </div> 
                                    <div class=clear/> 
                                </div> 

                                <p><data:comment.body/></p> 
                            </div> 
                        </div> 
                    </div> 
                </b:if> 
            </b:loop> 
        </div> 

        <div class=cm_pagenavi id=cm_page_copy></div> 

        <b:if cond=data:post.embedCommentForm> 
            <b:if cond=data:post.allowNewComments> 
                <b:include data=post name=comment-form/> 
            <b:else/> 
                <data:post.noNewCommentsText/> 
            </b:if> 
            <b:else/> 
            <b:if cond=data:post.allowComments> 
                <a expr:href=data:post.addCommentUrl expr:onclick=data:post.addCommentOnclick><data:postCommentMsg/></a> 
            </b:if> 
        </b:if> 

</b:if>
</div>
<!--/Threaded Komentar-->

Keterangan:
Ganti NOMOR ID-BLOG dengan nomor ID blog kamu yang tertera pada address bar (19 angka)

Setelah itu cari </body> lalu tambahkan script berikut di atasnya:


&lt;script type="text/javascript"&gt;&lt;!--
var _0x7bf4=["x32x20x78x3Dx31x72x2Ex31x6Ex2Ex4Ax3Bx32x20x46x3Dx77x2Ex79x28x27x31x6Dx27x29x3Bx32x20x6Dx3Dx46x2Ex75x3Bx32x20x70x3Dx5Bx5Dx3Bx32x20x37x3Dx5Bx5Dx3Bx32x20x64x3Dx5Bx5Dx3Bx32x20x6Ex3Dx30x3Bx32x20x49x3Dx27x27x3Bx32x20x4Bx3Dx27x27x3Bx32x20x45x3Dx27x27x3Bx32x20x69x3Dx30x3Bx32x20x6Ax3Dx30x3Bx32x20x6Bx3Dx30x3Bx32x20x68x3Dx30x3Bx32x20x62x3Dx27x27x3Bx32x20x42x3Dx22x22x3Bx32x20x71x3Dx22x22x3Bx31x73x20x31x31x28x29x7Bx32x20x56x3Dx2Dx31x3Bx38x28x5Ax2Ex31x79x3Dx3Dx27x31x7Ax20x31x76x20x31x75x27x29x7Bx32x20x31x65x3Dx5Ax2Ex31x77x3Bx32x20x31x30x3Dx31x78x20x31x32x28x22x31x74x20x28x5Bx30x2Dx39x5Dx7Bx31x2Cx7Dx5Bx5Cx2Ex30x2Dx39x5Dx7Bx30x2Cx7Dx29x22x29x3Bx38x28x31x30x2Ex31x41x28x31x65x29x21x3Dx31x70x29x56x3Dx31x71x28x31x32x2Ex24x31x29x7Dx31x6Fx20x56x7Dx32x20x57x3Dx31x31x28x29x3Bx38x28x57x3Dx3Dx2Dx31x7Cx7Cx57x3Ex3Dx39x29x7Bx31x34x28x6Dx2Ex66x28x27x4Cx3Dx22x63x27x29x21x3Dx2Dx31x29x7Bx69x3Dx6Dx2Ex66x28x27x4Cx3Dx22x63x27x29x3Bx6Dx3Dx6Dx2Ex65x28x69x2Bx34x29x3Bx69x3Dx6Dx2Ex66x28x27x22x27x29x3Bx70x5Bx6Ex5Dx3Dx6Dx2Ex65x28x30x2Cx69x29x3Bx6Dx3Dx6Dx2Ex65x28x69x29x3Bx37x5Bx6Ex5Dx3Dx77x2Ex79x28x70x5Bx6Ex5Dx29x2Ex75x3Bx64x5Bx6Ex5Dx3Dx30x3Bx6Ex2Bx2Bx7Dx76x28x69x3Dx30x3Bx69x3Cx6Ex2Dx31x3Bx69x2Bx2Bx29x7Bx76x28x6Ax3Dx69x2Bx31x3Bx6Ax3Cx6Ex3Bx6Ax2Bx2Bx29x7Bx38x28x37x5Bx6Ax5Dx2Ex66x28x70x5Bx69x5Dx29x21x3Dx2Dx31x29x7Bx49x3Dx70x5Bx6Ax5Dx3Bx4Bx3Dx37x5Bx6Ax5Dx3Bx64x5Bx6Ax5Dx3Dx64x5Bx69x5Dx2Bx31x3Bx45x3Dx64x5Bx6Ax5Dx3Bx76x28x68x3Dx69x2Bx31x3Bx68x3Cx6Ax3Bx68x2Bx2Bx29x7Bx38x28x64x5Bx68x5Dx3Cx45x29x7Bx31x37x7Dx7Dx76x28x6Bx3Dx6Ax3Bx6Bx3Ex68x3Bx6Bx3Dx6Bx2Dx31x29x7Bx70x5Bx6Bx5Dx3Dx70x5Bx6Bx2Dx31x5Dx3Bx37x5Bx6Bx5Dx3Dx37x5Bx6Bx2Dx31x5Dx3Bx64x5Bx6Bx5Dx3Dx64x5Bx6Bx2Dx31x5Dx7Dx70x5Bx68x5Dx3Dx49x3Bx37x5Bx68x5Dx3Dx4Bx3Bx64x5Bx68x5Dx3Dx45x7Dx7Dx7Dx76x28x69x3Dx30x3Bx69x3Cx6Ex3Bx69x2Bx2Bx29x7Bx6Ax3Dx37x5Bx69x5Dx2Ex66x28x27x40x3Cx61x20x4Ax3Dx22x23x63x27x29x3Bx38x28x6Ax21x3Dx2Dx31x29x7Bx42x3Dx37x5Bx69x5Dx2Ex65x28x30x2Cx6Ax29x3Bx71x3Dx37x5Bx69x5Dx2Ex65x28x6Ax2Bx31x29x3Bx6Ax3Dx71x2Ex66x28x27x3Cx2Fx61x3Ex27x29x3Bx71x3Dx71x2Ex65x28x6Ax2Bx34x29x3Bx37x5Bx69x5Dx3Dx42x2Bx71x7Dx6Ax3Dx37x5Bx69x5Dx2Ex66x28x27x50x3Dx22x59x22x27x29x3Bx38x28x6Ax21x3Dx2Dx31x29x7Bx42x3Dx37x5Bx69x5Dx2Ex65x28x30x2Cx6Ax29x3Bx71x3Dx37x5Bx69x5Dx2Ex65x28x6Ax29x3Bx38x28x64x5Bx69x5Dx3Ex36x29x64x5Bx69x5Dx3Dx36x3Bx37x5Bx69x5Dx3Dx42x2Bx27x74x3Dx22x31x35x3Ax27x2Bx28x31x39x2Dx64x5Bx69x5Dx2Ax35x29x2Bx27x25x22x20x27x2Bx71x7Dx62x2Bx3Dx37x5Bx69x5Dx7Dx62x2Bx3Dx27x3Cx67x20x50x3Dx22x31x66x22x3Ex3Cx2Fx67x3Ex27x3Bx46x2Ex75x3Dx62x3Bx46x2Ex74x2Ex51x3Dx27x31x62x27x3Bx32x20x4Dx3Dx77x2Ex79x28x27x31x61x27x29x2Ex75x3Bx32x20x6Fx3Dx4Fx28x4Dx29x3Bx38x28x6Fx3Ex72x29x7Bx62x3Dx27x3Cx67x20x74x3Dx22x47x3Ax31x63x22x3Ex31x64x20x27x3Bx32x20x48x3Dx28x6Fx2Dx6Fx25x72x29x2Fx72x2Bx31x3Bx32x20x73x3Dx27x27x3Bx32x20x6Cx3Dx31x3Bx69x3Dx78x2Ex66x28x27x2Ex31x6Cx27x29x3Bx38x28x69x21x3Dx2Dx31x29x7Bx73x3Dx78x2Ex65x28x30x2Cx69x2Bx35x29x7Dx7Ax7Bx73x3Dx78x7Dx69x3Dx73x2Ex66x28x27x23x44x27x29x3Bx38x28x69x21x3Dx2Dx31x29x7Bx73x3Dx73x2Ex65x28x30x2Cx69x29x7Dx69x3Dx78x2Ex66x28x27x3Fx53x3Dx27x29x3Bx38x28x69x3Dx3Dx2Dx31x29x7Bx6Cx3Dx31x7Dx7Ax7Bx6Cx3Dx4Fx28x78x2Ex65x28x69x2Bx31x33x29x29x7Dx76x28x69x3Dx31x3Bx69x3Cx3Dx48x3Bx69x2Bx2Bx29x7Bx38x28x69x3Dx3Dx6Cx29x7Bx62x2Bx3Dx27x3Cx55x3Ex27x2Bx69x2Bx27x3Cx2Fx55x3Ex27x7Dx7Ax7Bx62x2Bx3Dx27x3Cx61x20x4Ax3Dx22x27x2Bx73x2Bx27x3Fx53x3Dx27x2Bx69x2Bx27x23x44x22x3Ex27x2Bx69x2Bx27x3Cx2Fx61x3Ex27x7Dx7Dx38x28x6Cx2Ax72x3Cx3Dx6Fx29x7Bx62x2Bx3Dx27x3Cx2Fx67x3Ex3Cx67x20x74x3Dx22x47x3Ax54x22x3Ex27x2Bx28x28x28x6Cx2Dx31x29x2Ax72x29x2Bx31x29x2Bx27x20x2Dx20x27x2Bx28x6Cx2Ax72x29x2Bx27x20x52x20x27x2Bx6Fx2Bx27x20x44x3Cx2Fx67x3Ex27x7Dx7Ax7Bx62x2Bx3Dx27x3Cx2Fx67x3Ex3Cx67x20x74x3Dx22x47x3Ax54x22x3Ex27x2Bx28x28x28x6Cx2Dx31x29x2Ax72x29x2Bx31x29x2Bx27x20x2Dx20x27x2Bx6Fx2Bx27x20x52x20x27x2Bx6Fx2Bx27x20x44x3Cx2Fx67x3Ex27x7Dx32x20x43x3Dx77x2Ex79x28x27x31x69x27x29x3Bx43x2Ex75x3Dx62x3Bx43x3Dx77x2Ex79x28x27x31x68x27x29x3Bx43x2Ex75x3Dx62x3Bx38x28x6Cx3Cx48x29x7Bx62x3Dx27x3Cx74x20x31x67x3Dx22x31x6Bx2Fx31x6Ax22x3Ex2Ex58x20x7Bx51x3Ax20x31x38x7Dx3Cx2Fx74x3Ex27x3Bx32x20x4Ex3Dx77x2Ex79x28x27x31x36x27x29x3Bx4Ex2Ex75x3Dx62x7Dx7Dx7Dx7Ax7Bx31x34x28x6Dx2Ex66x28x27x4Cx3Dx63x27x29x21x3Dx2Dx31x29x7Bx69x3Dx6Dx2Ex66x28x27x4Cx3Dx63x27x29x3Bx6Dx3Dx6Dx2Ex65x28x69x2Bx33x29x3Bx69x3Dx6Dx2Ex66x28x27x3Ex27x29x3Bx70x5Bx6Ex5Dx3Dx6Dx2Ex65x28x30x2Cx69x29x3Bx6Dx3Dx6Dx2Ex65x28x69x29x3Bx37x5Bx6Ex5Dx3Dx77x2Ex79x28x70x5Bx6Ex5Dx29x2Ex75x3Bx64x5Bx6Ex5Dx3Dx30x3Bx6Ex2Bx2Bx7Dx76x28x69x3Dx30x3Bx69x3Cx6Ex2Dx31x3Bx69x2Bx2Bx29x7Bx76x28x6Ax3Dx69x2Bx31x3Bx6Ax3Cx6Ex3Bx6Ax2Bx2Bx29x7Bx38x28x37x5Bx6Ax5Dx2Ex66x28x70x5Bx69x5Dx29x21x3Dx2Dx31x29x7Bx49x3Dx70x5Bx6Ax5Dx3Bx4Bx3Dx37x5Bx6Ax5Dx3Bx64x5Bx6Ax5Dx3Dx64x5Bx69x5Dx2Bx31x3Bx45x3Dx64x5Bx6Ax5Dx3Bx76x28x68x3Dx69x2Bx31x3Bx68x3Cx6Ax3Bx68x2Bx2Bx29x7Bx38x28x64x5Bx68x5Dx3Cx45x29x7Bx31x37x7Dx7Dx76x28x6Bx3Dx6Ax3Bx6Bx3Ex68x3Bx6Bx3Dx6Bx2Dx31x29x7Bx70x5Bx6Bx5Dx3Dx70x5Bx6Bx2Dx31x5Dx3Bx37x5Bx6Bx5Dx3Dx37x5Bx6Bx2Dx31x5Dx3Bx64x5Bx6Bx5Dx3Dx64x5Bx6Bx2Dx31x5Dx7Dx70x5Bx68x5Dx3Dx49x3Bx37x5Bx68x5Dx3Dx4Bx3Bx64x5Bx68x5Dx3Dx45x7Dx7Dx7Dx76x28x69x3Dx30x3Bx69x3Cx6Ex3Bx69x2Bx2Bx29x7Bx6Ax3Dx37x5Bx69x5Dx2Ex66x28x27x40x3Cx41x20x4Ax3Dx22x23x63x27x29x3Bx38x28x6Ax21x3Dx2Dx31x29x7Bx42x3Dx37x5Bx69x5Dx2Ex65x28x30x2Cx6Ax29x3Bx71x3Dx37x5Bx69x5Dx2Ex65x28x6Ax2Bx31x29x3Bx6Ax3Dx71x2Ex66x28x27x3Cx2Fx41x3Ex27x29x3Bx71x3Dx71x2Ex65x28x6Ax2Bx34x29x3Bx37x5Bx69x5Dx3Dx42x2Bx71x7Dx6Ax3Dx37x5Bx69x5Dx2Ex66x28x27x50x3Dx59x27x29x3Bx38x28x6Ax21x3Dx2Dx31x29x7Bx42x3Dx37x5Bx69x5Dx2Ex65x28x30x2Cx6Ax29x3Bx71x3Dx37x5Bx69x5Dx2Ex65x28x6Ax29x3Bx38x28x64x5Bx69x5Dx3Ex36x29x64x5Bx69x5Dx3Dx36x3Bx37x5Bx69x5Dx3Dx42x2Bx27x74x3Dx22x31x35x3Ax27x2Bx28x31x39x2Dx64x5Bx69x5Dx2Ax35x29x2Bx27x25x22x20x27x2Bx71x7Dx62x2Bx3Dx37x5Bx69x5Dx7Dx62x2Bx3Dx27x3Cx67x20x50x3Dx22x31x66x22x3Ex3Cx2Fx67x3Ex27x3Bx46x2Ex75x3Dx62x3Bx46x2Ex74x2Ex51x3Dx27x31x62x27x3Bx32x20x4Dx3Dx77x2Ex79x28x27x31x61x27x29x2Ex75x3Bx32x20x6Fx3Dx4Fx28x4Dx29x3Bx38x28x6Fx3Ex72x29x7Bx62x3Dx27x3Cx67x20x74x3Dx22x47x3Ax31x63x22x3Ex31x64x20x27x3Bx32x20x48x3Dx28x6Fx2Dx6Fx25x72x29x2Fx72x2Bx31x3Bx32x20x73x3Dx27x27x3Bx32x20x6Cx3Dx31x3Bx69x3Dx78x2Ex66x28x27x2Ex31x6Cx27x29x3Bx38x28x69x21x3Dx2Dx31x29x7Bx73x3Dx78x2Ex65x28x30x2Cx69x2Bx35x29x7Dx7Ax7Bx73x3Dx78x7Dx69x3Dx73x2Ex66x28x27x23x44x27x29x3Bx38x28x69x21x3Dx2Dx31x29x7Bx73x3Dx73x2Ex65x28x30x2Cx69x29x7Dx69x3Dx78x2Ex66x28x27x3Fx53x3Dx27x29x3Bx38x28x69x3Dx3Dx2Dx31x29x7Bx6Cx3Dx31x7Dx7Ax7Bx6Cx3Dx4Fx28x78x2Ex65x28x69x2Bx31x33x29x29x7Dx76x28x69x3Dx31x3Bx69x3Cx3Dx48x3Bx69x2Bx2Bx29x7Bx38x28x69x3Dx3Dx6Cx29x7Bx62x2Bx3Dx27x3Cx55x3Ex27x2Bx69x2Bx27x3Cx2Fx55x3Ex27x7Dx7Ax7Bx62x2Bx3Dx27x3Cx61x20x4Ax3Dx22x27x2Bx73x2Bx27x3Fx53x3Dx27x2Bx69x2Bx27x23x44x22x3Ex27x2Bx69x2Bx27x3Cx2Fx61x3Ex27x7Dx7Dx38x28x6Cx2Ax72x3Cx3Dx6Fx29x7Bx62x2Bx3Dx27x3Cx2Fx67x3Ex3Cx67x20x74x3Dx22x47x3Ax54x22x3Ex27x2Bx28x28x28x6Cx2Dx31x29x2Ax72x29x2Bx31x29x2Bx27x20x2Dx20x27x2Bx28x6Cx2Ax72x29x2Bx27x20x52x20x27x2Bx6Fx2Bx27x20x44x3Cx2Fx67x3Ex27x7Dx7Ax7Bx62x2Bx3Dx27x3Cx2Fx67x3Ex3Cx67x20x74x3Dx22x47x3Ax54x22x3Ex27x2Bx28x28x28x6Cx2Dx31x29x2Ax72x29x2Bx31x29x2Bx27x20x2Dx20x27x2Bx6Fx2Bx27x20x52x20x27x2Bx6Fx2Bx27x20x44x3Cx2Fx67x3Ex27x7Dx32x20x43x3Dx77x2Ex79x28x27x31x69x27x29x3Bx43x2Ex75x3Dx62x3Bx43x3Dx77x2Ex79x28x27x31x68x27x29x3Bx43x2Ex75x3Dx62x3Bx38x28x6Cx3Cx48x29x7Bx62x3Dx27x3Cx74x20x31x67x3Dx22x31x6Bx2Fx31x6Ax22x3Ex2Ex58x20x7Bx51x3Ax20x31x38x7Dx3Cx2Fx74x3Ex27x3Bx32x20x4Ex3Dx77x2Ex79x28x27x31x36x27x29x3Bx4Ex2Ex75x3Dx62x7Dx7Dx7D","x7C","x73x70x6Cx69x74","x7Cx7Cx76x61x72x7Cx7Cx7Cx7Cx7Cx43x6Dx5Fx49x74x65x6Dx5Fx43x6Fx6Ex74x65x6Ex74x7Cx69x66x7Cx7Cx7Cx73x74x72x6Fx75x74x7Cx7Cx43x6Dx5Fx49x74x65x6Dx5Fx4Cx65x76x65x6Cx7Cx73x75x62x73x74x72x69x6Ex67x7Cx69x6Ex64x65x78x4Fx66x7Cx64x69x76x7Cx7Cx7Cx7Cx7Cx43x6Dx5Fx43x75x72x5Fx50x61x67x65x7Cx43x6Dx5Fx42x6Cx6Fx63x6Bx5Fx43x6Fx6Ex74x65x6Ex74x7Cx43x6Dx5Fx4Ex75x6Dx7Cx43x6Dx5Fx54x6Fx74x61x6Cx7Cx43x6Dx5Fx49x74x65x6Dx5Fx49x64x7Cx73x74x72x5Fx74x32x7Cx32x30x30x7Cx4Fx72x67x5Fx55x72x6Cx5Fx54x68x72x65x61x64x43x4Dx7Cx73x74x79x6Cx65x7Cx69x6Ex6Ex65x72x48x54x4Dx4Cx7Cx66x6Fx72x7Cx64x6Fx63x75x6Dx65x6Ex74x7Cx43x75x72x5Fx55x72x6Cx5Fx54x68x72x65x61x64x43x4Dx7Cx67x65x74x45x6Cx65x6Dx65x6Ex74x42x79x49x64x7Cx65x6Cx73x65x7Cx7Cx73x74x72x5Fx74x31x7Cx43x6Dx5Fx50x61x67x65x5Fx4Fx62x6Ax7Cx63x6Fx6Dx6Dx65x6Ex74x73x7Cx43x6Dx5Fx49x74x65x6Dx5Fx4Cx65x76x65x6Cx5Fx54x7Cx43x6Dx5Fx42x6Cx6Fx63x6Bx7Cx66x6Cx6Fx61x74x7Cx43x6Dx5Fx50x61x67x65x5Fx4Ex75x6Dx7Cx43x6Dx5Fx49x74x65x6Dx5Fx49x64x5Fx54x7Cx68x72x65x66x7Cx43x6Dx5Fx49x74x65x6Dx5Fx43x6Fx6Ex74x65x6Ex74x5Fx54x7Cx69x64x7Cx43x6Dx5Fx54x6Fx74x61x6Cx5Fx4Fx62x6Ax7Cx43x6Dx5Fx52x65x70x6Cx79x43x53x53x5Fx4Fx62x6Ax7Cx70x61x72x73x65x49x6Ex74x7Cx63x6Cx61x73x73x7Cx64x69x73x70x6Cx61x79x7Cx6Fx66x7Cx63x6Fx6Dx6Dx65x6Ex74x50x61x67x65x7Cx72x69x67x68x74x7Cx73x70x61x6Ex7Cx72x76x7Cx49x45x5Fx76x65x72x7Cx63x6Dx5Fx61x75x74x68x6Fx72x5Fx72x65x70x6Cx79x7Cx63x6Dx5Fx77x72x61x70x7Cx6Ex61x76x69x67x61x74x6Fx72x7Cx72x65x7Cx67x65x74x49x6Ex74x65x72x6Ex65x74x45x78x70x6Cx6Fx72x65x72x56x65x72x73x69x6Fx6Ex7Cx52x65x67x45x78x70x7Cx7Cx77x68x69x6Cx65x7Cx77x69x64x74x68x7Cx63x6Dx5Fx72x65x70x6Cx79x5Fx63x73x73x7Cx62x72x65x61x6Bx7Cx6Ex6Fx6Ex65x7Cx31x30x30x7Cx63x6Dx5Fx74x6Fx74x61x6Cx7Cx62x6Cx6Fx63x6Bx7Cx6Cx65x66x74x7Cx50x61x67x65x7Cx75x61x7Cx63x6Cx65x61x72x7Cx74x79x70x65x7Cx63x6Dx5Fx70x61x67x65x5Fx63x6Fx70x79x7Cx63x6Dx5Fx70x61x67x65x7Cx63x73x73x7Cx74x65x78x74x7Cx68x74x6Dx6Cx7Cx63x6Dx5Fx62x6Cx6Fx63x6Bx7Cx6Cx6Fx63x61x74x69x6Fx6Ex7Cx72x65x74x75x72x6Ex7Cx6Ex75x6Cx6Cx7Cx70x61x72x73x65x46x6Cx6Fx61x74x7Cx77x69x6Ex64x6Fx77x7Cx66x75x6Ex63x74x69x6Fx6Ex7Cx4Dx53x49x45x7Cx45x78x70x6Cx6Fx72x65x72x7Cx49x6Ex74x65x72x6Ex65x74x7Cx75x73x65x72x41x67x65x6Ex74x7Cx6Ex65x77x7Cx61x70x70x4Ex61x6Dx65x7Cx4Dx69x63x72x6Fx73x6Fx66x74x7Cx65x78x65x63","","x66x72x6Fx6Dx43x68x61x72x43x6Fx64x65","x72x65x70x6Cx61x63x65","x5Cx77x2B","x5Cx62","x67"];eval(function (_0x4f09x1,_0x4f09x2,_0x4f09x3,_0x4f09x4,_0x4f09x5,_0x4f09x6){_0x4f09x5=function (_0x4f09x3){return (_0x4f09x3&lt;_0x4f09x2?_0x7bf4[4]:_0x4f09x5(parseInt(_0x4f09x3/_0x4f09x2)))+((_0x4f09x3=_0x4f09x3%_0x4f09x2)&gt;35?String[_0x7bf4[5]](_0x4f09x3+29):_0x4f09x3.toString(36));} ;if(!_0x7bf4[4][_0x7bf4[6]](/^/,String)){while(_0x4f09x3--){_0x4f09x6[_0x4f09x5(_0x4f09x3)]=_0x4f09x4[_0x4f09x3]||_0x4f09x5(_0x4f09x3);} ;_0x4f09x4=[function (_0x4f09x5){return _0x4f09x6[_0x4f09x5];} ];_0x4f09x5=function (){return _0x7bf4[7];} ;_0x4f09x3=1;} ;while(_0x4f09x3--){if(_0x4f09x4[_0x4f09x3]){_0x4f09x1=_0x4f09x1[_0x7bf4[6]]( new RegExp(_0x7bf4[8]+_0x4f09x5(_0x4f09x3)+_0x7bf4[8],_0x7bf4[9]),_0x4f09x4[_0x4f09x3]);} ;} ;return _0x4f09x1;} (_0x7bf4[0],62,99,_0x7bf4[3][_0x7bf4[2]](_0x7bf4[1]),0,{}));
--&gt;&lt;/script&gt;

Save hasilnya lalu ucapkan Alhamdulillah...

Catatan:
Jika blok komentar kamu menggunakan Threaded Comments yang pertama atau Threaded Comments ini tidak berfungsi maka hapuslah kode yang diberi warna merah berikut:
<b:if cond=data:post.showThreadedComments>
<b:include data=post name=threaded_comments/>
<b:else/>
<b:include data=post name=comments/>
</b:if>

Ok, segitu aja sob. Semoga bermanfaat .....

Sumber : artistutorial.blogspot.com

Sunday, November 3, 2013

Cara membuat gambar dengan Resolusi Rendah 8 bit

Ini sekedar contoh :

Buat Object dengan Polygon Tool ukuran 1 x 1 cm > ketik angka 4 pada Number of points > beri warna merah dan klik kanan kotak dengan tanda silang pada color palette (pilihan warna paling atas) untuk menghilangkan outline, hasilnya seperti gambar dibawah ini.

Pada Menu bar pilih Bitmaps > Convert to Bitmap...

Ketik 72 dpi pada form Resolution > pada Color mode pilih Paletted (8-bit);

Dan seperti ini, kemudian klik OK

Selesai, gambar di bawah ini merupakan contoh saja, semakin rendah anda mengetikkan resolusinya semakin besar pixel yang dihasilkan. Selamat mencoba

Saturday, October 26, 2013

Mantan CEO Nokia Asia Pasifik Mendirikan Perusahaan Baru Dengan Nama Newkia untuk Membuat Ponsel Android

news, nokia, newkia, finlandia, Thomas Zilliacus

Mantan CEO Nokia Asia-Pasifik mendirikan perusahaan baru dengan Nama Newkia, Dia ingin membuat ponsel Android yang dimana Nokia tidak mau membuatnya.

Untuk semua orang yang ingin, atau memohon kepada Nokia untuk membuat ponsel Android, sepertinya kali ini impian Anda benar-benar akan dapat terwujud. Pada hari dimana Microsoft membeli bisnis ponsel Nokia, mantan CEO Nokia Asia-Pasifik perusahaan asal Finlandia Thomas Zilliacus mendirikan perusahaan baru dengan nama Newkia dengan harapan memproduksi ponsel Android yang dimana Nokia tidak akan berkomitmen untuk itu, dan ia berencana untuk mempekerjakan karyawan Nokia yang tertarik untuk mengembangkan ponsel Android.

Semula Zilliacus ingin membeli bisnis ponsel Nokia tahun lalu dengan harapan mengarahkan perusahaan menuju Android, tapi ia tidak dapat mengumpulkan cukup dana untuk melakukannya. Pembentukan Newkia, tampaknya, adalah pilihan terbaik berikutnya. Perusahaan yang berbasis di Singapura itu sudah memiliki beberapa staf mantan karyawan Nokia, dan Zilliacus berencana untuk tetap menempatkan tim R & D berada di Finlandia.

Newkia berharap untuk meluncurkan ponsel pertamanya dalam kurun waktu setahun. Perusahaan berencana untuk menargetkan pasar Asia, tetapi tidak mengesampingkan kemungkinan merilis handset di Amerika Serikat. Ini masih harus dilihat apakah perusahaan dapat membuat perangkat yang bisa menandingi kualitas Nokia Lumia 1020, dan berharap itu bisa dilakukan.

Via: Cnet

Friday, October 25, 2013

Cara Paling Cepat Mudah Membuat Website

Di zaman sekarang masih banyak orang yang masih tidak punya website atau situs.
Ya sebenarnya sih ga masalah juga ya, toh ga ada aturan yang bilang setiap orang harus mempunyai website.
Misalnya seorang Ibu yang hanya mau merawat bayinya, tentu ngapain ia mempunyai website?
Atau misalnya seorang ABG yang hanya mau bergaul dengan teman dan TTM nya melalui Friendster atau Facebook, buat apa mereka memiliki situs sendiri? :eek:

Namun apabila anda mau mendapatkan duit dari Internet, apapun profesi anda sehari-hari, apakah anda hanya seorang Ibu atau seorang ABG, anda perlu mempunyai website sendiri.
Saat ini, cara paling mudah (terutama apabila anda tidak mengerti HTML) untuk memiliki website sendiri adalah dengan menggunakan blog. Mengapa saya mengatakan demikian?
Karena dengan menggunakan blog, anda benar-benar tinggal ketik apa yang anda mau tulis (content), lalu tinggal klik “publish”, dan blog anda langsung “live” dalam hitungan detik. :cool:

Selain karena blog sangat mudah untuk dibuat, ada beberapa faktor lain yang menyebabkan mengapa saya sangat menyarankan anda menggunakan blog untuk membuat website anda (terutama apabila anda tidak mengerti HTML):
1. Blog disukai search engine, terutama Google
Ini artinya blog anda muda di-index oleh Google. Di-index oleh Google maksudnya adalah blog anda “terdaftar” di Google.
Untuk mengecek apakah blog atau website anda terdaftar di Google atau tidak, ketik “site:namadomain.com” di Google.
Contoh: Kalau anda mau cek apakah situs detik.com terdaftar di Google atau tidak, ketik “site:detik.com” di Google.
Hasilnya seperti ini (silakan klik di gambar tsb untuk memperbesar):

Ini menunjukkan bahwa detik.com telah di-index oleh Google. Jumlah halaman yang telah di-index adalah 879.000 halaman.
2. Ga usah pusing dengan design
Kecuali anda adalah seorang web designer, kalau tidak anda pasti pusing bagaimana men-design website anda.
Dengan blog, anda tidak perlu mengerti bagaimana melakukan graphic design terhadap blog anda, karena anda hanya perlu memilih design “theme” yang sudah tersedia. Benar-benar plug-and-play! :wink:

3. Blog membuat website anda menjadi interaktif
Dengan adanya fitur dimana para pengunjung bisa meninggalkan komentar di blog anda (dan ini pun anda tidak perlu pusing belajar bagaimana install script-script yang rumit di website anda karena blog pada dasarnya sudah memiliki fungsi ini), blog anda menjadi interaktif.
Anda bisa bergaul dengan pengunjung anda melalui fitur komentar ini. Mereka bisa menanya kepada anda dan anda bisa menjawab pertanyaan mereka. Artinya anda membina hubungan dengan mereka.
Kalau website anda tidak menggunakan blog, anda perlu install script untuk mendapatkan fungsi semacam ini. Masalanya adalah tidak setiap orang mengerti bagaimana menginstall script di websitenya. :sad:

Terus apa kesimpulannya?
Kesimpulannya adalah apabila saat ini anda mau mendapatkan duit dari Internet tetapi masih belum punya website (karena anda tidak mengerti HTML), buatlah blog anda yang pertama sekarang juga.
Mengapa? Karena anda bisa menggunakan blog untuk menghasilkan uang. Silakan anda lihat di posting yang satu ini mengenai hal ini.
Membuat blog sekarang sudah Gratis koq. Anda bisa menggunakan Wordpress.com atau Blogger untuk membuat blog anda yang pertama secara Gratis.
Kalau anda mau lebih professional, anda bisa menggunakan script Wordpress.org dan install blog Wordpress di domain dan hosting anda sendiri. Produk saya Nge Blog Dapet Duit membahas secara step-by-step mengenai hal ini.
Setelah panjang lebar saya menjelaskan kehebatan blog, saya mau klarifikasi bahwa ini bukan berarti saya tidak memandang website HTML.
Sama sekali bukan seperti itu!
Jika anda pertahikan, saya sendiri menggunakan kombinasi blog dan website HTML untuk bisnis Internet saya.
Situs HowCariUangDiInternet.blogspot.com ini menggunakan blog, sedangkan situs 1JutaRupiah.com, AdsenseBlackMagic.com, dan NgeBlogDapetDuit.com menggunakan website HTML.
Mengapa saya menggunakan website HTML juga? Karena situs-situs yang saya sebutkan di atas sifat dasarnya adalah untuk menjual, dan content yang ada di situs-situs tsb lebih jarang diupdate dibanding blog. :lol:

Bagaimana dengan anda? Sudahkah anda mempunyai website sendiri? Jika sudah, apakah website anda menggunakan blog atau HTML?

Cara membuat like box facebook page widget di blog

Update - Helo sobat blogger !. Kali ini saya ingin sharing cara membuat dan memasang widget like box facebook seperti yang ada pada blog ini. Facebook sekarang menjadi jejaring sosial yang paling banyak di minati saat ini, untuk itulah kita bisa sedikit memanfaatkannya dengan cara membuat halaman fan page facebook kita sebagai media promosi blog kita. Mungkin ini sudah bukan rahasia lagi banyak para blogger yang memasang halaman fan page di blog nya. tapi buat yang belum tahu berikut adalah cara untuk membuat halaman fan page sobat.Tapi sebelum memasang widget ini, terlebih dahulu sobat harus mempunyai akun facebook dan harus membuat fans page terlebih dahulu.untuk membuat facebook page dan membuat Widget like Box tinggal ikuti langkah langkah dibawah ini .

Berikut Cara Membuat Fans Page Facebook:

1 . Login terlebih dahulu ke akun fb sobat.

2 . Bukalah link berikut ini untuk membuat fans page facebook terlebih dahulu:

http://www.facebook.com/pages/create.php

3 . Pilihlah Salah satu yang anda minati

misalnya Cause or Community dan masukan nama anda , blog anda DLL

4 . masukan foto anda , isi keterangan facebook page anda ..

Berikut Cara Membuat Like Box:

Bukalah link berikut:
Pada kotak "Facebook Pages URL (?)", masukkan url dari fans page yang tadi telah sobat buat.

Sobat bisa juga menentukan tingi dan lebar dari box.

Jika semua setting sudah cocok dengan selera sobat, sekarang tinggal menekan tombol "Get Code".

Copy seluruh kode pada kolom IFRAME.

Buka blog sobat, pilih menu Rancangan --> Edit Laman --> Tambah Gadget --> Tambah HTML/JavaScript, dan pastekan kode IFRAME tadi di kolom Konten.

Setelah itu klik tombol "Simpan".

Selesai, sekarang lihat blog sobat.

Dunia Informasi