Jumat, 20 Desember 2013
Membuat Hiasan Lampu Dari Botol Bekas


Kamis, 07 November 2013
Cara membuat Artikel Terkait Lainnya

- Seperti biasa masuk ke account Blogger dengan ID kawan
- Pada Dasbor - pilih Template - Edit HTML - Lanjutkan
- Sebaiknya simpan template kawan dulu
- Beri tanda centang disamping
]]></b:skin>atau diatas kode</head>
<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == alternate) {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write(<ul>);
while (i < relatedTitles.length && i < 10) {
document.write(<li><a href=" + relatedUrls[r] + "> + relatedTitles[r] + </a></li>);
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write(</ul>);
}
//]]>
</script>
- while (i < relatedTitles.length && i < 10) { menunjukkan jumlah Artikel Terkait yang ditampilkan
- Selanjutnya cari Kode yang mirip seperti berikut :
<b:if cond=data:post.labels>
<data:postLabelsLabel/>
<b:loop values=data:post.labels var=label>
<a expr:href=data:label.url rel=tag><data:label.name/></a><b:if cond=data:label.isLast != "true">,</b:if>
</b:loop>
</b:if>
- Hapus / ganti dengan script berikut :
<b:if cond=data:post.labels><data:postLabelsLabel/>
<b:loop values=data:post.labels var=label>
<a expr:href=data:label.url rel=tag><data:label.name/></a><b:if cond=data:label.isLast != "true">,</b:if>
<b:if cond=data:blog.pageType == "item">
<script expr:src="/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&
max-results=10" type=text/javascript/>
</b:if>
</b:loop>
</b:if>
<b:if cond=data:blog.pageType == "item">
<h2>Artikel Terkait</h2>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>
- Artikel Terkait adalah judulnya silahkan ganti sesuai dengan selera kawan
- Simpan template kawan
- Kalau kawan ingin menampilkan di Sidebar silahkan lanjutkan membaca
- Pada Dasbor pilih Tata Letak - Tambah Gadget - HTML/JavaScript
- Copas Script berikut kedalamnya

printRelatedLabels();
</script>
- Simpan Template dan buka salah satu postingan kawan untuk lihat hasilnya
![]() |
| screenshot |
Rabu, 06 November 2013
Cara Membuat Widget Entri Populer Keren

2. Klik Tata letak >> Tambah Gadget >> Entri Populer >> tampilkan entri populer hanya judulnya saja. Jangan menggunakan tubnail dan cuplikan. Atur jumlah judul posting yang akan dimunculkan.
3. Klik simpan
4. Selanjutnya klik Template
5. Klik Edit Html >>klik lanjutkan
6. Cari kode ]]></b:skin> Jika sudah ketemu kopi paste kode css berikut ini tepat diatas kode ]]></b:skin>
7. Sobat Preview dahulu, setelah berhasil baru di SAVE#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}
#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #333333; display: block; font-family: Georgia, Times New Roman, Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px}
#PopularPosts1 ul li:first-child:after,
#PopularPosts1 ul li:first-child + li:after,
#PopularPosts1 ul li:first-child + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}
#PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}
Sekian Dulu Sobat Cara Membuat Widget Entri Populer Keren semoga bermanfaat. Good Luck
Sabtu, 02 November 2013
Cara membuat Tulisan Cembung atau Cekung pada CorelRAW




Kamis, 31 Oktober 2013
Cara Membuat FlashDisk Kebal Virus
Cara Membuat FlashDisk Kebal Virus. FlashDisk kebal virus? Apa bisa membuat flashdisk aman dari virus? Jawabannya ada. Ada banyak antivirus yang mempunyai fasilitas mengebalkan flashdisk anda dari virus.
Sebelumnya, sebaiknya kita coba pahami dulu, sebenarnya bagaimana virus bisa masuk kedalam flashdisk kita. Tidak dapat disangkal, bahwa flashdisk adalah yang paling bertanggung jawab atas penyebaran virus, selain via internet, seperti email dan file terinfeksi lain yang memaksa masuk kedalam komputer kita.
Awal muasalnya adalah fasilitas autorun dari OS Windows. Fasilitas ini sebenarnya dibuat untuk memudahkan kita, dia memungkinkan file tertentu bisa langsung dimainkan begitu kita mencolokkan media eksternal seperti CD, DVD, atau flashdisk. Nah, saking baiknya si autorun ini, dia jadi dimanfaatkan pembuat virus untuk melakukan penyebaran. Mengingat file autorun.inf bisa dimodifikasi untuk memanggil si virus. Begitu si virus aktif, maka dia akan menulari komputer korban, demikian pula virus yang sudah di dalam PC akan menulari setiap flashdisk yang pernah menancap padanya.
Nah, dari situ, kita jadi bisa berkesimpulan, pertama yang harus dimatikan adalah pengaktifan autorun dari sisi PC sendiri, caranya bisa mengedit registry-nya Windows, meski agak mumet kalau dilakukan manual, atau via aplikasi. Ada banyak aplikasi gratisan kog, cobalah googling saja, pasti ada. Saya sih pakai Tweak UI, aplikasi gratisan dari Microsoft sendiri, silahkan tanya mbah Google dimana musti download, saya lupa alamatnya.
Kedua, dengan membuat bagaimana caranya supaya file autorun.inf di dalam flashdisk tidak bisa di modifikasi. Tentunya anda mengenal Smadav to? Salah satu contohnya adlah si Smadav itu, meski beberapa hari yang lalu saya menemukan ada virus yang bisa nembus autorun-nya si Smadav. Lupa nama virusnya.
Nah, untuk sekaligus melindungi flashdisk anda dari virus dan mematikan fasilitas autorun di PC atau laptop anda ada dua aplikasi gratis tapi dijamin sakti. Ada BitDefender Immunizer dan Panda USB Vaccine.
Kedua aplikasi ini gratis, jadi silakan unduh dan gunakan secara gratis. Cara menggunakannya juga gampang. Jalankan aplikasi tersebut, lalu mereka akan mendeteksi apakah fasilitas autorun di komputer Anda aktif. Jika iya, aplikasi tersebut akan menawarkan Anda untuk mematikan fasilitas tersebut (dan sebaiknya Anda lakukan).
Setelah itu, Anda tinggal imunisasi flashdisk yang hendak Anda lindungi. Pilih flashdisk dari menu yang ada, lalu tekan Immunize atau Vaccine. Sesaat kemudian, file autorun.inf di flashdisk Anda akan diganti dengan yang baru dan kebal penularan virus.
Cara Membuat FlashDisk Kebal Virus
Download BitDefender Immunizer.
Download Panda USB Vaccine.
Sabtu, 26 Oktober 2013
Membuat Page Baru dengan Page generator Admin VKIOS
silahkan login masuk admin. pilih menu page-->page generator
kemudian pilih add new
kemudian isi kontent
Name ---> isi nama link untuk page tersebut, misal: tukar-link
isi kontent misal ingin tukar link dengan web toko online saya wielsshoes :http://www.wielshoes.com
Ketik di situ: sepatu blackmaster
blok kata sepatu blackmaster (lihat gambar)
setelah itu klik tombol yang seperti rantai

muncul isian, isi dengan link ini : http://www.wielshoes.com

tekan insert
terakhir tekan save

kiranya cukup mudah membuat page baru dengan page generator di admin vkios. semoga bermanfaat.
Jumat, 25 Oktober 2013
Cara Membuat Recent Post Dengan Thumbnail atau Gambar

imgr = new Array();
imgr[0] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image1.gif";
imgr[1] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image2.gif";
imgr[2] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image3.gif";
imgr[3] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image4.gif";
imgr[4] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image5.gif";
showRandomImg = true;
boxwidth = 230;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "transparent";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://.blogspot.com/";
</script>
<script src="https://sites.google.com/site/anasceria/recentposts_thumbnail.js" type="text/javascript"></script>
Catatan :
boxwidth = 230; untuk menentukan lebar dari widget yang harus Anda sesuaikan dengan lebar Layout Anda.
Ganti URL "http://.blogspot.com/" dengan alamat blog Anda.
Dan untuk modifikasi yang lain silahkan ubah keterangan-keterangan yang ada diatas.
4. Nah kalau sudah tinggal SAVE
Contoh hasilnya sobat :

Semoga sukses ya sobat
Kamis, 24 Oktober 2013
Cara Membuat Widget Menu Vertikal Dengan Icon
atau pun menu horizontal memang tidak bisa di hindari dalam dunia
blogger. Terutama menu horizontal yang 90% template pasti ada menu
horizontal. Nah pada posting kali ini saya akan berbagi
tutorial cara membuat menu vertikal dengan gambar/icon di blogspot seperti gambar dibawah ini.
- Login terlebih dahulu
- Klik Rancangan >> Elemen laman >> Tambah gadget >> HTML/Javascript
- Kemudian copy kode dibawah ini lalu pastekan di kotak yang disediakan. Lalu Simpan/Save.
.list {
background:none; no-repeat left center;
border-bottom:1px dotted #ccc;
line-height:1.2em;
padding:2px 2px 2px 20px;
}
</style>
<div style="overflow:auto; padding:2px; margin:1px 1px 1px 1px; width:auto; height:auto; background:-webkit-gradient(linear, left top, left bottom, from(#ccc), to(#ffffff)); border:1px solid #ccc;">
<ul><table width="100%" border="0">
<tr>
<td width="3%"><div align="center"><img src="http://icons.iconarchive.com/icons/deleket/sleek-xp-basic/32/Home-icon.png" width="25" height="25" /></div></td>
<td width="97%"><li><a href="#">Beranda</a></li></td>
</tr>
<tr>
<td width="3%"><div align="center"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6CZ8s0WzXZVPcxieYNWBonVcbX9TndrIV6ElAq87K780xuvw63QkhzdxZ-M2qbMCGHe7A6GDqAEFd8IMKeSPqVIQVortqMRV7j_RsALxjxvl0iUABCOcmcNTT4GLc0a8w3hXxjbu6vEiF/s1600/report_magnify.png" width="25" height="25" /></div></td>
<td width="97%"><li><a href="#">Daftar Isi</a></li></td>
</tr>
<tr>
<td width="3%"><div align="center"><img src="http://icons.iconarchive.com/icons/kyo-tux/phuzion/32/Misc-Misc-Box-icon.png" width="25" height="25" /></div></td>
<td width="97%"><li><a href="#">Kumpulan Icon</a></li></td>
</tr>
<tr>
<td width="3%"><div align="center"><img src="http://icons.iconarchive.com/icons/kyo-tux/soft/32/Tutorial-icon.png" width="25" height="25" /></div></td>
<td width="97%"><li><a href="#">Widget Blog</a></li></td>
</tr>
<tr>
<td><div align="center"><img src="http://icons.iconarchive.com/icons/emey87/social-button/32/blog-icon.png" width="25" height="25" /></div></td>
<td><li><a href="#">Tips/Trick Blog</a></li></td>
</tr>
<tr>
<td><div align="center"><img src="http://www.downtownstockton.org/images/icon_music.gif" width="25" height="25" /></div></td>
<td><li><a href="#">Download Lagu</a></li></td>
</tr>
<tr>
<td><div align="center"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4cej8iMlrjROIo3wGItYSmA2rF-jDNOKrNEKevxOpJmVLNSaLQ1xEImJNoWsooJJnLbuTIMWwmkFZyclRl9x-asvn_scAtvJbckBwiWPRM-fCZH8BiAFbwmKz_mRLcXD1toEknr-15cOB/" width="18" height="18" /></div></td>
<td><li><a href="#">Facebook</a></li></td>
</tr>
<tr>
<td><div align="center"><img src="https:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJWqT1OK0_XJWSaxotFeHfpdBHLXoV2y33eahcg4sReblni7pL64WAKMCFV_4oAh1w4VWW-L2ZaC41WAzJ7CUUkdobkTT7EWB_ABks2mUyRBh_NldEaSYXdJJ3uAEiPCLeYpxZxTbme0L9/" width="25" height="25" /></div></td>
<td><li><a href="#">Twitter</a></li></td>
</tr>
<tr>
<td><div align="center"><img src="http://www.tektrify.com/wp-content/themes/default/images/icon_feedburner_40x40.png" width="18" height="18" /></div></td>
<td><li><a href="#">Feedburner</a></li></td>
</tr>
</table>
<span style="font-size: 80%">Widget by <a href="http://.blogspot.com/2012/06/cara-membuat-widget-menu-vertikal.html" target="_blank">widget</a></span>
</div>
Keterangan :
- Ganti kode warna merah dengan URL icon sobat.
- Ganti kode warna biru dengan URL Tujuan.
- Ganti Kode Warna Orange dengan nama menu.
- Ganti kode warna ungu untuk mengganti warna background.
<td><div align="center"><img src="URL icon" width="25" height="25" /></div></td>
<td><li><a href="URL tujuan">Nama Menu</a></li></td>
</tr>
Selamat Mencoba Sobat....Semoga Berhasil.........Salam blogerr
Script untuk Membuat Related Post pada Blogger

- Seperti biasa anda login dulu ke Dashboard
- Buka bagian "Template" kemudian pilih pada menu "Edit HTML" maka akan muncul jendela pop up dan anda pilih aja "Proses" atau "Proceed" (kalo yang menggunakan bahasa Inggris)
- Setelah itu, aktifkan tanda centang pada "Expand Widget Template"
- Langkah selanjutnya cari kode <data:post.body/>. Gunakan Ctrl + F untuk mencarinya.
<b:if cond=data:blog.pageType == "item">
<div class=similiar>
<div class=widget-content>
<h3>Related Posts by Categories</h3>
<div id=data2007/><br/><br/>
<script type=text/javascript>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", "
");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values=data:posts var=post>
<b:loop values=data:post.labels var=label>
textLabel = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>
