Simple Tragis

Kamis, 18 Oktober 2012

Cara Membuat "Facebook Like Box" Pada Blog

Tips Membuat Floating Facebook Like Box - Widget melayang Facebook Like Box kali ini lebih simple dan ringan daripada widget-widget melayang lain yang pernah saya coba. Menempatkan widget dengan cara disembunyikan atau widget floating/melayang selain menghemat tempat pada sidebar juga dimaksudkan supaya tidak menghambat kecepatan loading awal blog pada saat dibuka. Floating Facebook Like Box ini saya dapatkan saat melancong ke blog tetangga dari Uruguay (jauh sekalee..!) yang full stylish banget. So mumpung masih fresh mendingan langsung bagi-bagi aja buat sobat blogger yang mungkin kepingin memasang widget melayang Facebook Like Box di blognya.

Cara Membuat Widget Melayang Facebook Like Box

1. Sebelumnya anda harus sudah mendaftar dan mendapatkan kode Facebook Like Box untuk nanti dipasang pada widget.

2. Login ke dashboard blogger anda.

3. Pilih Rancangan > Elemen Laman > Add Gadget (HTML/Javascript).

4. Copy script widget dibawah ini dan paste pada gadget.

<style type="text/css">

.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOZoMnBMRKb4-EoyAI5u4QaTi8EHp9ZLmWUoGNG13z0YHKL_6ue0YJxylli4tZ4vwMDVXj_z_MoIXD-3qCYHzu3rr-S5qX822IIr6xSxOVCljBfV-Nr2UY0Ghyx216VOdRJqx6S4DY0d8y/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;}

.barrightfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXuUVflAefpZGP9jQeGV85bYWNmNak0x5UHDnp7BdgfOSNUaFfHMEeOecjDHvig29GENmdYa4gQfddLgvu4SPDfQsAiX8lwOt710dsLPgqe8r5aBmof_66L2VgL2JllGFS2t1xmNC2RiaM/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}

.barcontefacebook{margin:5px 0 0 47px}

</style>

<div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">

<div class="barcontefacebook">



CONTENT FACEBOOK HERE



</div>

</div>

5. Ganti tulisan CONTENT FACEBOOK HERE dengan kode Facebook Like Box anda.

6. Jika pada template anda belum terdapat javascript dari Facebook, maka copy saja javascript dibawah ini dan letakkan tepat diatas kode </head> pada template supaya widget Facebook Like Box ini bisa berfungsi.

<script>(function(d, s, id) {

var js, fjs = d.getElementsByTagName(s)[0];

if (d.getElementById(id)) {return;}

js = d.createElement(s); js.id = id;

js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";

fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

7. Sesuaikan tinggi dan lebar widget supaya sama dengan ukuran Facebook Like Box yang anda buat sebelumnya melalui Facebook.

8. Save / Simpan.

Well, cukup gampang bukan membuat widget melayang Facebook Like Box ini ? Sekian dulu tips blogging kali ini, happy nice blogging on Saturday Night !!

Rabu, 17 Oktober 2012

Sofware Corel Draw X5" Portable Free Download

Corel Draw X5 Portable 100% Free Download

CorelDRAW Grap

hics Suite X5 adalah sebuah software Vector Graphics serbaguna yang dirancang untuk memenuhi kebutuhan dan membantu konsumen yang mendambakan kemudahan dalam menyelesaikan atau membuat sebuah grafis secara kreatif dan profesional untuk mengekspresikan ide-ide media apapun. Ilustrasi, lay out, jejak, Web desain grafis dan foto-edit dengan solusi lengkap untuk komunikasi visual. Mudah mengimpor dan mengekspor konten dengan kompatibilitas file terkemuka. Pergi lebih cepat daripada sebelumnya dengan yang baru, template yang dirancang secara profesional dan bahan pembelajaran yang menarik. Dibuat dengan percaya diri, mulai dari logo khas dan tanda-tanda, untuk materi pemasaran mencolok, Web grafis dan animasi, billboard, mobil wraps dan banyak lagi. Menawarkan peningkatan kecepatan, kontrol warna lebih akurat, dan alat desain baru dan ditingkatkan, ini harus-memiliki versi membantu Anda membuat desain yang luar biasa cepat.

Sudah tidak asing lagi kan dengan software desain editing yang satu ini,yaitu CorelDraw X5 Portable. salah satu software desain grafis yang paling banyak digunakan untuk berbagai macam keperluan desain, mulai dari pembuatan pamflet, desain logo, spanduk iklan, cover majalah dan lain2, dan disini saya akan share versi portablenya

Microsoft® Windows® 7, Windows Vista®, Windows® XP, with latest service packs installed (32-bit or 64-bit editions)
Intel® Pentium® 4, AMD Athlon™ 64 or AMD Opteron™ (Intel® Core™ Duo 1.83 GHz, AMD Dual-Core 2.0 GHz or higher required for video editing)
1 GB RAM (2 GB or higher recommended)
128 MB VGA VRAM or higher (256 MB or higher recommended)
4.5 GB hard disk space (to install all applications). Up to 9GB needed to install extra content
32-bit ODBC drivers for external database connectivity (for website creation)
Mouse or tablet
Windows-compatible sound card
1024 x 768 screen resolution (768 x 1024 on a Tablet PC)
DVD drive
Recordable DVD required for creating DVDs
Recordable Blu-ray™ drive required for creating Blu-ray™ discs
Internet connection required for online features and product registration
Microsoft® Internet Explorer® 7 or higher
NET Framework 3.5 Service Pack 1

Free Download Corel Draw X5 Portable Via 4Shared

Link Gue

Cara Cepat dan Gampang "MENAIKKAN PAGERANK" BLOG DI GOOGLE

Cara Cepat dan Gampang Menaikkan Pagerank Blog di Google

Cara cepat menaikan Pagerank bisa kita lakukan dengan gratis tanpa biaya. Cara Cepat Menaikkan Pagerank ini sudah banyak dilakukan oleh para blogger2 yang sudah ahli. Gak usah susah2 komentar sana sini. Cukup ikuti panduan ini.

Hal yang harus sobat lakukan adalah ikuti langkah-langkah berikut :

Buatlah postingan artikel seperti posting saya ini, atau copy-paste artikel ini. Lalu beri Judul sesuka sobat (karena itu merupakan SEO buat web/blog sobat sendiri).
Agan cukup hanya meletakkan Link-Link di bawah ini pada artikel sobat tersebut pada blog/web sobat.
Link tersebut harus bersifat dofollow supaya link terbaca di google, jadi jangan contreng nofollow saat menulis link.

Sebelum Anda meletakkan link diatas, Anda harus menghapus peserta nomor 1 dari daftar. Sehingga semua peserta naik 1 level. Yang tadi nomor 2 jadi nomor 1, nomor 3 jadi 2, dst. Kemudian masukkan link kamu sendiri di bagian paling bawah.
Hasilnya akan seperti ini:

Nah jika tiap peserta mampu mengajak 5 orang saja, maka jumlah backlink yang akan didapat adalah

Ketika posisi kamu 10, jumlah backlink = 1
Posisi 9, jml backlink = 5
Posisi 8, jml backlink = 25
Posisi 7, jml backlink = 125
Posisi 6, jml backlink = 625
Posisi 5, jml backlink = 3,125
Posisi 4, jml backlink = 15,625
Posisi 3, jml backlink = 78,125
Posisi 2, jml backlink = 390,625
Posisi 1, jml backlink = 1,953,125

Ingat agan harus memulai dari posisi 10 supaya satu persatu naik dan agan mendapatkan backlink yang banyak...

Selasa, 16 Oktober 2012

Widget KEREN "One Piece"

Cara Membuat Efek One Piece Keren :

1. Seperti biasa login dulu ke dashboard blogger anda.

2. Pilih Rancangan > Edit HTML, centang Expand widget template.

3. Cari kode </head> pada template dengan menggunakan Ctrl+F.

4. Copy kode javascript dibawah ini dan letakkan tepat diatas kode </head>

<div style="text-align: center;"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="160" height="400" src="https://8282526871689076434-a-1802744773732722657-s-sites.googlegroups.com/site/widgetfireflies/onepiece%2Bwatermark.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>

5. Save / simpan template anda dan lihat hasilnya muantaaap bro !!

Nah itu tadi langkah-langkah bagaimana cara membuat efek One Piece Keren di blog, cukup mudah bukan ?

so,,,, selamat mencoba hal baru dalam hidup sobat....hehehe

Widget "Daun Berjatuhan Di Blog"

Cara Membuat Efek Daun Berjatuhan Di Blog – Efek daun berjatuhan di blog sepertinya juga banyak diminati oleh sobat blogger, dan menurut saya efek daun berjatuhan ini loadingnya lebih ringan dan cepat ketimbang efek bintang bertaburan yang saya posting sebelum ini. Trik membuat efek daun berjatuhan ini juga masih menggunakan javascript, cara membuatnya simak lebih lanjut dibawah ini.

Cara Membuat Efek Daun Berjatuhan :

1. Seperti biasa login dulu ke dashboard blogger anda.

2. Pilih Rancangan > Edit HTML, centang Expand widget template.

3. Cari kode </head> pada template dengan menggunakan Ctrl+F.

4. Copy kode javascript dibawah ini dan letakkan tepat diatas kode </head>

5. Save / simpan template anda dan lihat hasilnya muantaaap bro !!

Nah itu tadi langkah-langkah bagaimana cara membuat efek daun berjatuhan di blog, cukup mudah bukan ? Jangan lupa daun-daunnya kalo sudah kebanyakan yang jatuh sambil di sapu ya he he…

Cara Membuat Teks BERGERAK "Mengikuti Kursor" di BLog

Membuat Teks Pada Kursor – Jumpa lagi sobat blogger !! Sory banget kalau saya lama ngga bikin posting karena lagi banyak kesibukan offline di akhir tahun 2011 kemarin. Mengawali tahun 2012 ini saya mau share tentang membuat teks pada kursor. Teks yang mengikuti kursor pada trik efek ini menggunakan javascript yang relatif ringan, jadi jangan khawatir akan pengaruhnya terhadap loading blog. Buat yang sudah bosan dengan trik mengganti gambar pada kursor, coba aja trik membuat teks yang mengikuti kursor ini biar ganti suasana tampilan baru. Kan udah Tahun Baru nih..he he.

Cara Membuat Teks Pada Kursor :

1.    Login ke dashboard blogger anda.
2.    Pilih Rancangan > Elemen Laman > Add gadget (HTML/Javascript).
3.    Copy script dibawah ini dan paste pada gadget.

<style type='text/css'>
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #a4336a;
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
</style>

<script type='text/javascript'>
//<![CDATA[
;(function(){
// Your message here (QUOTED STRING)
var msg = "Tulis teks anda disini";
/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */
// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size =20;
// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;
// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;
// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 15;
// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.3;
// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.2;
////////////////////// Stop Editing //////////////////////
if (!window.addEventListener && !window.attachEvent || !document.createElement) return;
msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement
:
document.body,
mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},
makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) +
'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},
drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},
init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},
ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};
o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};
})();
//]]>
</script>

4.    Save/Simpan dan lihat hasilnya.
5.    Sobat dapat mengganti jenis dan warna font pada bagian yang ditandai dengan warna biru.
6.    Tulis teks yang anda inginkan pada “Tulis teks disini” yang berwarna merah.
7.   Sekedar mengingatkan lagi saja, trik paling mudah untuk mencoba script seperti ini adalah copy dan paste script pada notepad. Kemudian klik Save as dan beri nama apa saja diikuti ekstensi .html. Misalnya beri nama file notepad tadi teks-kursor.html dan pada pilihan Save as type pilih All Files. Terakhir double klik file html yang baru disimpan tadi, maka sobat akan langsung dapat melihat hasilnya pada browser.

Minggu, 14 Oktober 2012

FREE DOWNLOAD "Photoshop" CS5, CS4, CS3,

Free Download Adobe Photoshop CS4 Portable

Udah punya Adobe Phtoshop CS4 Portable ?? Nah kalo blum punya, nih saya kasih gratis. Buruan langsung sedot aja Gan.

Free Download Adobe Photoshop CS4 Portable Via 4Shared

Free Download Photoshop CS3

Photoshop CS3 software ini masih memiliki keunggulan daripada versi yang di atasnya. Selain kemudahan dalam pemakaiannya, software juga disenangi penggunanya dikarenakan sudah biasa memakai software yang praktis ini. kalau negitu langsung saja, berikut link untuk men-download Photoshop CS 3 ini.

Free Download Photoshop CS3 Via 4Shared

Free Download Adobe Photoshop CS5

Adobe Photoshop CS5, Software ini memang sangat dibutuhkan banyak orang karena kebanyakan orang akan berhubungan dengan gambar dan banyak juga yang akan melakukan editing gambar. Pada kesempatan kali ini saya ingin share tentang Free Download Adobe Photoshop CS5yang bisa sobat gunakan untuk editing gratis tis tis.

Free Download Photoshop CS5 Via 4Shared

Kamis, 18 Oktober 2012

Rabu, 17 Oktober 2012

Selasa, 16 Oktober 2012

Minggu, 14 Oktober 2012

Share this:

Like this:

Share this:

Like this:

Share this:

Like this: