Bloggers - Meet Millions of Bloggers

0
Saat Jejaring Sosial Jadi Sumber Perselisihan

 
Di era maju dan serba teknologi seperti ini, siapa sih yang belum pernah tahu mengenai jejaring sosial ? Tak hanya orang dewasa dan remaja, anak-anak pun sekarang sudah tahu apa itu Facebook, Twitter. Sangatlah banyak fungsi dari jejaring sosial sendiri. Banyak fungsi diantaranya kita dapat mengobrol, curhat, dan membuat grup untuk share apapun untuk mencari solusi.
Ironisnya, jejaring sosial yang mestinya jadi sarana jalinan teman, menjadikan lebih mudah berkomunikasi, memudahkan sebuah diskusi, malah menjadi sarana pembuat masalah dan perselisihan akibat suatu kata yang tidak berkenan.
Di kalangan remaja misalnya, tak usah jauh-jauh, di lingkungan sekolahan misalnya, jejaring sosial menjadi pemicu amarah, dimana orang dapat melemparkan uneg-unegnya kepada orang yang tidak disenanginya, mengatakan si dia begini, begitu. Tidak terima yang dilecehkan bicara pada temannya, berita itu terus menyebar di kubu si yang dilecehkan. Nah, inilah yang akan memicu pertikaian di sebuah lingkungan yang mestinya damai.
Tindakan ironis yang dilakoni seperti itu, semestinya tak perlu ditanggapi secara emosional. Gampang sajalah, sebaiknya tinggal gunakan jalan tengah ( damai ) yang tak akan menimbulkan kerusuhan yang merusak sebuah jalinan teman.
Jika tak mau jalan damai, cara yang terbaik adalah dengan tidak menanggapi lontaran uneg-uneg dari seseorang, seperti yang pernah dikatakan oleh sang motivator terkenal di Indonesia, Mario Teguh, ia pernah juga dilempari uneg-uneg di jejaring sosial Facebook, tapi ia me-Like-nya. Tak perlu emosional, nantinya akan redam sendiri.
Banyak cara sebenarnya, tidak perlu dengan kekerasan, cukup anda bilang, dengan melaporkan sebuah komentar, atau status ( misal, Facebook ) dengan menandai sebagai penyalah gunaan karena menimbulkan sebuah konflik. Tetapi cara ini sebaiknya anda pakai jika anda merupakan orang yang bertanggung jawab. Jika anda bukan tipe orang yang kurang bertanggung jawab, sebaiknya jangan lakukan, dan tidak saya sarankan jika hanya masalah sepele.
Akhir kata dari saya ...
Ingat, gunakan jejaring sosial sebagaimana mestinya tanpa mengotori dengan lemparan uneg-uneg dan sesuai dengan kebijakan layanan sebuah jejaring sosial itu sendiri.

image: bisnisukm.com


7
Bekal Setahun Ngeblog Sampai ke Blogazine

Halo sobat blogger semua, ahhh lama nggak update yah ... Lama gak update bukannya karena tanpa alasan, ya kemarin saya sedang nyoba-nyoba bikin sesuatu yang baru dan menarik menurut saya, masih seputar ngeblog tentunya, ya, sekedar tahu saja, mungkin sobat udah ada yang pernah tau blogazine ? Ini adalah beberapa pengalaman saya ketika mendalami css ketika sedang main-main blogazine. Mulanya sih gimana gitu, serasa beda, tapi ya gak beda-beda amat sih ama blogging biasa. Bedanya kita harus utak-atik css + html yang "ruwet" untuk mengkonsep sebuah postingan ... Sebelumnya sobat, posting kali ini cuman sekedar buat refreshing aja ... Dari kegiatan-kegiatan yang bikin jenuh. Mulanya saya berkunjung ke sebuah blog, ketika mampir, postingannya aneh-aneh, beda posting beda design, semua design "without image" alias tanpa image untuk design tapi pake skill css 3 customising.

Mulai itu ketertarikan dengan blogazine mulai mucul sobat ... Hal blogazine yang unik bukanlah terlalu kaku dalam merancangnya, tidak ada tema untuk blogazine, tidak ada tutor untuk membuat blogazine. Asal kita sudah kenal dengan bahasa template html kita gak perlu susah payah dalam ngeblogazine nantinya. Yang sulit hanyalah ketika membuat konsep style blogazine, nah kemarin saya sedikit "nyontek" desain punya mas-mas blogaziner yang udah handal, salah empatnya ya mas Amdhas, Andre, Rudy, dan Mas Randy, dia udah pandai banget desain blogazine. Lihat aja postingannya serba css, serba unik. Ingat ya postingan mereka gak cocok buat IE hihihi ,,, yang masih pake IE diupgrade ya ,,,

Sedikit bekal yang saya kumpulkan dan masuk dalam pikiran saya ingin sekali untuk saya share kepada sobat semua ... Walau bagaimanapun ngeblog bukanlah skill, cukup inspirasi saja untuk menjalaninya ... Sedikit kode html untuk biasanya dipakai pas ngeblogazine :

Membuat efek transisi
Bagi yang belum ngerti ini sedikit demonya ...

Sorot Kesini

Nah ada efek pergantian warna lambat kan ... Sobat tinggal menambahkan aja kode ini :
-webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out;
Itu yang di-bold waktu transisinya makin banyak, misal jadi 5s akan jadi makin lambat ...


Efek Gradien
Ini pasti udah ada yang banyak tahu jadi gak usah dikasih demonya ya ...
Sobat tinggal kasih kode ini :
-webkit-gradient(linear, left top, left bottom, from(#fff), to(#cccccc));background: -moz-linear-gradient(top, #fff, #cccccc);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#cccccc');
Kode warna #fff bisa diganti dengan warna semula ( warna atas ) dan kode warna #ccc bisa diganti warna gradiennya ( warna bawah ).


Efek Rotasi ( Putar )
Pernah liat widget-widget miring itulah fungsi kode kali ini, yaitu untuk memutar suatu obyek, langsung aja demonya :

 

Hehe jadi miring kan ...? Nah kode yang sobat perlukan cuman sedikit ... Berikut kodenya :
-moz-transform: rotate(7deg); -webkit-transform: rotate(7deg); -o-transform: rotate(7deg); transform: rotate(7deg);
Sedikit tambahan buat yang di-bold itu untuk menentukan derajat putaran, bisa diganti sesuai keiginan. Jika sobat menginginkan putaran berlawanan arah jarum jam, maka sobat tinggal nambahin "-" ( negative ) di depan angka tersebut ...

Garis Lengkung ( Radius )
Ini dia yang sudah banyak pada tahu, apalagi kalo bukan border radius ..... Ini dikit preview-nya ...

Radius Preview

Itulah kurang lebih ,,, Sobat tinggal nambahin kode yang sangat amat simpel :
border-radius:0 15px 0 15px;
Catatan dikit, angka " 0 15px 0 15px " adalah ukuran radius, dari kiri ke kanan melengkungkan garis : kiri-atas, kanan-atas, kanan-bawah, kiri-bawah.

Box Shadow
Ini sepertinya juga banyak yang udah tahu ... Dikit nih ada demonya :

Shadow Luar

Kode :
box-shadow: 0 0 17px #ffbd00;
Nah kalo shadownya ke dalam seperti ini ...

Shadow Dalam

Kodenya tinggal ditambahin " inset " jadi seperti ini :
box-shadow:inset 0 0 17px #ffbd00;
Untuk angka dan kode warna " #ffbd00 "dapat disesuaikan sobat sendiri-sendiri yah ...

Text Shadow
Udah box shadow sekarang text shadow kodenya cukup simple, hampir mirip ama box shadow tadi. Ini dia :
text-shadow:0px 3px 15px #828A8C;
" Jadinya seperti ini "

Untuk kode warna dan angka dapat disesuaikan ...


Efek Transparansi
Ini juga sepertinya udah pada tahu ,,, Nggak usah dikasih demo ya sobat ... Langsung ke kodenya aja ya sobat ...
filter:alpha(opacity=60); opacity:0.6;
Info dikit, yang di-bold seperti biasanya dapat diubah ,,,  Angka 60 dapat disesuaikan antara 10-100 dan 0.6 yang merupakan seperseratusnya ...

Okelah ,,, hehe cuman dikit ya ... Ya cuman itu saja yang saya bagi ... Harap maklum ya sobat ...

0
Membuat Strip Area di Blogspot Tanpa Edit HTML

 

Pernah tahu tentang " Strip Ads " ? Atau biasa disebut strip iklan yang dipasang melayang di blog. Strip seperti ini banyak gunanya, dapat untuk meletakkan iklan seperti yang sudah saya sebutkan di atas, bisa juga untuk meletakkan form berlangganan artikel blog. Dapat juga untuk membuat headline news blog. Nah, biasanya strip ads yang melayang akan memaksa pengunjung untuk meng-klik iklan tersebut, tetapi kali ini disertai dengan tombol CLOSE yang memungkinkan pengunjung untuk menutup iklan tersebut. Nah, kali ini yang akan saya share kepada sobat semua adalah membuat strip ads ini tanpa menggunakan edit HTML. Untuk lebih jelasnya seperti gambar diatas ( yang diberi kotak merah ). Langsung saja langkah-langkahnya :
  • Masuk ke Rancangan > Elemen Laman
  • Kemudian klik Tambah Gadget
  • Pilih HTML / JavaScript
  • Kemudian masukkan kode berikut :
<style>
#strip-area-s-rooms {
color:#333;
padding:0px;
z-index:1001;
height:25px;
position:fixed;
}
</style>

<div id="strip-area-s-rooms">

<div style="position:fixed;background:#fff url(http://4.bp.blogspot.com/-P28CK-mQknk/TvbS2EsvDEI/AAAAAAAAAxI/g_BPtN76D94/s1600/bg_shadow.png) repeat-x top; border-bottom:1px solid #e3e3e3;top:0px; height:25px; right:0px; left:0px; text-align:center; text-shadow: 0px 0px 3px #A7A7A7; padding-top:7px; font:bold 14px Arial;">

<!--KODE-KODE/TEKS HTML ANDA-->

<div style="position:fixed;top:5px; right:10px; cursor:pointer;"><a onclick="getValue()"><img src="http://icons.iconarchive.com/icons/deleket/button/16/Button-Delete-icon.png" /></a></div>

</div>


<script type="text/javascript">
function getValue()
{
document.getElementById("strip-area-s-rooms").style.display = 'none';
}
</script>


</div>

Untuk menyesuaikan dengan kebutuhan sobat, bisa diatur lebarnya " height " ( kuning ) dan " background " ( merah ). Klik Simpan. Selesai ...

Sekian tips tutor kali ini semoga bermanfaat bagi sobat semua ... Happy blogging :)

4
Transformer " Bajaj " Animasi Buatan Indonesia

 

Kali ini anak bangsa kita telah berhasil menciptakan sebuah animasi dengan nama " Transformer 4 Made In Indonesia " Film ini masih dalam bentuk shot version yang rencana nantinya akan dibuat babak keduanya pada 2012 ini. Film animasi buatan " Lakon Animasi " berdurasi 4 menit 13 detik ini telah dilihat orang kurang lebih sebanyak 19.167 kali sampai saat ini.

Animasi ini menceritakan sebuah armada luar angkasa yang akan mendarat ke bumi, pada saat itu hiruk-pikuk keadaan di pasar, pagi hari yang damai, dengan backsong " Perdamaian " pembuka seorang kakek tua yang sedang membeli makan sambil membaca koran, di sebuah warung dengan penjualnya yang gemuk, sambil menyetel radio, tiba-tiba radio itu mati, disusul dengan guncangan yang dahsyat, sampai semua berantakan.

Orang-orang berlarian dan terus menatap langit, mereka menyaksikan peristiwa yang aneh, terlihat obyek besar berputar, berbentuk bundar yang kala itu memporak-porandakan bumi. Kemudian disusul dengan sinyal aneh, serenak angkutan umum, termasuk bajaj, kopaja, berubah menjadi robot-robot. Berikut video-nya



Semoga babak kedua film ini segera mucul, dan dibuat full film-nya ... :) Kalo sobat blogger ada yang udah tau babak ke dua nya kasih tau ya .....

6
Maaf, Google Tidak Membutuhkan Artikel Kalian !

 

Ternyata, tahukan sobat semua, bahwa search engine Google, tidak membutuhkan postingan kalian. Yang dimaksud disini ialah artikel yang banyak sobat temui biasanya bersifat monoton, misal tips-trik tutorial, yang sudah membeludak di internet. Ada tutor tentang " Membuat Buku Tamu Tersembunyi " Nah, misal kita sangat terinspirasi oleh salah satu tutorial yang kita temui di blog orang.

Karena saking kagumnya, si penemu posting tutor itu kemudian mempublish kembali tips-tutor yang ia temukan sebelumnya. Dikarenakan mereka belum tahu bahwa Google tidak butuh lagi artikel yang sama itu. Bahkan sampai saat ini masih aja yang posting tutor itu, dengan style yang sama lagi, alias copas mentah. Parah bukan ?

Karena banyaknya artikel yang isinya itu-itu saja, Google menjadi tidak imbang menerima, dan isinya itu itu saja. Banyak juga blogger yang nulis tutor, tapi pas ditanya sama reader-nya, jawabnya gak tahu. Karena mereka memposting artikel asal-asalan yang tidak sesuai dengan kemampuannya ...

Di lain sisi Google juga masih sangat amat membutuhkan artikel kalian, yang lain, yang tidak itu-itu saja, yang beda. Misal, artikel tentang pendidikan, kesehatan, tapi artikel-artikel yang Google butuhkan tak kunjung tiba untuk diindeks-nya. Kenapa Google membutuhkan artikel sobat ? Masalah utama untuk menyingkirkan blog-blog sampah sekelas AGC ( Auto Generated Content ) yang bikinin kisruh.

12
Membuat Font Sizing Button di Halaman Posting

 
Kali ini, di sore dengan cuaca yang kurang bersahabat ini, sambil ngadep kopi anget, sambil posting tips tutor ini. Yap, langsung aja sobat. Kali ini S-rooms akan berbagi tutorial membuat font sizing button. Tepatnya di halaman posting blog ( di bawah judul blog ). Mungkin sobat blogger lain sudah pernah menuliskan tutorial ini. Tapi kali ini akan saya post sendiri. Untuk demonya lihat gambar di atas !

  •  Login dulu ke akun Blogger sobat
  • Pilih Rancangan
  • Edit HTML ( Jangan lupa centang )
  • Kemudian sisipkan kode di bawah ini di atas kode ]]></b:skin>
#resizeFontbtn{<br /> text-align:right;<br /> margin-right:10px;<br /> }
  • Kemudian selipkan lagi kode di bawah ini di atas kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(function(){
$(&#39;input&#39;).click(function(){
var ourText = $(&#39;#content-wrapper&#39;);
var currFontSize = ourText.css(&#39;fontSize&#39;);
var finalNum = parseFloat(currFontSize, 10);
var stringEnding = currFontSize.slice(-2);
if(this.id == &#39;large&#39;) {
finalNum *= 1.1;
}
else if (this.id == &#39;small&#39;){
finalNum /=1.1;
}
else if (this.id == &#39;reset&#39;){
finalNum =13;
}
ourText.animate({fontSize: finalNum + stringEnding},500);
});
});
</script>
  • Terakhir, sobat ! Selipkan kode di bawah ini di atas kode <div class='post-header'>. Jika ada dua kode, gunakan kode <div class='post-header'> yang atas.
<div id='resizeFontbtn' style='width:99.5%; height:20px;'><div style='background:#FFBD00; border-radius:3px 3px; -moz-border-radius:3px 3px 3px 3px;  -khtml-border-radius:3px 3px 3px 3px;  -webkit-border-radius:3px 3px 3px 3px;  border-radius:3px 3px 3px 3px; padding:2px; width:99.5%; height:20px; font-weight:bold; text-align:center; font-size: 12px; font-family: &quot;Trebuchet MS&quot;,sans-serif;'><input id='small' style='font-family: Arial,Helvetica,sans-serif; border:0px solid #fff; cursor:pointer; border-radius:3px 3px; -moz-border-radius:3px 3px 3px 3px;  -khtml-border-radius:3px 3px 3px 3px;  -webkit-border-radius:3px 3px 3px 3px;  border-radius:3px 3px 3px 3px; ' type='button' value='-'/> <input id='reset' style='font-family: Arial,Helvetica,sans-serif; font-size:normal; border:0px solid #fff; cursor:pointer; border-radius:3px 3px; -moz-border-radius:3px 3px 3px 3px;  -khtml-border-radius:3px 3px 3px 3px;  -webkit-border-radius:3px 3px 3px 3px;  border-radius:3px 3px 3px 3px; ' type='button' value='N'/> <input id='large' style='font-family: Arial,Helvetica,sans-serif; border:0px solid #fff; cursor:pointer; border-radius:3px 3px; -moz-border-radius:3px 3px 3px 3px;  -khtml-border-radius:3px 3px 3px 3px;  -webkit-border-radius:3px 3px 3px 3px;  border-radius:3px 3px 3px 3px; ' type='button' value='+'/></div></div><br/>
Selesai ! Tinggal Simpan Template. Kemudian lihat hasilnya ! Sekian sobat, selamat mencoba ! Semoga berhasil !

2
Facebook Tetapkan Pengguna Gunakan Timeline View

 

Facebook telah mengumumkan bahwa kebijakan barunya saat ini akan menetapkan " Timeline View ". Namun sebelum ketetapan ini Facebook telah mengumumkan telah meluncurkan fitur-fitur baru mereka.

Pada Desember 2011 lalu, Facebook telah merilis dan mempersilahkan penggunanya untuk mencoba fitur baru ini. Fitur baru Timeline ini dapat mengulas lebih lanjut dari pertama kali si pemilik akun Facebook bergabung, sampai aktivitasnya sampai detik ini.

Tampaknya, tidak semua orang yang suka dengan tampilan ini, ya selain beberapa fitur ditiadakan, Timeline View ini terkesan berantakan, ya tapi memang lengkap sih ...

Sebelumnya pengguna akan mendapatkan pesan " Get Timeline " pada halaman profil mereka. Namun Facebook tampaknya juga mengerti bahwa harus ada kemantapan dari penggunanya, maka Facebook memberikan waktu selama 7 hari kepada anda untuk sekedar mencoba fitur ini ( review ), sebelum dipublikasikan secara tuntas.

Tapi perlu diingat. Setelah masa review Timeline View selesai anda tidak memiliki jalan untuk berpindah ke tampilan lama Facebook.

Dikutip: http://edho-xp.blogspot.com/2012/01/facebook-paksa-pengguna-gunakan.html