Template ini merupakan request dari seorang teman, yang minta template kaya grafisae.com, ya akhirnya saya modif warnanya dan jadilah seperti ini. Dengan warna hitam mendominasi,

Disini kita akan memodifikasi Link Newer Post (Postingan Baru), Home dan Older Post (Postingan Lama) yang biasanya terletak dibawah postingan.

Tips kali ini berbeda dengan tips yang sudah ada karena di sini kita hanya perlu menambahkan kode CSS, tanpa harus mengubah/menambahkan kode HML (tidak usah 'Expand Widget Templates')yang biasanya cukup membingungkan bagi sebagian orang.....

Berikut Langkah langkahnya :

• Login ke blogger
• Pilih Layout lalu pilih Edit HTML
• Cari kode CSS ini
  

#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right

• Kemudian hapus dan ganti kode CSS tersebut dengan CSS di bawah ini
  

#blog-pager-newer-link {float:right;}
#blog-pager-newer-link a {
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitPQ9WoAaPybcBOfc3REkgxge31dpGi4d_-BYElhuv2i7690egGl82-x9BQ-Swke8cRnP7ALSgt73ydFwRACmIAJrjc9qnhDQYtViuJGfi5XBMvwsZR7jQq9eEYP8j9TMT9MzZws7Mn3c/s400/kiri.png) no-repeat scroll center center;
display:block;
height:48px;
text-indent:-9999px;
width:48px;
}

.home-link {
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVD6UDSaFAsD7fn9NOqi-vS0jL8DZKiT-RH9RwneefAr1s7jeqcJ0ql8BAANF-14OCmrmuD6Tm7UYU3_kSBHO4LHHXlkDds_St35w35zgf7cz9VpFEJ78g43GY97ADXPstSFBW1eC2fIM/s400/home.png) no-repeat scroll center center;
display:block;
height:32px;
margin:0 auto;
text-indent:-9999px;
width:32px;
}

#blog-pager-older-link {float:right;}

#blog-pager-older-link a {
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ90NbTEak2RnwlvKrBeFr2JRvXkn8zTHYo16ZTJ5I2Oajw5fuRIiDm5WIQ_JiSl0UxUyu8sbaF8klljv5OLESQCK_9-0UmVXZ0-0jjiLHJOVMFpQE6Uqzin0iX_r0WnSDw1QLG9Wm8zQ/s400/kanan.png) no-repeat scroll center center;
display:block;
height:48px;
text-indent:-9999px;
width:48px;
}

• Simpan Template, dan lihat hasilnya.
• Selesai dan..... happy blogger.........

Keterangan:
Kode warna merah adakah url dimana kita upload gambar/ikon next,prev dan home, silahkan ubah sesuai selera (denngan gambar/ikon lainnya yang tentunya sudah anda upload)

Dari Judul di atas pastinya sudah bisa dimengerti, tapi saya jelaskan sedikit saja, Widget ini merupakan widget Recent Post yang disertai dengan Thumbnail, Definisi (summary), dan disertai juga tangal posting, jumlah komentar dan ..More (atau read more). Untuk lebih jelasnya lihat screenshot yang saya ambil dari gafisae di bawah ini atau bisa dilihat di sidebar blog ini.


Untuk memasangnya Cukup mudah, silahkan kunjungi bloggerplugins.org dan ikuti petunjuknya disana. Dan saya sarankan pakai metode yang kedua karena relatif mudah disamping 2 metode lainnya



Oke, selamat berblogger ria.....

Komunitas Blogger Tuban?

Sudah banyak komunitas para blogger indonesia khususnya kota kota besar di indonesia, ya maklum mereka sudah punya banyak blogger....Sedangkan di Tuban, kota kecil dimana aku dilahirkan, kecil pula jumlah bloggernya (semmmmmmmmmmoga itu tidak benar) karena semakin hari semakin bertambah jumlah blogger, baik itu pelajar, mahasiswa dll. Jika flashback kebelakang, dulu ketika saya masih di SMU, saya nggak pernah dengar yang namanya blog, ekstra kurikuler komputer pun saya nggak pernah aktif.

Kalo friendster ataupun facebook, saya yakin anak sekolah sekarang semuanya sudah punya........ Tapi kalau blog?

Memang sudah ada semacam blog community dari Tuban seperti di tubanblog.blogspot.com yang pernah mengadakan kontes blog (sayang cuma antar sekolah), dan SMKN 1Ttuban sebagai juaranya, untuk melihat para kontestan dan masing masing juaranya lihat di sini.
Tapi walaupun begitu juga patut diacungi jempol karena ternyata dari sekian banyak sekolah di Tuban, rata rata sudah mempunyai blog, bahkan web (dot com) dan saya juga merasa ikut senang apalagi SMP Negeri Soko(kecamatan aku) ternyata juga dot com (www.smpn1soko.com) dan masih banyak yang lainnya. Maju terus blogger Tuban...!!!!!!

Forum Blogger Tuban?

Semoga sudah ada Forum/wadah tempat tukar pikiran para blogger Tuban, sehingga dapat tercipta hubungan persahabatan antar sesama blogger. Dan kalaupun belum ada semoga ada yang mau bikin forumnya, hehehehe.....
Atau mungkin sudah ada barangkali?

Mungkin Sudah Banyak para master blog yang membahas tentang Random Post, Related Post By, Categories, Recent Post dll......... Di sini saya akan membahas juga tentang salah satu yang saya sebutkan tadi, yaitu Random Post yang memanfaatkan atau menggunakan widget dari www.linkwithin.com, tanpa memerlukan registrasi (Free. No ads. No signups. More) traffic.

Yang menarik dari widget ini adalah

• Menampilkan Posting di blog secara acak (Random)
• Thumbnail di setiap linknya
• Otomatis tampil di bawah Tulisan terakhir Postingan sebelum Link Label seprti di Blog ini (atau tergantung dimana kita meletakkan widget tersebut)
  
• Lihat contoh di blog ini.....

Untuk Memasangnya Silahkan Kunjungi www.linkwithin.com , di sana kamu akan melihat Form isian seperti ini



Nah di situ kita Tinggal Isi data data yang diperlukan seperti

• Alamat Email Kamu
  
• Alamat URL Blog atau Situs kamu
  
• Platform (Isi Blogger) karena di sini kita membahas tentang Blogspot)
• Color : Sesuaikan dengan Template Blog masing masing
• Pencet GET WIDGET....
  

Setelah itu Kita akan menuju halaman selanjutnya yaitu INSTALL WIDGET dan saya rasa semuanya sudah tau caranya..hehehehe......

Untuk mempercantik tampilan blog banyak sekali bermacam script dan CSS tambahan lainnya, dan salah satunya adalah dengan menambahkan fasilitas "Auto Zoom Image".Berbeda dengan image zoom lainnya (seperti fancy zoom yang atutorialnya da pada blognya kang rohman) yang menggunakan code java script, karena "Auto ZOom hanya perlu meambahkan kode CSS dan menambahatau merubah kode HTML-nya gambar atau image.

Sebelum kita membahas lebih lanjut, lihat demo di bawah ini (arahkan kursor di atas image)

Contoh Auto Zoom (by lothlorien)


Nah..sekarang ikuti langkah-langkah berikut:

Sig in di blogger dengan id sobat

Klik menu layout

Klik menu Edit HTML

Klik tulisan Download Template lengkap, silahkan save dulu template sobat, ini untuk mencegah resiko apabila terjadi kesalahan dalam melakukan kesalahan dalam proses editing template

Copy kode berikut, lalu paste tepat di atas kode ]]></b:skin>



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:#8cc545;
padding: 5px;
left: -1000px;
border: 2px solid #ffffff;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -50px; /*position where enlarged image should offset horizontally */

}

• Setelah itu simpan tempate (Save Template)

Langkah selanjutnya adalah cara posting gambar dalam postingan. Kita tetap upload gambar seperti biasa kita upload gambar waktu posting. Dan kode HTML standard blogspot adalah seperti di bawah ini :

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgseO4YS_pb3J_NIOASURip3GudFqqsYidCs9wlx5gkn4T1HiHLkQrwwFCxivCrlc47bgJQp3hIrqsBXEqYNf9rb2Cqq7zYilMnpLvyAJvOTnuzXjfSYlsh6SFmXgfFv5Xk1ZMB_ZnLqaA/s1600-h/moon_light2.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 328px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgseO4YS_pb3J_NIOASURip3GudFqqsYidCs9wlx5gkn4T1HiHLkQrwwFCxivCrlc47bgJQp3hIrqsBXEqYNf9rb2Cqq7zYilMnpLvyAJvOTnuzXjfSYlsh6SFmXgfFv5Xk1ZMB_ZnLqaA/s400/moon_light2.jpg" alt="" id="BLOGGER_PHOTO_ID_5358052155725858626" border="0"/></a>

• Kopi Paste kode di atas ke dalam notepad. Perhatikan kode warna MERAH (URL gambar1) dan Warna Hijau (Url Gambar2) karena kode tesebut yang nantinya akan kota kopi paste ke dalam kode di bawah ini.
  
• Selanjutnya ganti kode diatas dengan kode di bawah ini:

<a class="thumbnail" href="url gambar1"><img src="url gambar2"
border="0" height="70" width="100" /><span><img src="url gambar2" />keterangan gambar</span></a>

• Selanjutnya Kopi dan Paste kode Url gambar anda pada "url gambar1" dan "url gambar2"
• Keterangan Gambar adalah keterangan gambar anda
• pada kode height="70" width="100" adalah ntuk mengatur ukuran thumbnail.
• Selamat mencoba
  

Akhirnya setelah beberapa hari selesai juga pembuatan blog + template di blog My gallery baruku.Dengan tampilan dasar gelap (hitam) dengan kombinasi garis hijau danada efek daun berjatuhan... hehehe.... Penasaran? Tengok aja di sini


Blog ini hanya berisi gambar gambar, foto, image, wallpaper dalam berbagai kategori (maaf, sampai saat ini belum semuanya ada).
Dan tentunya hasil kreativitas saya dalam desain grafis juga ikut nampang di sana, seperti desain abstrak, manipulasi foto, dan ornament, yang semuanya itu adalah gambar gambar pada tutorial photoshop di web tutorial saya.

Setelah Facebook mengeluarkan Facebook chat kepada seluruh penggunanya. Sekarang, Anda dapat berbicara dengan teman Facebook Anda tanpa perlu menambahkan aplikasi Facebook apapun. Namun seperti kita ketahui, aplikasi berbasis web generasi baru tidak akan terbatas untuk hanya dipakai dalam browser saja dan tentunya Facebook juga bukan merupakan pengecualian. Ada beberapa cara untuk menggunakan Facebook chat di luar Facebook, yaitu:

• Adium>Adium baru-baru ini mengintergrasikan Facebook chat ke dalam versi beta dari IM client. Adium hanya untuk Mac OS X.

• Gabtastik >Gabtastik adalah sebuah Site Specific Browser (SSB) untuk layanan web chatMozilla's Prism project. Gabtaskit tersedia untuk Windows dan OS X.

• Digsby > Digsby merupakan multi-service instant messaging yang mendukung berbagai macam layanan seperti pada AIM, Yahoo Messenger, dan Google Talk hingga layanan social networking seperti Twitter, MySpace dan Facebook.

• Cara Bonus Cara lainnya untuk menjalankan Facebook chat diluar homepage situs tersebut adalah dengan menggunakan Pidgin IM client Facebook chat plugin. Atau walaupun Anda masih belum bisa menjalankan Facebook chat pada Windows Live messenger, Anda dapat menjalankan Windows Live Messenger pada Facebook dengan Live Messenger Facebook app.

Dengan Facebook Chat




















Silahkan pilih mana yang kamu suka... hehehehehe :D

Jika Pada postingan sebelumnya saya membahas tentang Ucapan Selamat Ulang Tahun dalam 161 bahasa, sekarang akan kita lihat bagaimaa ucapan "I Love You" dalam berbagai bahasa.

Berikut Ucapan "I Love You dalam berbagai bahasa :

Afrikaans - Ek het jou lief Albanian - Te dua Arabic - Ana behibak (to male) Arabic - Ana behibek (to female)
Armenian - Yes kez sirumen
Bambara - M'bi fe
Bangla - Aamee tuma ke bhalo aashi
Belarusian - Ya tabe kahayu
Bisaya - Nahigugma ako kanimo
Bulgarian - Obicham te
Cambodian - Soro lahn nhee ah
Cantonese Chinese - Ngo oiy ney a
Catalan - T'estimo
Cheyenne - Ne mohotatse
Chichewa - Ndimakukonda
Corsican - Ti tengu caru (to male)
Creol - Mi aime jou
Croatian - Volim te
Czech - Miluji te

Danish - Jeg Elsker Dig
Dutch - Ik hou van jou
Esperanto - Mi amas vin
Estonian - Ma armastan sind
Ethiopian - Afgreki'
Faroese - Eg elski teg
Farsi - Doset daram
Filipino - Mahal kita
Finnish - Mina rakastan sinua
French - Je t'aime, Je t'adore
Gaelic - Ta gra agam ort
Georgian - Mikvarhar
German - Ich liebe dich
Greek - S'agapo
Gujarati - Hoo thunay prem karoochoo
Hiligaynon - Palangga ko ikaw
Hawaiian - Aloha wau ia oi
Hebrew - Ani ohev otah (to female)
Hebrew - Ani ohev et otha (to male)
Hiligaynon - Guina higugma ko ikaw
Hindi - Hum Tumhe Pyar Karte hae
Hmong - Kuv hlub koj
Hopi - Nu' umi unangwa'ta
Hungarian - Szeretlek
Icelandic - Eg elska tig
Ilonggo - Palangga ko ikaw
Indonesian - Saya cinta padamu
Inuit - Negligevapse
Irish - Taim i' ngra leat
Italian - Ti amo
Japanese - Aishiteru
Javanese - Aku tresna sliramu
Kannada - Naanu ninna preetisuttene
Kapampangan - Kaluguran daka
Kiswahili - Nakupenda
Konkani - Tu magel moga cho
Korean - Sarang Heyo
Latin - Te amo
Latvian - Es tevi miilu
Lebanese - Bahibak
Lithuanian - Tave myliu
Malay - Saya cintakan mu / Aku cinta padamu
Malayalam - Njan Ninne Premikunnu
Mandarin Chinese - Wo ai ni
Marathi - Me tula prem karto
Mohawk - Kanbhik
Moroccan - Ana moajaba bik
Nahuatl - Ni mits neki
Navaho - Ayor anosh'ni
Norwegian - Jeg Elsker Deg
Pandacan - Syota na kita!!
Pangasinan - Inaru Taka
Papiamento - Mi ta stimabo
Persian - Doo-set daaram
Pig Latin - Iay ovlay ouyay
Polish - Kocham Ciebie
Portuguese - Eu te amo
Romanian - Te ubesk
Russian - Ya tebya liubliu
Scot Gaelic - Tha gradh agam ort
Serbian - Volim te
Setswana - Ke a go rata
Sign Language - ,,,/ (represents position of fingers when signing'I Love You')
Sindhi - Maa tokhe pyar kendo ahyan
Sioux - Techihhila
Slovak - Lu`bim ta
Slovenian - Ljubim te
Spanish - Te quiero / Te amo
Sundanese - Abdi bogoh ka anjeun
Swahili - Ninapenda wewe
Swedish - Jag alskar dig
Swiss-German - Ich lieb Di
Tagalog - Mahal kita
Taiwanese - Wa ga ei li
Tahitian - Ua Here Vau Ia Oe
Tamil - Nan unnai kathalikaraen
Telugu - Nenu ninnu premistunnanu
Thai - Chan rak khun (to male)
Thai - Phom rak khun (to female)
Turkish - Seni Seviyorum
Ukrainian - Ya tebe kahayu
Urdu - mai aap say pyaar karta hoo
Vietnamese - Anh ye^u em (to female)
Vietnamese - Em ye^u anh (to male)
Welsh - 'Rwy'n dy garu
Yiddish - Ikh hob dikh
Yoruba - Mo ni fe