Cara Membuat Watermark Sederhana dengan Photoscape

Assalamualaikum warahmatullahi wabarakatu.
Terima kasih sobat sudah mau mampir membaca blog saya. :)
Baiklah, dalam posting kali ini saya akan membahas mengenai cara membuat watermark sederhana menggunakan photoscape. Tutorial ini saya buat untuk sobat trexter yang tidak tau/tidak suka menggunakan photoshop.

Oke kembali ke laptop, langsung saja kita mulai ;)

• Pertama-tama buka photoscape sobat.
• Kemudian pilih Editor.

• Lalu buka foto yang sobat trexter ingin beri watermark.

• Selanjutnya masukkan watermark nya, baik itu dalam bentuk teks ataupun gambar.

Insert photo.

Insert text.

• Aturlah gambar/teks agar tampak seperti sebuah watermark.

Aturlah gambarnya (klik 2x gambar untuk membuka pengaturan)

Aturlah teks (klik 2x teks untuk membuka pengaturan)

Nah, itulah tutorial cara membuat watermark sederhana menggunakan photoscape dari saya. Bagimana? Benar-benar sederhana bukan, nah kalau ada yang kurang dimengerti silahkan tinggalkan komentar sobat dibawah, jangan lupa yah berikan +1 atau like :)

Terima kasih dan sampai jumpa..

Cara Mengganti Account Picture Windows 7

Assalamualaikum warahmatullahi wabarakatu..
Terima kasih sobat sudah mau mampir membaca blog saya. :)
Baiklah, dalam posting kali ini saya akan membahas mengenai sebuah tutorial yang sudah umum yaitu cara mengganti account picture di Windows 7. Mungkin kebanyakan dari sobat trexter sudah tau caranya, tapi tidak ada salahnya berbagi :)
Masih banyak juga orang-orang yang belum mengetahui nya :)

Account Picture. Udah tau gak apa sih itu Account Picture? Account Picture itu sama halnya dengan foto profil, dalam sistem operasi Windows 7 account picture bisa dilihat ketika kita menekan tombol Start akan muncul di bagian atas, atau ketika komputer baru dinyalakan setelah di Sleep maka account picture bisa dilihat.

Gambar disamping adalah contoh account picture milik saya.

Baiklah, berikut ini caranya :)

• Pertama-tama buka Start dan klik account picture sobat.

• Setelah itu akan muncul tampilan seperti dibawah ini. Silahkan klik Change your picture

• Silahkan pilih foto yang sobat sukai, atau browse foto pribadi sobat trexter (klik browse for more pictures...)

• Jika foto telah di pilih, selanjutnya klik Change Picture.

• Setelah itu coba sobat trexter buka Start dan lihat account picture sobat telah terganti. Atau coba sleep komputer sobat dan nyalakan kembali kemudian lihat hasilnya.

Nah, itulah tadi yang sempat saya tuliskan mengenai cara mengganti account picture di Windows 7, jika sobat trexter masih kurang mengerti silahkan bertanya melalui kolom komentar yang ada dibawah.

Jangan lupa berikan +1 atau like. :)

Terima kasih dan sampai jumpa.

Cara Mengatur Tombol-Tombol Shortcut di Start Menu

Assalamualaikum warahmatullahi wabarakatu..
Terima kasih sobat Trexter sudah mau mampir membaca blog saya. :)
Baiklah, dalam posting kali ini, saya akan membahas mengenai cara mengatur tombol-tombol shortcut yang ada di menu START Windows 7.

Sobat trexter pada umumnya pasti udah tau apa itu tombol START. Tapi mungkin masih ada yang belum tau apa itu tombol Start Windows, tombol Start itu ada tombol menu Windows yang secara default berada disudut kiri-bawah. Tampilannya seperti gambar dibawah ini.

Tampilan Start Menu

Nah, udah tau kan apa dan dimana tombol Start Windows itu. Di menu Start terdapat beberapa menu yang berada dibagian kirinya, menu-menu tersebut bisa diatur sesuai keinginan (beberapa tombol dapat dihilangkan atau dimunculkan). Berikut ini caranya.

• Pertama-tama sobat Trexter buka menu Start.
• Kemudian klik kanan di bagian kosong pada menu Start dan pilih Properties.

• Setelah itu akan terbuka jendela Taskbar and Start Menu Properties klik Customize.

• Sekarang pilih tombol shortcut apa yang ingin ditampilkan atau dihilangkan.

• Misalnya sobat trexter ingin menampilkan tombol Shortcut ke folder Games, cari foler Games dan pilih Display as a link atau Display as a menu. Lalu tekan OK 
• Lalu apa perbedaan Display as a link dan Display as a menu?

Display as a link

Display as a menu

• Setelah itu klik Apply lalu OK.

Nah, sekarang udah tau kan bagaimana cara mengatur tombol-tombol shortcut di Start Menu Windows 7.

Kalau masih ada yang kurang jelas, silahkan bertanya melalui komentar atau Buku Tamu tidak masalah.

Jangan lupa yah berikan +1 atau like nya. Terima kasih dan sampai jumpa sobat treXter :)

Cara Mudah Membuat Tombol Back to Top di Blogger

Tombol back to top adalah sebuah tombol yang terdapat dihalaman website/blog yang berfungsi untuk scroll tampilan layar kebagian paling atas dari web/blog tersebut.
Tombol ini mempunyai fungsi yang sama dengan tombol HOME yang terdapat pada keyboard

Back to top button

Gambar diatas merupakan tampilan tombol back to top.
Tertarik untuk membuatnya? Caranya sangat mudah dan tidak perlu melalui Edit HTML. Berikut ini caranya.

1. Pertama-tama sobat trexter buka Blogger > Tata Letak
2. Kemudian klik Tambah Gadget dan pilih HTML/Javascript.
3. Lalu paste kan kode dibawah ini.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script type="text/javascript" >/*********************************************** * Scroll To Top Control script- © Dynamic Drive DHTML code library (www.dynamicdrive.com) * Modified by http://three-exact-republic-smansa.blogspot.com * This notice MUST stay intact for legal use * Visit Project Page at http://www.dynamicdrive.com for full source code ***********************************************/var scrolltotop={     //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control     //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).     setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},    controlHTML: '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9wI80mF2eGtWrBoloay3ksimFR9dr-Ok7m964-Cemf4iXfbWktdxAw7jyiXu0fbnTmmv50wVKQ27t66EvV829h0wZKk-k92DhL86gf0Mfg0bcWWLhWqJgVqK4LLqlGS9BfjhQlXeLtX8/s1600/hb-arrow-up.png" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"     controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner     anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links    state: {isvisible:false, shouldvisible:false},    scrollup:function(){         if (!this.cssfixedsupport) //if control is positioned using JavaScript             this.$control.css({opacity:0}) //hide control immediately after clicking it         var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)         if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists             dest=jQuery('#'+dest).offset().top         else             dest=0         this.$body.animate({scrollTop: dest}, this.setting.scrollduration);     },    keepfixed:function(){         var $window=jQuery(window)         var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx         var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety         this.$control.css({left:controlx+'px', top:controly+'px'})     },    togglecontrol:function(){         var scrolltop=jQuery(window).scrollTop()         if (!this.cssfixedsupport)             this.keepfixed()         this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false         if (this.state.shouldvisible && !this.state.isvisible){             this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])             this.state.isvisible=true         }         else if (this.state.shouldvisible==false && this.state.isvisible){             this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])             this.state.isvisible=false         }     },         init:function(){         jQuery(document).ready(function($){             var mainobj=scrolltotop             var iebrws=document.all             mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode             mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')             mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')                 .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})                 .attr({title:'Scroll Back to Top'})                 .click(function(){mainobj.scrollup(); return false})                 .appendTo('body')             if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text                 mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text             mainobj.togglecontrol()             $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){                 mainobj.scrollup()                 return false             })             $(window).bind('scroll resize', function(e){                 mainobj.togglecontrol()             })         })     } }scrolltotop.init()</script> 

3. Untuk mengganti tampilan tombolnya, ganti kode berwarna merah dengan URL gambar tombol yang ingin sobat gunakan.
4. Setelah itu simpan gadget tersebut dan lihat di blog anda. (Untuk posisi gadget tersebut dimana saja tidak ada masalah).

Mungkin cuma itu, jika ada yang salah mohon maaf.

Jika tidak keberatan silahkan sobat berkomentar atau sekedar memberikan like dan +1.

Terima kasih dan sampai jumpa :)

Cara Membuat Tombol Navigasi Untuk Blogger

Next

Assalamualaikum warahmatullahi wabarakatu..
Selamat datang sobat Trexter dan apa kabarnya nih..? :)
Hari ini saya akan membuat posting mengenai cara membuat tombol navigasi untuk blogger. Tapi sebelumnya sobat TheCookies udah tau gak apa sih sebenarnya tombol navigasi untuk blog itu?

Oke, tombol navigasi yang ada di blog itu fungsinya untuk memindahkan halaman blog ke halaman sebelumnya atau selanjutnya yang akan menampilkan posting-poting lain yang tidak mungkin akan muat jika ditampilkan hanya dalam satu halaman. Tombol navigasi ini akan memudahkan para pengunjung untuk melihat-lihat isi blog.

Baiklah.. Langsung saja, berikut ini caranya..
Cekidot..

• Buka blogger.
• Buka tata letak blog kamu.
• Tambah gadget dan pilih HTML/Javascript.

• Copy paste kode dibawah ini :

<style>#blog-pager{clear:both;margin:20px 0 20px;font-size: 12px;padding:10px 0;}#blog-pager-newer-link{float: left;}#blog-pager-older-link{float: right;}.Profile img{border:3px solid;float:left;margin:5px 10px 5px 0;padding:2;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.profile-data{color:#999999;font:bold 20px/1.6em Arial,Helvetica,Tahoma,sans-serif;font-variant:small-caps;margin:0;text-transform:capitalize;}.profile-datablock{margin:0.5em 0;}.profile-textblock{line-height:1.6em;margin:0.5em 0;}a.profile-link{clear:both;display:block;font:80% monospace;padding:10px 0;text-align:center;text-transform:capitalize;}h2.date-header, .PageList h2{display:none;}#blog-pager-older-link a,#blog-pager-newer-link a,a.home-link,.showpageNum a,.showpage a{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAhGdK0GbDLBxf-6g1gQhx7dOVh-apjlVNw1oxaOEvXRdnPXjNxKyBaquxzGnFFmQWQ7M9Y3tD7tJKDK5gUchdsWwX48LHBH0t0p7-xvXr_pryS7wm9mgS2yDSnFTuZ080Hh_PnZiioAg/s1600/nav.jpg) repeat-x;border:1px solid #ae4402;color:#fff;margin:2px;padding:6px 10px 5px;text-decoration:none;text-shadow: 1px 0 1px #000;}#blog-pager-older-link a:hover,#blog-pager-newer-link a:hover,a.home-link:hover,.showpageOf,.showpagePoint,.showpageNum a:hover,.showpage a:hover{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZmgxRTiRFNHoC8LjFNAWcQuoRoiw5oDq3TgiisPcvTlgGmoNiPL_SiL-axJxD9Pd0r4LOCz2b1hs7_UBFabwi824_k_9u53VxWN3agcKx2LOGuOSg57j0P9ZnGaeNa4Zl3Pru1UFU5wA/s1600/nava.jpg) repeat-x;border:1px solid #000000;color:#fff;margin:2px;padding:6px 10px 5px;text-shadow: 1px 0 1px #000;}</style><script type='text/javascript'>var postperpage=10;var numshowpage=5;var upPageWord="Prev.";var downPageWord="Next";var urlactivepage=location.href;var home_page="/"</script><script src='http://code.helperblogger.com/hb-page-navi.js' type='text/javascript'></script>

Keterangan :

1. Ganti 10 dengan jumlah posting yang akan ditampilkan dalam satu halaman.
2. Ganti 5 dengan banyaknya tombol navigasi.
3. Ganti Prev. dengan teks yang akan menunjukkan tombol sebelumnya. 
4. Ganti Next dengan teks yang akan menunjukkan tombol selanjutnya.

• Selanjutnya klik Simpan/save.
• Seret gadget yang telah dibuat tadi kebawah gadget posting.

• Setelah itu klik simpan setelan.

Atau untuk cara yang lebih mudah silahkan gunakan Page Navigation Widget dari Helper Blogger.

Widget Navigation

Nah.. Mungkin cuma itu.. Sobat Trexter, jangan lupa yah tinggalkan komentar kalau ada pertanyaan, tanggapan, kritikan, ataupun saran seputar blog ini. Berikan pula +1 ataupun Like nya. Terima kasih dan sampai jumpa..

Cara Membuat Tombol Sharing Slide Out Floating

Assalamualaikum warahmatullahi wabarakatu..
Sobat Trexter pasti udah pernah dengar kata Sharing.
Tau gak sih sharing itu apa ?
Sharing adalah sebuah kata dalam bahasa Inggris yang berasal dari kata share, artinya adalah berbagi. Dalam dunia maya, kata share dimaksudkan berbagi berita atau artikel yang telah dibaca seseorang kepada orang lain melalui beberapa situs maupun jejaring sosial. Misalnya seseorang yang membaca artikel/posting dari sebuah blog, kemudian di share kepada temannya di facebook.

Trus apa gunanya sih berbagi itu ?
Seperti kata pepatah, "Berbagi itu tidak ada ruginya", bahkan berbagi sesuatu yang bersifat positif itu akan menambah pahala seseorang, baik yang meng-share maupun yang di-share. Untuk seorang blogger, memberikan fitur share di blog adalah sesuatu yang penting. Selain berguna untuk membuat blog lebih terkenal (alias banyak pengunjungnya) juga berguna bagi orang lain agar bisa lebih mudah menemukan bacaan yang mereka perlukan.

Live Demo

Nah.. Sekarang sobat TheCookies udah ngerti kan apa itu share dan apa gunanya kita sharing? Kalau begitu berikut ini cara membuat tombol share di blog yang bisa slide out, artinya bisa memanjang seperti slider. Berikut caranya, cekidot..

• Pertama-tama buka Edit HTML di blog kamu.
• Setelah itu temukan kode berikut :

</head>

• Tambahkan kode berikut ini diatas kode </head>

<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js"></script>

• Selanjutnya temukan kode :

</body>

• Letakkan kode berikut ini diatas kode </body>

<!-- trexter : BEGIN -->
<div class="addthis_toolbox addthis_peekaboo_style addthis_default_style addthis_label_style addthis_32x32_style">
<a class="addthis_button_more">Share</a>
<ul>
<li><a class="addthis_button_preferred_1"></a></li>
<li><a class="addthis_button_preferred_2"></a></li>
<li><a class="addthis_button_preferred_3"></a></li>
<li><a class="addthis_button_preferred_4"></a></li>
</ul>
</div>
<!-- trexter : END -->

•  Terakhir, pratinjau template kamu dan lihat dibagian sudut kanan bawah. Akan muncul tampilan :

Gimana sobat TheCookies? Udah berhasil belom?

Kalau belum, silahkan diperhatikan baik-baik, mungkin saja ada kesalahan yang terlewatkan..

Kalau sudah berhasil, selamat deh.. :D Jangan lupa yah tinggalkan +1, Like, atau komentar..

Cara Membuat Mata Sharinggan dengan Photoshop CS4

Mangekyou Sharinggan 

Assalamualaikum warahmatullahi wabarakatu..
Daripada malam mingguan sendiri, lebih baik saya membuat posting mengenai cara membuat mata Sharinggan menggunakan Photoshop CS4.

Sebelumnya saya pernah membuat tutorial Photoshop yaitu Cara Membuat Foto Out Of Bounds Menggunakan Photoshop CS3, kali ini masih tutorial photoshop namun menggunakan yang versi CS4, tapi bisa di coba kok di CS3 dan sekitarnya.. :D

Mata sharinggan, mungkin ada yang belum tau apa sih itu mata sharinggan, apa matanya di saring-saring gitu..!?
Gak lah.. Mata sharinggan itu adalah mata ninja dari film dan komik Naruto, mata yang hanya dimiliki oleh keturunan klan Uchiha mata ini juga mempunyai beberapa variasi berdasarkan level kekuatannya, semakin kuat mata itu semakin bercorak motif dalam bola matanya..

Oke, berikut ini yang perlu dipersiapkan sebelum memulai pembuatan mata sharinggan..

• Photoshop CS4 (bisa versi yang lain asalkan tau cara menggunakannya).
• Gambar mata, untuk contoh disini.
• Kumpulan mata sharinggan dan beberapa mata di film/komik Naruto bisa didownload disini.

Jika semua persiapan sudah selesai, selanjutnya baca Basmalah dan mari kita mulai..

Step 1
Pertama-tama, buka Photoshop CS4 dan buka gambar mata yang ingin di edit.

Step 2
Double click pada layer Background untuk membuka kunci nya..

Step 3
Menggunakan Quick Selection Tool (W), select seluruh bagian bola mata.

Step 4
Selanjutnya gunakan Color Replacement Tool dan pilih warna putih pada kotak warna disudut kanan atas untuk menghilangkan warna pada bola mata.

Hasilnya akan seperti dibawah ini..

Step 5
Selanjutnya buka gambar bola mata sharinggan yang sudah di download tadi. Maka akan bertambah 1 tab, lihat gambar.

Step 6
Setelah itu tarik (click and drag) tab gambar mata sharinggan ke bawah.

Step 7
Kemudian tarik lagi gambar mata sharinggan tersebut ke gambar mata yang sebelumnya.

Step 8
Maka gambar  bola mata sharinggan bisa ditempatkan diatas bola mata asli. Selanjutnya close saja tab bola mata sharinggan.
Gunakan Rectangular Marquee Tool (M) dan klik kanan pada bola mata sharinggan dan pilih Free Transform.

Step 9
Sesuaikan posisi mata agar menutupi seluruh bagian bola mata yang asli, kemudian tekan Enter.

Step 10
Pada gambar dibawah ini, klik yang ditunjuk tanda panah untuk membuka menu pull down.
Sebenarnya saya juga kurang paham apa nama menu itu..

Step 11
Pilih Overlay.

Step 12
Maka tampilannya akan menjadi seperti dibawah ini..

Nah itu dia tutorial dari saya..
Kalau ada yang masih kurang jelas, atau ada yang ingin ditanyakan. Saya perjelas melalui video yang saya temukan di Youtube.

Tutorial membuat mata Sharinggan di Photoshop CS3

Tutorial membuat mata Sharinggan di Photoshop CS4


Tutorial membuat mata Sharinggan di Photoshop CS5


Tutorial membuat mata Sharinggan di Photoshop CS6

Hehe..
Saya berikan video tutorial dalam berbagai versi photoshop, baik CS3, CS4, CS5, dan bahkan sampai CS6.
Silahkan tinggalkan komentar yah..
Makasih :D