Senin, 18 Juni 2012

Video Cara Menghapus Tulisan atau Gambar Yang Tidak Diinginkan Pada Sebuah Logo Menggunakan Photoshop CS5

0 Video Cara Menghapus Tulisan atau Gambar Yang Tidak Diinginkan Pada Sebuah Logo Menggunakan Photoshop CS5

Description: Video Cara Menghapus Tulisan atau Gambar Yang Tidak Diinginkan Pada Sebuah Logo Menggunakan Photoshop CS5 Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Video Cara Menghapus Tulisan atau Gambar Yang Tidak Diinginkan Pada Sebuah Logo Menggunakan Photoshop CS5 Video Cara Menghapus Tulisan atau Gambar Yang Tidak Diinginkan Pada Sebuah Logo Menggunakan Photoshop CS5. Ketika kita melihat logo dari blog orang lain yang terlihat bagus, mungkin kita ingin menjiplak atau membuat logo yang mirip seperti itu tetapi kita tidak tahu cara membuatnya, alternatifnya adalah menjiplak logo tersebut, namun sebuah logo biasanya memiliki teks nama blog tersebut dan tentunya kita ingin menghapusnya. Bagaimana cara menghapusnya? Akan Saya jelaskan di dalam video tutorial di bawah ini.

Pada kesempatan kali ini saya akan memberikan tutorial kepada Anda tentang bagaimana cara menghapus tulisan, teks, atau gambar yang tidak diinginkan pada sebuah logo atau gambar, tetapi tidak menghapus background dari gambar itu sendiri. Dimana tutorial kali ini agak sedikit berbeda karena saya menggunakan video sebagai media agar terlihat sedikit keren dan mudah dipahami, wkwkwk...

Dalam video ini Saya menggunakan Adobe Photoshop CS5 untuk menghapus tulisan yang tidak saya inginkan pada sebuah gambar dan menggunakan dua tool pada Photoshop yaitu Content-Aware dan Spot Healing Brush Tool. Untuk Photoshop CS3 dan CS4 kemungkinan bisa juga menggunakan cara ini.

Silahkan disimak tutorial Video Cara Menghapus Tulisan atau Gambar Yang Tidak Diinginkan Pada Sebuah Logo atau Foto Menggunakan Photoshop CS5. Jika ada pertanyaan silahkan komen di kotak komentar.

Rating: 4.5 Reviewer: Mr. Sumawan
Posted by: Sumawan.Mr
Trik SEO terbaik, Updated at: 06.53

Minggu, 17 Juni 2012

Pengertian [ Hacking - Carding - Defacing ]

0 Pengertian [ Hacking - Carding - Defacing ]

Description: Pengertian [ Hacking - Carding - Defacing ] Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Pengertian [ Hacking - Carding - Defacing ] ini buat para newbie yg blom tau artinya hacking carding, defacing,.. CARDING

Carding adalah berbelanja menggunakan nomor dan identitas kartu kredit orang lain, yang diperoleh secara ilegal, biasanya dengan mencuri data di internet. Sebutan pelakunya adalah Carder. Sebutan lain untuk kejahatan jenis ini adalah cyberfroud alias penipuan di dunia maya. Menurut riset Clear Commerce Inc, perusahaan teknologi informasi yang berbasis di Texas – AS , Indonesia memiliki carder terbanyak kedua di dunia setelah Ukrania. Sebanyak 20 persen transaksi melalui internet dari Indonesia adalah hasil carding. Akibatnya, banyak situs belanja online yang memblokir IP atau internet protocol (alamat komputer internet) asal Indonesia. Kalau kita belanja online, formulir pembelian online shop

tidak mencantumkan nama negara Indonesia. Artinya konsumen Indonesia tidak diperbolehkan belanja di situs itu.

Menurut pengamatan ICT Watch, lembaga yang mengamati dunia internet di Indonesia, para carder kini beroperasi semakin jauh, dengan melakukan penipuan melalui ruang-ruang chatting di mIRC. Caranya para carder menawarkan barang-barang seolah-olah hasil carding-nya dengan harga murah di channel. Misalnya, laptop dijual seharga Rp 1.000.000. Setelah ada yang berminat, carder meminta pembeli mengirim uang ke rekeningnya. Uang didapat, tapi barang tak pernah dikirimkan.

HACKING

Hacking adalah kegiatan menerobos program komputer milik orang/pihak lain. Hacker adalah orang yang gemar ngoprek komputer, memiliki keahlian membuat dan membaca program tertentu, dan terobsesi mengamati keamanan (security)-nya. Hacker memiliki wajah ganda; ada yang budiman ada yang pencoleng.

Hacker Budiman memberi tahu kepada programer yang komputernya diterobos, akan adanya kelemahan-kelemahan pada program yang dibuat, sehingga bisa “bocor”, agar segera diperbaiki. Sedangkan, hacker pencoleng, menerobos program orang lain untuk merusak dan mencuri datanya.


CRACKING

Cracking adalah hacking untuk tujuan jahat. Sebutan untuk cracker adalah hacker bertopi hitam (black hat hacker). Berbeda dengan carder yang hanya mengintip kartu kredit, cracker mengintip simpanan para nasabah di berbagai bank atau pusat data sensitif lainnya untuk keuntungan diri sendiri. Meski sama-sama menerobos keamanan komputer orang lain, hacker lebih fokus pada prosesnya. Sedangkan cracker lebih fokus untuk menikmati hasilnya.


DEFACING

Defacing adalah kegiatan mengubah halaman situs/website pihak lain, seperti yang terjadi pada situs Menkominfo dan Partai Golkar, BI baru-baru ini dan situs KPU saat pemilu 2004 lalu. Tindakan deface ada yang semata-mata iseng, unjuk kebolehan, pamer kemampuan membuat program, tapi ada juga yang jahat, untuk mencuri data dan dijual kepada pihak lain.
Rating: 4.5 Reviewer: Mr. Sumawan
Posted by: Sumawan.Mr
Trik SEO terbaik, Updated at: 18.56

Membuat DVD Windows Kreasi Sendiri

0 Membuat DVD Windows Kreasi Sendiri

Description: Membuat DVD Windows Kreasi Sendiri Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Membuat DVD Windows Kreasi Sendiri
Sudah ada CD Windows XP yang original ?, Belum ada ?, sama dong Abisnya mahal bener, jadi pinjem dulu dengan tetangga. ‘ntar kalo udah punya usaha sendiri, baru beli dach. Ni sekedar info, bagi-bagi cerita. Waktu liat temen install windows XP, dikarenakan PC nya terkena virus yang megharuskan tu PC di format dan di install ulang, gue jadi mikir, repot bener. Setelah selesai instalasi Windows XP, kan harus nginstal aplikasi-aplikasi/Software yang lainnya. Buka tutup DVD ROM untuk Instalasi aplikasi-aplikasi seperti anti virus, Office, dll. Kasian jg tuch DVD ROM nya. Kenapa ga’ disertakan saja aplikasi or software-software pilihan kita dalam satu keping DVD windows XP karya kita sendiri?. Kan jadi hemat waktu, ga’ repot harus ngurusin banyak cd aplikasi.
Udah tau caranya,,,?
Siapin Software BBIE (Bart`s Boot Image Extractor). Bisa didownload disini. Filenya berukuran 40 kb. Fungsi dari aplikasi ini adalah mengeluarkan file image yang berfungsi untuk booting pada suatu CD atau DVD yang bootable, misalkan disini adalah untuk mengeluarkan image dari CD original windows XP.
Masukkan CD original windows XP ke DVD ROM. Disini, drive tempat CD Windows XP berada adalah di drive G. Tergantung masing-masing PC.
Copy file bbie.exe ini pada hard disk. Misalkan disini saya copy ke hard disk pada directory C (drive C).
Kemudian, klik start / run, ketikkan perintah c:/bbie.exe g: (catatan : C merupakan tempat dimana kita menempatkan file bbie.exe tadi, sedangkan g merupakan tempat CD windows XP/DVD ROM)
Enter, akan muncul jendela command prompt seperti dibawah ini, yang berarti proses pembuatan image bootable dari cd windows xp sedang diproses..

Setelah selesai, buka windows explorer, lihat pada directory C (drive C). Ada satu file dengan nama “image1.bin” (kalo tanpa ekstensi namanya jadi “image1″). File inilah yang akan kita gunakan untuk proses pembakaran DVD windows XP kreasi kita.
Lanjut Bro,,,?
Sabar ya,,,nyulut cerutu, mau masuk proses pembakaran.
Proses pembakaran DVD.
Copy keseluruhan isi dari CD windows XP ke hardisk. Misal Copy di directory C, buat folder baru misalkan CD XP.
Buka aplikasi Nero, pilih “Nero Burning ROM”.
Akan terbuka jendela New Compilation seperti dibawah, cancel dulu untuk memilih drive, pastikan drive yang terpilih adalah drive “DVD-RW” bukan “Image Recorder” karena tujuan kita untuk mebakar DVD. O Ya,,, ampir lupa. Sebelumnya keluarin cd original windows XP, lalu masukkan DVD-R/DVD-RW kosong yang akan kita proses/bakar/burn ke drive DVD.


Setelah dipilih drive “DVD-RW”, pada jendela yang sama pilih “New”, dan akan terbuka kembali jendela New Compilation. Pilih DVD, kemudian pilih DVD-ROM (ISO). Pada tab multisession, pilih “Start multisession disc”. (kenapa kita pake “Nero Burning ROM” ga’ pake “Nero Express ?, ‘ntar dijelasin pada bagian akhir postingan ini yach). Pada tab label, isikan nama DVD sesuai dengan keinginan kita. Misal disini saya namai dengan “CD_XPKU”. Setelah itu klik “New” untuk drag/memasukan semua file yang akan kita burn.



Masukkan semua file windows XP yang sudah kita copy pada drive c di folder Cd xp ( Lihat gambar dibawah).



Selanjutnya drag/masukkan file image (image1.bin) pada drive c yang kita buat dengan BBIE sebelumnya.


Langkah berikutnya, buat folder baru, misalnya folder “APLIKASIKU”, kemudian masukkan file/folder aplikasi/software pilihan kita yang akan disertakan dalam DVD windows xp ini kedalam folder “APLIKASIKU” tadi. Disini saya contohkan dengan memasukkan software AVAST anti virus.


Masukkan semua dach aplikasi pilihanmu ke folder “APLIKASIKU” sampe muatan maksimum ( satu keping DVD kapasitasnya 4,7 Gb). (4,5 Gb udah cukuplah). Setelah selesai, klik “Burn”.

Akan tampil jendela “Burn Compilation”, Klik “Burn” lagi.

Proses pembakaran DVD Windows XP kreasimu sedang diproses, lamanya tergantung dari banyak sedikit file/aplikasi yang kita masukkan. Kalo mau, silahkan pipis dulu. ‘ntar pipis dicelana lagi,,,repot bro…



Catatan tambahan :
Kelebihan “Nero Burning ROM” dari “Nero Express” adalah : DVD-R yang udah diburn/dibakar, masih bisa kita proses kembali (diburn kembali). Bukan menghapus data yang lama, tetapi hanya bisa menambah data baru, bahkan bisa sampe 3 kali (kalo lebih belon pernah nyoba bro, keburu penuh DVD nya). Dengan syarat masih ada kapasitas DVD-R yang tersisa. Syarat lainnya, waktu proses burning/pembakaran yang pertama kali, harus dipilih “Start multisession disc” seperti cara proses burning/pembakaran (gambar 5).
Truz gimana caranya?.
Sama dengan Proses pembakaran dengan menggunakan “Nero Burning ROM”. Hanya ada perubahan sedikit Pada tab multisession, yaitu dengan memilih “Continue multisession disc”. Coba aja menambah file ke DVD windows XP yang udah jadi barusan.

Klik “New” kemudian akan tampil jendela seperti ini.

Klik OK. Akan tampil jendela untuk drag/memasukan file. Lihat pada jendela paling kiri, tampak teks pada semua file yang sudah ada didalam DVD berwarna pudar. Sedangkan file yang baru kita masukkan teksnya akan berwarna terang.

Selanjutnya tinggal Burn.
Silahkan mencoba. Good luck. ( Di Copas dari : Membuat DVD Windows XP Kreasi Sendiri )
Rating: 4.5 Reviewer: Mr. Sumawan
Posted by: Sumawan.Mr
Trik SEO terbaik, Updated at: 18.55

IDM UltraEdit v18.00.1034 Portable

0 IDM UltraEdit v18.00.1034 Portable

Description: IDM UltraEdit v18.00.1034 Portable Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: IDM UltraEdit v18.00.1034 Portable
 
UltraEdit is used across a diverse range of industries, from professional writers, researchers and journalists to advanced programmers, database managers and web developers. Scores of individuals use UltraEdit as a powerful replacement for windows notepad and even more use it as a text editor because of its ability to handle multiple documents at once, large file handling, powerful search/find/replace functionality, spell checking versatility and much more.


Replacing Notepad or looking for a powerful text editor? UltraEdit is what you're looking for. UltraEdit is the ideal text, HEX, HTML, PHP, Java, JavaScript, Perl, and Programmer's editor. It's versatile and easy to use. UltraEdit is specially designed for inputting and editing text and code, UltraEdit supports configurable syntax highlighting and code structuring for most any programming languages.

With its clear layout and powerful project and workspace features, it can handle complex and sophisticated software-development projects. Despite UltraEdit's vast range of features, UltraEdit never feels overwhelming. It's flexible and easy to customize, handles files in excess of 4GB, and the polished user interface provides easy access to the most important options.

Key features
- Code Folding
- Supports 64-bit file handling (standard) on 32-bit Windows platforms (Windows 2000 and later)
- Unicode support
- Disk based text editing and large file handling - supports files in excess of 4GB, minimum RAM used even for multi-megabyte files
- Mulitline find and replace dialogs for all searches (Find, Replace, Find in Files, Replace in Files)
100,000 word spell checker, with foreign languages support (American English, British English, Dutch, Finnish, French, German, Hungarian, Italian, Spanish and Swedish)
- Syntax highlighting - configurable, pre-configured for C/C++, VB, HTML, Java, and Perl, with special options for FORTRAN and LaTex. Multiple wordfiles available for download
- FTP client built in to give access to FTP servers with multiple account settings and automatic logon and save. (32-Bit Only) Includes support for SFTP (SSH2)
- SSH/Telnet window
- Project / workspace support
- Environment Selector - Provides predefined or user-created editing "environments" that remember the state of all of UltraEdit's dockable windows, toolbars and more for user convenience.
- Integrated scripting language to automate tasks
- Configurable keyboard mapping
- Column / block mode editing
- Hexadecimal editor allows editing of any binary file, shows binary and ASCII view
- Named templates
- HTML toolbar preconfigured for popular HTML functions

UltraEdit v18.00 Changes (2012-03-01)
    Smart Templates
        Ability to add multiple user-defined variables to templates
        New "Languages" template group to store templates based on syntax highlighting languages
        Template "Auto-suggestion" (provides smart suggestion of matching template based on what you type)
        Optionally disable template auto-suggestion for comments and/or strings
        Ability to insert templates via auto-complete (Ctrl + Spacebar)
        Inserted template respect:
            Indent level
            Line terminators
            Spaces/tabs settings
        Drag-and-drop templates from template list into active file to insert them
        New template configuration options in Advanced -> Configuration -> Templates
        Access Global, Environment, and Language templates at the same time
        Redesigned, modeless "Modify Templates" dialog
        Default language templates provided for most major programming/scripting languages
        Ability to reorder templates in template list
        Create an unlimited number of templates
        Template files stored in XML format in centralized location
    Automatic auto-completion of closing HTML and/or XML tags
        Configurable in Advanced -> Configuration -> Editor -> XML/HTML
        Configure whether to close on same line or on new line
    Dockable "Lines containing find string" window
        "Find String List" can now be docked, floating, or auto-hidden
        Window options are now available in right-click context menu
        Enable/disable in View -> Views/Lists
    Full support for proportional fonts
        Corrected caret positioning issues with fonts that are not fixed-width
        Improved syntax highlighting for fonts that are not fixed-width
    Improved FTP performance
        Faster modification and saving accounts, especially when many accounts are configured
        Added support for automatically connecting to FTP account when opening FTP Open or Browse dialog*
    Other changes
        Removed "Open Files" splash screen on startup
        Both 32-bit and 64-bit shell integration DLLs are installed on 64-bit systems
        Increased "Recent Files" list from 16 to 32

* To enable this, add "Auto Browse FTP=1" (without the quotes) on a new line in your uedit32.ini file under the [Settings] section. You must ensure that UltraEdit is closed when you modify and save the INI file, otherwise your changes will be overwritten. You can find the location of your INI file by going to Advanced -> Configuration -> Application Layout -> Advanced. The location of the INI file is shown at the bottom of this dialog.
Size: 21.8 MB

Note:
1- Open the keygen and choose patch host file
2- Open help menu and Choose Register/Activate
3- Use keygen That Included
4- taype any ID and Password
5- Enjoy!
 
Link Download
 
 
Dont Forget To Leave Your Comment  .... !!! 
 
Rating: 4.5 Reviewer: Mr. Sumawan
Posted by: Sumawan.Mr
Trik SEO terbaik, Updated at: 18.52

Sabtu, 16 Juni 2012

Cara Meletakkan Iklan Didalam Postingan

0 Cara Meletakkan Iklan Didalam Postingan

Description: Cara Meletakkan Iklan Didalam Postingan Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Cara Meletakkan Iklan Didalam Postingan
Setelah beberapa hari menghilang, saat ini ane kembali lagi untuk berbagi tips buat sobat Blogger ane yang tercinta :), kali ini ane akan berbagi Cara Pasang Iklan Di Dalam Postingan Blog, tips seperti ini sebenarnya sudah buanyak begete di internet, namun nggak ada salahnya kalau ane juga berbagi pengalaman memasang iklan di dalam area posting,sebenarnya dulu dulu ane juga bingung waktu memasang pasti gagal terus,sampe ane vacum buat tak memasang iklan..nah setelah berkelana akhirnya ane menemukan tips ini dan ane share kepada sobat blogger tercinta :D

Oke sekarang kita langsung saja ke cara instalasinya, pertama siapkan code iklan yang ingin ente pasang pada area posting, setelah code iklannya siap, langsung menuju ke tab Rancangan+Edit Html, jangan lupa download template lengkap biar aman, jika sudah langsung centang kotak kecil Expand Template Widget.

Setelah itu cari code yang seperti ini
<b:if cond='data:blog.pageType == &quot;item&quot;'>
setelah ketemu paste kode iklan ente setelah code diatas atau sebelum code yang seperti ini <data:post.body/>, jika menemukan 2 code yg sama, pilih yg ke 2, setelah itu klik simpan template.

jika terjadi error, silahkan di  Encode dulu code iklannya, caranya boleh ditanyakan kembah google :P, jika iklannya tidak berada di sebelah kiri seperti pada blog ini, tambahkan kode berikut sebelum code iklan ente

<div style='float:left;'>.............</div> jadi akan terlihat seperti di bawah ini

<div style='float:left;'>CODE IKLAN ANDA DISINI</div>

Dengan meletakkan code iklan setelah code
<b:if cond='data:blog.pageType == &quot;item&quot;'>
maka iklan akan terlihat setelah artikel ente terbuka full, atau setelah read more

Sedikit catatan bahwa cara di atas ente terapkan pada template blog tmen ane, jadi silahkan ente menyesuaikan dengan desain template ente gan masing2.
Rating: 4.5 Reviewer: Mr. Sumawan
Posted by: Sumawan.Mr
Trik SEO terbaik, Updated at: 21.58

Minggu, 10 Juni 2012

Backup dan Restore Blogger Template Terbaru - Trik Penting

0 Backup dan Restore Blogger Template Terbaru - Trik Penting

Description: Backup dan Restore Blogger Template Terbaru - Trik Penting Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Backup dan Restore Blogger Template Terbaru - Trik Penting
Upload / Download
Upload / Download (Photo credit: johntrainor)
Backup dan Restore Blogger Template Terbaru - Trik Penting. Backup dan Restore adalah fitur dan trik penting untuk langkah antisipasi seandainya suatu saat ada masalah teknis, misalnya tiba-tiba blog kita di ban oleh google atau kena hack, kita masih punya backup artikel yang pernah kita tulis.

Kadang-kadang kita di buat bingung dengan tampilan versi Blogger yang terbaru, untuk upload dan backup template saja kita masih bingung karena belum terbiasa dengan tampilan Blogger yang baru ini.

Sebenarnya tampilan Blogger yang baru tidak sesulit yang kita bayangkan, bahkan jika sudah terbiasa akan lebih terasa nyaman menggunakan tampilan Blogger baru daripada yang lawas, karena tampilan Blogger baru memiliki beberapa kelebihan yang tidak dimiliki Blogger lama.

Trik Penting Backup dan Restore Blogger Template Terbaru adalah sebagai berikut :

1. Login ke Blogger
2. Pilih judul Blog yang akan di backup

Cara Upload dan Backup Template Versi Blogger Terbaru

3. Klik Template

Cara Upload dan Backup Template Versi Blogger Terbaru


4. Pilih Cadangkan / Pulihkan

Cara Upload dan Backup Template Versi Blogger Terbaru


5. Klik Unduh template lengkap untuk membackup template anda atau klik Telusuri untuk meng-upload template anda yang baru.

Cara Upload dan Backup Template Versi Blogger Terbaru



Enhanced by Zemanta
Rating: 4.5 Reviewer: Mr. Sumawan
Posted by: Sumawan.Mr
Trik SEO terbaik, Updated at: 17.31

Jumat, 08 Juni 2012

Custom Blockquote | Animasi terbaik SEO

0 Custom Blockquote | Animasi terbaik SEO

Description: Custom Blockquote | Animasi terbaik SEO Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Custom Blockquote | Animasi terbaik SEO
blockquote
blockquote (Photo credit: Tomas Caspers)
Custom Blockquote | Animasi terbaik SEO. Trik ini merupakan animasi terfavorit untuk SEO. Animasi ini akan merubah Warna Background "Block Quote" saat mouse melintas diatasnya  dan pada saat anda membuat "Quote" teks, warna background asli akan berubah menjadi warna yang kita inginkan jika pengunjung menyorot mousenya ke teks.

Step by step animasi custom blockquote :
1. Login ke Blogger
2. Edit HTML >> Centang
3. Cari: blockquote
4. Tidak semua blockquote sama persis, contohnya :
blockquote{margin:20px;padding:10px;color:#666;width:537px;height:auto; overflow:auto;border:1px solid #E0E0E0; border-radius:5px;background:#F9F9F9;}
5. Kemudian Copy kode blockquote anda, Paste kan di bawahnya dan tambahkan beberapa kode berwarna merah seperti contoh di bawah ini. Jangan lupa kode untuk warna juga diganti agar berpengaruh saat mouse di sorot.
blockquote:hover{margin:20px;padding:10px;color:#666;width:537px; height:auto; overflow:auto;border:1px solid #A2A2A2; border-radius:5px;background:#E0E0E0;text-decoration:none;}
6. Maka hasilnya akan seperti ini:
blockquote{margin:20px;padding:10px;color:#666;width:537px;height:auto; overflow:auto;border:1px solid #E0E0E0; border-radius:5px;background:#F9F9F9;}
blockquote:hover{margin:20px;padding:10px;color:#666;width:537px; height:auto; overflow:auto;border:1px solid #A2A2A2; border-radius:5px;background:#E0E0E0;text-decoration:none;}
7. Save template, selesai.

FeedLounge blockquote problem
FeedLounge blockquote problem (Photo credit: Krypto)
Related articles
Enhanced by Zemanta
Rating: 4.5 Reviewer: Mr. Sumawan
Posted by: Sumawan.Mr
Trik SEO terbaik, Updated at: 17.23

Rabu, 30 Mei 2012

Membuat Widget Facebook Like Box Dengan Tombol Melayang

0 Membuat Widget Facebook Like Box Dengan Tombol Melayang

Description: Membuat Widget Facebook Like Box Dengan Tombol Melayang Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Membuat Widget Facebook Like Box Dengan Tombol Melayang Kali ini Saya akan share cara membuat widget Facebook like box dengan tombol melayang. Artinya Facebook like box akan muncul dibagian atas blog ketika pengunjung mengklik icon Facebook yang ada di sebelah kiri Blog Anda. Widget ini juga memiliki tombol close, sehingga tidak mengganggu tampilan blog Anda.
Biar gak penasaran silahkan melihat live demo nya di sini.
 
Membuat Widget Facebook Like Box Dengan Tombol Melayang

Membuat Widget Facebook Like Box Dengan Tombol Melayang

Untuk membuat Widget Facebook Like Box Dengan Tombol Melayang, ikuti langkah-langkah berikut ini.
1. Login ke Blogger -> Tata letak -> Tambah Gadget
2. Kemudian pilih HTML/JavaScript
3. Lalu pasang kode di bawah ini pada kolom HTML/JavaScript
<style type="text/css">
#at{
position:fixed;
right:450px;
z-index:+1000;
}
* html #at{position:relative;}
.attab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url();
}
.atcontent{
float:left;
border:2px solid #999;
background: #ffffff;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
padding:10px;
-moz-box-shadow: 0px 2px 5px 0px #f8f9b9;
}
</style>
<script type="text/javascript">
function showHideAT(){
var at = document.getElementById("at");
var w = at.offsetWidth;
at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);
at.opened = !at.opened;
}
function moveAT(x0, xf){
var at = document.getElementById("at");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
at.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}
}
</script>
<div id="at">
<div class="attab" onclick="showHideAT()"> </div>
<div class="atcontent">
<div align="left">
<div style="background:#ffffff;">

<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/mainbom&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;appId=371524026202784" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowTransparency="true"></iframe>

</div>
</div>
<div align="right"><a href="javascript:void(0);" onclick="showHideAT()"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-4gvxW2T7F8QUkgJB9xgiYqY_xBmw0w72YlX495qTiBUO4P7wY238PRZf8uC6fafAsgZycARkkau3HkQSaYC_9UsBqQyaHvksjbGvza2KijEgBie6tyqIlulAs3rAn3wifdo_Lvz379qo/s128/Close-32.png" alt="close" title="Click here to Close Box" /></a></div>
</div></div>
<script type="text/javascript">
var at = document.getElementById("at");
at.style.top = (-200-at.offsetWidth).toString() + "px";
</script>
<div style='display:scroll; position:fixed; top:50%; left:0px;'><a href="javascript:void(0);"onclick="showHideAT()"/><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWGzPi0CsD4Q41k-wVEtbL_0WIzvuTtFRnHDrSdnCMhPYYgcIERv1i229XMtEcivaOvnNBKevztijWHtX4tQq3UASRyYgcePqYcoK8_L5kiwIQ05SxXcKvPWnbQE0wwgdZKNH9tbWHt-6j/s128/Drink-Facebook.png"  /></a>
</div>
4. Dan terakhir klik Simpan, lihat hasilnya.

Catatan:
  • Ganti http://www.facebook.com/mainbom dengan URL Fans Page Facebook Anda.
  • Jika ingin memasang tombol icon facebook di sebelah kanan, ganti left:0px; dengan right:0px; 
Semoga bermanfaat...
 
Rating: 4.5 Reviewer: Mr. Sumawan
Posted by: Sumawan.Mr
Trik SEO terbaik, Updated at: 16.52

Senin, 28 Mei 2012

7 Alasan Mengapa Blogger Lebih Baik Daripada Wordpress

0 7 Alasan Mengapa Blogger Lebih Baik Daripada Wordpress

Description: 7 Alasan Mengapa Blogger Lebih Baik Daripada Wordpress Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: 7 Alasan Mengapa Blogger Lebih Baik Daripada Wordpress Penulis blog baru akan dihadapkan dengan dilema serius ketika mereka pertama kali terjun ke dunia Internet dan harus memutuskan platform blogging mana yang harus dipilih untuk website baru mereka. Sebenarnya ada puluhan pilihan di pasaran, mulai dari pengaturan blog dasar, jaringan sosial sampai open source yang menggunakan hostingan sendiri.

Namun, untuk blogger baru yang paling dan mereka tidak inginkan adalah membayar untuk blog mereka, pilihan bermuara ke satu dari dua pilihan yaitu Blogger dan Wordpress. Kedua layanan telah bersaing dalam beberapa tahun terakhir dengan fenomena blogging.

Berikut ini adalah jawaban yang masuk akal untuk pertanyaan tersebut, 7 alasan mengapa Blogger sebenarnya lebih baik daripada Wordpress. Perbandingan ini berhubungan dengan account gratis yang tersedia baik dari Blogger dan Wordpress.
7 Alasan Mengapa Blogger Lebih Baik Daripada Wordpress
1. Integrasi Login Akun Google Anda
Dengan kemampuan untuk menghubungkan semua account Google Anda, ini adalah nilai plus untuk Blogger. Banyak fitur yang berguna untuk sebuah situs web yang ditawarkan oleh Google, termasuk AdSense, AdWords, dan alat Webmaster untuk pengindeksan Google. Tidak perlu menambahkan kode ke template Anda, Blogger memungkinkan Anda untuk hanya mengklik sebuah tombol dan mengintegrasikan AdSense ke situs Anda.
Hal ini memungkinkan Anda untuk menggunakan informasi login yang sama untuk semua layanan Google dan Blogger yang menetapkan beberapa langkah di depan. Wordpress adalah open source, yang berarti bahwa semua layanan tambahan harus manual diintegrasikan ke blog Anda setelah Anda mendaftar untuk account Anda.

2. Didukung oleh Google
Sepanjang baris yang sama, Blogger memiliki dukungan dari Perusahaan internet terbesar dan paling kuat di dunia. Hal ini membuat Blogger dengan mudah menciptakan fitur-fitur baru tanpa terkendala oleh dana, sedangkan Wordpress mungkin perlu berfikir untuk meciptakan hal-hal besar. Secara historis, fitur seperti widget, add-ons, dan template lebih dulu diperkenalkan oleh Blogger. Wordpress biasanya satu atau dua langkah di belakang. Untuk fitur terbaik seperti yang dikembangkan, Blogger adalah pemenangnya.

3. Ubah Penampilan Visual dan Kode Template
Pilihan Blogger untuk membuat perubahan Penampilan visual dari blog Anda sangat banyak dan mudah digunakan, sesuatu yang tidak dimiliki oleh Wordpress. Di Blogger, ada beberapa pre-built template serta ribuan lebih tersedia dari sejumlah website. Cukup copy dan paste ke dalam halaman template blog Anda dan Anda akan memiliki tampilan baru. Selain itu, Edit HTML kode untuk template dapat dengan mudah diubah dan ditingkatkan sesuai dengan kebutuhan spesifik Anda.

4. Pengindeksan Waktu
Jika menggunakan Blogger, postingan Anda akan di indeks lebih cepat di search engine. Biasanya posting halaman terbaru Anda hanya dalam beberapa memenit sudah akan muncul, mengijinkan Anda untuk menerima lalu lintas secepat mungkin. Hal ini sangat penting untuk blog yang mengusung tema berita. Jika berita yang anda posting tidak terindeks selama dua hari, maka berita itu akan menjadi basi saat orang membacanya.

5.Kemudahan Penggunaan
Blogger sangat cocok untuk orang yang baru terjun di dunia blog. Mendaftar Blogger hanya memerlukan beberapa detik, memungkinkan pengguna untuk menggunakan login Google mereka dan hanya meminta beberapa informasi seperti judul blog dan deskripsi blog. Dari sana, posting blog dapat diketik dan masuk dengan dua atau tiga klik dan secara otomatis diindeks. Terutama untuk pendatang baru, Blogger adalah pilihan terbaik dari segi kemudahan penggunaannya.

6. Integrasi Beberapa Account
Blogger membuat Anda dengan mudah melihat semua blog Anda melalui fitur dashboard yang menghubungkan langsung ke login Google Anda. Ketika Anda login, semua blog Anda akan ditampilkan, dengan satu klik pilihan untuk mengirim, mengedit, atau mengubah posting. Jumlah blog dan account yang tersedia pun hampir tak terbatas dan membuat beberapa Blog dengan topik yang berbeda akan menjadi sangat mudah.

7. Jaringan Blogging yang Besar
Karena Blogger adalah pemberhentian pertama untuk blogger baru, dan juga jaringan blogging terbesar di dunia. Jutaan blog sudah dibuat di Blogger dan sangat membantu anggota baru, karena Google telah mengintegrasikan fitur pencarian mereka ke dalam situs. Pengunjung tidak hanya dapat mencari blog Blogger melalui kotak pencarian di bagian atas halaman, mereka dapat mengklik "acak" atau "blog berikutnya" untuk mengunjungi blog Blogger yang berbeda. Hal ini meningkatkan eksposur Anda dengan langsung menghubungkan Anda dengan blog yang ada. Dan jika Anda memutuskan untuk menyembunyikan fitur ini, Anda dapat melakukannya juga di Blogger.

Pada akhirnya, Blogger adalah solusi ideal bagi siapa saja yang baru memulai blog pertama mereka. Blogger juga merupakan platform yang besar untuk mereka yang serius dengan blogging, yang tidak ingin mempekerjakan seorang teknisi untuk mengatur blog mereka dan membuat penyesuaian berkala untuk blog mereka. Sangat mudah digunakan, cepat, dan menawarkan sejumlah fitur gratis, dan anda tidak menemukannya pada blog Wordpress dan pesaing lainnya.
Rating: 4.5 Reviewer: Mr. Sumawan
Posted by: Sumawan.Mr
Trik SEO terbaik, Updated at: 17.15

Kamis, 24 Mei 2012

Membuat Tombol Back to Top Part II

0 Membuat Tombol Back to Top Part II

Description: Membuat Tombol Back to Top Part II Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Membuat Tombol Back to Top Part II Sebelumnya saya telah membuat tutorial Tombol Back to Top, Nah kali ini akan melanjutkan tutorial membuat tombol back to top dengan versi yang berbeda. Script ini juga menggunakan jQuery 1.4.3 namun sedikit berbeda dengan postingan sebelumnya karena menggunakan sebuah gambar atraktif yang menurut saya sangat keren, hehehe...
Cara membuat tombol back to top
Untuk demo silahkan cek dimari

Langsung saja untuk cara membuat tombol back to top atau tombol kembali ke atas ikuti langkah berikut.
1. Login ke Blogger > Edit HTML
2. Sebaiknya backup dulu template anda
3. Cari kode ]]></b:skin>
4. Letakkan kode berikut ini di atas kode ]]></b:skin>
a#scroll-to-top{position:fixed; right:15px; bottom:15px; width:18px; height:99px;display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtxDjuNA0ZBGtEpe7KPW8m8KXE6-fsbPpJRP-XQQfOUMpdi0ddJzhCyiZG-Vvz9s9LE_8qE94zUuu_KDr8oiwBPnERHwV9n946_l9SRtBWJ-8P4GPaJoQGvwz0YLxZQyugHqs40ooHTIXP/s1600/return_top.png) no-repeat left top; }
a:hover#scroll-to-top{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtxDjuNA0ZBGtEpe7KPW8m8KXE6-fsbPpJRP-XQQfOUMpdi0ddJzhCyiZG-Vvz9s9LE_8qE94zUuu_KDr8oiwBPnERHwV9n946_l9SRtBWJ-8P4GPaJoQGvwz0YLxZQyugHqs40ooHTIXP/s1600/return_top.png) no-repeat right top; text-decoration:none; }
5.Lalu cari kode penutup </head> dan letakkan kode berikut ini di atasnya
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js'/>
<script type='text/javascript'>
jQuery.noConflict();
jQuery(function($) {
    var upperLimit = 100;
    var scrollElem = $('a#scroll-to-top');
    var scrollSpeed = 500;
    scrollElem.hide();
    $(window).scroll(function () {            
        var scrollTop = $(document).scrollTop();       
        if ( scrollTop > upperLimit ) {
            $(scrollElem).stop().fadeTo(300, 1);
        }else{       
            $(scrollElem).stop().fadeTo(300, 0);
        }
    });
    $(scrollElem).click(function(){
        $('html, body').animate({scrollTop:0}, scrollSpeed); return false;
    });
});
</script>
6. Kemudian yang terakhir cari kode </body> lalu pasang kode berikut tepat di atas </body>
<a id="scroll-to-top" title="Back to Top" href="#" style="display: block; opacity: 1;"></a>
7. Simpan template dan lihat hasilnya.

Rating: 4.5 Reviewer: Mr. Sumawan
Posted by: Sumawan.Mr
Trik SEO terbaik, Updated at: 14.12
 

Blog Webmaster | Indotrading ™ Copyright © 2012 - |- Template created by O Pregador - |- Powered by Blogger Templates

www.e-referrer.com