BangBek

Showing posts with label Widget. Show all posts

Desain Huruf Keren Online

Written By Bahtiar Kelana on Saturday, 20 July 2013 | 02:24

Desain Huruf Online salah satu alternatif buat anda yang buta akan software atau perangkat multimedia untuk desain seperti coreldraw danPhotoshop. Mungkin anda bosan belajar dengan berbagai fungsi menu yang ditampilkan oleh beberapa software desain sementara anda hanya ingin membuat desain huruf, kata atau kalimat yang sederhana dan keren untuk keperluan logo perusahaan, instansi, atau logo blog anda. Kini saatnya anda beralih ke cara yang paling mudah dan sangat simpel yang disajikan secara online.

Cooltext.com merupakan salah satu alternatif buat anda yang ingin mendesain logo, huruf atau susunan huruf yang tampil cantik dan elegan. Silahkan sesuaikan dengan selera anda dengan memanfaatkan ketersedian menu dan berbagai desain yang telah ada di situs tersebut. Beberapa pilihan tipe huruf dan pewarnaannya dapat anda sesuaikan ketika memilih desain yang anda buat dimana tipe huruf sangat banyak dan dipastikan anda puas untuk memilihnya.

Dari berbagai jenis huruf atau font yang ditampilkan di Cooltext.com, hampir semuanya tidak tersedia pada font standar di corel dan photoshop kecuali anda mendownloadnya sendiri secara online. Menurut hemat saya, untuk apa bersusah-susah membuat desain yang memakan waktu yang lama sementara kita hanya mengharapkan sebuah desain yang simpel dan enak dipandang mata jika anda cara yang lebih cepat dengan bantuan menu yang praktis.

Selain anda dapat memilih desain, Cooltext.com juga menyediakan menu ketika anda ingin merubah warna dan ukuran desain anda yang selanjutnya dapat anda download dalam bentuk file gambar PNG. Di Samping itu anda juga bisa mensetting apakan anda ingin memuat desain itu transparan atau tidak dengan cara mencentang atau memilih jenis file transparansinya. Yang pasti situs desain huruf online ini sangatlah mudah dan praktis. Silahkan diubek-ubek sendiri situs ini dan pasti akan mahir sendiri nantinya. Selamat berkutat dengan Desain Huruf Online.

Cara Mudah Membuat Headline News di Blog

Written By Bahtiar Kelana on Thursday, 18 July 2013 | 02:27

Cara Mudah Membuat Headline News di Blog - Cara/trik gampang memberi headline news atau news update atau hotnews berita terbaru berjalan dan bergerak di blog atau cara menambah headline news atau news update atau hotnews di blog dengan mudah dan cepat.

Postingan Blogaul kali ini akan membahas bagaimana cara memberi headline news di blog. di kesempatan yang baik ini, saya akan mengulas artikel mengenai cara membuat news update di blog. Sobat pastinya sudah tau semua kan apa itu headline news/news update/hot news dan bagaimana bentuk sebenarnya? :) Ok, bagi yang belum tau, saya jelaskan sedikit. Headline news adalah sebuah bagian/elemen di blog yang berisi link-link artikel terbaru dari blog tersebut yang biasanya selalu bergonta-ganti tiap berapa detik sekali dan umumnya terletak di bagian atas dari sebuah blog. Untuk contohnya, bisa dilihat di bagian atas di bawah header blog ini. Tujuan utama pembuatan fasilitas ini menurut saya adalah untuk membuat blog lebih tampil profesional, lebih menarik, membuat betah pengunjung dan pastinya meningkatkan pageviews. Ok, bagi yang tertarik untuk membuat headline news/news update/berita terbaru di blog silahkan ikuti langkah-langkahcara membuat headline news/news update/berita terbaru bergerak di blog di bawah ini:

1. Login ke akun Blogger sobat.

2. Klik Template >> Edit HTML.

3. Cari kode ]]></b:skin> (gunakan tombol CTRL + F atau F3 untuk memudahkan pencarian kode).

4. Letakkan kode berikut tepat diatas kode ]]></b:skin>

/* Headline News
-------------------*/
.newspic {background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnfzcrlboWi9X6T8rIKi7w0P-Zkvjmw6NLPX6MoMpY_-DxP69RKGasmMYShk3lhq3-zTFNkpbYiMB5rpeJDgVVSKZZ0V4N8ns7_fJxdUz5Ywf2sBSG4HQjSSzhJ38xt7p9ssloaTk3uGM/s1600/news.gif) no-repeat top left;width:970px;margin:0 auto;padding:0 auto;height:32px;color:#fff;}
.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;}
.news a:link, .news a:visited{color:#fff;text-decoration:none;}
.news a:hover {color:#ddd;text-decoration:underline;}

Keterangan :
> Warna merah adalah ukuran panjang headline news.
> Warna biru adalah ukuran tinggi headline news.

5. Next cari kode </head>

6. Lalu copas kode berikut tepat diatas 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>

7. Terakhir cari kode <div id='header-wrapper'> atau <div id='header-outer'> (pilih salah satu saja)

8. Lalu letakkan kode berikut tepat di bawah kode nomor 7 tadi

<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://bahtiarmahmud.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 kode yang berwarna biru dengan URL blog sobat.

9. Simpan template dan lihat hasilnya.

Nah, mudah sekali bukan? :)
Demikianlah postingan mengenai cara mudah membuat headline news di blog. Semoga bermanfaat buat semua. Sampai jumpa.. ^_^

Membuat Widget Subscribe Paling Keren

Written By Bahtiar Kelana on Tuesday, 16 July 2013 | 04:36

Alhamdulillah akhirnya saya bisa update postingan lagi, soalnya dari tadi pagi cuma ngutak-atik template nih. Setelah hari-hari sebelumnya saya coba memPostingkan cara2 blog agar SEO dan akhirnya saya pun bisa menerapkannya yaitu pada tutorial Cara Membuat Blog Valid CSS3 dan Membuat Blog SEO Di Chkme.com. Nah kan masalah SEO pada tutorial sebelumnya sudah teratasi , sekarang masalah Widget Subscribe. Mengapa Widget Subscribe ini diperlukan ??? karena agar pengunjung bisa mengikuti blog sobat.

Berikut ini penampakan widget subcribe paling keren , hehehe :

Sobat tertarik dengan Widget Subscribe Paling Keren kaya diatas ??? Pasti dong.
ayoooo berangkat belajar cara Membuat Widget Subscribe Paling Keren, contoh berikut ini saya CoPas dari Blog Planet Ajaib, berikut Langkah2nya :

1. Sob , untuk menggunakan kode CSS yg mengatur tampilan gambar Email, RSS, Twitter, Facebook, dan Google+. Silahkan copy kode di bawah ini dan simpan di atas kode ]]></b:skin>

.social a{color: #6e6e6e;font: bold 12px Arial;text-decoration: none;padding: 3px 5px 2px;position: relative;display: inline-block;text-shadow: 0 1px 0 #fff;-webkit-transition: border-color .218s;-moz-transition: border .218s;-o-transition: border-color .218s;transition: border-color .218s; background: #f3f3f3;border: solid 1px #999;}
.social a:hover {color: #333;border-color: #666;-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);}
.social a:active{color:#000;border-color: #444;}Tempelkan kode diatas tadi agar tampilan Widget Subscribenya menjadi Paling Keren

2. Kemudian sobat pergi ke Tata Letak > Tambahkan Gadget dan letakan kode berikut ini :

<div style="background: none; border:none; padding: 4px;">
<div class='social' style='padding: 0pt 0pt 0pt 5px;'>
<table><tbody><tr><td>
<a href='http://feedburner.google.com/fb/a/mailverify?uri=Planetajaib' target='_blank' title='newsletters'><img alt='email' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh31HRnSbgl8-wQ12V07vw6LslaLNwVDJSjU1CXLGNlTskP41peuDs-mtC1CGqMYxuf9m6Ws-oKhuS1roT85q5g8H46-9vOuOABev5-onSD-dKDygBGiWTDoAaF0PJd73E6I-VDzDj_Syk/s40/mail.png' title='newsletters'/></a> </td>
<td> <a href='http://feeds.feedburner.com/planetajaib'target='_blank' title='rss'><img alt='rssfeed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXxjsfzA2Ic-Mq8n2tbkyk0BUD6O3dWEgDy-c7JBvh_748ApPpiVNwpp-MswHgcTUC2KO-wIXuaYgP2_c7wlMItX06ttEfrtUQl_Z4RDRp4-CBXFhNjp_0VBdkHOQSKrd9o0wcvAC3LEI/s40/rss.png' title='rss'/></a> </td>
<td> <a href='https://twitter.com/Ahmad_ManarulH' target='_blank' title='Follow on twitter'><img alt='twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT2r_9xqklDsWdQyTJgv9bzkHYa8iss8qQg74Y5Rz0u6ObNc4M5oUrhHc8ngmMUFhca1on-BssbJgImmYuvUYlYqiM1m7czu28EJKdM2S3ES9gWxSCF5fUf-I7-lI9nXOCVTLB1Lwk48k/s40/twitter.png' title='Follow on twitter'/></a> </td>
<td> <a href='https://www.facebook.com/PlanetAjaib'_blank' title=' like me on facebook'><img alt='facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiid0Nkt6-3AMGnqmAgpNIr4eyT5xa0hE3Na6JGZwPRh0Frs4PQK3ai3OxOAmtmeMIWLkIjFsHXTq6UfGyPnJkzR0c3RzU92a8aS0wjqGA8QeL0mXBJxr9X3fBT2WVLsZwSDn93CxTX0f8/s40/facebook.png' title=' Like me on Facebook'/></a> </td>
<td> <a href='https://plus.google.com/u/0/111196340129624846374' target='_blank' title='Follow on G+'><img alt='blog' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj798F9aQj9uZ7IcF8W_OGvsfiGh48ChOmVGop2v4g1N4KjY2MWL-RSXin3otESq65PK9y4cpAJBPfWF532ys8syl8eowNzK26OMB7gwabZaTyliteWMyIVYSKJqX-1wthJmzq12nYnND0/s1600/g+.png' title='Follow on G+'/></a>
</td></tr></tbody></table></div> <br/>
<div style='text-align: center;'>
<a href='http://www.blogger.com/follow-blog.g?blogID=2376713864947803790' target='_blank' title='Follow this blog'><img alt='blog' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX5F0K4xKh9fqXQ0X7fmMzRHSERfrTBYTuXW_JWoZYlJKZdDZIYIDd47IyRMQ0wmIUsFIaaM0LSzSQd1Lvl3OldNq7ON6IYllPpgtZAlOrRzX1EAojJIrGgrnKht5TrCJ9jeBIUFuWHV8/s1600/Follower.png' title='Follow this blog'/></a>
</div><br/>
</div>

Keterangan tulisan berwarna yang ada di atas :

Untuk tulisan Planet Ajaib, silahkan ganti dengan user name feedburner blog Sobat.
Tulisan http://feeds.feedburner.com/planetajaib, ganti dengan url feedburner blog Sobat.
Tulisan https://twitter.com/Ahmad_ManarulH, ganti dengan url profil Twitter Sobat.
Tulisan https://www.facebook.com/PlanetAjaib, ganti dengan url Facebook Sobat.
Untuk https://plus.google.com/u/0/111196340129624846374, silahkan ganti dengan url profil G+ Sobat.
Untuk 2376713864947803790 ganti dengan ID blog Sobat.Terus kalau sudah dirubah tinggal simpan dan lihat hasilnya.

Demikianlah sob postingan saya kali ini tentang Membuat Widget Subscribe Paling Keren , dan seperti biasa sob , semoga berguna dan bermanfaat , apabila ada pertanyaan silahkan komentar dibawah akan saya jawab bila saya bisa , dan bila ada tutur kata / pengucapan saya yang salah mohon dima'afkan , Wassalamualaikum.

Sumber : http://planetajaib.blogspot.com

Kumpulan Efek - Efek Blog: Ringan & Berat

Share kumpulan efek blog yang telah di posting oleh sobat CHRISTIAN TATELU kumpulan efek-efek blog baik dari yang ringan hingga yang berat, untuk diterapka pada blog sobat sekalian, singkat cerita saja silakan simak keterangan berikut.

Kumpulan Efek - Efek Blog ( Lengkap ) - Memang selalu ada cara untuk mempercantik penampilan blog. Setelah sebelum memposting cara memasang animasi di blog, kali ini saya akan kasih sobat berbagai macam / jenis efek - efek blog yang bisa di pasang di blog.

Sebelum kita masuk ke intinya, terlebih dahulu saya ingatkan pada sobat bahwa efek, animasi dan widget - widget serupa akan menambah beban loading blog sobat, jadi mohon di perhitungkan sebelum sobat memasang efek ini. Efek yang akan saya posting kali ini, akan saya bagi 2 yaitu efek ringan ( loading ringan ) dan efek menegah hingga berat. ( kayak tinju aja.. ) .

Sobat yang tertarik memasangnya silahkan ikuti tutorial memasang efek - efek pada blog berikut.

A. Efek Ringan
Mungkin Ini adalah efek yang biasa sobat lihat saat sobat blogwalking.

1. Efek salju berjatuhan
<script src='http://tateluproject.googlecode.com/files/snow.js' type='text/javascript'></script>

2. Efek hati bertaburan
<script src='http://tateluproject.googlecode.com/files/lovingheart.js' type='text/javascript'></script>

3. Efek bintang bertaburan
<script src='http://tateluproject.googlecode.com/files/bintang.js' type='text/javascript'></script>

4. Efek kembang api
<script src='http://tateluproject.googlecode.com/files/kembangapi.js' type='text/javascript'></script>

5. Efek Gelembung
<script src='http://tateluproject.googlecode.com/files/efek-gelembung.js' type='text/javascript'></script>

Cara pemasangan :
Klik rancangan --> Edit html
Letakkan script efek di atas kode </body>
Klik Save

B. Efek Menengah - Berat
Efek ini saya ambil dari http://www.netdisaster.com. Untuk demo dari salah satu script berikut, silahkan lihat di sini.. DEMO

1.Meteor Jatuh

nd_mode="meteor";

nd_control="on";

nd_sound="on";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

2. Banjir

nd_mode="flood";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

3. Bunga Mekar

nd_mode="flowers";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

4. Bom Atom

nd_mode="bomb";

nd_sound="on";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

5. Ufo

nd_mode="ufo";

nd_sound="on";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

6. Graffity

nd_mode="graff";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

7. Shaver

nd_mode="shaver";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

8. Gun

nd_mode="gun";

nd_sound="on";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

9.Bloody gun

nd_mode="blood";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

10. Paint ball

nd_mode="paint";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

11. Chainsaw

nd_mode="chainsaw";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

12. Dinosaur

nd_mode="dino";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

13. Lebah

nd_mode="wasp";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

14. Lalat

nd_mode="fly";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

15. Semut

nd_mode="ants";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

16. Siput

nd_mode="snail";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

17. Cacing

nd_mode="worms";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

18. Mold

nd_mode="mold";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

19. Bayi merangkak

nd_mode="baby";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

20. Telur mata sapi

nd_mode="eggs";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

21. Kopi tumpah

nd_mode="coffee";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

22. Terbakar

nd_mode="burn";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

23. Tomat
<script language="javascript">

nd_mode="tomato";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

24. Creampie

nd_mode="creampie";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

25. Murka

nd_mode="god";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

26. Sapi Jorok

nd_mode="cow";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

27. Anjing Jorok

nd_mode="dog";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

28. Kencing Sembarangan

nd_mode="pee";

nd_vAlign="bottom";

nd_hAlign="right";

nd_vMargin="10";

nd_hMargin="10";

nd_target="_blank";

</script>

Cara pemasangan :

Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
Masukkan script efek di dalam kotak yang di sediakan
Klik save dan lihat hasilnya.

Tambahan :
Efek yang ke 2 berbeda dengan efek yang pertama. di efek ke 2, efek bisa dimatikan secara manual, sedangkan yang pertama sebaliknya ( tidak bisa dimatikan selama masih memasang scriptnya ). so, pilih mana yang terbaik menurut sobat.. salam..

Sumber: http://christiantatelu.blogspot.com

Cara Memasang Flag Counter di Blog Blogspot

Written By Bahtiar Kelana on Wednesday, 10 July 2013 | 21:13

Cara Memasang Flag Counter di Blog Blogspot - Berapa jumlah pengunjung blog sobat?? Bagi sobat blogger yang belum tahu saya sarankan untuk memasang widget ini. Namanya Flag Counter. Flag counter adalah visitor count yang menampilkan jumlah pengunjung blog dengan ciri khas menampilkan bendera negara setiap pengunjung. Contoh bisa sobat lihat di sidebar blog ini.
kali ini saya akan share cara memasang widget flag counter di blog sobat. Sobat yang penasaran dan tertarik silahkan ikuti tutorial berikut.

1. Sobat kunjungi situs http://flagcounter.com
Sobat akan melihat tampilan seperti berikut.

2. Seperti pada gambar, di situ sobat bisa mengatur tampilan dari flag counter tersebut sesuka hati.
Berikut beberapa menu editnya..
Top Countries : menampilkan jumlah pengunjung tiap negara dengan bendera negara asal pengunjung
Flag Map : menamplkan pengunjung dalam bentuk map aatau peta dunia seperti gambar berikut.

Mini Counter : menampilan counter dalam bentuk mini berupa pagaview blog.
Maximum Flag to Show : Jumlah bendera yang akan di tampilkan
Column of Flags : Jumlah kolom untuk counter
Label on Top of Counter : Nam dari counternya. bisa di ganti sesuai keinginan.
Background Color : Warna latar belakang
Text Color : warna teks
Border color : Warna garis tepi
Show Country Codes : Menampilkan kode setiap negara, misalnya amerika dengan kode US.
Show Pageview Count : Menampilkan jumlah pageview atau jumlah penelusuran halaman di satu blog
Show Number of Flags : Menampilkan seluruh jumlah bendera asal pengunjung

3. Setelah selesai ngeditnya, klik tulisan GET YOUR FLAG COUNTER. Kemudian sobat akan melihat tampilan seperti berikut.

4. Klik Skip, ambil kodenya, kemudian pasang ke HTML/Javascript blog sobat.

Cara Pemasangan :
Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
Masukkan kode kedalam kotak yang di sediakan kemudian klik save.

Sumber : http://christiantatelu.blogspot.com/

Membuat Cursor Bertaburan Bintang

Written By Bahtiar Kelana on Tuesday, 25 June 2013 | 03:21

Membuat Cursor Bertaburan Bintang

Ada banyak sekali untuk meodifikasi atau membuat pernak-pernaik tentang cursor, Dan kali ini kita belajar membuat cursor yang bertaburan bintang. jadi saat cursor kita bergerak akan turun bintang-bintang dari cursor. Ada beberapa warna bintang yang bisa kita pilih untuk ditampilkan di blog kita.

Cara Membuat Cursor Bertaburan Bintang
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan salah satu kode HTML sesuai warna yang kita inginkan berikut ini:

<script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-biru.js" type="text/javascript"></script>

5. Untuk Contoh Kode diatas Kita Coba beri Warna biru. Apabila Sobat ingin mengubah warnanya tinggal diganti dengan, tulisan "hijau", "merah", "ungu", "silver", "kuning", "hitam".
6. Simpan jika sudah selesai.

Sumber : http://kurniasepta.blogspot.com/2011/02/membuat-cursor-bertaburan-bintang.html

Membuat Share Button Keren Pada Blog

Tutorial tentang memasang tombol share keren pada blog. Memang tidak dapat dipungkiri tombol share pada blog merupakan hal yang wajib digunakan oleh seorang blogger. Cara ini merupakan salah satu teknik SEO yang telah banyak dilakukan oleh para blogger pada umumnya.
Dengan semakin banyaknya pengguna internet yang menghabiskan waktunya di berbagai akun social media yang mereka miliki, tak hanya Facebook dan Twitter saja, keberadaan tombol share ke akun social media yang ada di blog, saya pikir sangat diperlukan sebagai salah satu strategi pemasaran sebuah blog. Pengunjung akan dengan senang hati membagikan tulisan kita jika memang dirasa bagus dan berguna bagi mereka.
Apa keuntungannya bagi kita pemilik blog? Tentunya blog dan tulisan kita akan semakin mudah tersebar dan dikenal oleh orang lain, bahkan tanpa kita menyadarinya. Dengan di share-nya tulisan kita ke akun social media pembaca, memungkinkan orang yang terhubung dengan mereka dapat berkomentar pada tulisan kita tersebut. Jangkauan tulisan kita menjadi lebih luas, meskipun kita tidak bisa mengontrol dan selalu mengetahui apa yang mereka perbincangkan atas tulisan tersebut, karena memang posisinya bukan berada pada blog kita, melainkan di dinding pelaku sharing tersebut.
Langsung saja ikuti langkah-langkah dibawah ini,

Login ke akun blog anda.
Pilih menu "Tata Letak".
Klik "Tambahkan Gadget".
Pilih widget "HTML/JavaScript".
Kemudian isi konten dengan kode yang ada dibawah,

<div class='shr_ss shr_publisher'>
</div>
<script type='text/javascript'>
var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};
</script>
<script type='text/javascript'>
(function() {
var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;
sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);
})();
</script>

5. Langkah terakhir klik "Simpan".

Simple kan? Selamat sekarang anda sudah memasang widget share keren pada blog anda.
Semoga bermanfaat.

Sumber : http://bocah-alus.blogspot.com/2013/03/membuat-share-button-keren-pada-blog.html#ixzz2X9lPe0WS

Cara Memasang Musik diBlog

Written By Bahtiar Kelana on Sunday, 23 June 2013 | 19:11

memasukan lagu otomatis ke blog, cara memasang lagu otomatis ke dalam blog, cara mudah pasang lagu otomatis ke blog?? Pernahkah agan-agan sekalian membuka suatu blog dan dimana terdengar lagu secara otomatis apa bila di buka ?? pasti pernahkan,, mendengarkannya nah lagu tersebut merupakan autoplay atau dengan kata lain lagu tersebut akan memulai jika kita buka
dan kali ini saya akan memberi tahukan kepada agan-agan sekalian bagaimana caranya memasukan lagu Otomatis ke Blog :

1. klik link berikut www.divine-music.info dan maaf ya link ini buat lagu luar negri saja,, hehe sory

2. pilih kategori yang agan sukai

3. Pilihlah Arstis yang di inginkan..

4. Lalu Copy kode yang bertanda biru.. itu adalah script untuk lagu auto play atau terputar secara otomatis

5. nah jika sudah lalu login ke www.blogger.com

6. Jika sudah login Selanjutnya Pilih Tata Letak

7. Jika Sudah Selanjutnya Pilih Tambahkan Widget

8. Udh Belom ?? oh kalau udah pilih kategorinya yaitu HTML/Java Script

9. Beri Judul dan paste script yang sebelumnya di copyy..

Sumber: http://novanpeace.blogspot.com/2012/10/cara-memasukan-lagu-otomatis-ke-blog.html

Latest Post

Desain Huruf Keren Online

Written By Bahtiar Kelana on Saturday, 20 July 2013 | 02:24

Cara Mudah Membuat Headline News di Blog

Written By Bahtiar Kelana on Thursday, 18 July 2013 | 02:27

Membuat Widget Subscribe Paling Keren

Written By Bahtiar Kelana on Tuesday, 16 July 2013 | 04:36

Kumpulan Efek - Efek Blog: Ringan & Berat

Cara Memasang Flag Counter di Blog Blogspot

Written By Bahtiar Kelana on Wednesday, 10 July 2013 | 21:13

Membuat Cursor Bertaburan Bintang

Written By Bahtiar Kelana on Tuesday, 25 June 2013 | 03:21

Membuat Cursor Bertaburan Bintang

Membuat Share Button Keren Pada Blog

Membuat Share Button Keren Pada Blog

Cara Memasang Musik diBlog

Written By Bahtiar Kelana on Sunday, 23 June 2013 | 19:11

About Me

Translate