Cara Memasang Button Share Artikel Di Blog

Cara Memasang Button Share Artikel Di Blog  - Membuat tombol share artikel/posting ke berbagai social bookmark saat ini seperti sudah menjadi satu kewajiban bagi seorang blogger. Karena dengan memasang tombol/button share artikel ini justru akan membuka peluang bagi kita untuk mendapatkan tambahan trafik dari berbagai social bookmark seperti Facebook, Twitter, Reddit, Digg, StumbleUpon, Myspace, Google Buzz atau mungkin Google Plus One (+1). Nah pada tips blogging kali ini saya mau share bagaimana cara memasang button share artikel (Bagikan Artikel ini ke…) di blog sobat yang kode scriptnya saya ambil dari layanan Addthis.com. Dengan memasang script dari Addthis ini maka sobat blogger dengan mudah dapat membagikan (share) artikel anda ke ratusan layanan social bookmark hanya dengan sekali klik saja. Tombol/button share social bookmark ini nantinya akan berada diatas postingan atau dibawah judul artikel, mirip seperti yang ada di blog ini (tapi ngga sama lho..).

Dibawah ini ada 3 script untuk membuat tombol/button share artikel berikut preview gambarnya :

     1.       Kode script button share style-1:

<!-- AddThis Button BEGIN -->

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class="addthis_toolbox addthis_default_style ">

<a class="addthis_button_preferred_1"></a>

<a class="addthis_button_preferred_2"></a>

<a class="addthis_button_preferred_3"></a>

<a class="addthis_button_preferred_4"></a>

<a class="addthis_button_compact"></a>

<a class="addthis_counter addthis_bubble_style"></a>

</div></b:if>

<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e71feed783c3890"></script>

<!-- AddThis Button END -->

 2.       Kode script button share style-2:

 

<!-- AddThis Button BEGIN -->

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class="addthis_toolbox addthis_default_style addthis_32x32_style">

<a class="addthis_button_preferred_1"></a>

<a class="addthis_button_preferred_2"></a>

<a class="addthis_button_preferred_3"></a>

<a class="addthis_button_preferred_4"></a>

<a class="addthis_button_compact"></a>

<a class="addthis_counter addthis_bubble_style"></a>

</div></b:if>

<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e71ff8750bee738"></script>

<!-- AddThis Button END -->

3.       Kode script button share style-3:

<!-- AddThis Button BEGIN -->

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class="addthis_toolbox addthis_default_style ">

<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>

<a class="addthis_button_tweet"></a>

<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>

<a class="addthis_counter addthis_pill_style"></a>

</div></b:if>

<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e71fdea5bff8d67"></script>

<!-- AddThis Button END -->

Nah dari 3 style button share social bookmark yang ada diatas, tinggal sobat pilih aja mau menggunakan yang mana. Adapun cara pemasangannya pada template, ikuti langkah-langkah dibawah ini :

1.       Login ke dashboard blogger anda.

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

3.       Cari kode <data:post.body/>  atau kode <div class='post-header-line-1'/>  pada template anda ( salah satunya saja ! ) dan letakkan script button sharenya diatas kode tadi.

4.       Save template dan lihat hasilnya.

Nah sekarang sobat blogger dan pengunjung blognya sudah bisa melakukan share artikel yang sedang dibaca ke berbagai social bookmark. Berdo’alah semoga orang lain yang melihat link blog anda di social bookmark tertarik untuk mengklik link tersebut dan sobat akan mendapatkan trafik-trafik baru yang datang dari layanan social bookmark tersebut. Mudah-mudahan tips blogging cara memasang tombol share artikel ke social bookmark ini berguna untuk anda. Salam Blogger.

Cara Membuat Link Menjadi Warna-Warni di Blog

 Udah pernah liat link yang berwarna-warni seperti pelangi (rainbow) ketika disorot kursor ? Ya sebenarnya itu adalah salah satu trik sederhana yang menggunakan javascript. Cara membuatnya pun sangat mudah dan GPL alias gak pake lama, asal sudah tau script yang mau dipake maka ngga sampe 5 menit proses membuatlink di blog menjadi berwarna-warni seperti pelangi itu pun akan segera terwujud.

Cara membuat link berwarna-warni :

1.    Login ke dashboard blogger anda.

2.    Pilih Rancangan > Elemen Laman > Add gadget (HTML/JavaScript).

3.    Copy kode javascript dibawah ini dan paste pada gadget.

<script src='http://hbhost.googlecode.com/files/rainbow-link.js'/>

4.    Selesai dan silahkan diliat hasilnya.

5.    Cara lainnya adalah sobat bisa meletakkan script tadi pada template tepatnya diatas kode <body> , masuk ke menu Edit HTML, letakkan scriptnya dan save template anda.

Benar kan ngga sampai 5 menit ? Nah selamat mencoba cara membuat link menjadi warna-warni ini, semoga sobat puas dengan hasilnya.

ok guys buat nerusin pstingannya  masih dalam mempercantik blog kali ini saya akan membahas cara 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 nyo cekibrot





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.

Selamat mencoba Cara Membuat Teks Pada Kursor ini 

Cara Mengganti Gambar Kursor di Blog

 Gara-gara kepingin sekali mengganti gambar kursor di blog ini, akhirnya setelah googling kesana kemari nemu juga sebuah situs yang menyediakan banyak gambar-gambar kursor pilihan. Gambar kursor yang disediakan situs penyedia gambar ini http://www.totallyfreecursors.com/ banyak sekali, jadi kita tinggal memilih sesuai selera aja. Untuk cara memasang gambar kursor inidi blog, kita harus menambahkan sedikit saja kode CSS supaya bisa dipasang pada template. Dibawah ini ada beberapa sample gambar untuk kursor yang saya ambil berikut URL alamat kursor tersebut.

              URL :gambar monyet

                URL : alien gila

                URL : goyang inul

                URL : pisang dongo

                URL : blink

Cara mengganti gambar kursor di blog :

1.    Login ke dashboard blogger anda.

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

3.    Carilah kode </head> pada template anda dengan menggunakan Ctrl F.

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

<style type='text/css'> HTML,BODY{cursor: url(&quot;http://downloads.totallyfreecursors.com/thumbnails/sweden.gif&quot;), auto;} </style>

5.    Simpan template anda dan lihat perubahan pada gambar kursor

6.    Jika sobat ingin mengganti gambar kursor dengan gambar yang lain, sobat tinggal ganti URL gambar yang berwarna merah dengan URL gambar pada sample diatas atau sobat bisa langsung browsing sendiri ke TKP di http://www.totallyfreecursors.com/

Nah ternyata mengganti gambar kursor di blog memang bisa jadi solusi mempercantik tampilan blog juga ya apalagi kalo ditambahin lagi dengan efek bintang siip dah. Tinggal giliran sobat blogger nih, selamat mencoba ya !

Nah buat sobat yang pengen belajar nginstall windows,mungkin saya telat y sharenya, maklum, ane juga baru-baru ini sob belajar nginstall, tapi lumayan lah.. sudah banyak pemahaman..hehe.. nah..kalo sobat juga mau belajar ini saya sediakan LENGKAP DENGAN GAMBAR.. gampang kok sob, kalo yang udah biasa.. kalo belum tetep aja harus teliti..
hehehe..
saya buat gambar ini pake VIRTUALBOX, nanti saya share juga bagaimana nginstall OS di VIRTUALBOX ( nginstal OS di DEKSTOP OS ) , dari pada dualboot mending pake virtualBOX

SEBELUM kita ke TUTORIAL nya..
Persiapakan ALAT TEMPURNYA..
ok..
cekidot..
MASTER INSTALLAN WINDOWS 7 ( dalam KEPING DVD yang sudah di BURNING )
Windows 7 Loader ( Buat AKTIVASI ) setelah Instalan DRIVER LAPTOP,NETBOOK or PC ( yang sesuai dengan TIPE nya ) Software atau Program
( seperti Ms.office, Winamp, adobe Reader, Dll, terserah sobat..)
Kopi, rokok, cemilan dan lain-lain..hahaha..
( biar gak BT coy.. ) kalo belum ada semua..

download di bawah ini

  ==> WINDOWS 7 ALL VERSION
  ==> POWER ISO buat BURNING
  ==> WINDOWS LOADER
  ==> KUMPULAN LINK DRIVER kalo mau buat INSTALL WINDOWS VIA FD,
  ==> INSTALL WINDOWS VIA FD program-program tambahan cari saja di blog ini.. Ok..

LANGSUNG KE PERTEMPURAN Pastikan setingan BOOT pertamanya CD/DVD, tapi biasanya untuk laptop, or PC BOOT CD/DVD sudah tersetting pertama, kalo untuk netbook gak ada CD/DVD ROOMnya, kalo mau bisa pake CD/DVD ROOM EXTERNAL, atau pake Flashdisk.
Nb. Kalo belum tersetting BOOT nya. Masuk BIOS DULU,
caranya Saat restart tekan, F2 atau DEL, F12 ( tergantung Merek KOMPUTER ), pilih boot, nah ubah CD/DVD ke urutan PERTAMA, lalu SAVE.. selesai setting BOOT CD/DVD

1. RESTART/ HIDUPKAN KOMPUTER, masukan DVD WINDOWS 7 yang sudah di sediakan..
maka nanti akan muncul tulisan “ PRESS ANY KEY TO BOOT FROM CD/DVD” ( sobat TEKAN ENTER saja, ), maka tampilan akan seperti gambar di bawah ini.
( artinya prosses mulai BERLANGSUNG )

Tunggu prosses tersebut, sampai tampilan muncul seperti di bawah ini Nah.. dari tampilan di bawah ini, sobat setting sebagai berikut:

Langguage to installè ENGLAND
Time to currency formatè INDONESIA
Keyboard or Inpu methodè US, [LALU PILIH NEXT]

                                    Nah sobat PILIH “INSTAL”, Sesuai GAMBAR di BAWAH ini

                                    Nah selanjutnya CEKLIST ( i accept the license ), lalu NEXT

Nah, lalu pilih DRIVE yang PERTAMA (atau sobat bisa pilih NEW DRIVE dulu, untuk buat DRIVE baru, misal DRIVE D or E),tampilan akan seperti gambar di bawah ini,

Kalo mau buat DRIVE baru tinggal atur SIZE nya yang di ingin kan, lalu APPLY. atau kalo enggak mau nambah DRIVE tinggal NEXT aja. ( windows 7 bisa buat Partisi setelah instalasi selesai )

                                         Nah selanjutnya muncul tampilan seperti di bawah ini,
                                          TUNGGU AJA SAMPAI PROSSES SELESAI..

Setelah prosses di ATAS SELESAI, maka akan RESTART.
ingat: pada saat RESTART INI DAN SETERUSNYA, pas keluar PRESS ANY KEY TO BOOT FROM CD/DVD, itu jangan di tekan ENTER or sembarang tombol, tapi ABAIKAN SAJA..ingat ABAIKAN SAJA, karena kalo enggak sampe lebaran monyet gak akan kelar sob INSTALLnya, kalo di ENTER sobat akan kembali ngulang ke LANGKAH AWAL DI ATAS. OK..

                                                 Dan tampilan seperti gambar di bawah ini. 

 Kalo sudah berjalan cara di atas, nanti akan tampil seperti ini lagi sob, untuk COMPLETING INSTALLATION.. tunggu saja.. OK.

Selesai langkah di atas, windows akan RESTART, dan akan muncul gambar seperti di bawah ini,seperti di bawah ini, untuk menyesuaikan TAMPILAN

selesai langkah di atas, windows masuk ke langkah di bawah ini, ISI saja nama komputer sesuai yang sobat inginkan, Lalu “ NEXT”

Berlanjut ke langkah di bawah ini, Langkah ini, sobat di minta untuk mengisi password, kalo sobat merasa komputernya gak mau di password, kosongkan saja, lalu “ NEXT”

Nah, step di bawah ini di minta untuk mengisi PRODUCT KEY, punya TIDAK..?
beli sono ke BIL GATES paling 1,5 JUTA..
hahahaha Kalo enggak punya, di SKIP AJA sob, kita aktivasinya nanti pake WINDOWS LOADER..biar gratis..wkkwkwkwkwk..

                            Setelah di SKIP, tampilan sperti di bawah ini, pilih aja “ ASK ME LATER”

       Atur nie sob, JAM nya sesuai NEGARA, kalo saya sih. Cinta INDONESIA :-D Pilih “ NEXT”

                        
                            Step berikutnya ke tampilan di bawah ini, pilih “PUBLIC NETWORK”

                         Nah, hapir selesai sob, windows akan tampil seperti gambar di bawah ini

                    
                        Selesai menunggu langkah di atas, akhirnya FINISH, seperti gambar di bawah ini.

NAH LANGKAH INSTALASI WINDOWS 7 SUDAH SELESAI
Sobat tinggal menginstall WINDOWS LOADER untuk AKTIVASI, atau membeli LISENCE ORIGINAL, selesai teraktivasi.
Sobat INSTALL DRIVER yang di PERLUKAN, serta PROGRAM-PROGRAM TAMBAHAN.



maaf kalo saya reepost
namanya juga masih newbie
baru belajar bikin yang beginian ga 

makasih juga buat yang punya blog ini saya belaja banyak dari blog anda
http://www.kuyhaa-android19.com/2012/05/cara-lengkap-install-windows-7-pemula.html

cara posting blogspot

Salam satu blog gratisan yang sering saya gunakan untuk promosi bisnis online adalah blogspot. Alasannya kenapa? Karena blogspot adalah web penyedia blog gratisan yang sekarang menjadi milik google. Menurut sebagian blogger blogspot akan cepat terindext/masuk dalam mesin pencari google. Apakah pendapat itu benar atau tidak? Menurut sepengalaman saya ada benarnya juga. Karena membuat blog blogspot, langsung terindext dalam 1 – 2 hari. Tak pake lama untuk bisa terindext di mesin pencari. Jadi bagi blogger tolong jangan lupakan blogspot karena potensinya sangat bagus untuk bisa menuai backlink. Salah satu blog saya adalah bisnis muktiplaza. Sobat bisa juga berkunjung ke sana tidak dilarang. He he he.

Apakah anda sudah membuat blog blogspot? Buka blogger.com langsung buat dech blognya. Sekarang saya anggap anda sudah punya blogspot. Jadi Bagaimana cara posting artikel di blogspot? Caranya cukup mudah bahkan sangat mudah, banget dech mudahnya. Tinggal ambil cangkul kemudian bawa perbekalan secukupnya. Ngelantur. Emang mau ke sawah. He he he. Maaf lupa. Begini kawan :

1. Login ke member area blogger.com ( seperti ini nich gambarnya )

2. Klik tombol NEW ENTRI/ENTRI BARU ( artinya posting baru ) maka munculnya seperti ini.

3. Dari situ saya yakin anda sudah tahu. Tapi akan saya jelaskan. Isi judul artikel dan isi artikelnya dengan tema /topik yang ingin anda tulis. Misanya tips sukses bisnis online. Di sebelah kanan bawah dari kotak posting ada kotak untuk mengisi dengan kategori. Isi saja misalnya bisnis. Terserah anda.

4. Klik Publish atau TERBITKAN ENTRI jika sudah selesai.

5. Rebes eh beres. Dan jika anda tidak percaya ( he he he ) apakah posting itu telah tayang atau tidak silahkan klik menu lihat entry setelah anda posting artikelnya. Jika posting tadi sudah terlihat berarti sudah benar. Tapi jika belum maka berarti ada yang salah. Salahnya di mana? Bisa saja setelah anda menulis artikel kemudian anda menekan tombol Save bukan Publish/terbitkan. Jika anda menekan Save maka artikel anda akan disimpan saja bukan diterbitkan. Jadi jangan lupa setelah menulis artikel tekanlah publish.

Tips Hemat menulis

Sebaiknya anda tulis artikel anda dulu di Notepad. Biasanya setiap komputer/laptop ada fasilitas Notepad. Jika tidak ada ya kompalin dech pada penjualnya.  He he he. Siapkan tulisan anda dengan lengkap mulai dari judul dan isi artikel. Setelah selesai langsung copy dan paste artikelnya di area posting seperti tadi. Ini akan menghemat biaya akses internet. Jangan menulis artikel sambil online. Bisa habis pulsanya hanya untuk menulis. Kecuali akses internet anda unlimited. Kalau gitu sich nggak apa-apa.

Semoga manfaat.

sumber: http://muktiblog.com/tips-blog/cara-posting-artikel-di-blogspot