Tampilkan postingan dengan label membuat. Tampilkan semua postingan
Tampilkan postingan dengan label membuat. Tampilkan semua postingan

Jumat, 20 Desember 2013

Membuat Hiasan Lampu Dari Botol Bekas

Membuat Hiasan Lampu Dari Botol Bekas - Kita semua tahu bukan kalau bumi semakin lama semakin tercemar? Orang pun mulai berpikir bagaimana menciptakan kerajinan tangan yang ramah lingkungan alias hasil daur ulang. Ada banyak sekali bahan daur ulang yang bisa dipakai untuk kerajinan tangan, contohnya kardus, koran, plastik makanan, hingga botol plastik. Nah botol plastik ternyata bisa disulap menjadi lampu kamar yang cantik dan unik.



Sebelum memulai membuat kreasi dari botol plastik, bahan dan alat yang kita perlukan saat membuat lampu botol adalah:

1. Botol plastik bekas yang sudah dibersihkan (bentuknya sesuai selera)
2. Kabel listrik
3. Lampu kecil (lampu cabai dan cupnya)
4. Cutter
5. Lem plastik
6. Cat semprot
Jika alat dan bahan sudah kita siapkan, langkah berikutnya adalah:

1. Potong bagian bawah botol plastik mengikuti bentuknya memakai cutter. Jika bentuknya bergelombang, maka ikuti saja bentuknya.
2. Lubangi bagian tengah bawah botol plastik yang sudah dipotong, untuk lubang kabel. Buat juga lubang di bagian tutup botol.
3. Rekatkan bagian bawah botol plastik yang sudah dipotong ke bagian tutup botolnya memakia lem. Sesuai letaknya dengan lubat yang sudah di buat di tutup botol 
4. Setelah sambungan kering dan kuat, kita bisa mewarna botol plastik dengan cat semprot dalam kemasan kaleng (contoh merek Pylox) atau dengan car minyak yang disemprotkan dengan semprotan nyamuk secara tipis-tipis (jangan terlalu tebal supaya cahaya lampu menimbulkan kesan remang-remang)
5. Bila car sudah kering, pasangkan lampu dan kabelnya. Rekatkan cup lampu dengan memakai lem pada bagian tutup botol supaya lebih kuat
6. Tambah beberapa ornamen atau hiasan sesuai selera kalian untuk mempercantik lampu botol bekas ini


Bagaimana? Cukup mudah bukan? Selain mengasah kreativitas kita juga berkonribusi terhadap lingkungan alam ini. Jika masih bingung cara membuat lambu botol daur ulang bisa lihat tutorial gambarnya di bawah ini.


Demikianlah ulasan tentang Membuat Hiasan Lampu Dari Botol Bekas Semoga bisa bermanfaat dan menjadikan hiasan yang baik untuk dikoleksi.
ReadFull Article ..

Kamis, 07 November 2013

Cara membuat Artikel Terkait Lainnya

Seperti postingan saya sebelumnya yaitu Cara membuat Artikel Terkait di bawah postingan, sekarangpun :y; saya akan mencoba berbagi lagi dengan kawan cara membuat Artikel terkait dengan model lain yang keberadaannya bisa dibawah postingan atau di sidebar Blog. :x;


OK langsung saja cara pembuatannya sebagai berikut :
  • 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 != &quot;true&quot;>,</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 != &quot;true&quot;>,</b:if>
<b:if cond=data:blog.pageType == &quot;item&quot;>
<script expr:src=&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;
max-results=10&quot; 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>


Catatan :
  1.  Artikel Terkait  adalah judulnya silahkan ganti sesuai dengan selera kawan 
  2. Simpan template kawan
  3. Kalau kawan ingin menampilkan di Sidebar silahkan lanjutkan membaca

Cara Pemasangan di Sidebar : 

  1. Pada Dasbor pilih Tata Letak - Tambah Gadget -  HTML/JavaScript
  2. Copas Script berikut kedalamnya
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>


  • Simpan Template dan buka salah satu postingan kawan untuk lihat hasilnya
screenshot


ReadFull Article ..

Rabu, 06 November 2013

Cara Membuat Widget Entri Populer Keren


Cara Membuat Widget Entri Populer Keren - Sesuai dengan judul tersebut belajar blog ingin berbagi membuat tips blog membuat widget entri populer lebih keren, mungkin Cara Membuat Widget Entri Populer Keren dan Cantik ini bisa menjadi salah satu pilihan. entri popular kalau dari google tentunya biasa saja,, tanpa ada variasi  yang menarik dan keren. dengan tambahan script pada artikel ini sobat dapat Membuat Widget Entri Populer Keren

Nah,,, waktunya ke TKP Cara Membuat Widget Entri Populer Keren dan Cantik , untuk lebih lanjut nih,,,, baca tutorialnya :
1. Login ke blog anda
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>
#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}
7. Sobat Preview dahulu, setelah berhasil baru di SAVE

Sekian Dulu Sobat  Cara Membuat Widget Entri Populer Keren  semoga bermanfaat. Good Luck 
ReadFull Article ..

Sabtu, 02 November 2013

Cara membuat Tulisan Cembung atau Cekung pada CorelRAW

Ada Teman yang tanya gini Mas Bro;

TANYA;
Bagaimana cara membuat tulisan menjadi cembung atau cekung pada coreldraw?

JAWAB;
sekali lagi aku tekankan bahwa CorelDRAW adalah Aplikasi Desain 2D, tapi kita diberi kemudahan untuk membuat object seakan-akan tampak 3D, seperti pertanyaan dari salah satu rekan diatas, langkahnya sebagai berikut, sebagai contoh kita tulis sebuah teks CEMBUNG dan CEKUNG secara terpisah

Setelah anda selesai ngetik klik menu Envelope tool pada Toolbox


Kemudian arahkan pointer mouse pada huruf yang telah kita ketik tadi, selanjutnya atur sendiri, kalau cembung ya ditarik keluar, cekung ditarik kedalam sesuaikan dengan karep anda;



ya cuma begitu caranya, mungkin ada trik yang lain dari Mas Bro sekalian ?
ReadFull Article ..

Kamis, 31 Oktober 2013

Cara Membuat FlashDisk Kebal Virus

Nurdin_halid 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.

ReadFull Article ..

Sabtu, 26 Oktober 2013

Membuat Page Baru dengan Page generator Admin VKIOS

Cara mudah untuk membuat page baru dengan fitur page generator dari admin www.VKIOS.com.

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.



ReadFull Article ..

Jumat, 25 Oktober 2013

Cara Membuat Recent Post Dengan Thumbnail atau Gambar

Hallo sobat negeri semua masih ingat gak dengan Cara Membuat Recent Post dan Coments Post Pada Blog gak. nah kali ini penulis akan membuat Recent Post Dengan Thumbnail atau Gambar. Heeem yang kali ini lebih menarik sobat negeri semua. Karena untuk Recent Post Dengan Thumbnail atau Gambar ini sangat menarik sobat. Mau tau caranya. Mari kita langsung saja ikuti langkah-langkah berikut ini.

Caranya sebagai berikut sobat negeri :

1. Pada menu Dashboard klik menu "Design - > Page Elements"
2. Lalu pilih area pada layout anda dan klik "Add a Gadget" dan pilih "HTML / JavaScript"
3. Dan taruh script dibawah ini kedalamnya.

<script language="JavaScript">
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
ReadFull Article ..

Kamis, 24 Oktober 2013

Cara Membuat Widget Menu Vertikal Dengan Icon

! -Cara Membuat Widget Menu Vertikal Dengan Icon/Gambar -  Menu vertikal 
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.




Langkah-langkah Membuat Menu Vertikal :
  1. Login terlebih dahulu
  2. Klik Rancangan >> Elemen laman >> Tambah gadget >> HTML/Javascript
  3. Kemudian copy kode dibawah ini lalu pastekan di kotak yang disediakan. Lalu Simpan/Save.

<style>

.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>
</ul>

</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.
Untuk memperbanyak atau menambah jumlah menu, silahkan tambahkan kode dibawah ini diatas code</table>
<tr>

<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
ReadFull Article ..

Script untuk Membuat Related Post pada Blogger

Fitur "Related Posts" atau "Artikel Terkait" merupakan salah satu fitur yang banyak sekali memberi keuntungan baik bagi pemilik blog maupun bagi pembaca/pengunjung. Bagi pengunjung, mereka akan dengan mudah menemukan artikel-artikel lain yang memiliki tema atau topik bahasan yang serupa atau terkait dengan yang sedang mereka baca, sedangkan bagi pemilik blog, dengan banyaknya artikel terkait dengan yang sedang dibaca maka akan menambah page view semakin banyak dan itu artinya akan semakin besar peluang untuk mendapatkan keuntungan (bagi blog atau website yang berkategori komersial).

Related post


Oke, sekarang bagaimana cara membuat fitur Related Posts tersebut? Berikut langkah-langkahnya:
  1. Seperti biasa anda login dulu ke Dashboard
  2. 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)
  3. Setelah itu, aktifkan tanda centang pada "Expand Widget Template"
  4. Langkah selanjutnya cari kode <data:post.body/>. Gunakan Ctrl + F untuk mencarinya.
Setelah kode di atas ketemu, silahkan kawan-kawan copy script berikut ini lalu paste di bawah kode tersebut.

Scriptnya:
<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 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
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 &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot;
&quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
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 = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>
Sangat mudah bukan? Selamat mencoba, bila ada yang kurang jelas, bisa tanya lewat komentar ato lewat YM kalo saya kebetulan lagi online. Terima kasih telah berkunjung.
ReadFull Article ..