Friday, August 9, 2013

How to Make an Awesome Blog




Assalamualaikum





Huwaah, TL di blog ane sepi banget kayak kuburan, pada kemana nih manusianya ?? .__. pada mudik yaa?? enaknya bisa liburan bareng keluarga, sedangkan ane sedih nih 3 hari lagi ane udah masuk sekolah lagi T___T bakal ketemu sama yang namanya tugas, pr, ulangan, (remedial, yang ini jangan deh *maunyaa*) yang banyak dan ane nggak bisa bermesraan dengan blog ane yang tercintrong ini lagi. 

Dan karenanya, mungkin ini akan menjadi entry terakhir saya untuk beberapa hari ke depan yang mungkin akan menjadi hari yang berat, melelahkan, dan menyibukkan, hikkss. Rasanya nggak ikhlas banget gitu yaa, huwwaaa.. Ekhemm, maaf membuat anda-anda sekalian ikut terlarut dalam cerita saya yang menyedihkan ini *lebay* ahaha.. Btw, beberapa bulan yang lalu ada yang nanya di cbox, buat yang nanya, maaf ya baru sempat menjawab pertanyaan mu sekarang, nih katanya :



Waduh, saya jadi malu dipuji gitu sama Yulia, ahaha. Padahal ane kan blogger karbitan. -__-  /blusshh..

Yaa, sebenarnya ane tuh bingung mau nge-jawab apa dari pertanyaan dia ini, karena dia cuma meninggalkan e-mail saja, jadinya saya nggak bisa nge-stalk dia deh, nyahaha..

Hmm, pertama yang mau saya tanggapi, untuk nge-design blog itu sebaiknya hasil kreativitas anda sendiri atau bisa juga mencari inspirasi di blog orang. Mungkin itulah manfaat dari ber-blogwalking (?). Kemudian untuk content blog, whatever lah kalian mau isi apa, tapi usahakan untuk  tidak menuangkan sesuatu yang monoton, buat topik yang menarik tiap harinya .

Nah, itu basicnya. Balik lagi ke design. Kalau ada yang kamu nggak ngerti masalah nge-desing blog dan muncul berbagai pertanyaan yang mengandung unsur 5W+1H di benak mu, maka ane akan kasih link blogger yang awesome menurut sepengetahuan saya, lengkap tutobies (Tutorial and Freebies) nya, dan semoga kamu bisa mendapat inspirasi setelah berkunjung ke blog mereka.

Pada awalnya, memang bakal agak bingung dengan beberapa istilah di dunia blogger seperti  ; freebies, header, footer, hover, blockquote, dll. Ini ilmu terpenting sebelum masuk ke tahap pengeditan dan juga untuk memperdalam pengetahuan mu tentang blog. Tapi asal kamu berniat sungguh-sungguh untuk mempelajarinya, insyaallah bakal paham aja kok, hhehe.

Maaf kalau penjelasan saya tidak dapat dipahami karena akreditasi berbahasa Indonesia saya yang buruk maybe (?) saya memang tidak berbakat menjadi guru ataupun dosen, muahaha *padahal lu 100% Indonesia -__-*
Oke deh, cekidot yaw 


Kumpulan Awesome Blogger (Versi Saya) :





Oh ya, kamu bisa refer ke sini untuk mempelajari istilah-istilah di blog. Dan buat kamu yang masih newbie dan pengen blognya cantik tapi belum bisa ngedit sendiri, bisa testing skin buatan ane dulu nih sebagai kelinci percobaan dalam tahap belajar mengedit, muahaha. Ini pertama kalinya ane bikin skin. Ternyata capek dan pegel juga ya nge-bikin skin itu, ane yang karbitan begini mau tidak mau harus mengorbankan banyak waktu buat ngebikinnya -__-

Yaa, walaupun banyak ngopas kode dari orang yang sudah berpengalaman juga, tapi ane udah mengubah sedikit kok, jadi nggak bakal sama persis. Lagian ane juga udah cantumkan semua kode yang ane copas ke si empunya di credits section  Oleh karenanya, buat kalian yang mau menggunakan skin ini, dimohon dengan sangat untuk tidak menghapus bagian credits section, please respect us, and don't be ripper !*no offense*

Kemudian, sebelum ane perlihatkan preview-nya, ane mau ngasih tau, kalo ada bagian seperti followers widget dan cbox yang hanya berupa gambar. Tapi, ane juga udah kasih link untuk melihat tutorial menambahkan followers widget maupun sign up di cbox dengan meng-klik gambarnya. Sekian, please enjoy this skin and hope you like it 











Tutorial : Comment Box Style




Assalamualaikum





Request from Arrien, thanks for req yaa   Btw,  nih katanya :



STEPS :

1. Cari code ini di template mu :
/* Posts
2. Kemudian copy code ini di bawah nya :




.comment-content{

background:#FFFBFB;
padding:10px;
-moz-border-radius-bottomright: 50px;
-moz-border-radius-topright: 50px;
color:#666;}


h4{
background:#FFD7D7;
text-align:center;
color: #FF7070;
text-shadow:2px 2px 3px #888;
font:30px ttn !important;}
@font-face{
font-family:ttn;
src:url(http://static.tumblr.com/dep4vzc/82Km8jmz4/tutano_cc_v2.ttf);
}


@font-face {
font-family: 'Grand Hotel';
font-style: normal;
font-weight: 400;
src: local('Grand Hotel'), local('GrandHotel-Regular'), url(http://themes.googleusercontent.com/static/fonts/grandhotel/v1/NrGQkrs9rbHm5EYx0Eil0obN6UDyHWBl620a-IRfuBk.woff) format('woff');
}



.comment-block{background-image: url('http://i.imgur.com/UbExa.gif');
padding:10px;
border:3px dotted #F6B1B1}

.avatar-image-container{background:#FFD7D7;padding:5px;border-radius:50%;}

.avatar-image-container img{
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
border-radius:30px;}
.avatar-image-container img:hover{
-webkit-transform: rotate(-360deg);-webkit-animation: shake 1.5s alternate ease-in;-moz-animation: shake 4500ms alternate infinite linear;}

.datetime{
background:#F6FCFF;
padding:8px;
float:right;
border-radius:30px;
font-family: Century gothic;
font-size: 10px;
margin-top:10px;}


.secondary-text{
padding:8px;
background:#F6FCFF;
border-radius:30px;
font-family: Century gothic;
font-size: 10px;
float:right;
border:2px solid #FFB0B3;
}


.deleted-comment {
font-style:italic;
color:gray;
}



3. Preview, if doesn't erorr then save.


*ADJUST CODES :

*MERAH : Ganti dengan warna mu.

*JINGGA : Ganti dengan URL gambar mu.

Credit : Yura.  




Thursday, August 8, 2013

Kamus Blogger




Assalamualaikum





Saya sekeluarga mengucapkan selamat hari raya idul fitri,  minal a'idzin wal fa'idzin, mohon maaf lahir batin yaa  Btw, ada yang kangen sama aku nggak ? *ngarep* muahaha, abaikan. 

Nah, karena saya udah lumayan lama vacuum dari blogging, kali ini saya ingin sharing mengenai istilah-istilah yang sering dijumpai dan digunakan oleh para blogger. Yap, berikut saya persembahkan kamus blogger atau Blogger's dictionary ini bagi para newbie, disimak baik-baik yaa, hhehe 

Kamus Blogger ( Versi saya ) :


1.  Affiliates / dar(Links).


Adalah postingan khusus yang berisi daftar teman-teman blogger yang bersedia bertukar (exchange) links maupun banner dengan kita.


2.  Bagian-bagian elemen di dalam blog.


Klik judul di atas untuk mengenal bagian-bagian elemen dalam blog.


3.  Banner.


Adalah identitas sebuah blog atau website. Berfungsi sebagai media iklan, promosi, publikasi, menjalin persahabatan dan berbagai kepentingan lainnya. Banner berbentuk tulisan atau gambar yang mengandung link untuk menuntun ke halaman website yang dipromosikan.


4.  Bias.


Adalah istilah yang biasa digunakan para Kpopers untuk menunjukkan idola yang disukainya.


5.  Blockquote.


Adalah sebuah blok yang dilakukan di sebuah kata/kalimat/paragraf yang dianggap penting dengan tampilan latar berbeda warna dari latar asli blogger itu sendiri. Misalnya saja kalimat peringatan/pengumuman, kode-kode html, atau yang lain.


6.  Blogskin.


Adalah sebuah website yang menyediakan berbagai macam template atau tema untuk blogger, wordpress, dan situs situs blog lainnya. Bedanya, template yang disediakan lebih cenderung berpenampilan seperti tumblr.


7.  Blogwalking (BW).


Adalah suatu aktivitas dimana kita mengunjungi blog-blog lainnya dalam rangka silaturahmi, mencari atau menambah ilmu, dan ini menjadi metode terbaik untuk menaikkan traffic pengunjung.


8.  Cbox / tagboard / shoutmix.


Adalah suatu website yang menyediakan layanan chat dan digunakan sebagai buku tamu atau peninggal jejak (pesan) yang dapat kita pasang di blog, website, forum,  dan sebagainya.


9.   Dashboard (Dash).


Adalah tempat bagi kita selaku admin untuk mengontrol semua aktivitas blog kita.


10.   Doodle.


Gambaran-gambaran yang menyerupai anime chibi dalam animasi Jepang. Berfungsi sebagai penghias dan pemikat saja.



11.  Freebies.


Adalah sesuatu yang gratis untuk di download. Biasanya berupa suatu karya yang bertujuan untuk mempercantik blog, atau bisa juga sebuah website bermanfaat yang bertujuan sama (?). Contoh nya : font, doodle, icon, background, cursor, smiley (sticker), header, skin (template), brush photoshop, dan lain-lain.


12.  Giveaway (GA) / segmen.


Adalah suatu event yang diadakan beberapa blogger untuk bersama-sama mengumpulkan produk sebagai hadiah, lalu diberikan secara gratis kepada orang-orang yang terdaftar sebagai member di event tersebut dengan syarat tertentu.


13.  HTML (HyperText Markup Language).


Adalah sebuah bahasa standar yang digunakan oleh browser Internet atau kode yang sangat berperan dalam mempercantik blog.


14..  Hover.


Adalah efek atau perubahan yang terjadi apabila kursor kita mengarah pada suatu objek seperti text / link / gambar, dll.


15.  Navigation.


Merupakan sekumpulan menu yang disuguhkan di dalam blog (?).


16.  Scrollbar.


Adalah sebuah kotak yang dapat digulung ke kanan atau ke bawah sehingga kita dapat menemukan isi yang tersembunyi.


17.  Template.


Adalah pola dari sebuah website yang sudah didesain dan disiapkan jadi, tinggal pakai, tinggal edit sedikit lalu upload maka website sudah jadi dan bisa dinikmati oleh banyak orang. Pada umumnya ada 2 jenis template yaitu blogskin yang diambil dari website blogskin.com dan template designer.

Perbedaannya terdapat dalam penggunaan kode HTML dan CSS. Jika blogskin terbilang mudah, sedang designer tergolong susah. Namun itu relatif saja, misal terbiasa menggunakan blogskin, maka saat menggunakan designer akan terasa sulit, begitu sebaliknya.


18.  Tutobies.


Gabungan antara tutorial dan freebies.


19.  Tooltips.


Adalah kotak yang menampilkan informasi dari link anda ketika cursor mouse berada tepat di atasnya.


20.  URL (Uniform Resource Locator).


Adalah rangkaian karakter menurut suatu format standar tertentu, yang digunakan untuk menunjukkan alamat suatu sumber - seperti dokumen dan gambar - di Internet.



SUMBER  : Disadur dari berbagai sumber.



Sekian yang saya ketahui seputar dunia blog. Semoga anda dapat memahami penjelasan di atas. 




This entry was posted in