cah PURBALINGGA

Sunday, 26 January 2014

Download aplikasi terbaru 2013

Ayo mulai dari sekarang silahkan download aplikasi terbaru 2013 hanya di blog konten hp terbaru. Ya kalau hp anda butuh aplikasi versi terbaru langsung saja download di tempat itu. Daftar kumpulan dari berbagai aplikasi populer yang dikumpulkan dari beberapa sumber tersedia di konten hp terbaru. Aplikasi terbaru mulai dari aplikasi java, android, symbian, blackberry, iphone, dan masih banyak lagi aplikasi yang tersedia untuk hp yang kamu miliki. Kalau anda pengkoleksi aplikasi hp maka anda tidak akan melewatkan kesempatan ini sedikit pun. Bagi yang tertarik dengan koleksi aplikasi konten hp terbaru silahkan saja langsung klik dibawah ini dengan seksama.
Download aplikasi terbaru

Download opera mini terbaru

Jika anda sedang mencari download opera mini terbaru maka anda telah berada ditempat yang sangat tepat karena di blog aplikasiterbaru.mywapblog.com ini menyediakan beberapa aplikasi terbaru seperti opera mini versi terbaru dan terupdate. opera mini memang merupakan software andalan para pengguna mobile phone. jadi anda tertarik dengan aplikasi yang super ini. Jika anda tertarik langsung saja download opera mini terbaru karena...

aplikasi symbian terbaru 2012 untuk HP symbian

Aplikasi symbian terbaru 2012 - aku mau kasih info tentang alamat untuk download aplikasi symbian terbaru 2012. Blog ini menyediakan berbagai aplkasi java terupdate tiap minggu. Nah bagi yang hoby koleksi aplikasi hp atau ingin merubah hpnya jadi canggih silahkan menuju ke alamat di bawah ini. Oh iya blog ini bukan hanya menyediakan aplkasi java saja lho tapi blog ini...

aplikasi java terbaru 2012 untuk HP java

Aplikasi java terbaru 2012 - aku mau kasih info tentang alamat untuk download aplikasi java terbaru 2012. Blog ini menyediakan berbagai aplkasi java terupdate tiap minggu. Nah bagi yang hoby koleksi aplikasi hp atau ingin merubah hpnya jadi canggih silahkan menuju ke alamat di bawah ini. Oh iya blog ini bukan hanya menyediakan aplkasi java saja lho tapi blog ini...

Mematikan Komputer/Laptop/Notebook dengan Tepuk tangan

Assalamu Alaikum Wr.Wb....

Kali ini saya akan mencoba untuk bergagi dengan teman2 tentang cara merestart atau shut-down computer dengan perintah suara...........

Tanpa banyak basa-basi kita langsung saja pada intinya Ok ;)

Download aplikasi Sleep Moon Xpress V2 kamu bisa Download disini
Sebelum download kita harus terlebih dahulu mengetahui spesifikasi Laptop/PC yang dpt di terima oleh aplikasi tersebut.....Spesifikasi standardx adl sbb:
- 800 MHz kecepatan CPU
- 64 Megabytes RAM
- 20 Megabytes hardisk yg free
- Compatible Dengan: Windows® 95/98/Me/NT/2000/XP/Vista/7
Oke lanjut

Setelah Download Install Aplikasinya gampang kok cuma Next Next. Finish gampang kan Windows gitu loch

Klik Sound Activation Console

Pada window Sound Activation Console, mulailah proses Normalisasi dengan mengklik “Start Normalization Process”

Tunggu hingga proses mencapai 100%, usahakan meminimalisir suara disekitar omm Hingga indikator atas menjadi antara 0-10%

Lalu setting berapa persen tingkat kebisingan yang harus ditimbulkan untuk mengaktifkan perintah ‘disini saya set 80%’ saya menggunakan tepukan tangan untuk mengeksekusi perintah mematikan komputer.....

Cek microfon apakah sudah aktif,,,dengan menepukkan tangan....jika ada reaksi dari bar yang bergerak berarti microfon aktif.....langsung saja Save Setting dan “Hide Console Interface”

Kemudian kembali ke menu utama (Automatic Commands)

Tentukan perintah yang inin kita jalankan di "Select A Command to Perorm" disini saya memilih ShutDown Computer,,,,jadi ketika saya menepukkan tangan kembali maka suara yang kita save tadi akan menjalankan perintah untuk mematikan komputer......

Minimize Alikasi jangan di Close.....tepuk tangan sekali maka tara.......komputer mati.......

Lakukan cara yang sama jika ingin mengaktifkanx kembali.......

Friday, 24 January 2014

Membuat Breaking News Menarik Dibawah Navigasi Menu

Pada artikel kali ini saya akan menjelaskan bagaimana membuat breaking news atau berita berjalan yang biasanya terdapat di bawah navigasi menu pada sebuah blog atau biasa disebut newsticker. Banyak sudah artikel yang membahas mengenai newsticker ini di internet, misalnya dengan menambah efek marquee sehingga teks tersebut dapat berjalan, tapi kali ini saya akan menjelaskan cara memasang breking news dengan sentuhan jQuery sehingga hasilnya akan lebih menarik dan yang pasti dapat mempercatik blog anda.

Pertama kali saya melihat tampilan breaking news ini pada template Sporty Magazine 2 buatan Borneo Template, waktu itu template masih berbayar sekarang sepertinya sudah gratis di download. Disini saya akan memodifikasi sedikit tampilannya sehingga tampilannya seperti tampak pada gambar diatas, demonya anda bisa lihat disini. (http://martin-big.blogspot.com)

Ternyata cara memasangnya sangat gampang sekali, dan jika Anda tertarik berikut ini langkah-langkah untuk membuatnya :

Login ke blogger dengan akun anda
Kemudian klik Tata Letak > pilih Edit HTML
Jangan lupa backup dulu template anda dengan mengklik Download Template Lengkap.
Letakkan kode berikut di atas kode ]]></b:skin>
view plain print ?
1. /* News Ticker Wrapper
2. ---------------------------------------------*/
3. .newspic {background:#000 url(http://4.bp.blogspot.com/-vqHATrTDsY8/TvguMe2lBTI/AAAAAAAAEUk/L8UwRygGp9s/s1600/news.gif) no-repeat top left;width:970px;margin:0 auto;padding:0 auto;height:32px;color:#fff;}
4. .news {width: 970px;margin:0 auto;padding:0 auto;line-height: 1.4em;text-align:left;font-family:Arial;font-size:11px;color:#fff;overflow:hidden;clear:both;}
5. .news a:link, .news a:visited{color:#fff;text-decoration:none;}
6. .news a:hover {color:#ddd;text-decoration:underline;}
Masih dalam dalam posisi Edit HTML. Sekarang letakkan kode berikut ini di atas kode </head>

<script src='http://www.google.com/jsapi?key=ABQIAAAAUMsU2d40bO1-m8DeADFRexTdcQS31_Y0TkToW9tE1XWPEnv6YBSa1QfZaAr4GJ8-AZkWddpnW9Y0hA'></script>
<script type='text/javascript'>
//<![CDATA[
var gfeedfetcher_loading_image="indicator.gif";google.load("feeds","1");function gfeedfetcher(c,a,b){this.linktarget=b||"";this.feedlabels=[];this.feedurls=[];this.feeds=[];this.feedsfetched=0;this.feedlimit=5;this.showoptions="";this.sortstring="date";document.write('<div id="'+c+'" class="'+a+'"></div>');this.feedcontainer=document.getElementById(c);this.itemcontainer="<li>"}gfeedfetcher.prototype.addFeed=function(b,a){this.feedlabels[this.feedlabels.length]=b;this.feedurls[this.feedurls.length]=a};gfeedfetcher.prototype.filterfeed=function(b,a){this.feedlimit=b;if(typeof a!="undefined"){this.sortstring=a}};gfeedfetcher.prototype.displayoptions=function(a){this.showoptions=a};gfeedfetcher.prototype.setentrycontainer=function(a){this.itemcontainer="<"+a.toLowerCase()+">"};gfeedfetcher.prototype.init=function(){this.feedsfetched=0;this.feeds=[];this.feedcontainer.innerHTML='<img src="'+gfeedfetcher_loading_image+'" /> Loading news...';var a=this;for(var b=0;b<this.feedurls.length;b++){var c=new google.feeds.Feed(this.feedurls[b]);var d=(this.feedlimit<=this.feedurls.length)?1:Math.floor(this.feedlimit/this.feedurls.length);if(this.feedlimit%this.feedurls.length>0&&this.feedlimit>this.feedurls.length&&b==this.feedurls.length-1){d+=(this.feedlimit%this.feedurls.length)}c.setNumEntries(d);c.load(function(e){return function(f){a._fetch_data_as_array(f,e)}}(this.feedlabels[b]))}};gfeedfetcher._formatdate=function(a,c){var d=new Date(a);var b=(c.indexOf("datetime")!=-1)?d.toLocaleString():(c.indexOf("date")!=-1)?d.toLocaleDateString():(c.indexOf("time")!=-1)?d.toLocaleTimeString():"";return"<span class='datefield'>"+b+"</span>"};gfeedfetcher._sortarray=function(a,b){var b=(b=="label")?"ddlabel":b;if(b=="title"||b=="ddlabel"){a.sort(function(e,d){var g=e[b].toLowerCase();var f=d[b].toLowerCase();return(g<f)?-1:(g>f)?1:0})}else{try{a.sort(function(e,d){return new Date(d.publishedDate)-new Date(e.publishedDate)})}catch(c){}}};gfeedfetcher.prototype._fetch_data_as_array=function(b,a){var d=(!b.error)?b.feed.entries:"";if(d==""){alert("Google Feed API Error: "+b.error.message)}for(var c=0;c<d.length;c++){b.feed.entries[c].ddlabel=a}this.feeds=this.feeds.concat(d);this._signaldownloadcomplete()};gfeedfetcher.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._displayresult(this.feeds)}};gfeedfetcher.prototype._displayresult=function(a){var e=(this.itemcontainer=="<li>")?"<ul>\n":"";gfeedfetcher._sortarray(a,this.sortstring);for(var c=0;c<a.length;c++){var d='<a href="'+a[c].link+'" target="'+this.linktarget+'" class="titlefield">'+a[c].title+"</a>";var b=/label/i.test(this.showoptions)?'<span class="labelfield">['+this.feeds[c].ddlabel+"]</span>":" ";var g=gfeedfetcher._formatdate(a[c].publishedDate,this.showoptions);var f=/description/i.test(this.showoptions)?"<br />"+a[c].content:/snippet/i.test(this.showoptions)?"<br />"+a[c].contentSnippet:"";e+=this.itemcontainer+d+" "+b+" "+g+"\n"+f+this.itemcontainer.replace("<","</")+"\n\n"}e+=(this.itemcontainer=="<li>")?"</ul>":"";this.feedcontainer.innerHTML=e};

var gfeedfetcher_loading_image="indicator.gif";function gfeedrssticker(d,b,a,c){this.tickerid=d;this.delay=parseInt(a);this.mouseoverBol=0;this.itemsperpage=1;this.messagepointer=0;gfeedfetcher.call(this,d,b,c);this.itemcontainer="<div>";this.tickerdiv=document.getElementById(d)}gfeedrssticker.prototype=new gfeedfetcher;gfeedrssticker.prototype.constructor=gfeedrssticker;gfeedrssticker.prototype._displayresult=null;gfeedrssticker.prototype.entries_per_page=function(a){this.itemsperpage=a};gfeedrssticker.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._initscroller(this.feeds)}};gfeedrssticker.prototype._initscroller=function(a){var c=this;gfeedfetcher._sortarray(a,this.sortstring);this.itemsperpage=(this.itemsperpage>=a.length)?1:this.itemsperpage;var b=a.slice(this.messagepointer,this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(b,this.showoptions,this.itemcontainer,this.linktarget);this.tickerdiv.onmouseover=function(){c.mouseoverBol=1};this.tickerdiv.onmouseout=function(){c.mouseoverBol=0};this.messagepointer=this.itemsperpage;if(window.attachEvent){window.attachEvent("onunload",function(){c.tickerdiv.onmouseover=c.tickerdiv.onmouseout=null})}setTimeout(function(){c._rotatemessage()},this.delay)};function formatrssmessage(d,b,f,g){var c=(f=="<li>")?"<ul>\n":"";for(var e=0;e<d.length;e++){var h='<a href="'+d[e].link+'" target="'+g+'" class="titlefield">'+d[e].title+"</a>";var j=/label/i.test(b)?'<span class="labelfield">['+d[e].ddlabel+"]</span>":" ";var k=gfeedfetcher._formatdate(d[e].publishedDate,b);var a=/description/i.test(b)?"<br />"+d[e].content:/snippet/i.test(b)?"<br />"+d[e].contentSnippet:"";c+=f+h+" "+j+" "+k+"\n"+a+f.replace("<","</")+"\n\n"}c+=(f=="<li>")?"</ul>\n":"";return c}gfeedrssticker.prototype._rotatemessage=function(){var b=this;if(this.mouseoverBol==1){setTimeout(function(){b._rotatemessage()},100)}else{var a=this.feeds.slice(this.messagepointer,this.messagepointer+this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(a,this.showoptions,this.itemcontainer,this.linktarget);this.messagepointer=(this.messagepointer+this.itemsperpage>this.feeds.length-1)?0:this.messagepointer+this.itemsperpage;setTimeout(function(){b._rotatemessage()},this.delay)}};
//]]>
</script>
<style type='text/css'>
.titlefield{ /*CSS for RSS title link in general*/
text-decoration: none;}
.labelfield{ /*CSS for label field in general*/
color:#aaa;font-size: 100%;}
.datefield{ /*CSS for date field in general*/
color:#aaa;font:normal 14px Arial;text-transform:none;}
#example1{ /*Demo 1 main container*/
width: 780px;
height: 14px;
border: 0px solid #aaa;
padding: 0px;
font:bold 16px Arial;
text-transform:none;
text-align:left;
background-color:transparent;}
code{ /*CSS for insructions*/
color: #fff;}
#example1 a:link, #example1 a:visited {color:#f2f2f2;text-decoration:none;}
#example1 a:hover {color:#C8D3F2;text-decoration:none;}
</style>

Kemudian cari kode dibawah ini, atau kode yang biasa dipakai untuk meletakkan navigasi menu

<div class='menu horizontal'>
...........................................
...........................................
</div>

Jika sudah ketemu letakkan kode berikut tepat dibawah kode </div> yang dipakai untuk menutup kode navigasi menu pada template Anda.

<div class='newspic'>

<div style='float:left;width:780px;padding:6px 0 6px 180px; position:relative; overflow:hidden;'>
<script type='text/javascript'>
var cssfeed=new gfeedrssticker("example1", "example1class", 4000, "_new")
cssfeed.addFeed("Creating Website", "http://maskolis.blogspot.com/feeds/posts/default") //Specify "label" plus URL to RSS feed
cssfeed.displayoptions("date") //show the specified additional fields
cssfeed.setentrycontainer("div") //Wrap each entry with a DIV tag
cssfeed.filterfeed(10, "date") //Show 10 entries, sort by date
cssfeed.entries_per_page(1)
cssfeed.init()
</script>
</div>
<div style='clear:both;'/>
</div>
Ganti URL yang saya beri warna merah dengan URL blog anda dan jika blog anda masih baru newsticker ini biasanya tidak mau jalan karena google belum mengenal feed di blog Anda. Solusinya gampang Anda mesti buat API key sendiri di googlecode, atau langsung saja disini. Masukkan URL blog anda, kemudian ganti kode javascript paling atas pada langkah nomer 5 dengan kode yang barusan dapet dari googlecode (bener nggak sih ngomongku...... )
Langkah terakhir save/simpan, lihat dibawah navigasi menu anda, kalau cara memasangnya sudah benar pasti akan muncul breaking news itu.

Agar lebih ramping simpan kode javascript newsticker diatas (no.5) di tempat penyimpanan googlecode Anda. Mudah kan? Jika ada yang mau ditanyakan silahkan isi pada kolom komentar dibawah. Selamat mencoba dan semoga bermanfaat.

Membuat Menu Navigasi Horizontal Glossy di Blog

Kembali saya akan berikan tutorial dalam modifikasi menu navigassi horisontal di blog anda. Seperti yang sudah saya jelaskan sebelumnya menu navigasi pada blog merupakan elemen yang penting di alam sebuah blog yang mementingkan penampilan dan style untuk setiap detilnya. Setelah sebelumnya saya memberikan tutorial membuat multi level menu drop down, kali ini saya akan berikan lagi penjelasan membuat menu horisontal glossy. contohnya ada pada gambar di bawah, atau langsung menuju disini.

Langsung saja. berikut ini tutorial membuat glossy horizontal menu

Login ke blogger dengan akun anda
Kemudian pada dasbor klik Rancangan >> Edit HTML
Tambahkan kode CSS berikut diatas tag ]]></b:skin>

/*Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
/*Modified : IB (http://www.maskolis.co./) */
.glossymenu{
    position: relative;
    padding: 0 0 0 34px;
    margin: 0 auto 0 auto;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3KshgV1sSXPAN2L5BpzhzgjFe_PyhbusKnXoLs2Xkfw8giH4IIm-vVWqiJiONyUN-E8hGrRyCo0wRGLRF95_h-j62kUpQ74WrJ5V5Jjc_i4RvwISVrWIYvOXMMf8nu83HPb-VAkVfOHY/s1600/maskolis+menu.png) repeat-x; /*tab background image path*/
    height: 46px;
    list-style: none;
}
.glossymenu li{
    float:left;
}
.glossymenu li a{
    float: left;
    display: block;
    color:#000;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
    height: 46px;
    line-height: 46px;
    text-align: center;
    cursor: pointer;
}
.glossymenu li a b{
    float: left;
    display: block;
    padding: 0 24px 0 8px; /*Padding of menu items*/
}
.glossymenu li.current a, .glossymenu li a:hover{
    color: #fff;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5MHu_1M9PUrSPvPj_Vl7DgT9kLIJ_y3h6wVqCQjkBOAKvdCW99uP1IoY1Ye50hD5Z6f8AdyFqWtE3ydhrZ_rQy9AzEmymok33JFutBiDX-S_Lg572IstGsJ3LMUCgiOGaN5tT2a0YsuU/s1600/maskolis+nav.png) no-repeat; /*left tab image path*/
    background-position: left;
}
.glossymenu li.current a b, .glossymenu li a:hover b{
    color: #fff;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJZGlNw49t7X7OPUEZ7WDA6Ogm3lfBw-rf_KNvjh4-wej0gq_33Pq6Wv1jFmMgCOolek8WK4HjvK2sNthTtz0G8f4u9QuuqGUUdSh1z7jm_wSdn7acE5Gy8bUrPWRStXjQ8qTTsbH61dc/s1600/naskolis+leftnav.png) no-repeat right top; /*right tab image path*/
}

Jika gambarnya tidak cocok, bisa anda ganti sesuaikan dengan template yang dipakai. Di bawah ini adalah contoh gambar background yang bisa anda gunakan :
Silahkan upload dulu image diatas ke tempat hosting masing-masing.
Terakhir tambahkan kode HTML berikut diatas <div id='header-wrapper'>

<ul class='glossymenu'>

<li class='current'><a href='http://creatingwebsite-maskolis.blogspot.com/'><b>Home</b></a></li>

<li><a href='http://creatingwebsite-maskolis.blogspot.com/search/label/tutorial blog' title='tutorial blog'><b>Tutorial Blog</b></a></li>

<li><a href='http://creatingwebsite-maskolis.blogspot.com/search/label/SEO' title='SEO'><b>SEO</b></a></li>

<li><a href='http://creatingwebsite-maskolis.blogspot.com/search/label/wordpress' title='wordpress'><b>Wordpress</b></a></li>

<li><a href='http://creatingwebsite-maskolis.blogspot.com/search/label/affiliate' title='affiliate'><b>Affiliate</b></a></li>

<li><a href='http://creatingwebsite-maskolis.blogspot.com/search/label/hosting' title='hosting'><b>Hosting</b></a></li>
</ul>
Temen-temen bisa edit link dan anchor teks kode HTML diatas
Terakhir Save template anda

Memang banyak sekali menu navigasi horisontal yang dapat kita pakai untuk memperindah blog. Pada postingan selanjutnya saya akan coba memberikan cara membuat menu navigasi animasi dengan jQuery..Tunggu tanggal mainnya.....

Cara Membuat Menu Melayang Di Atas Header / Floating menu

Pada postingan sebelumnya saya telah membahas Cara Membuat Menu Melayang Di Atas Header, Kali ini saya akan membahas tentang Cara Membuat Floating menu atau yang sering di sebut Membuat menu ikut turun saat mouse di scroll, apakah berbeda? yahh jelas sama dong sob..., yang membedakan hanyalah desain penampilanya saja tapi kegunaanya tetap sama kok.!
jika kalian pada bingung ini adalah sreenshotnya:

Oke langsung aja Caranya:

Buka editor Template dengan cara mengeklik Template > Edit HTML > Lanjutkan
Cari Kode ]]></b:skin> Agar mudah dalam pencarian tekan Ctrl+f, dan sisipkan kode di bawah ini Tepat di atas ]]></b:skin> .

/* Floating Menu */
#ki_floating_menu{background-color: #1484CE;background: #1484ce;background: -moz-linear-gradient(top,  #1484ce 0%, #1274b5 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1484ce), color-stop(100%,#1274b5));background: -webkit-linear-gradient(top,  #1484ce 0%,#1274b5 100%);background: -o-linear-gradient(top,  #1484ce 0%,#1274b5 100%);background: -ms-linear-gradient(top,  #1484ce 0%,#1274b5 100%);background: linear-gradient(to bottom,  #1484ce 0%,#1274b5 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1484ce', endColorstr='#1274b5',GradientType=0 );border-bottom: 1px solid rgba(255, 255, 255, 0.1);box-shadow: 0 2px 0 #0E5A8C;box-shadow: 0px 2px 0px #0e5a8c;height:34px;width:100%;min-width:970px;position:fixed;top:0;left:0;z-index:9999;overflow:hidden;border-bottom:1px solid #2a8fd2;}
#ki_floating_menu ul{list-style: none;margin:0 auto;width:970px;}
#ki_floating_menu ul li{float:left}
#ki_floating_menu ul li a{line-height:34px;padding:0 15px;color:#f0e8e5;font-size:13px;font-family:Arial, sans-serif;text-shadow:0px -1px 0px #0f669f;display:block;text-decoration:none;border-right: 1px solid #1470ad;border-left:1px solid #2a88c6;}
#ki_floating_menu ul li a:hover{background-color:rgba(255,255,255,0.125);color:white;}

Ganti 970px untuk ukuran blog sobat.
Ganti 34px untuk ukuran lebarnya

Untuk mendeklarasikannya, simpan kode ini di bawah </head>

<!-- Floating Menu-->er
<div id='ki_floating_menu'>
<ul>
  <li style='border-left:1px solid rgba(30, 30, 30, 0.125);'><a href='/'><img alt='Home' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2CBBdMt_HfKny2kqtxZ3pdc0OoPdu-Z-DWD3ODryXS3FUGWz9T-rETTCX6mZY1tRLPDBmFS-19kAA_rDR-vV9MJ3gGiLAOxrAa4JHKGSPZksgUfvOYwjJxD-Xzo_CXPavZM7Pkx4TwX8/s1600/home.png' style='padding:0px;'/></a></li>
<li><a href='#'>Menu 1</a></li>
<li><a href='#'>Menu 2</a></li>
<li><a href='#'>Menu 3</a></li>
<li><a href='#'>Menu 4</a></li>
<li><a href='#'>Menu 5</a></li>
</ul>
</div>

Klik Simpan

CARA BUAT MENU BAR DI BLOGSPOT

untuk menyimpan link-link penting di suatu blog, agar pengunjung dapat lebih mudah mengunjungi halman-halaman utama yang ada pada suatu blog itu.
oke ini adalah gambarnya

Gemana sob keren kan?
berikut caranya:
1. Login ke akun Blogger sobat

2. Sekarang Klik Template

3. Klik EDIT HTML

4. Sekarang Cari Kode </head> agar mudah dalam pencarian tekan Ctrl+f

5. Letakan kode di bawah tepat di atas kode </head>

<style type='text/css'> 
#tabs28 {   float:left;   width:100%;   background:#fff;   font-size:93%;   line-height:normal; border-bottom:1px solid #DD740B;   }
 #tabs28 ul { margin:0; padding:10px 10px 0 50px; list-style:none;   } 
#tabs28 li {   display:inline;   margin:0;   padding:0;   } 
#tabs28 a {   float:left;   background:url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA1uVtn4X3f4b2lVShTECJd-1BMtdVpOm90woqP46y1cQ5XZZX8-WgwxK0q9iYkk21fFjLyxGtXxgVSHHR-DPWQwYiFpezUv0qBqoTsYpVP0fFMt-24ZeLqjhBHirIicm0YGIUhBUER0Hv/s1600/slide-left.gif&quot;) no-repeat left top;   margin:0;   padding:0 0 0 5px;   text-decoration:none;   } 
#tabs28 a span {   float:left;   display:block;   background:url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfnKcnE1eGzXm2Nc4FLsKDQO_-iBK062_k7R8TVmeoYtvamEpQn0qTLIWsQ5Vfk4HWF0FhUFn_QpYr-_pBt_8z-P4jAEl8yLf_tawY4n_PK6vUC8bbKt35IGVFl67KJCUleE1v0jpiN6Ji/s1600/side-right.gif&quot;) no-repeat right top;   padding:5px 15px 4px 6px;   color:#FFF;   } 
#tabs28 a span {float:none;}  #tabsI a:hover span {   color:#FFF;   } #tabs28 a:hover {   background-position:0% -42px;   } 
#tabs28 a:hover span {   background-position:100% -42px;   }</style>

Catatan:
Anda Boleh Ganti tulisan 10 dengan yang anda inginkan(fungsinya untuk panjang jarak atas)
Anda Boleh Ganti tulisan 50 dengan yang anda inginkan(fungsinya untuk panjang sebelah kiri)

7. Sekarang kita menuju ke layout

8. Klik Tambahkan Gadget dan pilih 'HTML/Javascript

9. Letakan script html di bawah ini di kolom yang disediakan. (Ingat, untuk kolom judul gadget tidak perlu diisi)

<div id="tabs28">

<ul>
<li><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>Link 1</span></a></li>
<li><a href="#"><span>Link 2</span></a></li>
<li><a href="#"><span>Link 3</span></a></li>
<li><a href="#"><span>Link 4</span></a></li>
<li><a href="#"><span>Link 5</span></a></li>
<li><a href="#"><span>Link 6</span></a></li>
<li><a href="#"><span>Link 7</span></a></li>
<li><a href="#"><span>Link 8</span></a></li>
</ul>

</div>

10. Klik Simpan

catatan: ganti tanda # dengan alamat URL
ganti Link 1 - Link8 dengan nama menu yang anda inginkan,
oke mungkin cukup sekian, Semoga Bermanfaat..!

Wednesday, 22 January 2014

Bel Pelajaran Dan Pengingat Waktu Sholat Otomatis Gratis

Bel pelajaran sebagai tanda dan pengingat Guru, karyawan, dan peserta didik sangatlah diperlukan disekolah, namun sering kali banyak keluhan dari Guru maupun Peserta didik, bel terlambat bunyi, bel kecepetan, ini semua tidak lain karena faktor kelalaian manusia, bisa juga karena petugas keburu setor dan asyik di kamar mandi, mungkin karena kesibukan pekerjaan lain, dsb.

Dengan adanya bel pelajaran otomatis ini diharapkan mampu sebagai tanda dan pengingat aktifitas disekolah, madrasah atau pondok pesantren. Bel ini sebenarnya sudah lama saya pakai untuk sekolah-sekolah yang membutuhkan (tentunya kalau mengundang dan meminta untuk menyetingnya jadi gak GRATIS) hehe...

Software yang saya gunakan ini bukanlah software bel otomatis asli, bukan juga software bel berbayar yang banyak ditawarkan di internet, melainkan software gratis yang disediakan di internet, dan tujuan awal software ini dibuat adalah untuk memberi peringatan waktu sholat otomatis dengan menyesuaikan daerah anda masing-masing (pasti sudah tau atau pernah dengar kan?, atau bahkan malah sekarang sudah terpasang di komputer anda?

). Software ini dibuat oleh programer yang luar biasa baik hati, dan sudah diakui dunia persilatan software beliau adalah Ebta Setiawan dari Jogjakarta, nama softwarenya Shollu, anda bisa mendownloadnya langsung disini.

Okeh... langsung saja, mari kita coba membuat bel pelajaran otomatisnya, saya hanya akan memanfaatkan fasilitas tambahan di program shollu ini (semacam alrm) yang bisa disetting berdasarkan hari, mingguan, bulanan dan untuk audionya sudah mendukung .mp3.

Jadi nanti ketika software ini sudah terpasang di komputer yang sudah disiapkan, maka Bel Pelajaran Otomatis dan Pengingat Waktu Sholatpun (suara Adzan yang merdu) akan berjalan secara otomatis.

Masalah model suara dan musiknya sudah saya siapkan, saya sudah rekaman distudio pribadi anda bisa download koleksi audionya nanti hehe... (isinya mulai dari suara bel untuk jam ke 1, jam ke 2, istirahat, sampai waktunya pulang), nanti bisa anda manfaatkan untuk pengingat waktunya, masalah pengaturan musiknya, pemotongan lagu dan sebagainya bisa anda pakai software gratisan audiocity.

Berikut langkah-langkahnya:

Download dan install program Shollu (download softwarenya disini)
Download koleksi audio bel sekolah disini dan buatlah direktory di D:\Musik Jam Sekolah (nama foldernya sementara samakan dulu dengan yang sudah saya buat ya...? yaitu: Musik Jam Sekolah, copy semua audio yang sudah anda download tadi dan masukan kedalam folder Musik Jam Sekolah).
Download dan masukan file Task.dat berikut (klik untuk download) kedalam C:\Program Files\Shollu3\ kalau ada pertanyaan replace, pilih saja Yes. (sebagai keterangan: Task.dat ini merupakan settingan yang sudah saya buat dengan jenis waktu standar, yaitu masuk jam 07.00 dan contoh ini nanti anda bisa edit semau anda sesuai kebutuhan.
Restart komputer, selesai.

Sekarang bel pelajaran otomatis sudah berjalan di komputer anda, dan siap anda sambungkan ke speaker aktif atau langsung ke amplifier dan hubungkan ke speaker / toa biar suara mengema sampai jauh

.

Untuk mengubah waktu yang sudah saya buat, silahkan anda perhatikan video tutorial berikut:

Kalau ada masalah atau pertanyaan bisa anda tulis dikolom komentar.
Semoga bermanfaat.

	«		»
	«		»
	«		»

Name:
Email Address: