Windows

View All

Recent Post

Jumat, 21 Januari 2011
Johny Jijay

Johny Jijay

di Tidak ada komentar:

By : www.maskolis.com | http://www.mastemplate.com

Untuk mengaktifkan slider yang ada di homepage pada template ini, masukkan kode berikut pada kolom kosong paanjang di bawah header. Masuk ke Layout/Tata Letak >> Add a Gadget pilih HTML/Javascript :
<div class='lof-main-wapper' id='slider'>
<div class='slider-main-outer'>
<ul class='slider-main-wapper'>
<script>                  
document.write("<script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>
</ul>
</div>
<div class='slider-navigator-outer'>
<ul class='slider-navigator'>
<script>                  
document.write("<script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts0\"><\/script>");
</script>
</ul>
</div>
</div>
Jika Anda memsukkan kode script diatas maka slider akan bekerja berdasarkan artikel terbaru, jika Anda ingin menampilkan label atau kategori tertentu baca postingan saya tentang Modifikasi Slider Lofslidernews Maknyus.

Untuk slider yang ada di halaman postingan menampilkan artikel terbaru Anda, tutorial slider ini sudah saya bahas sebelumnya pada artikel simple slider untuk image vertikal. Mungkin hanya itu yang harus diperhatikan jika Anda ingin menggunakan template ini. Bagi yang tertarik silahkan dicoba dan jika masih kurang jelas silahkan tinggalkan pesan di kolom komentar di bawah. Selamat malama dan selamat beristirahat.

Javascript yang harus Anda dimpan sendiri di Google Code :
<script src='http://yourjavascript.com/24211643151/jquery.easing.js' type='text/javascript'/>
<script src='http://yourjavascript.com/218437119/halamanav.js' type='text/javascript'/>
Diposting oleh di 18.26 0 komentar
Label:
Johny Demosite

Johny Demosite

di Tidak ada komentar:
By : www.maskolis.com | http://www.mastemplate.com
Slider 
Masukkan kode berikut pada kolom kosong di bawah header. Masuk ke Layout/Tata Letak >> Add a Gadget pilih HTML/Javascript :
<div class='lof-main-wapper' id='slider'>
<div class='slider-main-outer'>
<ul class='slider-main-wapper'>
<script>                  
document.write("<script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>
</ul>
</div>
<div class='slider-navigator-outer'>
<ul class='slider-navigator'>
<script>                  
document.write("<script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script>
</ul>
</div>
</div>
Kode diatas bekerja berdasarkan artikel terbaru, jika Anda ingin menampilkan label atau kategori tertentu baca postingan saya tentang Modifikasi Slider Lofslidernews Maknyus.

Widget Komentar 
Masukkan kode di bawah ini pada widget sidebar :
<style type="text/css">
ul.tb_recent_comments{list-style:none;margin:0;padding:0;}
.tb_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.tb_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.tb_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.tb_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
numComments  = 5,
showAvatar  = true,
avatarSize  = 30,
characters  = 60,
defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://html-scripts.googlecode.com/files/rcentcmmntavr.js"></script>
<script type="text/javascript" src="http://www.maskolis.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>
Ganti URL warna merah http://www.maskolis.com dengan URL blog Anda.

Widget random post
<script type="text/javascript">
    var randarray = new Array();var l=0;var flag;
    var numofpost=7;function randomposts(json){
    var total = parseInt(json.feed.openSearch$totalResults.$t,10);
    for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
    if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
    for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
    for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
    document.write(item);}}
    }document.write('</ul>');}
    </script>
    <script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>
Angka 7 pada kode diatas adalah jumlah random post yang ditampilkan, silahkan ganti sesuai keinginan.

Search Box
Search box atau kotak pencarian yang saya gunakan pada template ini saya ambil dri Google CSE, silahkan And langsung ketik Google CSE di halaman Google kemudian membuat kotak search. Gampang caranya, tinggal ikuti petunjuk yang ada. Atau Anda bisa ganti dengan kotak search dari tutorial yang banyak beredar di internet.
Diposting oleh di 18.13 0 komentar
Label:
Johny Genit

Johny Genit

di Tidak ada komentar:

By : www.maskolis.com | http://www.mastemplate.com
SLIDER
Slider yang saya pasang pada template ini adalah Camera Slider (klik untuk melihat slider asli) buatan Manuel Masia dari www.pixedelic.com. Sebenarnya banyak pilihan warna pagination pada slider ini, karena jika dipasang semua akan memberatkan loading, saya hanya memilih warna hijau saja dan menghilangkan pilihan untuk warna yang lain. Cara pasang slider ini sangat mudah, cari kode ini di Edit HTML :
blogURL:'http://johny-genit.blogspot.com/',
Ganti URL warna kuning diatas, dengan URL blog Anda.

Author Box
Template ini saya lengkapi dengan Author Box yang terdapat di bawah setiap postingan, untuk mengganti dengan data-data Anda, silahkan cari kode ini di Edit HTML (jangan lupa centang expand widget templates) :
<div class='masadmin'>
<h3>Written by : <a href='http://www.maskolis.com/'>Your Name</a> - Describe about you </h3>
<div class='isi'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHNtNEZyYXld2XJYHr8eyEi-sg8W1RUIRVvXbDOWCMUVdWMcsPnL8NlpeoB0YMbaCm867w21yq_hDQCnRSzqywC1V2LBj9l4te_HZk0fwKsMpWF9_iRK6mfzzlQXHf0NQ9qcVZq0cDjfg/s220/maskolis.jpg'/>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id libero non erat fermentum varius eget at elit. Suspendisse vel mattis diam. Ut sed dui in lectus hendrerit interdum nec ac neque. Praesent a metus eget augue lacinia accumsan ullamcorper sit amet tellus.
<p><span style='float:left;text-align:left;'>
Join Me On: <a href='http://www.facebook.com/you facebook' rel='nofollow'>Facebook</a> | <a href='http://www.twitter.com/your twitter' rel='nofollow'>Twitter</a> | <a href='https://plus.google.com/your G+/' rel='nofollow'>Google Plus</a></span>
<span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://www.maskolis.com/' target='_blank'>:: Thank you for visiting ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>

Keterangan :
Warna Hijau : URL photo profile blogger, silahkan menuju profile blogger Anda, dan ganti dengan URL image profile blogger Anda.
Warna Pink : Silahkan isi ID Facebook, twitter dan G+ Anda
Warna yang lain saya kira mudah untuk dimengerti, jadi silahkan isi dengan data-data Anda sendiri.

Widget Comment :
Masuk ke Layout >> add a gadget >> HTML/Javascript masukkan kode berikut ini kedalamnya :
<style type="text/css">
ul.tb_recent_comments{list-style:none;margin:0;padding:0;}
.tb_recent_comments li{background:none !important;margin:0;padding:5px 0 2px!important;display:block;clear:both;overflow:hidden;list-style:none;}
.tb_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.tb_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.tb_recent_comments li span{margin-top:4px;color: #eee;display: block;font:11px Arial;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
numComments  = 5,
showAvatar  = true,
avatarSize  = 40,
characters  = 50,
defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://html-scripts.googlecode.com/files/rcentcmmntavr.js"></script>
<script type="text/javascript" src="http://www.maskolis.com/feeds/comments/default?alt=json&amp;callback=tb_recent_comments&amp;max-results=5"></script>
Ganti URL warna biru diatas dengan URL blog Anda

Itu tadi dua template yang saya bagikan siang ini, yang perlu diperhatikan adalah, Anda harus menyimpan semua gambar postingan pada hosting blogger atau upload gambar waktu bikin postingan. Jika Anda menyimpan gambar selain di blogger, gambar thumbnail di halaman muka tidak akan muncul. Bagi yang tertarik silahkan dipakai dan jika masih ada yang kurang jelas silahkan tinggalkan pesan di kotak komentar yang ada di bawah, selamat mencoba dan semoga bermanfaat.
Diposting oleh di 01.00 0 komentar
Label:
Johny Prett

Johny Prett

di Tidak ada komentar:

By : www.maskolis.com | http://www.mastemplate.com


SLIDER
Seperti juga Johny Jijay template, Johny Prett juga mempunyai dua buah slider. Untuk memasang slider yang ada di Homepage, cari kode berikut di Edit HTML (jangan lupa centang expand widget templates) :
<div id='sliderTimer-wrapper'>
<ul id='sliderTimer-header'/>
<ul id='sliderTimer'>
<li class='sliderTimer-item active' id='mas-1' ref='Box Office' style='background: none'>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/box office?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
</script></li>
<li class='sliderTimer-item active' id='mas-2' ref='Best Seller' style='background: none'>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/best seller?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
</script></li>
<li class='sliderTimer-item active' id='mas-3' ref='Watch Online' style='background: none'>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/watch?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
</script></li>
<li class='sliderTimer-item active' id='mas-4' ref='Horror Movie' style='background: none'>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/horror?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
</script></li>
<li class='sliderTimer-item active' id='mas-5' ref='Cartoon Kids' style='background: none'>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/cartoon?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
</script></li>
<li class='sliderTimer-item active' id='mas-6' ref='Comedy' style='background: none'>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/comedy?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
</script></li>
</ul>
</div>

Kode warna biru adalah judul bar pada slider timer, dan warna merah adalah label atau kategori yang ditampilkan pada slider. Silahkan ganti dengan judul dan label yang Anda inginkan.
Diposting oleh di 00.54 0 komentar
Label:
Kamis, 20 Januari 2011
Windows 8 SM Dark Edition

Windows 8 SM Dark Edition

di Tidak ada komentar:

By : http://santa-mars.blogspot.com
Tambahan.!
Diposting oleh di 21.28 0 komentar
Label:
File Windows 8 SM Versi 3

File Windows 8 SM Versi 3

di Tidak ada komentar:

By : http://santa-mars.blogspot.com
Tambahan.!
Diposting oleh di 21.25 0 komentar
Label:
Windows 8 SM Versi 2

Windows 8 SM Versi 2

di Tidak ada komentar:

By : http://santa-mars.blogspot.com
Tambahan.!
Diposting oleh di 21.21 0 komentar
Label:
Windows 8 SM

Windows 8 SM

di Tidak ada komentar:

By : http://santa-mars.blogspot.com
Tambahan.!
Diposting oleh di 21.14 0 komentar
Label:
Johny Backup

Johny Backup

di Tidak ada komentar:

Template author: Maskolis
Description: Johny Backup is a free blogger template with 2 columns, magazine-styled, right sidebar, gallery-styled, exclusive design for Blogger, footer columns, slideshow, social bookmarking icons, posts thumbnails, drop down menu, breadcrumbs, related posts, pagination, related posts support and gradients.
Excellent layout for blogs about games or news.
Download Johny Backup for free in BTemplates.
Diposting oleh di 20.49 0 komentar
Label:
Senin, 17 Januari 2011
Microsoft Process Monitor 3.05

Microsoft Process Monitor 3.05

di Tidak ada komentar:
Proses Monitor dapat digunakan untuk mendeteksi upaya gagal untuk membaca dan menulis kunci registri. Hal ini juga memungkinkan untuk filtering pada kunci tertentu, proses, ID proses, dan nilai. Selain itu menunjukkan bagaimana aplikasi menggunakan file dan DLL, mendeteksi beberapa kesalahan kritis dalam file sistem dan banyak lagi.
File Size: 1.05 MB
Publisher: Microsoft
OS Support: Windows 2000/XP/2003/Vista/7/8
Diposting oleh di 05.21 0 komentar
Label: ,
Kamis, 13 Januari 2011
Cara Memperindah Atau Mempercantik Post Footer Blog

Cara Memperindah Atau Mempercantik Post Footer Blog

di Tidak ada komentar:
Di antara posting blog dan kolom komentar, terdapat widget default blogger yang sering di sebut dengan Post Footer, Post Footer pada blog biasanya menampilkan :
  1. Tombol berbagi blogger yang terdiri atas Facebook, Twitter, Google Plus, Gmail, blogger
  2. Jumlah komentar pengunjung
  3. Posted By (Blogger yang mempublikasikan posting)
  4. Waktu posting dipublikasikan
  5. Label Blog
  6. Lokasi dipublikasikannya posting
  7. Reaksi pengunjung terhadap posting
  8. Ikon Quick Editing
  9. Email Post Links


Semuanya itu ditampilkan berdasarkan keinginan pemilik blog yang dapat di atur melalui Layout blogger.com. Walaupun posisi dari semua menu yang ada di Post Footer dapat di rubah, tampilan dari Post Footer ini tetap tidak menarik. Oleh karenanya, hari ini saya akan berbagi tips blogspot kepada sobat blogger tentang bagaimana cara mempercantik tampilan Post Footer pada blog blogger dengan cara menambahkan ikon atau gambar di samping nama, jumlah komentar dan label blog.

Cara Menambahkan Icon Cantik Di Post Footer

  1. Sign In di blogger.com
  2. Klik Template dan klik tombol costumize untuk mengunjungi laman Blogger Template Designer
  3. Klik Advanced dan pilih Add CSS
  4. Copy Paste kode berikut pada kolom yang tersedia
.post-author{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHvunWniea_Ne1yllF3aF9QII-m8L2DTfalAthwOcMX7RcdsM6rzdiBzXDLGeM5nB80Nalc3TWpwCx_NRu-ILKPCg8-sv6gMB71-iUpHM-Lx3WkxH6p9qU2SCjI8x47Ws1kdfTli0Bdbli/s16/user-business-icon.png) left no-repeat;padding:2px 0 2px 20px} .post-labels{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiArPgIjOOKU1DYpqDXM115AwIuLMJvJt7NgxJ3Ac-Ru88t7BzaFnw8vA6jMFo2piD_O8SLv3F319evJJT9ShOu5tPBkjp3aD3hc2jkYNWnU3UVKhjXb6nF-mjWDmq30X5eI1WSie9jY1GS/s16/umbrella-icon.png) left no-repeat;padding:2px 0 2px 20px} .comment-link{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx86NNfl37mj96E_PdLSaaQE5_yMej0xGnTmD0-_GXD-MAl4XhRQJtkqneS8hohrYNo0IjH0XKHWyBhgcLeUykprjr40LpAXE7W6uBliGP7RAKG7xm3258y5ukzuoQzAW8ywC8F0NKz7Is/s16/emoticon-happy-icon.png) left no-repeat;margin-right:5px;padding:2px 0 2px 20px}
  • Terakhir, klik Apply to blog.

Yang warna merah adalah URL dari gambar atau ikon. Silahkan diganti dengan ikon atau gambar yang sobat blogger inginkan. Kalau sobat blogger kesulitan dalam mencari ikon cantik atau keren, kunjungi saja iconarchive.com. Disana sobat blogger bisa menemukan ribuan icon yang bisa digunakan untuk menghias post footer dari blog sobat.


sumber dri http://www.tutorialblogspot.com/
Diposting oleh di 19.39 0 komentar
Label:
Cara Membuat Tombol Berbagi Paling Keren

Cara Membuat Tombol Berbagi Paling Keren

di Tidak ada komentar:
  1. Looks great on mobile devices
  2. They’re animated
  3. Small size means they load FAST!
Widget ini bisa juga di sebut dengan Floating Sharing Widget, karena posisinya yang melayang di sebelah kiri bawah halaman blog.
Cara Memasang Widget Shareaholic Sassy Bookmarks
  • Sobat blogger harus Sign In dulu di blogger.com,
  • Klik tombol yang kami sediakan di bawah ini

  • Lalu klik tombol Add Widget.
Capture
http://www.tutorialblogspot.com/2013/03/cara-membuat-tombol-berbagi-paling-keren.html
Diposting oleh di 19.15 0 komentar
Label:
Langganan: Postingan (Atom)
Breaking News
Loading...
Quick Message
Press Esc to close

Kontak Kami

Nama

Email *

Pesan *

Copyright © 2013 Blog Hendra All Right Reserved
Back To Top