Mereund Blog

Home » All posts

Resep Mengedit Script Followers

Melengkapi tutorial sebelumnya pada tulisan

Customized tampilan "Blogger Followers", kali ini saya mencoba berbagi
resep mengedit script pada Followers. Langung ke topik aja ya..saya ambil
contoh mudahnya, seandainya anda kurang sreg dengan tampilan judul text link
pada default Followers, anda bisa mengubahnya dengan kalimat anda sendiri,
selain itu, anda juga bisa melakukan hidden text pada judul link jika memang
diperlukan.

Untuk lokasi scriptnya, silahkan sesuaikan pada kode
warna hijau, kemudian cukup dengan merubah kode
yang saya tandai dengan warna merah dibawah ini.
Silahkan dicoba :)

Mengganti tulisan Follow This Blog

Mengganti tulisan View All

Menghapus Pesan (jumlah) Followers

Mengganti Tulisan Stop Following

Mengganti Tulisan Manage

Mengganti Tulisan Jika belum ada Followers

Ada kalanya anda tidak ingin menampilkan informasi Jumlah
Followers pada title, atau mungkin anda ingin menghapus beberapa judul text link
pada Followers yang dirasa kurang nyaman untuk ditampikan. Entah dasar apa anda
ingin menghapusnya, menurut saya, link ini tidak terlalu mengganggu.
Tapi jika anda menginginkannya, anda tinggal menghapus semua kode yang ditandai
dengan warna hijau dibawah.

Menghapus (jumlah) Followers

Menghapus Link Manage

Hapus link Follow this blog

Menghapus Link Stop following

Menghapus Title (jumlah) Follower Count

Sebelum mencoba hack kode diatas, disarankan untuk membackup template anda terlebih dahulu. Ok selamat mencoba,
happy blogging with o-om.com

Customized tampilan "Blogger Followers"

Customized Blogger Followers - Terus terang, saya kurang nyaman dengan tampilan
standar

Blogger Followers. Bila anda perhatikan, terlihat link menu Follow this
blog yang berada diatas, kemudian diikuti informasi jumlah followers dan
link View all dibawahnya. Sekilas memang tidak terlalu mengganggu,
tapi namanya juga selera, tentu saja terasa ada yang kurang.

Jika anda
sependapat dengan saya, tidak ada salahnya untuk mencoba memodifikasi tampilan
standar Followers ini agar nampak lebih manis. Jika Followers anda belum support di mode indonesia, silahkan klik

disini untuk cara
menampilkanya.

Lihat sample modifikasi tampilan
dibawah:

Anda bisa melihat perubahan diatas, dimana link tertata rapi,
serta sedikit sentuhan border (garis tepi) pada setiap photo.

Bila anda pada area mode sedang login, link Manage akan tetap pada
posisi menggantikan Link View All. jadi jangan kuatir pada
perubahan kodingnya :)

Mari kita coba memodifikasinya:

Untuk menambahkan border (garis tepi) pada gambar, pertama
masuk halaman Edit HTML, kemudian copi-paste semua
kode CSS dibawah, Sebaiknya letakan kode tersebut dibawah kode
<b:skin><![CDATA[

/* Follower (Modified by o-om.com)

----------------------------------

*/

.follower-grid {width:150px;}

.follower {width:32px; height:32px; float:left; margin:2px;}

.follower-img {float: left; border:1px solid #222; margin-top: 2px;
margin-right: 2px; margin-bottom: 2px; margin-left: 2px;}

.follow-this {margin:0.5em 0.5em 0.5em 0; font-weight:bold;}

.followers-canvas {margin:0.5em 0.5em 0.5em 0; font-weight:bold;}

Jangan lupa simpan dulu perubahan diatas. (Sebenarnya kode
CSS diatas bisa anda modifikasi sesuai keperluan, jadi saya masukan saja kode
CSS Followers secara lengkap jika suatu waktu anda ingin memodifikasinya)

Kita lanjutkan mengedit kode utamanya, disini agak rumit
karena akan banyak kode yang harus anda perhatikan.

Pertama tuju ke halaman Edit HTML,
jangan lupa beri tanda centang pada Expand Widget
Templates, Kemudian cari kode tercetak tebal sesuai warna
hijau di bawah ini:

<b:widget id='Followers1' locked='false' title='ini
sesuai dengan title masing-masing'
type='Followers'>

<b:includable id='main'>

<b:if cond='data:title != ""'>

<h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>

</b:if>

<div expr:id='data:widget.instanceId + "-wrapper"'>

<b:if cond='data:followingLinkPresent'>

<div class='follow-this profile-link item-control following-follow-this'>

<a expr:href='"javascript:_FollowersView._openPopup(\"" +
data:followUri + "\");"'>

<data:followThisMessage/>

</a>

</div>

<div class='follow-this profile-link item-control
following-stop-following-this'>

<a expr:href='"javascript:_FollowersView._openPopup(\"" +
data:followUri + "\");"'>

<data:stopFollowingMessage/>

</a>

</div>

</b:if>

<div class='followers-grid'>

<b:if cond='data:totalFollowerCount == 0'>

<div class='profile-link item-control following-follow-this'>

<data:emptyFollowersMessage/>

</div>

</b:if>



<b:loop values='data:followers' var='follower'>

<div class='follower'>

<a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName'
rel='nofollow'>

<img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight'
expr:onerror='"this.onerror=null;this.src=\"" +
data:anonFollowerImageUrl + "\";"' expr:onload='"setAttributeOnload(this,
\"src\", \"" + data:follower.imageUrl + "\")"'
expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/>

</a>

</div>

</b:loop>

<div class='clear'/>

</div>

<div class='followers-canvas profile-link'>

<data:followersFooterMessage/>

<span class='item-control following-not-admin'>

<a expr:href='data:followersUri'>

<data:viewAllMessage/>

</a>

</span>

<span class='item-control blog-admin'>

<a expr:href='data:manageFollowersUri'>

<data:manageFollowersMessage/>

</a>

</span>

</div>

Kemudian ganti semua kode warna merah diatas,
dengan melakukan (copy-paste) kode warna merah yang
sudah saya modifikasi dibawah ini:

Kemudian simpan pekerjaan anda, dan silahkan lihat perubahannya.

Jangan lupa untuk mem-follow blog oom

disini atau anda bisa melihat siapa saja yang sudah bergabung di followers
oom

disini. Good Luck ya :)

ChromiFox: Theme Firefox rasa Google Chrome

Theme Firefox rasa Google Chrome - Ingin menghadirkan theme
dengan nuansa Google Chrome di Firefox anda? yup, Add-ons yang dikembangkan oleh
ChromiFox ini, sudah bisa anda coba untuk menggantikan theme standar
Firefox anda. Sangat disayangkan, theme multi platform pada tiga Sistem
Operasi ini hanya support pada Firefox 3. Kapan hadir untuk Flock ya? ya sudah, silahkan mengunduh addons-nya

disini

Agar "Followers" support di mode Indonesia

Informasi terbaru pada

Blogger Buzz mengatakan, saat ini

Blogger Follower sudah tersedia pada semua versi English. Lalu, gimana nasib
di mode indonesia, belum bisa dong? jangan khawatir, anda juga bisa mencobanya,
caranya cukup mudah, anda tinggal nge-set saja mode bahasanya ke pilihan English
pada halaman Dashboard, kemudian set juga pilihan English pada halaman
Settings - Formatting - Language (bahasa)...beres :) Jangan lupa ya untuk mem-follow
blog oom

disini atau siapa saja yang sudah bergabung di followers oom

disini. Good Luck :)

Say hello to Agusramadhani.com

Hari ini mencoba launching blog versi english di
Agusramadhani.com.
Mengenai kualitas konten, saya usahakan tetap orisinil, karena sebagian besar
memang merupakan translate dari tulisan terdahulu di o-om.com.

Rencana awal sebenarnya mencoba sendiri melakukan translate. Namun apalahdaya, karena keterbatasan waktu
dan bahasa inggris saya yang terbilang dodol, mau gak mau tetap menggunakan
jasa yang sudah saya percaya bersedia membantu menyelesaikan tugas ini. Semoga
saja dalam waktu dekat semuanya sudah terselesaikan. Amin

Silahkan sambangi aja langsung ke
Agusramadhani.com.
Jangan lupa juga berlangganan artikel via
RSS Feed
disana, karena hampir setiap hari akan ada artikel-artikel terbaru yang siap
anda santap *makanan kali* hehehe :)

Theme pilihan untuk Google Chrome

Google Chrome Theme - Walaupun perubahan Theme pada Google Chrome
belum ada layaknya plugin Mozilla, berdasarkan informasi yang saya ketahui,
ada beberapa Thirt Party Developer yang sudah melirik untuk
mengembangkannya. Theme Gratis ini sebenarnya bukan layanan resmi dari Google, namun
tidak ada salahnya anda juga mencobanya. Cara mengganti theme pilihan ini
juga terbilang mudah, anda cukup melakukan swapping file default.dll
pada folder theme yang ada pada path Google Chrome anda.

Untuk pilihan theme, bisa anda download pada link dibawah:

Mac Theme |

Download

Orange Theme |

Download

Army Style |
Download

Gold Theme
|
Download

Dark Theme
|
Download

Green Theme
|
Download

Black Theme
|
Download

FireFox 3 Theme
|
Download

Aqua Theme
|
Download

Intruksi Installasi:

1. Download salah satu file diatas.

2. Kemudian Extact file .rar tersebut.

3. Jalankan Windows Explorer anda, kemudian tuju pada folder directory dibawah:

Window Vista:

C:\Users\USERNAME\AppData\Local\Google\Chrome\Application\0.2.149.27\Themes

Windows XP:

C:\Documents and Settings\USERNAME\LocalSettings\AppData\Google\Chrome\Application\0.2.149.27\Themes

4. Extrak file Default.DLL yang sudah ada download pada folder direktori
diatas (sebelum melakukan swapping Default.DLL, ada baiknya anda
melakukan backup terlebih dahulu pada file Default.DLL yang lama)

5. Kemudian jalankan Chrome anda dan lihat perubahannya. Selamat Mencoba :)

Feed Subscription Box Bernuansa Kartun

Tampilan blog ini terlihat minimalis, lucu dan menggemaskan. Dengan
sentuhan bernuansa kartun, ketika anda mengunjunginya, anda pasti akan
berdecak kagum pada desain templatenya. Tapi kali ini saya tidak membicarakan panjang lebar pada desain
template, perhatian saya lebih tertuju pada desain Feed Subscription
Box-nya yang membuat saya gemes ingin mencicipinya (makanan kali) hehehe. Penasaran? Lihat sample desainya pada gambar
dibawah.

Gimana, tertarik untuk membuatnya?

Blogger kartunis yang saya kenal bernama Doug Cloud, ternyata berbaik
hati membuatkan tutorialnya. Jika anda bosan dengan tampilan milik anda saat ini,
kenapa tidak mencoba membuatnya. Dengan sedikit sentuhan, anda pasti bisa
memodifikasinya agar lebih manis dan nampak berbeda. Penasaran, Segera sambangi tutorialnya

disini

Oh iya, sebagai tambahan, tutor ini tidak hanya untuk
Feedburner
Subscribtion Box saja, anda bisa juga mengkreasikannya pada box subscribtion
Feedblitz.

Kalau masih bingung dengan kodingnya, bisa tanya saya di kolom komentar. Selamat mencoba :)

Download Web Browser Google Chrome (BETA)

Setelah ditunggu-tunggu, hari ini, rilis Google Chrome (beta version)
sudah bisa anda download
disini. Google Chrome merupakan browser yang dibuat dengan
desain praktis agar Anda dapat mengakses Web dengan lebih cepat, mudah, dan
aman. Untuk informasi selengkapnya mengenai kelengkapan fitur dari Google Web Browser ini bisa anda baca

disini

Jika anda tertarik untuk melihat Google Chrome di interpretasi berbentuk komik mengenai keputusan
keinsinyuran dari Scott McCloud, bisa menyimaknya
disini.

Resep Mengedit Script Followers

Customized tampilan "Blogger Followers"

ChromiFox: Theme Firefox rasa Google Chrome

Agar "Followers" support di mode Indonesia

Say hello to Agusramadhani.com

Theme pilihan untuk Google Chrome

Feed Subscription Box Bernuansa Kartun

Download Web Browser Google Chrome (BETA)

Popular Posts

Arsip Blog

Label Blog

Total Pageviews

- Mereund Blog