Space Ads close

Sponsor Ads


Recent Posts

Tampilkan postingan dengan label Featured. Tampilkan semua postingan
Tampilkan postingan dengan label Featured. Tampilkan semua postingan

Rabu, 08 Februari 2012

Arti Sebuah Kesuksesan


 

Jika berbicara tentang arti kata sukses, tentu akan banyak sekali definisi untuk menjelaskannya. Karena setiap individu mempunyai cara pandang yang berbeda dalam menilai arti sebuah kesuksesan.

Para motivator dan penulis buku Best Seller tentang kesuksesan pun berbeda-beda dalam mengungkap makna kesuksesan.

Jim Rohn mengatakan, "Success is something you attract by the person you become."
(Kesuksesan adalah sesuatu yg anda tarik/dapatkan oleh diri anda yg layak untuk mendapatkannya).

Bob Dylan mengatakan, "A man is a success if he gets up in the morning and gets to bed at night, and in between he does what he wants to do."
(Seseorang bisa dikatakan sukses dalam hidupnya ini bila dia bisa bangun di pagi hari dan tidur di malam hari dan di antara kedua waktu itu dia bisa melakukan hal yang dia ingikan dan sukai).

Herman Cain mengatakan, "Success is not the key to happiness. Happiness is the key to success. If you love what you are doing, you will be successful."
(Kesuksesan bukanlah kunci dari kebahagiaan. Sebaliknya kebahagiaan adalah kunci dari kesuksesan. Bila kau menyukai apa yang kau lakukan dan merasa bahagia melakukannya, maka kau pasti sukses).

Sementara menurut kamus bahasa Indonesia, memaknainya dengan sederhana. Suksesdidefinisikan dengan Berhasil atau Beruntung, Kesuksesan didefinisikan dengan Keberhasilan atau Keberuntungan.

Dari perbedaan pandangan tersebut, maka arti kesuksesan bisa di kategorikan menjadi dua bagian. Antara lain:

1. Outside Labeling (Pandangan dari luar atau orang lain).

Penilaian sukses menurut orang lain terhadap seseorang ini biasanya dinilai berdasarkan 3 faktor, yaitu:
  • Wealth (Kemakmuran/Kesejahteraan).
    Seseorang dinilai sukses ketika dia memiliki rumah besar, mobil mewah, perhiasan berlimpah, hewan ternaknya banyak, posisi karir yang bagus dan atribut kekayaan lainnya.
  • Health (Kesehatan).
    Kesehatan juga menjadi tolak ukur orang lain dalam melihat kesuksesan seseorang. Percuma seseorang menjadi kaya raya sementara dia tidak punya keturunan, hidupnya sering dilanda sakit-sakitan dan mengalami stres yang tinggi.
  • Fame (Ketenaran).
    Selebritis dan tokoh terkenal sering dikatakan sukses karena ketenarannya. Karena mereka dianggap mampu membuat diri mereka diidolakan banyak orang, khususnya para penggemarnya.

2. Inside Labeling (Pandangan menurut diri sendiri).

Orang menganggap dirinya sukses ketika dia telah berhasil mencapai apa yang menjadi keinginan dan harapannya. Entah itu menjadi juara dalam lomba 17-an, menduduki rangking 3 besar di sekolah, mampu melanjutkan pendidikan hingga S1, mampu membelikan anak dan istrinya baju baru, terpilih sebagai karyawan terbaik, berhasil mendapatkan hati pria/wanita pujaannya dan sebagainya.


Menurut saya pribadi.. arti sukses itu sama dengan cinta. Tidak bisa diungkapkan dengan kata, tidak bisa dilihat dengan mata, namun bisa dirasakan dalam hati. Setiap orang yang dipenuhi dengan cinta, akan merasa hari-harinya begitu berarti dan menyenangkan. Sama halnya dengan orang yang sukses, setiap hari dia akan selalu ceria dan merasa bahagia.

Jika sukses menurut arti bahasa didefinisikan dengan berhasil atau beruntung, sebetulnya tidak perlu bingung untuk mencari arti kata sebenarnya. Karena Rosululloh sendiri pernah bersabda, "Barang siapa yang keadaan amalnya hari ini lebih jelek dari hari kemarin, maka ia terlaknat. Barang siapa yang hari ini sama dengan hari kemarin, maka ia termasuk orang yang merugi. Dan barang siapa yang hari ini lebih baik dari hari kemarin, maka ia termasuk orang yang beruntung." (HR. Bukhari).

Dan Rosululloh juga menegaskan di hadist yang lain, "Sebaik-baik manusia adalah orang yang paling bermanfaat bagi orang lain." (HR. Thabrani dan Daruquthni).

Jadi sobatku sekalian, jangan pernah berkecil hati. Karena pada dasarnya kita semua bisa dikatakan orang sukses, karena mampu melewati kehidupan hingga saat ini. Saya yakin semua dari kita pernah merasakan kebahagiaan yang mengesankan, ketika berhasil mencapai apa yang menjadi harapan kita. Orang yang bisa bahagia, biasanya adalah orang yang pandai bersyukur atas segala nikmat yang Allah berikan. Tinggal kita tingkatkan kesuksesan kita sedikit demi sedikit, agar rasa bahagia juga bisa dirasakan oleh orang lain, khususnya orang-orang yang kita cintai.

Belajar Presentasi yang Baik dan Menarik



Setelah sebelumnya saya mengulas cara sederhana untukBelajar berbicara di depan umum, yang fungsinya adalah untuk memberikan keberanian pada kita untuk tampil di depan. Maka saat ini lebih mendalam lagi tentang cara Belajar Presentasi yang baik dan menarik. Mungkin sudah banyak tips-tips cara presentasi yang bisa dengan mudah kita cari lewat mbah Google, tapi kali ini saya akan ulas dengan bahasa sederhana berdasar pengalaman saya sendiri.

Seperti yang telah saya paparkan bahwasanya berbicara (presentasi) di depan umum bukanlah sebuah bakat, namun sebuah kemampuan bicara yang akan terus berkembang seiring dengan banyaknya latihan dan praktek. Namun apakah orang yang sudah tampil di depan dan banyak melakukan latihan dan praktek berbicara di depan, akan mampu meyuguhkan sebuah presentasi yang baik dan menarik? Jawabannya... belum tentu.

Sebelumnya mohon maaf bila ada yang tersungging... Mungkin pada saat kuliah/sekolah, kita pernah mendengarkan seorang guru atau dosen yang menyampaikan mata pelajaran, justru membuat siswanya mengantuk atau merasa booring. Padahal seorang guru atau dosen, pekerjaan setiap harinya adalah mengajar. Atau kita pernah mengikuti sebuah seminar yang ternyata kita bukannya memperhatikan pembicaranya, tetapi lebih banyak memandang layar karena begitu banyaknya slide yang ditampilkan. Bahkan lebih parah lagi kita tidak memperhatikan pembicara dan slide yang ditampilkan, tapi malah sibuk sms-an atau main handphone dan berharap acara segera berakhir.

Sehingga... setelah kita mulai berani untuk tampil berbicara di depan lebih dari satu orang dengan banyak melakukan latihan dan praktek, maka selanjutnya kita perlu mengembangkan diri agar presentasi kita bisa lebih baik dan menarik.

Dalam sebuah presentasi (apapun itu bentuknya), selalu memiliki 4 unsur:
  1. Pembicara : adalah orang menyampaikan ide/gagasan dalam sebuah presentasi.
  2. Materi : adalah ide/gagasan yang akan disampaikan, sehingga bisa tersalurkan kepada orang lain.
  3. Audien : adalah target dari pembicara untuk menyampaikan ide/gagasan-nya.
  4. Perlengkapan : adalah sarana penunjang yang dipakai oleh pembicara yang akan menyampaikan ide/gagasan agar bisa tersampaikan kepada audien. Sarana penunjang bisa berupa ruangan, penerangan, lcd proyektor, sound sistem dan sebagainya.

Peserta seminar yang saya adakan bersama Tim.

Pembicara atau Presenter adalah orang yang paling berperan selama berjalannya presentasi, karena dialah yang menyajikan informasi, ide atau gagasan. Untuk itu jika kita ditunjuk sebagai pembicara (dalam acara apa saja) ada 4 hal yang harus dipersiapkan agar selama presentasi bisa berjalan dengan lancar:

1. Menguasai Materi.

Seorang pembicara yang tidak menguasai materi, bisa terlihat dari caranya menyampaikan presentasi. Dia akan lebih banyak melihat catatannya, entah itu catatan di kertas, laptop atau yang terpampang di layar proyektor. Jika ini yang kita lakukan, maka sama halnya kita mendikte audien. Pernahkah kita menjumpai pada saat sekolah atau kuliah, seorang guru atau dosen selalu mengajar dengan membacakan buku yang dibawanya sementara kita mencatat? Bagaimana rasanya? Sangat menjemukan tentunya. Untuk itu gunakanlah catatan sebagai kunci agar step-step presentasi yang kita bawakan bisa sistematis, bukan hanya dibacakan. Oleh karena itu seorang pembicara mutlak hukumnya untuk menguasai materi.

2. Mengenali Audien.

Audien sering dianggap sebagai obyek pasif yang hanya menerima informasi dari pembicara. Karena itu banyak pembicara yang menyampaikan presentasi dengan asal-asalan dan sangat cepat, yang penting materi sudah tersampaikan dan tidak memakan banyak waktu. Cara ini biasanya dilakukan oleh pembicara pemula atau yang baru belajar berbicara di depan, karena mungkin saking nervouse-nya sehingga dia menyampaikan informasi seperti iklan koran "padat, singkat, terpercaya"... hehehe.

Memang untuk membuat audien memahami materi hanya dalam sekali pertemuan sangatlah sulit, namun respon yang ditunjukkan mereka selama berjalannya presentasi itulah yang menjadi tolak ukur sukses/tidaknya seorang pembicara dalam menyampaikan informasi. Untuk itu jika kita sebagai pembicara harus mengenali siapa audien yang menjadi target penyampaian informasi. Setelah itu baru kita bisa menentukan materi, susunan kata serta cara penyampaiannya. Pembicara yang bagus adalah orang yang mampu menyampaikan informasi dengan bahasa yang dimengerti oleh audiennya, seperti kata pepatah "Jangan bicara tentang warna kepada orang buta".

3. Mengetahui Peralatan Pendukung.

Jika dalam presentasi menggunakan sarana pendukung seperti sound sistem, lcd proyektor atau peralatan elektronik lainnya seyogyanya pembicara harus mengetahui cara penggunaannya. Hal ini untuk mencegah kesalahan yang terjadi akibat ketidak tahuan menggunakan peralatan, seperti mikrofon mendenging, slide yang seharusnya maju ke halaman depan justru malah balik ke halaman sebelumnya, dan sebagainya. Kesalahan seperti ini bisa berakibat konsentrasi baik pembicara maupun audien menjadi pecah, si pembicara menjadi panik dan respon audien akan menurun. Karena itu sangat disarankan bila kita menjadi pembicara, untuk mencoba semua peralatan yang digunakan sebelum acara presentasi berlangsung.

4. Menyiapkan Rencana Alternatif.

Terkadang selama presentasi, ada saja hal-hal yang terjadi yang bisa membuat jalannya presentasi terganggu. Misalnya mikrofon (wireless) tiba-tiba mati karena kehabisan baterai, laptop yang tiba-tiba hang, file presentasi yang rusak dan tidak bisa dibuka dan lain sebagainya. Jika kita tidak mempersiapkan rencana alternatif, maka bisa jadi presentasi akan terhenti. Dan tentunya ini tidak hanya membuyarkan konsentrasi tapi juga menurunkan penilaian audien terhadap pembicara dan panitia pelaksana.

Setelah kita mempersiapkan segala sesuatunya, maka saat ini waktunya untuk menyampaikan presentasi kepada audien. Agar presentasi yang kita bawakan bisa berjalan dengan baik dan menarik serta mendapatkan respon yang positif dari audien, maka kita perlu memperhatikan hal-hal berikut ini:

  • Penampilan.
    Tidak peduli presentasi itu dibawakan oleh ketua RT kepada warganya, atasan kepada anak buahnya, guru kepada muridnya, seorang marketing kepada calon pelanggannya dan lain sebagainya... yang namanya penampilan harus dijaga.
    • Raut muka kita harus terlihat berseri, jangan terlihat kusam seperti orang dikejar hutang.
    • Baju yang kita kenakan harus rapi dan bersih, jangan acak-acakan seperti orang habis kalah judi.
    • Jika habis makan, periksalah mulut dan gigi siapa tahu ada yang masih nyangkut.
    • Pokoknya penampilan dari ujung rambut sampai ujung kaki harus benar-benar dijaga, karena penampilan adalah kesan pertama untuk menilai seseorang. Seperti moto sebuah iklan, "Kesan pertama begitu menggoda, selanjutnya terserah anda..."
  • Suara.
    Dalam menyampaikan presentasi, suara yang kita keluarkan harus jelas. Tidak terlalu keras seperti orang sedang mengamuk atau terlalu pelan seperti orang lagi menggerutu. Pengucapan huruf vokal pun harus jelas antara A, I, U, E dan O, agar informasi yang kita sampaikan bisa ditangkap dengan jelas oleh audien. Intonasi suara juga perlu diperhatikan, jangan menyampaikan presentasi dengan suara yang datar. Seperti mendengarkan lagu, apakah enak didengar jika hanya menggunakan satu nada/not saja? Pasti akan banyak penonton yang segera pergi meninggalkan kita.
  • Ice Breaking.
    Sebelum masuk ke materi presentasi, sebaiknya pembicara melakukan ice breaking untuk mencairkan suasana. Ice breaking bisa dengan cara kita memperkenalkan diri, menanyakan kabar audien, cerita ringan atau mengungkapkan alasan mengapa kita memilih materi. Jika suasana antara pembicara dengan audien sudah cair, maka akan lebih mudah kita dalam menyampaikan informasi.
  • Body Language (Bahasa Tubuh).
    Acara presentasi bisa disebut sebagai sarana "show" bagi pembicara yang disaksikan audien. Maka jangan pernah kita menyampaikan presentasi seperti patung atau seperti murid yang dihukum gurunya, hanya berdiri diam di satu tempat.
    • Kuasailah ruangan dengan bergerak kekiri, kekanan, atau bila perlu maju ke audien. Dengan kita bergerak maka pandangan audien juga akan bergerak tidak cuman melihat satu titik, itu bisa membuat audien tidak mengantuk.
    • Gerakkan tangan, mimik muka, bila perlu anggota tubuh untuk berekspresi, jangan suka menyimpan tangan kita ke dalam saku karena itu bisa membuat audien jenuh.
    • Bila kita menyampaikan presentasi sambil duduk berjejer di depan, jangan sampai kondisi itu membuat kita kaku. Tetap gunakan tangan dan mimi muka, bila perlu kita ambil mikrofon dari stand-nya agar gerak kita bisa lebih bebas.
  • Eye Catching (Tatapan Mata).
    Menyampaikan presentasi sama halnya dengan kita berkomunikasi dengan audien. Arahkan pandangan kita ke depan menatap pandangan semua audien secara bergantian (jangan cuma menatap audien yang cakep saja). Dengan bertatap mata akan semakin membuat hubungan komunikasi lebih dekat, selain itu kita bisa mengetahui respon dari audien yang memperhatikan dengan yang tidak. Bagaimana jika kita belum berani menatap mata audien?... Kita bisa menatap dahi atau ujung rambut audien, yang penting jangan sering melihat ke bawah karena kita tidak sedang mencari uang yang jatuh.
  • Pemilihan kata.
    Gunakanlah bahasa yang mudah dimengerti oleh audien. Jangan karena supaya kelihatan jenius, kita menggunakan istilah-istilah yang justru membuat audien tidak mudeng (mengerti). Pakailah bahasa yang sopan, seperti menyebut audien dengan "bapak", "ibu", "adik" (jika audiennya pelajar) atau "anda", serta menyebut kita sendiri dengan "saya" atau langsung menyebut "nama kita". Jangan sok kayak artis yang suka menyebut dengan kamu, aku, loe, gue... karena itu mengesankan kita sombong dan meremehkan. Jika menggunakan bahasa daerah, maka pergunakan bahasa paling halus di daerah itu.
  • Sisipkan Joke (Humor).
    Suasana yang riang dan gembira akan terkesan lebih santai, dan itu membuat materi yang disampaikan bisa dengan mudah untuk diserap. Asal jangan bercanda terus dari awal sampai akhir, nanti malah dikira kita pelawak yang alih profesi jadi pembicara hehehehe...
  • Tambahkan Diskusi (Tanya jawab).
    Bila waktu memungkinkan, berilah waktu untuk sesion diskusi atau tanya jawab. Hal ini akan lebih menunjukan kepedulian terhadap audien, serta membuat presentasi berjalan dengan komunikasi dua arah. Apabila waktu yang diberikan tidak mencukupi, maka sisihkan waktu setelah presentasi untuk audien bertanya lebih dalam. Semakin kita care maka audien pun semakin merasa nyaman, sehingga ketika kita memberikan presentasi lagi di lain waktu, mereka pasti akan lebih respek dengan kita.

Uraian diatas adalah bagaimana supaya kita bisa menyampaikan presentasi yang baik dan juga menarik. Jadi bagi yang sudah punya keberanian untuk berbicara di depan umum, mulailah melakukan pengembangan diri agar kita bisa menjadi penyampai informasi yang baik dan disukai. Kita tidak tahu di masa depan kita akan jadi apa, sehingga tidak ada salahnya untuk mempersiapkan diri sejak dini.

Untuk selanjutnya, saya akan mengulas tentang jenis-jenis presentasi dan fungsinya. Bila para sobat tertarik, maka tetaplah staychun di blog saya untuk mengetahui kelanjutannya hehehehe....

Sabtu, 04 Februari 2012

Membuat Tulisan Mengikuti Cursor


Cara Membuat Tulisan Mengikuti Cursor
Gb. Demo Tulisan Berputar


Udah pernah Tukang pilih Lihat tulisan Yang berputar-putar mengelilingi kursor Dan selalu mengikuti kursor di blog blogger? Tadi saya Baru Saja berkunjung Ke salat Satu blog Teman Yang menulis PESAN di Buku Tamu, di Sana saya melihat sebuah tulisan Yang berputar-putar mengelilingi kursor Dan selalu mengikuti kemanapun arah kursor tersebut.Penghasilan kena pajak ITU melihat saya jadi ingin untuk menuliskan CARANYA, siapa industri tahu ADA Yang ingin menghias blog nya Mencari Google Artikel tulisan berputar mengelilingi kursor Blognya. Panduan Cara Membuat Tulisan Berpuatar Mengelilingi Kursor






  1. Masuk Ke dashboard blogger
  2. KLIK Desain / Rancangan
  3. Cara Membuat Tulisan Mengikuti Cursor
  4. Penghasilan kena pajak ITU KLIK Edit HTML
  5. Tulisan Mengikuti Cursor
Kemudian CARI Kode
</ Body>
Dan letakkan skrip berikut sebelum Kode </ body> Tadi
Membuat Tulisan Mengikuti Cursor
<style type='text/css'>
/ * Lingkaran Styles Teks * /
# OuterCircleText {
/ * Opsional - JANGAN SET FONT-SIZE HERE, SET IT IN THE SCRIPT * /
font-style: italic;
font-weight: bold;
font-family: "sans ms komik ', verdana, arial;
color: # 999;

/ Akhir * opsional * /
/ * Mulai Diperlukan - Jangan Edit * /
position: absolute; top: 0; kiri: 0; z-index: 3000; kursor: default;}
# OuterCircleText div {position: relative;}
# OuterCircleText div div {position: absolute; top: 0; kiri: 0; text-align: center;}
/ * End Diperlukan * /
/ * Gaya Lingkaran Akhir Teks * /
</ Style>
<script type='text/javascript'>
/ / <[CDATA [
/ * Mengelilingi teks trail-Tim Tilton
Website: http://www.tempermedia.com/
Kunjungi: http://www.dynamicdrive.com/ untuk Original Source dan ton script
Modifikasi Di sini untuk lebih banyak fleksibilitas dan dukungan browser modern
Modifikasi seperti pertama kali terlihat di http://www.dynamicdrive.com/forums/
username: jscheuer1 - Pemberitahuan ini harus tetap untuk penggunaan hukum
* /
; (Function () {
/ / Anda pesan di sini (STRING QUOTED)
var msg = " AR Blog (Blogger Tutorial) ";
/ * SISA DARI NILAI Editable BAWAH ADALAH SEMUA NOMOR kuotasi * /
/ / Set gaya font itu ukuran untuk menghitung dimensi
/ / Set untuk jumlah ukuran piksel yang diinginkan font (angka desimal dan negatif tidak diperbolehkan)
var size = 24;
/ / Set ke 1 untuk kedua lingkaran polos, menetapkan satu dari mereka untuk 2 untuk oval
/ Nomor / Lain & desimal dapat memiliki efek yang menarik, terus rendah (0 sampai 3)
var circleY = 0,75; var circleX = 2;
/ / Semakin besar pembagi ini, semakin kecil ruang antara huruf
/ / (Desimal diperbolehkan, bukan angka negatif)
var letter_spacing = 5;
/ / Semakin besar pengganda ini, semakin besar lingkaran / oval
/ / (Desimal diperbolehkan, bukan angka negatif, pembulatan beberapa diterapkan)
var diameter = 10;
/ / Rotasi kecepatan, mengaturnya negatif jika Anda ingin berputar searah jarum jam (desimal diperbolehkan)
var rotasi = 0,4;
/ / Ini bukan kecepatan rotasi, kecepatan reaksinya, tetap rendah!
/ / Set ini ke 1 atau desimal kurang dari satu (desimal diperbolehkan, bukan angka negatif)
var kecepatan = 0,3;
/ / / / / / / / / / / / / / / / / / / / / / Stop Edit / / / / / / / / / / / / / / / / / / / / / /
jika | kembali (&& window.addEventListener window.attachEvent | document.createElement!);
msg = msg.split ('');
var n = msg.length - 1, a = Math.round (ukuran 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 = illegalChars.test (e.pageY)? e.pageY: e.clientY; / / y-posisi
xmouse = illegalChars.test (e.pageX)? e.pageX: e.clientX; / / x-posisi
},
makecircle fungsi = () {/ / rotasi / posisi
if (init.nopy) {
o.style.top = (b | | document.body) scrollTop + 'px'.;
o.style.left = (b | | document.body) scrollLeft + 'px'.;
};
currStep - = rotasi;
for (var d, i = n; i> -1; - i) {/ / membuat lingkaran
. d = document.getElementById ('iemsg' + i) gaya;
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 () {/ / membuat perlawanan
y [0] = Y [0] + = (ymouse - Y [0]) * kecepatan;
x [0] = X [0] + = (xmouse - 20 - X [0]) * kecepatan;
for (var i = n; i> 0; - i) {
y [i] = Y [i] + = (y [i-1] - Y [i]) * kecepatan;
x [i] = X [i] + = (x [i-1] - X [i]) * kecepatan;
};
makecircle ();
},
init = function () {/ / menambahkan divs pesan, & menetapkan nilai awal untuk array posisi
if (illegalChars.test (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 = ukuran + 'px';
if (window.addEventListener) {
window.addEventListener ('beban', init, false);
document.addEventListener ('Gunaka mouse, 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>
PADA Bagian tidak
/ / Anda pesan di sini (STRING QUOTED)
var msg = " AR Blog (Blogger Tutorial) ";

silakah Ganti tulisan AR Blog (Blogger Tutorial) Mencari Google Artikel tulisan Yang ANDA inginkan, KARENA tulisan itulah Yang nantinya Akan berputar-putar mengeliligi kursor

Membuat Text Animasi Tulisan Berwarna

Tutorial Cara Membuat Text Animasi atau Animasi Tulisan Berwarna di Blogger.

Pada artikel kali ini saya akan menuliskan panduan cara bikin teks flash (teks animasi flash / tulisan berwarna bergaya flash) yang nantinya bisa teman-teman pasang pada postingan blog (untuk mempercantik tulisan) atau di widget/sidebar (sebagai widget selamat datang yang keren).

Tutorial blog ini berbeda dengan Tutorial Cara Bikin Tulisan Kelap Kelip (Blink) yang sudah saya tuliskan dulu, karena tutorial cara membuat text animasi flash atau animasi tulisan berwarna ini menggunakan scriptsedangkan untuk membuat tulisan kelap kelip (Blink) tidak memerlukan script, hanya kode html saja.

Sebelum saya menuliskan panduan membuat text animasi flash atau animasi tulisan berwarna, saya akan memperlihatkan demonya dulu, agar teman-teman bisa melihat langsung bagaimana hasilnya nanti.

Demo Text Flash Animasi Berwarna / Tulisan Flash Animasi Berwarna
Selamat Datang Di Blog Ahmad Rifai Net
Nah itulah seperti itulah nanti penampakannya di blog teman. Next ...

Panduan Tutorial Cara Membuat Text Animasi atau Animasi Tulisan Berwarna

Untuk Di Pasang Pada Postingan Bagi teman-teman yang ingin memasukkan text flash animasi ini pada postingan silakan ikuti langkah berikut:
  1. Buat posting baru / Edit postingan yang sudah ada.
  2. Masukkan kode script Text / Tulisan Flash Animasi Berwarna di sana (kode ada di bawah). Sebelum memasukkan kode script pastikan teman memasukkannya di bagian Edit HTML bukan di Compose(lihat di sebelah kanan atas forum isian posting)
  3. Terbitkan Entri (boleh juga dipratinjau dulu)
Untuk Di Pasang Pada Widget Bagi teman-teman yang ingin memasukkan text flash animasi ini pada widget/sidebar silakan ikuti langkah berikut:
  1. Pergi ke Rancangan / Design
  2. Klik Tambah Gadget / Add Gadget
  3. Masukkan kode script Text / Tulisan Flash Animasi Berwarna di sana (kode ada di bawah)
  4. Simpan
Nah itulah langkah yang harus di lakukan.

Kode Script Text / Tulisan Flash Animasi Berwarna

<div style="-moz-box-shadow: inset 0 1px 5px 0 #fff; background: #990099; border: 1px solid #ECEDE8; box-shadow: inset 0 1px 5px 0 #555; font-family: Cataneo BT; font-size: 21px; font-weight: bolder; padding: 5px 20px; text-align: center;">
<script type="text/javascript">
var message="Selamat Datang Di Blog Ahmad Rifai Net"
var bgsGR1color="#FFFFFF" /* Warna utama teks */
var bgsGR2color="#FFFF00" /* Warna teks flash pertama */
var bgsGR3color="#00FF66" /* Warna teks flash ke dua */
var flashspeed=100 // kec. ganti warna (1/1000 dt)
var flashingletters=15 // jumlah teks pertama (tips / hiting jumlah text, kemudian bagi 2)
var flashingletters2=18 // jumlah berwarna teks ke dua (tips / hiting jumlah text, kemudian bagi 2)
var flashpause=1 // waktu jeda pergantian warna (1/1000 dtk)
var n=0
if (document.all||document.getElementById){document.write('<font color="'+bgsGR1color+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')}else
document.write(message)
function crossref(number){var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj}function neon(){if (n==0){for (m=0;m<message.length;m++)
crossref(m).style.color=bgsGR1color}
crossref(n).style.color=bgsGR2color
if (n>flashingletters-1) crossref(n-flashingletters).style.color=bgsGR3color 
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=bgsGR1color
if (n<message.length-1)
n++
else{n=0
clearInterval(flashing)
setTimeout("beginneon()",flashpause)
return}}
function beginneon(){if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)}
beginneon()
</script>
</div> 
Catatan :
Ganti tulisan Selamat Datang Di Blog Ahmad Rifai Net yang ada di line 3 dengan tulisan yang teman mau. var flashingletters=19 - var flashingletters2=19 : pada link 8 & 9 . Ganti angka 19 dengan angka yang teman mau (Tips* hitung seluruh tulisan dan spasi yang teman masukkan pada line 3 (kode 1) atau line 5 (kode 2), kemudian bagi 2, setelah itu ganti angka 19 dengan hasil pembagian tadi.
 Selamat mencoba membuat text animasi tulisan berwarna & Semoga berhasil

Membuat Breadcrumb Di Blogger

Bagaimana Cara Bikin Navigasi Breadcrumb Di Blogger?

Sebelum saya teruskan menulis Cara Membuat Breadcrumb Di Blogger mungkin ada yang masih belum tahu apa itu Breadcrumb, jika masih belum tahu apa yang di maksud dengan breadcrumb silahkan ihat contohnya ada di blog ini, yang ada di atas judul artikel itu lo.
Okey mari kita mulai...

Cara Mudah Memasang Navigasi Breadcrumb Di Blogspot/Blogger

Langkah Pertama yang harus anda lakukan adalah login ke blogspot.com, kemudian Pilih menu Tata Letak(Layout) =>> Edit HTML, setelah anda berada di halaman Edit Html silahkan Centang bagian yang ada tulisanExpand Widget Templates.

Sekarang Cari Kode Ini
<b:includable id='post' var='post'>
Kemudian letakkan kode berikut tepat di bawah kode <b:includable id='post' var='post'> tadi:

<em>Browse: <a expr:href='data:blog.homepageUrl'>Home</a> / <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'> / </b:if>
</b:loop>
</b:if> / <a expr:href='data:post.link'><data:post.title/></a></em>
Setelah itu silahkan simpan pengaturan template anda.

Catatan* Breadcrumb tersebut hanya akan terlihat di halaman artikel (post page) saja.

Itu adalah cara mudah Memasang Navigasi Breadcrumb Di Blogspot/Blogger, selain cara di atasa anda bisa juga menggunakan cara lain yaitu dengan menambahkan sedikit kode CSS di template blogger anda.

Cara Pasang Breadcrumb Di Blogger + Kode CSS

Sebenarnya cara ini hampir sama dengan cara pertama, naun perbedaannya adalah cara ini di sertai dengan kode css.

Silahkan ikuti langkah-langkah di atas, setelah anda sampai pada bagian Expand Widget Templates maka lanjutkan dengan tutorial berikut.

Cari kode ini ]]></b:skin>

Pasang kode CSS berikut tepat di atas kode ]]></b:skin> tadi

.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}
Kemudian cari kode <b:includable id='post' var='post'&gt
Setelah itu letakkan kode berikut tepat di bawah kode <b:includable id='post' var='post'> tadi:

<div class='breadcrumbs'>
Browse: <a expr:href='data:blog.homepageUrl'>Home</a> / <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'> / </b:if>
</b:loop>
</b:if> / <a expr:href='data:post.link'><data:post.title/></a>
</div>
Kemudian silahkan simpan perubahan template anda dan silahkan cek di halaman artikel (post page) apakah Breadcrumb sudah ada.

Jika di saat anda menyimpan template timbul pesan eror atau perubahannya tidak bisa di simpan silahkan cek kembali pengaturannya apakah sudah sesuai atau belum dengan tutorial yang tertulis di sini.

Menambahkan Facebook Like Button Di Blogger


Hallo Teman...
Cara Membuat Facebook Like Button Di Blogger
Kali ini saya akan menuliskan panduan cara menambahkan Facebook 'Like' Button di blogger. Bagi siapa saja yang tertarik ingin menambahkan Facebook 'Like' Button di blog blogger tapi belum tahu bahaimana caranya silakan baca terus tutorial Cara Menambahkan Facebook Like Button ini, dan bagi teman-teman yang sudah tau caranya silakan koreksi, jika ada yang salah silakan di tegur ya...

Ok Langsung saja ...

Tutorial Cara Menambahkan Facebook Like Button Di Blogger

Seperti biasa, pertama silakan login dulu ke blogger

Setelah itu silakan klik Design / Rancangan / Tata Letak, kemudian klik bagian Edit Html

Cari Kode
]]></b:skin>
Letakkan kode berikut di atas ]]></b:skin> tadi
.fb_like_box {
-moz-border-radius:5px 5px 5px 5px;
border-radius:10px;
background:#f5f5f5;
border:1px dotted #ddd;
margin-bottom:10px;
padding:10px;
width:500px;
height:20px;
}
Penting Untuk Diketahui !!!
Silakan ganti kode yang saya beri warna merah (500) dengan ukuran lebar yang sesuai dengan template teman.

Simpan dulu dengan cara mengklik tombol Simpan / Save (Letakknya di bawah).
Beri centang pada pada bagian Expand Widget TemplatesJika belum tahu tempatnya silakan lihat di cara membuat auto read more di blogger

Masukkan kode berikut di bawah kode <data:post.body/>

<div class='fb_like_box'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like expr:href='data:post.url' font='' send='true' show_faces='false' width='400'/>
</div>
Sekarang silakan simpan kembali template anda dan silakan lihat hasilnya, apakah Facebook Like Button nya sudah terlihat.

Oh ia ...
Jika anda meninginkan Facebook Like Button nya terlihat di halaman posting saja silakan pasang kode yang ini, kode di atas tidak perlu di pasang.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='fb_like_box'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like expr:href='data:post.url' font='' send='true' show_faces='false' width='400'/>
</div>
</b:if>
Selamat Mencoba dan semoga berhasil ...

Pasang Buku Tamu Tersembunyi Di Blogger


Kali ini saya akan menuliskan bagaimana cara pasang buku tamu di blogger, namun pada artikel ini saya akan menuliskan tutorial cara pasang buku tamu Tersembunyi / Hidden.

Buku tamu merupakan salah satu hal yang tidak wajib ada di blog kita, namun buku tamu bisa mempercantik blog kita. Selain itu pengunjung blog kita bisa dengan mudah menyapa kita sebagai admin (atau pengunjung lainnya), walau cuma sebatas kalimat (mampir gan, malam, kunjungi blog saya juga ya, dsb...)

Buku tamu tersembunyi juga baru saya pasang di sidebar blog ini. Setelah niat untuk pasang buku tamu tersembunyi di blog ini akhirnya timbullah niat untuk menuliskan bagaimana cara memasang buku tamu tersembunyi di sidebar blogger.
Cara Pasang Buku Tamu Tersembunyi Di Blogger
Ok ga perlu panjang lebar, langsung saja ke topik utama kita.

Panduan Cara Pasang Buku Tamu Tersembunyi Di Sidebar Blogger

Pertama-tama silakan buat akun di www.cbox.ws atau di situs penyedia script buku tamu gratis yang teman suka.

Kemudian ambil script yang sudah di sediakan (kopi kodenya).

Sekarang mari kita ke blogger. Jika belum login silakan login dulu. Jika sudah login silakan klik Rancangan/Design/Tata Letak dan Klik Tambah Gadget/Add Gadget. Jika masih bingung bagaimana cara pasang di blogger silakan baca : Panduan Cara Menghias Blog Blogger

Pilih html/javascript dan silakan paste kode di bawah ini

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2lT-XIUQbPr9Ti9aTq6md3iIKoWuRE6cahbZlS3WZcwhSQ7GBPQaBDsRKwNQADoVn3lNMDTW5Es19XvM2NL_c8PCbB0BA5b0bzdpLfloOC6vRJjd75MXQUQEKjD0fEihho9KaIKf1dZw/s1600/bukutamu.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
Silakan Paste Kode Buku Tamu yang sudah di kopi tadi Di Sini

<div style="text-align:right">
<a href="http://blog.ahmadrifai.net/2011/06/pasang-buku-tamu-tersembunyi-di-blogger.html">[Pasang Ini Juga]</a>><a href="javascript:showHideGB()">
[Tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
Bagi teman-teman yang faham bahasa css atau html silahkan di atur sendiri tampilannya sesuai selera, jika sudah selesai silakan di Simpan dan Selesai

mengedit HTML Template Pada Blogger Tampilan Baru


Karena blogger saat ini tampilan dasbor nya jauh berbeda dengan tampilan lama akhirnya sebagian blogger pengguna tampilan baru blogger menjadi kebingungan saat ingin menambahkan kode baik itu kode html, atau Script pada templatenya (maksudnya kode yang harus dipasang pada Edit HTML Template).

Karena ada beberapa sahabat blogger kita yang bertanya:
dimana tempatnya edit html
dimana letak edit html untuk blogger tampilan baru
Akhirnya saya putuskan untuk menuliskan tutorial ini, karena saya rasa tutorial ini sangat penting dan akan sangat membantu blogger pemula pengguna blogger tampilan baru untuk mengedit kode html template yang digunakan. Dan mudah-mudahan ini dapat bermanfaat.

Untuk tutorial blogger yang sudah saya terbitkan di blog ini akan saya update secara berkala. Do'akan ya mudah-mudahan saya selalu sehat agar bisa memperbaiki (memperbaiki artikel lama dan update artikel terbaru) blog ini sehingga bisa bermanfaat bagi siapa saja yang mengunjungi blog ini.

Next ...

Letak Edit HTML Template Pada Blogger Tampilan Baru

Alangkah lebih baik jika kamu membaca artikel ini sambil praktek.
Pertama silakan login ke blogger.com
Klik menu seperti ini

Setelah itu klik menu / tulisan Template
Jika proses loading sudah selesai silakan klik menu Edit HTML

Kemudian klik lagi tulisan / menu Lanjutkan
Nah sekarang kamu sudah bisa melakukan pengeditan template, jika memang diperlukan silakan beri centang pada bagian Expand Template Widget
Selesai tutorial dimana letak Edit HTML template pada Blogger tampilan baru.
Selamat edit template, hati-hati ya dalam mengedittemplate jika tidak ingin blognya EROR.

Menghias Blog Blogger


Bagaimana Cara Menghias Blog Blogger?

Blog Tutorial kali ini adalah tentang tata letak blog blogger, karena di sinilah tempat Menghias Blog Blogger.

Tata letak memang di sediakan blogger untuk menghias blog baik dengan gambar, iklan, dsb.  Namun sayangnya tidak semua pengguna blogger memanfaatkan fasilitas ini, mungkin ini di sebabkan mereka belum kegunaan Tata Letak Blogger dan bagaimana cara memanfaatkannya.

Sebagaimana yang sudah saya sebutkan di atas bahwa Tata Letak bisa di gunakan untuk menghias blog yaitu dengan menambahkan widget seperti daftar link, banner, iklan ppc (google adsense, dsb), gamber, dan lain sebagainya. Dimana hasil dari widget tersebut akan di letakkan (Terlihat) di sidebar blog blogger kita.

Agar bisa menghias blog blogger dengan widget yang kita inginkan kita harus mengenal tata letak.

Berikut Langkah - Langkah Menghias Blog Blogger


Pertama Silakan login ke blogger

Kedua Klik Menu Tata Letak atau Design
Panduan Cara Menghias Blog
Maka anda akan melihat halaman seperti di bawah ini
Panduan Cara Menghias Blog Blogger
Silakan klik pada bagian yang saya bulati dengan bulatan merah.

Pada template yang saya gunakan ada beberapa tempat yang bisa di gunakan untuk menambahkan Gadget, yang letaknya di samping kanan adalah sidebar kanan dan juga akan terlihat di sebelah kanan blog, sedangkan yang di bawah akan terlihat di bawah juga.

Catatan* Setiap template memiliki tata letak yang berbeda, jika sidebar template blog anda letaknya di sebelah kiri maka letak add a Gadget nya juga di sebelah kiri, dsb.

Untuk menambah Gatget atau hiasan baru silakan klik Add a Gadget, maka akan keluar jendela baru seperti ini
Cara Menghias Blog Blogger

Di sana teman akan menemukan banyak gadget yang bisa di gunakan untuk menghias blog, silakan pilih yang teman suka.

Ok saya akan coba jelaskan sebagian fungsi gadget tersebut.
  1. Pages. Untuk menampilkan daftar halaman blog blogger (bukan daftar postingan lho)
  2. Search Box. Untuk menampilkan forum pencarian.
  3. HTML/JavaScript. Untuk menambahkan html atau java script di sidebar misalnya seperti banner, iklan adsense, iklan ppc, statistik, dsb.
  4. Link List. Untuk membuat daftar link yang akan kita tampilkan di sidebar.
  5. Profile. Untuk memperlihatkan profil kita.
  6. Blog Archive. Untuk menampilkan daftar arsip blog kita.
Nah itulah beberapa gadget yang bisa teman gunakan untuk menghias blog, sebenarnya masih banyak gadget lainnya, untuk gadget lainnya silahkan baca sendiri fungsinya, karena sudah ada keterangannya kok.
agung nugroho. Diberdayakan oleh Blogger.