Showing posts with label Edit Kode Template. Show all posts
Showing posts with label Edit Kode Template. Show all posts

Cara Menampilkan Iklan Di Bawah Judul Postingan - Trik Iklan Tampil di Atas Post

Cara Menampilkan Iklan Di Bawah Judul Postingan - Trik Iklan Tampil di Atas Post. Setelah beberapa waktu yang lalu, kita telah membahas cara menampilkan iklan di bawah postingan, lalu juga menampilkan iklan melayang/floating di blog kita, maka selanjutnya kita akan membahas cara menampilkan iklan di bawah judul postingan atau di atas postingan itu sendiri.

Ngomong-ngomong tentang kegunaan trik ini? Tidak lain untuk meningkatkan jumlah klik iklan sobat, secara tidak langsung juga membantu meningkatkan pendapatan sobat dari iklan tersebut.

Bagi teman-teman yang sudah tidak sabar untuk memperaktekkannya, silahkan simak langkah-langkah berikut:

1. Silahkan login ke akun blogger sobat seperti biasa
2. Klik tab rancangan
3. Lalu kliklah menu edit HTML dan jangan lupa centang kotak "Expand template widget"
4. Sekarang carilah kode <div class='post-header-line-1'/> jika sobat tidak menemukannya di template sobat, silahkan cari kode <data:post.body/>
5. Sampai di sini, sobat bisa memutuskan iklan apa yang ingin ditampilkan - sebenarnya bisa apa saja, termasuk iklan PPC seperti kumpulblogger.com
6. Silahkan untuk mengkopi paste kode berikut ke template sobat
<b:if cond='data:blog.pageType == &quot;item&quot;'>

KODE IKLAN SOBAT DI SINI

</b:if>
Pada tulisan "Kode iklan sobat di sini" bisa sobat ganti dengan kode script iklan yang sobat miliki.
7. Sekarang letakkan kode pada langkah [6 ], di atas salah satu kode yang telah sobat temukan pada langkah [4 ], sehingga formatnya menjadi seperti berikut:
<b:if cond='data:blog.pageType == &quot;item&quot;'>

KODE IKLAN SOBAT DI SINI

</b:if>
<div class='post-header-line-1'/>

Atau

<b:if cond='data:blog.pageType == &quot;item&quot;'>

KODE IKLAN SOBAT DI SINI

</b:if>
<data:post.body/>

8. Sekarang silahkan untuk mengklik tombol "Simpan Template"

SELESAI!!!!

Sekarang sobat sudah bisa melihat hasil kerja sobat. Silahkan untuk mengunjungi blog sobat sendiri, dan cobalah untuk mengklik postingan/judul postingan mana saja yang sobat miliki, maka nanti di setiap bagian bawah judul postingan sobat akan tampil iklan yang sobat pasang.

Semoga bermanfaat_

Tags: Cara pasang iklan bawah judul postingan, iklan tampil di setiap post, iklan muncul di atas postingan, bagaimana cara iklan bawah judul post, agar iklan banyak diklik

Cara Mengatur Warna Tulisan Dan Ukuran Font pada Folder Menu DTree

Cara Mengatur Warna Tulisan Dan Ukuran Font pada Folder Menu DTree. Beberapa waktu yang lalu (sudah lama sekali sih...^) kita pernah membahas bagaimana cara membuat menu dTree alias menu seperti di windows explore, dan ternyata memang banyak yang suka dengan gaya menu yang satu ini (thanks to destroydrop.com) - namun, belakangan ini ada beberapa masalah yang ditemukan oleh beberapa blogger yang ingin menggunakan dTree sebagai menu blog mereka, masalah ini terkait dengan pengaturan ukuran font pada menu dTree tersebut, serta cara merubah warnanya - masalah ini terutama dirasakan oleh para blogger yang menggunakan template gelap pada blognya, secara... font bawaan dari CSS dTree-nya memang berwarna gelap, yaitu itam keabu-abuan. Lalu bagaimanakah solusinya?

Untuk merubah ukuran serta warna font pada menu dTree, sobat bisa menerapkan langkah-langkah berikut:

1. Silahkan pergi ke postingan yang membahas dTree

2. Di langkah pertama pasti sobat menemukan kode-kode seperti berikut
<link rel="StyleSheet" href="http://sites.google.com/site/t4belajarblogger/js_t4belajarblogger/dtree.css" type="text/css" />
<script type="text/javascript" src="http://sites.google.com/site/t4belajarblogger/js_t4belajarblogger/createdtree.js"></script>

3. Nah, link yang saya merahin di-copy aja ke tab pencarian web, lalu tekan ENTER

4. Selanjutnya akan muncul pop-up download, silahkan centang "save file" dan kliklah tombol "OK"

5. Oke deh, sekarang silahkan pergi ke folder di mana sobat meletakkan file barusan, dan klik kanan lah file tadi, lalu pilih "edit"

6. Maka file tersebut akan terbuka, nah...di sini lah kunci dari merubah ukuran font serta warnanya, silahkan perhatikan gambar berikut
Keterangan:
-Yang Hijau: Itu adalah nilai untuk ukuran font/tulisannya, silahkan disesuaikan dengan keinginan sobat
-Dan yang Merah adalah warna font-nya nanti. Untuk mencari kode warna, silahkan surfing ke postingan ini atau yang ini biar lebih lengkap (Saran: Jika template anda berwarna gelap, untuk font-nya pilih warna putih aja agar kelihatan lebih jelas)_

Dan untuk kode warna seterusnya (yang berada di file CSS) tersebut bisa sobat sesuaikan dengan selera masing-masing.

7. Jika sudah mengotak-atik file di atas, silahkan disimpan: Klik File => Lalu save!!!

8. Sekarang file siap di-hosting ke web hosting milik anda sendiri...

NB: Jika belum punya web hosting dan belum tahu cara membuatnya, sobat bisa mencoba layanan Google sites, silahkan dibaca tutorialnya di sini.

(ANGGAP SAJA SOBAT SUDAH PUNYA WEB HOSTING ATAU SUDAH MENERAPKAN TUTORIAL MEMBUAT WEB HOSTING DI GOOGLE SITES)
-------------------------------------/*
Yeah, kembali lagi ke kode berikut:
<link rel="StyleSheet" href="http://sites.google.com/site/t4belajarblogger/js_t4belajarblogger/dtree.css" type="text/css" />
<script type="text/javascript" src="http://sites.google.com/site/t4belajarblogger/js_t4belajarblogger/createdtree.js"></script>
Yang merah itu diganti dengan link/URL CSS hasil editan anda tadi (yang telah di-hosting ke web hosting anda sendiri), caranya:  => Ke Edit HTML => Centang Expand Widget Template => ganti semua kode dTree yang ada dengan yang baaru => Klik Simpan Template. Silahkan lihat tampilan baru menu dTree anda^

SELESAI!@#$%^&

Semoga bermanfaat_

Tags: Cara edit dtree, manipulasi menu dTree, trik edit CSS dTree, agar dTree berubah, merubah gaya tampilan dTree, merubah warna font dTree

Cara Menampilkan Tombol Share dari Fitur Blogger Blogspot - Trik Memunculkan Tombol Share


Cara Menampilkan Tombol Share dari Fitur Blogger Blogspot. Beberapa waktu yang lalu Blogger sempat meluncurkan fitur baru berupa tombol share yang tidak lain kegunaannya yaitu untuk mempermudahkan bagi kita maupun pengunjung blog kita untuk sharing/membagi tulisan yang berada di suatu blog. Dengan adanya tombol ini, maka tak perlu lagi repot-repot kopi-paste konten tulisan yang ada, tinggal klak-klik...trrtttrtetet, jadi dah...hehe, namanya juga memudahkan.


Bagi teman-teman blogger yang memang aktif ngeblog dan selalu menanti2 pengunjung aktif, maka fitur ini juga lumayan membantu lho. Oke dah kalau begitu, biar gak kelamaan, cara untuk menampilkan tombol share tersebut adalah sebagai berikut:

1. Login ke Blogger
2. Kliklah menu Rancangan
3. Ketika berada di halaman Rancangan, alihkan perhatian anda ke wall post/posting blog, lalu kliklah Edit

4. Sudah itu pasti akan muncul halaman pop up, maka yang harus anda lakukan adalah mencentang kotak share button yang tujuannya agar bisa muncul di blog kita nantinya

5. Lalu bagi teman-teman yang ingin mengatur tata letak tombol share, maka bisa menyeretnya/men-drag-nya ke bagian mana saja yang teman-teman inginkan (caranya: klik tombol share dan Tahan!!! => dan lepaskan di tempat yang ingin anda letakkan)

6. Sudah itu kliklah tombol Simpan.

Nah, sekarang teman-teman sudah bisa menengok tombol tadi di blog masing2. Bagaimana, gampang dan menarik bukan? Hah...tombolnya nggak muncul? Wah, berarti ada masalah nih, tapi tenang...kita selesaikan aja masalahnya bareng2. Langkah-langkahnya adalah sebagai berikut:

Perhatian: Oh ya, sebelumnya teman-teman ingin menyimpan tombolnya di bagian atas atau bawah post? (kalau ini terserah teman2) Tapi ingat ya, sesuaikan dengan tata letak yang telah teman-teman atur pada wall post tadi (lihat poin.5 di atas)

A. Meletakkan tombol di bagian atas post

1. Silahkan klik menu Rancangan
2. Klik Edit HTML
3. Centanglah kotal Expand Template Widget
4. Lalu Silahkan cari kode <div class='post-header-line-1'/> dan kalau tidak ketemu silahkan cari kode <data:post.body/>
5. Selanjutnya letakkan kode berikut di atas salah satu kode yang telah anda temukan pada langkah.4
<a class='share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.emailThisMsg/></span></a>
<a class='share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;&quot; + data:top.blogThisMsg + &quot;\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.blogThisMsg/></span></a>
<a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a>
<a class='share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;&quot; + data:top.shareToFacebookMsg + &quot;\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a>
<a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + &quot;&amp;target=buzz&quot;' expr:onclick='&quot;window.open(this.href, \&quot;&quot; + data:top.shareToBuzzMsg + &quot;\&quot;, \&quot;height=415,width=690\&quot;); return false;&quot;' expr:title='data:top.shareToBuzzMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>

6. Jika sudah, silahkan untuk mengklik tombol Simpan Template. Selesai...


B. Meletakkan tombol di bagian bawah post

Kalau yang ini bagi yang mau meletakkan tombol share di bagian bawah postingan.
Langkah2nya sama persis seperti di atas, hanya saja kalau di atas kan kodenya (kode yang panjang tuh lho) harus di letakkan pada bagian atas kode <data:post.body/> nah...kalau yang ini di bagian bawahnya, jadi kebalikannya aja brooo..., selesai!!!

Bagaimana sob, gampangkan. Jika ada masalah jangan malu-malu untuk bertanya ya...keep blogging!

Semoga bermanfaat_


Tags: Cara Menampilkan Tombol Share, tombol share blogger bermasalah, tombol share blogspot nggak muncul, trik memperbaiki tombol share, agar tombol share blog ada

Cara Mengembalikan Tulisan Subscribe to: Posts (Atom)

subscribe_atom

Cara Mengembalikan Tulisan Subscribe to: Posts (Atom). Jika sebelumnya kita pernah membahas bagaimana cara Menghilangkan Tulisan "Subscribe to: Posts (Atom)", maka sekarang saatnya kita membahas cara mengembalikannya, yaitu cara memunculkan kembali tulisan Subscribe to: Posts (Atom) yang telah kita hapus tadi. Mungkin trik ini bisa menjadi bermanfaat bagi teman-teman yang telah menggunakan trik sebelumnya (cara Menghilangkan Tulisan "Subscribe to: Posts (Atom)") dan berubah pikiran, oleh karenanya muncullah keinginan untuk mengembalikan tulisan Subscribe to: Posts (Atom) tersebut.


Secara teknis, jika kita ingin mengembalikan sesuatu yang hilang, maka akan sangat mudah jika kita menyimpan sesuatu yang kita hilangkan di tempat yang lain (dengan tujuan buat jaga-jaga alias back-up gitu lho). lalu ketika muncul keinginan untuk mengembalikannya, ya tinggal ditempatkan aja ke tempat semula. Kalau menggunakan teknis seperti ini sih gampang untuk dinyatakan namun sulit buat memperaktekkannya...masalahnya mau diletakkan di mana bro...oke deh kalau begitu, jangan marah yagg, nih entar lagi bakal kita bahas bareng-bareng-

Langkah-langkah Mengembalikan Tulisan Subscribe to: Posts (Atom):

1. Login dulu seperti biasa
2. Klik tab/menu Rancangan
3. Klik Edit HTML dan jangan lupa centang tuh kotak "Expand Template Widget"
4. Dah itu cari kode <b:includable id='feedLinksBody' var='links'>
5. Nah, udah ketemu tho? kalau sudah ketemu, letakkan kode berikut di bawahnya

<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>


Maka nanti kalau dilihat-lihat susunan kodenya seperti berikut ini (yang merah sudah ada di kode template)
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>

6. Klik simpan template.

Alhamdulillah...sudah selesai. Normalnya kalau sudah nerapin nih trik, cobalah pergi ke halaman blognya teman-teman (kalau nggak homepage, pergilah ke halaman post mana aja), kalau berhasil maka akan muncul seperti berikut ini


subscribe_atom

Di atas itu kalau menggunakan bahasa Inggris. kalau menggunakan bahasa Indonesia seperti berikut:


subscribe_atom

Bagaimana, nggak sulit alias gampang tho?

Kalau ada masalah jangan malu untuk bertanya, silahkan bertanya lewat form komentar atau kontak via email.

Semoga bermanfaat_

Tags: cara mengembalikan Subscribe to: Posts (Atom), cara memunculkan Subscribe to: Posts (Atom), edit Subscribe to: Posts (Atom), agar Subscribe to: Posts (Atom) muncul lagi, mengembalikan tulisan langgan: Entri (Atom)

Cara Pasang Tombol Share it di Setiap Bagian Atas Postingan

Cara Pasang Tombol Share it di Setiap Bagian Atas Postingan. Satu lagi trik yang menguntungkan bagi kita sebagai pemilik blog dan sekaligus membantu para pengunjung blog kita untuk menyebarkan artikel yang menarik di blog kita, yaitu dengan cara memasang tombol share/berbagi di setiap tampilan postingan kita. Dengan terpasangnya tombol share ini, kita maupun pengunjung blog kita akan merasa lebih mudah untuk membagi berbagai informasi yang menarik di blog kita ke orang lain tanpa harus mengetik maupun kopas alamat/URL artikel yang ada di blog kita. Cukup mengklik tombol share it! maka akan muncul berbagai situs bookmark maupun social network, dengan begitu...pengunjung yang memiliki akun di situs-situs tersebut akan menjadi lebih mudah hanya dengan mengklik tombol share it sekali saja, woehehe...menarik bukan? O yah, untuk trik pemasangan tombol share kali ini, kita akan menggunakan layanan dari addthis.com

Mengapa harus addthis.com? Ya nggak harus sih, teman-teman bisa menggunakan layanan yang menyediakan tombol share lainnya yang kemudian diterapkan melalui trik ini. Karena alasan untuk lebih memudahkan teman-teman dalam memasang trik yang satu ini, maka saya akan menggunakan layanan addthis.com, pasalnya saya menggunakan layanan addthis.com untuk blog ini (tuh lihat tuh, di bagian kanan atas post ada tombol share addthis.com). Tapi, bagi teman-teman yang tertarik memasang tombol share seperti saya (menggunakan layanan addthis.com), mungkin beberapa alasan berikut bisa menjadi penjelasan tentang keistimewaan tombol share yang telah disediakan oleh addthis.com:

1. Bentuknya kecil, nah ini memiliki nilai unik tersendiri menurut saya "Small thing, big benefit!" - walau kecil bentuknya, namun memiliki manfaat yang besar.
2. Anda bisa memilih gaya/bentuk tombol share yang telah disediakan oleh addthis.com sesuka anda, jadi tombolnya nggak itu-itu aja.
3. Layanan tombol sharing yang telah disediakan oleh addthis.com sudah terkenal, jadi walaupun bentuknya kecil seperti itu, hampir semua orang langsung tahu mengenai fungsi dan kegunaannya, yaitu untuk mempermudah proses sharing. Dalam hal ini, keterkenalan tombol addthis.com tak perlu dipertanyakan lagi. "Sekedar info=> Yang sudah menggunakan tombol share layanan addthis.com sudah 1,2 juta situs lho!"

4. Dalam satu tombol share kecil terdapat 200 lebih layanan share maupun fitur tambahan lainnya. Wao...200 lebih lho, hanya dalam satu tombol kecil seperti itu. Nih, di antaranya: FaceBook, Twitter, Google Buzz, iGoogle, Google Reader, Kirim Email ke teman, Konver ke PDF, Print artikel, friendster, MySpace, Delicious, dll di mana anda sendiri bisa melihatnya secara lengkap melalui tombol share yang ada di bagaian kanan atas postingan blog ini.

5. Yaaaa....keren aja dah, yang mau make layanan ini monggo...

Oke, kelamaan dah cuap-cuapnya (tapi kan penting bro...). Bagi teman-teman yang tertarik untuk memasang tombol share di setiap postingan yang ada di blognya - silahkan untuk memperaktekkannya melalui langkah-langkah berikut:

Tahap 1

1. Silahkan surfing ke situs addthis.com
2. Pertama-tama yang harus anda lakukan yaitu menentukan layanan apa yang anda gunakan untuk ngeblog di step "1. Select your service". Dalam hal ini saya akan mengambil contoh "Blogger", mengingat ini adalah tutorial Blogger.

2. di step "2. Select a button style", silahkan untuk memilih gaya tombol yang anda inginkan.
3. Di step "3. Do you want analytics?", silahkan pilih opsi -No, just give me the button-.

Anda bisa memiliki akun di addthis.com jika mau, kelebihannya yaitu anda bisa memantau perkembangan statistik jumlah share artikel yang ada di blog anda. Namun untuk sementara kita akan menggunakan opsi "No, just give me the button" sebagai contoh.

4. Untuk step terakhir dalam pembuatan kode, silahkan untuk mengklik tombol "GET YOUR BUTTON" di opsi -4. You're done!-
5. Klik tombol "Install to Sidebar", maka akan langsung terbuka tab baru. Yang harus anda lakukan yaitu klik menu "edit Konten", maka akan muncul kode. Silahkan untuk mengopi kode tersebut dan pastekan di notepad! Dan segeralah untuk menutup tab yang baru muncul tadi.


Tahap 2

1. Login ke akun Blogger
2. Klik Tata Letak => Edit HTML => Jangan lupa untuk mencentang kotak "Expand widget template"
3. Carilah kode <div class='post-header-line-1'/> kalau tidak ketemu, cari saja kode <data:post.body/>
4. Letakkan kode yang telah anda dapatkan dari addthis.com di atas salah satu kode yang anda temukan (salah satu dari kode pada poin no.3 di atas)
5. Untuk mengatur posisi tombol share, maka bisa dijepit dengan kode "text align". Sebagai contohnya, tombol saya di atas posisinya di sebelah kanan, maka formatnya seperti berikut:

<div style='text-align: right;'>DI SINI KODE YANG TELAH ANDA DAPATKAN DARI ADDTHIS.COM</div>



Jika anda menginginkan tombol share anda posisinya di bagian atas tengah postingan, maka tinggal diganti saja "right" dengan "center". Jika kiri, maka "left"_

Dari keseluruhan langkah di atas, maka posisi kode anda nanti akan seperti berikut:

<div style='text-align: right;'>DI SINI KODE YANG TELAH ANDA DAPATKAN DARI ADDTHIS.COM</div>


<div class='post-header-line-1'/>

ATAU

<div style='text-align: right;'>DI SINI KODE YANG TELAH ANDA DAPATKAN DARI ADDTHIS.COM</div>


<data:post.body/>


6. Simpan hasil kerjaan anda dengan cara mengklik tombol "Simpan Template". SELESAI SUDAH...


Silahkan lihat tampilan blog anda, bagaimana...menarik bukan? Dengan terpasangnya tombol share ini juga akan membantu menaikkan trafik blog anda, tambah banyak yang sharing artikel yang ada di blog anda, maka semakin besar pula peluang anda mendapatkan trafik yang banyak - Buatlah artikel yang menarik, sehingga pengunjung blog anda akan tertarik untuk mensharing artikel anda ke yang lain. Selamat melanjutkan kegiatan blogging...

Semoga bermanfaat_


Tags: Cara pasang tombol share, tombol share it di atas postingan, agar tombol share muncul di setiap postingan, bagaimana cara memasang tombol share, menaikkan trafik dengan tombol share

Cara Memasang Widget Followers di Pojok Blog - Trik Gadget Followers Melayang

Cara Memasang widget Followers di pojok blog. Trik yang satu ini tujuannya yaitu tidak lain dan tidak bukan selain untuk mengoptimasi fungsi widget followers anda. Dengan letaknya widget Followers di bagian pojok blog anda atau dalam keadaan melayang - maka setiap kali halaman mana saja yang ada di blog anda diklik oleh pengunjung, maka widget followers ini akan selalu berada di pojok dan juga walau halaman yang ada di blog anda di-scroll atau digulung, widget followers anda akan terus berada di tempat - tepatnya di bagian pojok blog. Dengan begitu - karena widget ini selalu tampil di pojok dan lebih sering dilihat, maka semakin besar pula peluang pengunjung blog anda untuk ikut blog anda (ya semakin besar juga kesempatan anda untuk mendapatkan jumlah followers yang banyak dengan cepat, hehe).

Oh ya, ngomong-ngomong trik optimasi/meningkatkan jumlah followers: Sebelumnya saya juga pernah membahasnya, ya...sedikit trik yang sederhana - namun patut dicoba kalau ingin cepat dapat banyak followers, silahkan dibaca juga => Cara Memasang Gadget Followers di setiap Akhir Postingan



Sekapur sirih mengenai trik ini: Trik Ini hanya lah sebuah trik sederhana yang tidak terlalu membutuhkan keahlian dalam mengedit kode template anda, walau begitu - manfaatnya mungkin melebihi sederhananya trik yang kita terapkan, ya singkatnya untuk melakukan trik ini anda lebih membutuhkan kreatif daripada keahlian.

Sebelum kita membahas bareng mengenai trik ini, ada baiknya teman-teman tahu terlebih dahulu mengenai trik ini=> Trik ini sebenarnya sama saja dengan trik "Cara membuat Sesuatu Tampil di Pojok", hanya saja kita akan menggunakan pihak ketiga sebagai pendukung trik ini, yaitu widget dari Google Friend connect. Youpz, seperti itu lah sekilasnya...

Bagi teman-teman yang tertarik untuk menerapkan trik ini ke blognya, silahkan untuk memperaktekkannya melalui langkah-langkah berikut:

TAHAP 1

1. Silahkan surfing ke akun Google Friend Connect milik anda (usahakan anda dalam keadaan online/login akun Google atau Blogger anda)
2. Selanjutnya anda akan dibawa ke halaman utama akun Google friend connect milik anda. Perhatikanlah nama-nama blog anda di bagian kiri (untuk poin yang ini khusus bagi anda yang memiliki blog lebih dari satu dalam satu akun Blogger, bagi anda yang hanya memiki satu blog - silahkan langsung ke poin "tiga") => Pilihlah blog mana yang hendak anda pasang widget Followers-nya.
3. Pilih Gadget yang bernama "Tambahkan Gadget Anggota"

4. Maka anda akan dibawa ke halaman pengambilan kode script "Widget Followers". Di halaman ini anda bisa mengatur berapa lebar widget followers anda nantinya, lalu berapa jumlah sederetan wajah followers anda, juga bisa mengatur warna tampilan widget followers anda (background, garis tepi, dll). Sebagai catatan: Usahakan lebar widget anda benar-benar cocok dengan bagian pojok blog anda, ini bertujuan agar tampilan blog anda terlihat lebih bagus di berbagai resolusi komputer pengunjung.
5. Seusai pengaturan dan anda merasa ukuran widget yang telah anda setting sudah benar-benar cocok dengan ukuran pojok template blog anda, maka segeralah untuk mengambil kode scriptnya dengan cara mengklik tombol "Buat Kode"

6. Ambillah kode tersebut, lalu paste-kan ke "notepad" atau di mana pun untuk digunakan di langkah tahap 2


TAHAP 2

1. Login dulu ke akun Blogger anda
2. Klik pilihan Tata Letak => Edit HTML
3. Carilah kode tag ]]></b:skin> dan kalau sudah ketemu, letakkan kode berikut tepat di atas kode tag ]]></b:skin>

#followers-pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }


4. Selanjutnya, carilah kode tag </body> dan letakkan kode berikut tepat di atasnya

<div id="followers-pojok">

DI SINI KODE SCRIPT "WIDGET FOLLOWERS" YANG TELAH ANDA AMBIL DI GOOGLE FRIEND CONNECT TADI!

</div>



CONTOH

<div id="followers-pojok">

<!-- Include the Google Friend Connect javascript library. -->
<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
<!-- Define the div tag where the gadget will be inserted. -->
<div id="div-3373505607229667276" style="width:276px;border:1px solid #cccccc;"></div>
<!-- Render the gadget into a div. -->
<script type="text/javascript">
var skin = {};
skin['BORDER_COLOR'] = '#cccccc';
skin['ENDCAP_BG_COLOR'] = '#e0ecff';
skin['ENDCAP_TEXT_COLOR'] = '#333333';
skin['ENDCAP_LINK_COLOR'] = '#0000cc';
skin['ALTERNATE_BG_COLOR'] = '#ffffff';
skin['CONTENT_BG_COLOR'] = '#ffffff';
skin['CONTENT_LINK_COLOR'] = '#0000cc';
skin['CONTENT_TEXT_COLOR'] = '#333333';
skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc';
skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';
skin['CONTENT_HEADLINE_COLOR'] = '#333333';
skin['NUMBER_ROWS'] = '4';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
{ id: 'div-3373505607229667276',
site: '11591567978510271076' },
skin);
</script>

</div>


5. Klik simpan template. SELESAI....Sekarang Widget Followers anda ada di pojok^


GUNAKAN SATU TRIK UNTUK BERBAGAI MACAM TAMPILAN DAN KREASI, SATU TRIK TAK BERARTI HANYA SATU TAMPILAN



Jika ada masalah, silahkan untuk meninggalkan pertanyaan anda di kotak komentar.

Semoga bermanfaat_


Tags: Trik Followers pojok, cara agar gadget followers melayang, membuat widget followers ada di pojok, agar gadget anggota ada di pojok, membuat followers selalu melayang

Cara Mengatasi Pop up dan Pop Under Advertising yang Misterius

Cara Mengatasi Pop up dan Pop Under Advertising yang Misterius. Beberapa hari yang lalu ada masalah yang cukup serius, ya nggak serius-serius amat sih - tapi benar-benar menyebalkan! (lho?). Mungkin beberapa teman Blogger yang sering main-main ke blog ini tahu apa yang saya maksud, kok blog ini tiba-tiba mengeluarkan pop-up/pop under advertising tuh lho? Nah itu lah masalahnya. Mungkin beberapa pengunjung tidak akan merasa terganggu dengan munculnya pop dkk (pop up, pop under ads, pop corn, dll), namun itu hanya beberapa saja - yang paling saya yakin yaitu sebagaian besar teman Blogger yang berkunjung ke blog ini akan merasa terganggu dengan pop dkk ini, itu semua karena saya sendiri juga merasa nggak nyaman jika ada pop dkk yang bermunculan seperti itu. Lalu mengapa saya menamakan pop dkk ini "misterius"?

Ini lah alasan mengapa saya menamakan pop dkk ini sebagai sesuatu yang misterius "Saya nggak pernah memasang iklan yang seperti itu, kok bisa-bisanya muncul - ah kayak jaelangkung aja...datang tak diundang". Sebagai solusinya saya surfing ke sana ke mari, bertanya ke om Google, pak de Yahoo, sampai ke mbak Bing...namun tak ada hasil. Beberapa teman dari Blogger help bilang: "mungkin saya memasang suatu widget yang mengandung pop up/under ads", karena itu saran dari beberapa teman saya - maka saya priksa satu persatu widget yang saya pasang di blog ini, namun tak temu juga tuh biangnya.

Tak kenal kata menyerah...eh lah, akhirnya ketemu juga nih si jaelangkung illegal - ternyata yang menyebabkan pop up tersebut adalah suatu web host yang digunakan untuk meng-host salah satu PHP untuk widget di Blog ini, ya - widget penghitung page views/page views counter. Berikut Link URL Pop under advertising yang muncul dari web host tersebut:

1. http://38.99.186.222/ronz.php?sid=&numpop=2&nid=3412936832&mid=&ref=http://www.angege.com/links.php?

2. ads.lzjl.com, dan

3. ads.clicksor.com

Pengumuman: Bagi teman-teman yang sudah memasang page views counter di blognya untuk mengganti dengan page views counter terbaru. Kelebihan=> Load lebih cepat dan tak ada lagi iklan yang bermunculan (pop up/pop under ads). Silahkan surfing ke sini untuk memasang kode terbaru, harap maklum_



Memang sih saya punya ide lain agar tidak menghapus widget tersebut (dengan kata lain tetap bertahan untuk menggunakan jasa web host tersebut) yaitu dengan cara menyisipkan kode <noscript> pada bagian sebelum kode tag <body> serta sepanjang kode widget yang ada di kode template saya yang kemudian saya akhiri dengan </noscript>, youpz...setelah trik ini diterapkan pop up tak akan muncul lagi, karena pop up bisa muncul jika fungsi script aktif. Namun yang jadi masalah nantinya adalah, semua widget yang mengandung java script di blog saya (khusus yang ada di homepage) tak bisa jalan dengan semestinya, selain itu yang lebih parah lagi yaitu jika pihak yang memiliki web host tempat file PHP page views dihosting tahu, maka bisa saja akun kita di web tersebut dinon aktifkan (parahnya lagi dihapus, waduh) - hal ini menjadi pertimbangan utama saya, mengingat file PHP tersebut sama sekali tidak dihost di akun milik saya sendiri, sebagai solusi terakhir saya menggunakan file PHP teman Blogger lain yang telah dihost di tempatnya serta memilki kelebihan berupa kecepatan yang lebih (daripada file PHP sebelumnya) dan juga tidak mengeluarkan iklan yang bermunculan lagi. Masalah pop up/pop under ads misterius terselesaikan..._

Selanjutnya bagi teman-teman yang sama sekali tidak memasang widget page views counter di blognya, namun kok ada pop up/pop under ads yang misterius juga seperti halnya pop up yang saya ceritakan? Oke deh, masalah tersebut besar kemunginannya disebabkan oleh widget dari dua situs berikut: widgeo.net (widget untuk memantau stats blog/web) dan rankwidget.com (widget berbagai rank blog, ex: berapa alexa anda? Berapa PR Google anda? Dll)



Agar pop up tidak muncul lagi, maka anda harus mencopot widget dari dua situs tersebut. Memang sayang sekali sih, terutama bagi teman-teman yang counter widgetnya sudah menghitung jumlah yang banyak yang akhirnya harus kehilangan widget tersebut. Akan tetapi hitung-hitung daripada si pop up yang tak kita harapkan muncul terus-menerus dan tentunya akan membuat kita nggak nyaman, yaaaa....mending dicopot aja. Sebagai gantinya masih banyak tuh layanan widget semisal yang memang tidak mengeluarkan pop-up semacam itu (bagi teman-teman yang tahu penyebab lain munculnya pop up misterius mohon di-sharing). Semoga bermanfaat_

Perhatian: Untuk masalah pop-up, memang sebagian pengunjung blog anda ada yang tidak begitu menghiraukan akan tetapi juga ada yang menghiraukannya sehingga menimbulkan rasa terganggu - oleh karena alasan yang satu ini, sesuatu yang menjadi sumber pop up akan lebih baik jika dihilangkan. Lalu yang satu lagi, yang merupakan sesuatu yang menjadi poin terpenting => Kita tidak tahu apa saja yang dibawa (yang terdapat di dalam) iklan yang yang bermunculan tersebut, namun sebagai sikap hati-hati kita bersama...biasanya iklan yang bermunculan seperti itu rawan ada virus, malware, spyware, dll yang mungkin sangat mengancam keamanan komputer anda - yang akan lebih gawat lagi jika widget yang mengeluarkan pop up tersebut benar-benar mengandung malware, maka ini juga akan mengancam keadaan blog anda, pihak Google Blogger akan menonaktifkan akun Blogger anda sampai mereka mendapatkan konfirmasi dari anda bahwa anda telah melaksanakan apa yang menjadi peringatan pihak Blogger (semua ini dilakukan pihak Blogger demi kenyamanan pengunjung blog anda).



Tags: Cara mengatasi pop up, menghilangkan pop under advertising, cara menghapus pop-up, pop up tiba-tiba muncul di blog, pop up tidak diketahui asalnya, mengatasi iklan yang bermunculan

Cara Pasang Penghitung Page Views Postingan - Trik Page Views Counter

Cara memasang penghitung page views ini dimaksudkan agar kita dan juga para pengunjung bisa mengetahui jumlah "berapa kali postingan di blog kita tersebut dibaca atau dilihat", dengan begitu tanpa harus susah-susah lagi kita bisa mengetahui jumlah page views halaman postingan yang ada di blog setiap kali kita mengklik postingan mana saja yang ada di blog kita. Setidaknya dengan trik ini juga kita berusaha menjelaskan kepada para pengunjung blog kita bahwa si ia adalah pembaca postingan ini ke...bla...bla..., dan ini akan memberi nilai tersendiri ketika ada yang melihat jumlah page views postingan kita tersebut apalagi jika memiliki jumlah yang relatif tinggi alias besar.

Untuk memasang page views counter, teman-teman bisa memilih antara yang ada gambarnya atau yang hanya ada tulisannya saja. Biar jelas seperti berikut

ADA GAMBARNYA
pgviews_gambar

HANYA TULISAN
pgviews_tulisan

Cara memasangnya adalah sebagai berikut:

1. Login dulu ke Blogger
2. Klik Tata Letak => Edit HTML => Centang "Expand template Widget"
3. Carilah kode <div class='post-header-line-1'/> dan kalau gak ada, cari saja kode <data:post.body/>
4. kalau sudah ketemu, letakkan kode berikut diatas salah satu kode yang anda temukan (silahkan pilih kode berikut, mau yang menggunakan gambar atau hanya tulisan saja?)

DENGAN GAMBAR

<b:if cond='data:blog.pageType == &quot;item&quot;'><div align='left'><img style="width: 26px; height: 16px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfCd2RL-DjB5PAQ1lOCI9VdYsx6EAiLDLX2m1PRiUT2nBGdmfvkmHP5mDW1HvbZErU1G2SNITHEm3Fi2BaRN5Tb8bVCzepCLZskO_eoFAL_NMaZafuhHD0KshjxHu_4jLRqgFIPZX50arj/" /><b><font size='2'><script src='http://bestwidgets.zxq.net/counter.php' type='text/javascript'/></font></b></div></b:if>



HANYA TULISAN SAJA

<b:if cond='data:blog.pageType == &quot;item&quot;'><div align='left'><b><font size='2'><script src='http://bestwidgets.zxq.net/counter.php' type='text/javascript'/></font></b></div></b:if>



5. Kalau sudah, jangan lupa klik tombol simpan template

Sekarang, cobalah untuk melihat tampilannya di postingan blog anda. Klik postingan mana saja yang anda inginkan, maka akan ada penghitung jumlah page views di bagian kiri bawah judul postingan, nah segitu aja^

Semoga bermanfaat_

Update: Script page views telah diganti. Perbedaan yang baru dengan yang sebelumnya yaitu terletak pada kecepatan dan tidak ada iklan yang bermunculan (pop under ads), script (PHP) yang sekarang akan lebih baik digunakan karena loadnya cepat dan tidak memunculkan pop up/pop under ads (iklan) yang mengganggu kegiatan blogging anda. Harap maklum_



Tags: pasang page views counter, penghitung jumlah page views, berapa kali postingan anda dibaca, mengetahui jumlah postingan dilihat, page views tracker widget

Agar Postingan Tampil Judulnya Saja Ketika Label Diklik

Agar Postingan Tampil Judulnya Saja Ketika Label Diklik. Trik ini dimaksudkan agar ketika link "label" di klik, maka seluruh postingan yang ada di bawah label/ketegori tersebut yang muncul hanya Judulnya saja. Karenanya, tampilan seluruh postingan yang ada di bawah label tersebut akan tampil seperti halnya daftar isi, dan tentunya ini akan lebih memudahkan para pengunjung blog kita dalam mencari suatu artikel dengan cepat.

Cara mensetting agar hanya judul postingan saja yang tampil ketika label diklik tidak lah sulit. Bagi teman-teman yang tertarik untuk membuat tampilan tersebut, silahkan diperaktekkan melalui langkah-langkah berikut:

1. Login ke akun Blogger
2. kLik Tata Letak => Klik Edit HTML dan jangan lupa untuk mencentang kotak "Expand Widget Template"
3. Carilah kode <b:include data='post' name='post'/>
4. Kalau sudah ketemu, ganti kode tersebut dengan kode berikut

<b:if cond='data:blog.homepageUrl !=
data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<data:post.title/></a><br/><br/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>


5. Kalau sudah, jangan lupa klik Simpan Template

Sekarang, cobalah untuk mengklik label/kateegori mana saja yang ada di blog anda, pasti nanti postingan2nya akan tampil hanya judulnya saja...bagaimana, menarik bukan?

Semoga bermanfaat_


Tags: agar postingan tampil judul saja, judul post tampil ketika label diklik, judul postingan tampil seperti daftar isi

Cara Membuat Iklan Melayang - Agar Iklan Tampil Setiap Halaman Blog Dikunjungi

Cara membuat Iklan melayang, trik yang satu ini lebih pantas dikatakan sebagai trik meningkatkan klik iklan anda...mau bagaimana lagi coba? Dengan trik ini nih, setiap kali ada orang yang berkunjung ke blog anda entah itu di halaman depan maupun halaman belakang posting, widget iklan melayang ini akan senantiasa menampilkan dirinya (sehingga di situ seakan-akan ada pesan "Klik iklannya dong...please deh, aku mohon"~mode: lebay..^). maka dari itu, bagi teman-teman Blogger yang sedang bergelut dalam dunia klik2 iklan seperti KumpulBlogger DKK, trik yang satu ini sangat direkomendasikan untuk diterapkan di blognya (bagi yang mau cepat dapat duit, hehe), penasaran buat bikin iklan melayang?

Oh ya...gak enak ngomong-ngomongin aja, tapi tak ada contoh...kan gak mantab, iya gak? bagi teman-teman yang penasaran mengenai tampilan iklan melayang, maupun bentuknya seperti apa, kekar atau tidak, punya leher nggak? Silahkan dilihat contohnya di Software2iqbal.blogspot.com (Update: demo telah dihapus, fungsi insyaAllah akan terus berjalan), nah...setelah dikunjungi pasti ada suatu kotak yang melayang...entah itu kita menggulung scroll-nya ke atas atau ke bawah, si kotak melayang tersebut akan terus mengikuti tampilan layar kita. Biar lebih jelasnya si kotak melayang alias iklan melayang tersebut seperti berikut

Hehe...ngiklanin blog sendiri (gak apa2 dah!!!@#$%)

Nah, bagi teman-teman yang ingin membuat yang seperti itu...berikut lah langkah-langkahnya:

1. Login ke Blogger
2. kLik Tata Letak => Klik elemen Tambah Gadget
3. Pilih Gadget yang bertemakan HTML/Java Script
4. Isikan Kode berikut di dalamnya

<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbcontent{
float:right;
border:2px solid #000000;
background:#F1DEDE;
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.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:right">
<a href="javascript:showHideGB()">
.:<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW_Gztp5Nn4y9ncp1uP2EDdmkKmgA8UP7obecyFPRgqtReTyNymQ6K5_7y5ZDXVOCH8MZMYK_byMlUhY1h6TUorNbgc68n83FbkWxhuJQfqgMe4tR4u1JbHWxfWI2xo67qDVm74um_iZ6N/" title="kalau muncul, klik lagi" alt="tutup" />:.
</a>
</div>
<center>

SCRIPT IKLAN TEMAN-TEMAN DI SINI - BISA DIISI DENGAN APA AJA SIH, TERSERAH~

</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>



5. Klik simpan. Dah...

Untuk memasangnya: Ingin cara lain? Klik Tata Letak => Edit HTML => Letakkan kode iklan melayang di atas kode tag </body> => Klik simpan Template. kekurangannya, iklan melayangnya akan muncul setiap kali anda surfing ke halaman Tata Letak/LayOut. Lalu untuk kelebihannya, ya lumayan buat ngehemat elemen tambah gadget.



Selanjutnya teman-teman bisa menampilkan iklannya di blog masing2. Entah itu iklan PPC, Iklan PTC (banner Reff), dll...dengan cara mengganti tulisan "SCRIPT IKLAN TEMAN-TEMAN DI SINI - BISA DIISI DENGAN APA AJA SIH, TERSERAH~" dengan kode maupun widget yang ingin ditampilkan.

Lalu bagi teman-teman yang ingin mengubah warna garis tepi serta warna latar alias background, maka bisa diperhatikan pada kode yang ditandai dengan warna Biru dan Hijau (border: untuk warna garis tepi, lalu background: untuk warna latar) => Untuk mempermudah dalam memilih warna, silahkan cari-cari warna yang anda inginkan di sini. Segitu aja yah sob...O iya...ngomong-ngomong mau ningkatin jumlah klik iklan nih? Bisa tuh nggunain trik menampilkan iklan di setiap akhir postingan, tertarik untuk mencobanya? Silahkan baca postingan dengan judul "Menampilkan Sesuatu di Setiap Bagian Bawah Posting". Bagaimana...ngeblog itu mengasyikkan bukan?^

Semoga Bermanfaat_

Tags: membuat iklan melayang, membuat floating box, cara agar iklan melayang, membuat iklan float, agar iklan tampil di setiap halaman, float melayang widget floating

Cara Mengganti Tulisan Navigasi Blogger dengan Gambar - Mengganti Tulisan Newer Older Post

Kalau sebelumnya saya pernah membahas cara menambah gambar pada tulisan navigasi Blogger, maka sekarang adalah "Cara Mengganti Tulisan Navigasi Blogger dengan Gambar". Lalu apa bedanya? Kalau pada tutorial sebelumnya kita hanya menambah gambar tanpa menghapus tulisan navigasi yang ada, sedangkan untuk yang kali ini kita akan menghapus tulisan navigasi tersebut dan akan menggantinya dengan gambar navigasi pilihan kita. Sebagai contohnya, teman-teman bisa memperhatikan pada bagian paling bawah postingan blog ini maka ada gambar dua panah GIF yang mengarah ke kanan dan kiri serta gambar Home di tengahnya, seperti berikut

Jika teman-teman tertarik untuk membuat yang seperti itu silahkan untuk login dulu ke akun blogger.
1. Klik Tata Letak
2. Dan jangan lupa untuk mencentang kotak "Expand Widget Template"
3. Selanjutnya carilah kode <data:newerPageTitle/> dan kalau dah ketemu ganti dengan kode berikut

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbohL9d2_4iXc8I1DxxPN3nhX3qVz4yiIbWKw7shzgggQhs0rpFfML8JehnEuKlQWCbVcHY9jnGyRyctZUxTorTO3Wqv0kIPekUxdZS4LJBQ2cSpJ-gzEbRvhOjzQyi3-eDY4MBCX8dR4/'/>


maka tulisan newer post-nya teman-teman akan menjadi gambar:

4. Carilah kode <data:olderPageTitle/> dan gantilah dengan kode berikut

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdYf8JQ0WExumdbgwr00SUhiBZVFJDt3SrriCD81C4XVDxhn4j24G6EIkP7UwFXfDWqKHsL68w_KZR6l3JQA9h7WmSOyIu-837EbfjYkjPyjJXL9yW142xEjcrbgkl7uQMzaqJovA96cE/'/>


Maka nanti tulisan older post pada blog teman-teman jadi seperti ini:

5. Selanjutnya cara mengubah tulisan home/halaman depan dengan gambar rumah. Silahkan untuk mencari kode <data:homeMsg/> maka nanti teman-teman akan menemukan dua kode yang sama, dan pilihkah yang paling atas - sebagai contoh, lihat susunannya berikut
-------------------------------------------
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>
-------------------------------------------
maka yang telah saya tandai dengan warna merah itu harus diganti dengan kode berikut

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_gRycVX6tt62XtyQYfHBniKlZAHbuOBcpqX6J6ywdoYRuEIYbIh62joPQc1ptvZ8aCfRw5pDlG50u2Hb2qT-F4GngiwKFbs_-Y-Mas-kQA7h8deeZ26ybkGjycDEEzU1qoLkh9Z6qc04/' title='Home/Halaman Muka'/>


Dan nanti tampilan tulisan home/halaman depan akan tergantikan dengan gambar:

6. Kalau sudah selesai, jangan lupa klik simpan template. Silahkan untuk melihat tampilan blog anda, dan agar ketiga gambar tersebut bisa anda lihat maka cobalah untuk mengklik postingan mana saja yang ada di blog teman-teman dan usahakan pada postingan yang bukan paling pertama maupun postingan yang terakhir

Jika teman-teman memilki gambar sendiri untuk mengganti tulisan newer, older post, serta home/halaman depan - silahkan untuk mengganti URL gambar milik saya dengan URL gambar pilihan milik teman-teman (kalau mau lho, kalau nggak ya nggak apa2^), berikut yang harus diganti:

1. Untuk maka URL-nya https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbohL9d2_4iXc8I1DxxPN3nhX3qVz4yiIbWKw7shzgggQhs0rpFfML8JehnEuKlQWCbVcHY9jnGyRyctZUxTorTO3Wqv0kIPekUxdZS4LJBQ2cSpJ-gzEbRvhOjzQyi3-eDY4MBCX8dR4/

2. Untuk maka URL-nya https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdYf8JQ0WExumdbgwr00SUhiBZVFJDt3SrriCD81C4XVDxhn4j24G6EIkP7UwFXfDWqKHsL68w_KZR6l3JQA9h7WmSOyIu-837EbfjYkjPyjJXL9yW142xEjcrbgkl7uQMzaqJovA96cE/

3. Untuk maka URL-nya https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_gRycVX6tt62XtyQYfHBniKlZAHbuOBcpqX6J6ywdoYRuEIYbIh62joPQc1ptvZ8aCfRw5pDlG50u2Hb2qT-F4GngiwKFbs_-Y-Mas-kQA7h8deeZ26ybkGjycDEEzU1qoLkh9Z6qc04/

Tips cepat untuk menemukan URL gambarnya: Gunakan tombol Ctrl+F

Semoga Bermanfaat_


Tags: Cara mengganti tulisan navigasi, navigasi blogger jadi gambar, mengganti newer older post jadi gambar, bagaimana ubah newer older post home jadi gambar, ganti tulisan newer older dengan icon

Memasang Gadget Follower di Setiap Akhir Postingan

Seperti halnya blog ini, teman-teman akan menemukan di setiap akhir postingannya terdapat gadget follower (update: Sekarang sudah diganti dengan form berlangganan, harap maklum_). Mungkin ada yang bertanya, apa kelebihan menempatkan gadget follower pada setiap bagian akhir postingan? Kelebihan/manfaat pertama mengurangi berat loading homepage/halaman depan blog kita, lalu kegunaan yang lain yaitu lebih memudahkan bagi para pengunjung yang ingin follow/gabung dengan blog kita, pasalnya setelah membaca postingan kita para pengunjung akan langsung bertemu dengan gadget follower tersebut. Bagi teman-teman yang tertarik untuk memasang/menampilkan gadget follower di setiap akhir postingannya, maka kita bisa mengandalkan jasa yang telah disediakan oleh Google friend connect.

Langkah pembuatannya sama saja dengan langkah/cara menampilkan iklan/sesuatu di akhir postingan yang pernah saya bahas sebelumnya. Agar tidak kelamaan, teman-teman bisa memperaktekkannya melalui langkah-langkah berikut

1. Silahkan untuk mengunjungi situs Google friend connect

2. Setelah anda dibawa ke halaman depan situs Google friend connect, maka anda akan dihadapkan dengan berbagai macam gadget/fitur yang bisa ditambahkan ke dalam blog anda, maka anda dapat memilih gadget yang bertemakan "Tambahkan Gadget Anggota", dan jangan lupa untuk menentukan anggota/follower blog mana yang ingin anda tambahkan (opsi ini jika anda memiliki lebih dari satu blog dalam satu dasbor)

3. Selanjutnya anda bisa mengambil kode HTML dari gadget follower yang sebelumnya telah anda atur warna serta berbagai macam ukuran yang telah ditawarkan kepada anda. Dan yang harus anda lakukan terhadap kode HTML tersebut (kode gadget follower) yaitu untuk memparse-nya/meng-konvert-nya terlebih dahulu. Jika merasa kesulitan, silahkan untuk memparse kode tersebut di sini.

4. Selanjutnya kembali ke blog anda, klik Tata Letak, lalu Edit HTML

5. Jangan lupa untuk mencentang kotak "Expand Widget Template"

6. Selanjutnya carilah kode

<div class='post-body entry-content'>
<data:post.body/>



Atau

<div class='post-body entry-content'>
<p><data:post.body/></p>



7. Lalu tambahkan kode berikut di bawah salah satu dari kode di atas (kode pada no.6)

<b:if cond='data:blog.pageType == "item"'>

<p>Kode Hasil Parse anda tadi di sini!</p>

</b:if>



Contoh Penggunaan:

<b:if cond='data:blog.pageType == "item"'>

<p>&lt;!-- Include the Google Friend Connect javascript library. --&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;http://www.google.com/friendconnect/script/friendconnect.js&quot;&gt;&lt;/script&gt;
&lt;!-- Define the div tag where the gadget will be inserted. --&gt;
&lt;div id=&quot;div-7729785063601488938&quot; style=&quot;width:276px;border:1px solid #cccccc;&quot;&gt;&lt;/div&gt;
&lt;!-- Render the gadget into a div. --&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
var skin = {};
skin['BORDER_COLOR'] = '#cccccc';
skin['ENDCAP_BG_COLOR'] = '#e0ecff';
skin['ENDCAP_TEXT_COLOR'] = '#333333';
skin['ENDCAP_LINK_COLOR'] = '#0000cc';
skin['ALTERNATE_BG_COLOR'] = '#ffffff';
skin['CONTENT_BG_COLOR'] = '#ffffff';
skin['CONTENT_LINK_COLOR'] = '#0000cc';
skin['CONTENT_TEXT_COLOR'] = '#333333';
skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc';
skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';
skin['CONTENT_HEADLINE_COLOR'] = '#333333';
skin['NUMBER_ROWS'] = '4';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
{ id: 'div-7729785063601488938',
site: '11591567978510271076' },
skin);
&lt;/script&gt;</p>

</b:if>



8. Langkah terakhir, silahkan klik Simpan Template

Sekarang anda bisa melihat tampilan gadget follower pada bagian akhir postingan anda. Untuk mengeceknya, teman-teman bisa mengklik slah satu postingan yang ada di blog anda, perhatikan pada bagian akhir postingan...pasti akan ada gadget follower tersebut. Jika tidak muncul, perhatikan kembali langkah-langkah di atas.

Semoga Bermanfaat []

Tags: Cara memasang gadget follower di akhir postingan, gadget follower di bawah postingan, memasang sesuatu di akhir postingan, menampilkan gadget pengikut di akhir postingan, gadget Google friend connect, menampilkan gadget follower di akhir post

Cara Memasang Emoticon Yahoo pada Kotak Komentar Blogger

Memasang Emoticon Yahoo pada kotak komentar blog Blogger bermaksud untuk membuat tampilan komentar para komentator/pengunjung menjadi lebih menarik, selain itu dengan adanya fasilitas penambahan emoticon pada kotak komentar ini menjadikan para pengunjung blog kita bisa mengekpresikan emosi mereka dalam mengomentari postingan kita. Sebenarnya untuk masalah pemasangan emoticon sudah pernah saya bahas tiga kali, yang meliputi: Cara memasang emoticon 1, cara memasang emoticon 2, lalu yang terakhir cara memasang emoticon kaskuser untuk para Blogger. lalu apa yang menjadi kelebihan emoticon Yahoo! yang akan dibahas kali ini?

Kalau kita membicarakan kelebihan dari sesuatu itu tergantung dari kitanya, kalau saya pribadi menyatakan, emoticon yahoo yang akan kita bahas kali ini memilki kelebihan berupa gaya background yang transparan, sehingga walaupun background daerah komentar pada form komentar blog bloggernya teman-teman tidak berwarna putih, maka emoticon2 yahoo yang akan kita bahas ini akan menyesuaikannya dengan warna area komentar teman-teman, singkat kata emoticon yahoo ini akan menyesuaikan dirinya dengan warna background yang ada (lain halnya dengan emoticon 1, yaitu cara memasang emoticon yang pertama kali saya bahas). Lalu kelebihan yang lain yaitu ukurannya yang relatif kecil dan mungil, tentu ini akan lebih terlihat lucu dan hemat tempat bukan? Bagi teman-teman yang mungkin masih merasa penasaran dengan yang namanya emoticon Yahoo ini, silahkan dilihat dibagian form komentar di blog ini (postingan ini)

Kalau tertarik untuk memasangnya teman-teman bisa mengikuti langkah2 pemasangannya sebagai berikut

1. Login ke akun blogger dulu

2. Klik Tata Letak lalu klik Edit HTML

3. Jangan lupa untuk mencentang "Expand Widget Template"

4. Selanjutnya letakkan kode berikut di atas kode tag </body>

<script src='http://sites.google.com/site/t4belajarblogger/js_t4belajarblogger/y-emo.js' type='text/javascript'/>



5. Lalu carilah kode <b:if cond='data:post.embedCommentForm'>

6. Kalau dah ketemu, letakkan kode-kode berikut di atasnya

<div style='overflow:auto; width:100%px; height:75px; padding:5px 5px 5px 5px; background:#FFFFFF;'>
<center><b>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnOSqUS-EmphQfmlncfvE__rER8WBY8trCUTNzet4D0lIHN95R0Ip3R5YwO5n9E_xagYv8YuZ8HT3Ptf5QYRbQAqn0gUxwXFeHEDB_CfRUEyy-RfXfNh0UAGL6TwlvLn1akBT_DALAPfRI/'/>:10
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwkiA9cecBj1nK9GVqq5b-pVE3EhpGO3VmPfwp3BFNVfGjoYqzXn1KSYcpmXOqXap6wASlkF2zexTn_P4O3Nd1B4v7BNCZfkiJ39FUubwwRGRNOY_Dtt4KvbwfFWHc4oyomGIu7wL4hR1s/'/>:11
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2dw9zW58CkD1zLghtZ40M4oXLlyPM9iLyV48Z9gYjsQbZahTcxQVBJS5KZt7r1PkGCQPhCspwifDE-l_0KVMEIR-vekEQEemI6QhcAyMgLixTMW7YdrxXGou9CSyyGfhH3FeNM8gzauTV/'/>:12
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb5zfahS41e8tDeX0G0iP1L4nsYxLalW50tH-y0Z9I-NpIAX65Yr23jTUAMNr8A5SZwqRzUB3cgg_vL7EjiToD0JgKH8ODp2996DbH8BSXvH1HpNowA2MTz2Qg8MKtPiPB_p3mDiIoeKqk/'/>:13
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmu5l6I7aIY-IqM2XxvHJxdaKnfNeJc0KeVSWH5blPW26REW1mdb0W0YlQBX99K5Cc29sVkGlP_Bai1MxS-nIF3lErghaHGphBcv7Qe1AM-l18dj9I79XOpA-EgpRk3gopD-8TJ8LdZuRG/'/>:14
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkEQdZKWylnMTcfEXDngw0cRrGjL-oC84ute8aEVd5bxLXTJm6TU8UFSBdy6L6nqB6QxBcjNCyo20nYwFJF4xWaST_c0JLZRX761ZyuscKsMH2BSkGwly922Pz_PiauG4nrl9J2kuIXpLu/'/>:15
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja_xY0JHcWwBo2TrCnD21f5C9i2by1iM0luLxH_tzMinDFslbWCik5GYuMxpP6RWoiBelbXCcpMcdT_k5ir-qy0fMFxLHh2RayVWDzElLY82XC87hnVObf1JXJ4N8EdNgbDluDgv-ZDqHu/'/>:16
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiybDW89mYMCszm8RgBRaNjunr-4T1Z1Mhb5yE-19SWfKvVzrnbaUAwgQ-4sV9RRU_J9JTSowpaKPdKYj4kZF3Ho2mahfbzS33Yw1Om3Pv7YrloTkwy2kXxMJTPulNGoMHvuq7KFxMPukeK/'/>:17
<br/>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT2Sj4tRrSzDRAsVpx0PZyqO_sTJVf2mHLX_NsvszCLgL3AXqyK0JLXr_rW_Wlx9ez_ix-cuBfF0KiqoXISu_uYdYc0PB3QVIsWBc-gRtV46IjqTsiwbh7KVqaDiRPJOr7-EXw-yTL7jGH/'/>:18
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP1aufqqZrsK8IPZb77q8QQJBW6zicfj_NXNU6VjLM-LTUkuP76o2OjsP92xCpyWBFub5-cN6tbV-H9KPgQpyxhlD9q9me9q2P_2ZR9Kwf8vBQEi1G2UECPqqFAxR3__fdm4FtL_ZNUSu-/'/>:19
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP84nEMDURGxviPMzo73rkajjq20THnU4RcosCBu_bD-RL1NS5Q_s9nO92_5xT-_gWQHwGXID3G4-7VL0IoXMJve-bBF8gwNmwub65Kewlyx4xVCgvOuAN3ey1WFZvkbYM-Hhoco1gYmz2/'/>:20
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIc3DnSM0iDt_-d_hGPPmXoTd3u760e10wGbrvNs7FxBnG98FX8LKnY5bPWOUv9vkZgjE-qSsIwPjIm1Gz3npniJhyphenhyphenaCHryqT0C_T4h-IvTxQ58c8QlvskLs7q9HD4tkOV7610KsbPCVQP/'/>:21
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilfy2HES9JCUxFTp1wE0Yeq0LuEBHwl1JQRzWvpMjxMXQrc3rVEri_f1xs8SwY8Yuh1K38pf1o9nwJzUMy2MbYGkLg5Cx0mYZ-28YaJCvPgRb1bEh1Roc0yUJQ7FzvlgXHwqzRp7WrJAk_/'/>:22
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtacq_89nlyZ5T1NtgTEcgRi59vTMVxaaiC7EnfMZS2fhAqSm5RvuODagExkQJfztvCh0CbXqFhcp95pV4DJhmP1Vs2UVMBfzRlBIpllDmEd2yw8Lqwp6WcSwj5LYvWyk4HHJ0ugSCj0Hl/'/>:23
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiQ1h6OVL2z8j0kFjtvOVJktsBjkJJVugZv6wfInt5nHw7jC0f9FfA5xzrnh6KPBMr3rDOeXnv9xc0PvXp_ew3F1fbAVmAe-owQAVykc46xe2sTJ56Ac3qD3J7Lno4jQpISeVTub_sHI99/'/>:24
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP90NUXttm1esboi97TxHRm9SciweWjk-APVrTUlW7Cn3YMeEC7xoc1pIzznVsALRqrzrudnyJtRbeLnwNIgzwc2S-Ske5iDCjhNetx_jr5_qs0k_BxaMAbQsMjYH3BY3BMhD68Ur8QJBO/'/>:25
<br/>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwfydwlGG_oYZW0EVda24hxuZfV2meJ92Bbpi6bvLJKXN3LzDv9RYe10JbeElkuDXIzO2b5ZmIvkt0RoeDUT_vnPrAk3q7CllKwtPAqG62yHQn-adeknRHUXPVcCycomDH6ERyMK1_6Tga/'/>:26
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJQlDpfikqSdyl3vvmDUP3in_7ehT_OjKfQ9Gn1eWzDGcKJ83jjfXiPaXeUfEXzCQJl08MejLp4vTI6nNeCmGik5rHipWFbEaDAU_98LbxUXuck2Qi9SOshaTAeGUbKHzpxNPvwSFU-3Kc/'/>:27
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK_wwWfHV1McbRiQ6jCNzGxwdi1IdnvVOTTw3Z9oQtCKNm6gHN9ZHvENwYhTywYR6Xm_K2iS7xwL97xTAavmSI0dyvXZzOcEBR5k99ykMLlkGU8jsqF6dGW95h_-nmcHJvEe8PYd4sMfCU/'/>:28
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJsUew4eGv4jMdxGVFQGqS2jrvGPBapl5gV15aT8HNG51fFLI159rK5Eok78agTa0lbX9NSt4H1ad0l9PSUz1VratQVC4023Egxhe382L4t3m_Gr0HPPK3n59kJYfO2obPj4WoXv1Kc5Wm/'/>:29
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb1V4zL9TfvO38YSV2ldZ3biK3GHC-w7rMhY8Hjq7NI6rlqDKw10qjH0QH6NKGhddmt3WtqRCIHp-tEQ34Aawde7T07dKO0sNnwPsZoyk53vpnDKRDtO14IqHNEkhB7H3mSYPlL3rsFT-N/'/>:30
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWRYX9zaoUHkH4Xa-agP8N6KC7cNm7eyVk2-8yLDqVa_6KFjDFQd1WeKuXpC8pHPxrdKV9M-6hYzuL0UrSCPt7bXwvDNWKj8VKHx3IzFqJeER-mfXPfW7yf8UtH_8Rd2uMJkoHLW9AvPEP/'/>:31
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVEbtdxjOy3Bxcr7eg_H6Bry2uA3w8GYwW9IUnUbevp4l18rwFOOQwxAOrpwd0iB8A34P1_0qI4JAqVKxg0sbM9m2TMhvCN4t-HzQ9eOCT9brWVfmfvBp-mryFtX4zZcCgBS_vMo4mTsIp/'/>:32
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF81OFMd1G5RV-uXxpwZzgvo4pWZjvQclVoCji-QYkqLJ_qIO04x4UcYkSOJSHk0oxrz5BscDH30oCri0fTQ_kq__YiUYIv0Edbc40TAxY7TbOi_nBKZEXFh9Y3D8-bzt4F9AMaVOthkPI/'/>:33
<br/>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3KZvGCzuy10Wtx_BMih39NTTS0tWfxAWHGsGu6YJqPlKhUWG_76MVFFrMdYpNDifDrLUUgx5O0fUODxuysidCR8R3UKDi8cwNPk7qHfslWK57Eqigx0ZDOc01uQBj7dlo8jSD7DJKEKPo/'/>:34
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWXR6_Akww8vdsU1oThpXvywju36d7zdnEuB2KUWwtVb60EjrX4dri5DYgX5mptg241gW1FEUo3niWUHvugpMheD3NjaG8sOybpB_lw0Lbue5g8sCwoe1_tfzQi5ux1wY0dfypyMsrSB5u/'/>:35
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHWXKl78djkd9G2OWGkdMWlMlIbvi4YAkiexnTmtpIJE-JJRjjcZJUB_9KS3JKq9xCc8FFZmtwEI66YDfhpYVmXm062ECE1VYWa4DMNkiQZoP7XuLHAvvG5X7NPwt9q4C913llLeTqPKsB/'/>:36
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0QzDo28Gdx-ZepsLcEebq5OIcDJsc7eg24nUZs60n77HNd9_lOo4WPHSDlDJdkkIhd3taW6g-Gkd7p6WuSV9Mjm5fHizH40_J1J4D7nkYCkPGyz68Mjur-LJLjS6XDRIRjtJXvYlE_MOA/'/>:37
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5fEwpylcJq1z8a36E12pL_7SPamm1IQDXtee6YJDX3G6FkTRceIXW-p1yVZYYa5ilbNgFXuaZ7TNRYK9TVUaNdZkyQKgYfvo7_pumGVZJGdmScjY_FQqBeaiPqDvfghoUmCkwBBdFkrOD/'/>:38
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBMOoIKiTp_jLFpDTt_bvxuWOHeMG8SRuJ-SNR-1C5YafK7xQzMOHQVhLXegb5IC9WGKSj_HK5NH-ad8QTgF0k9h_PSH0j1EBEaU3YCWpzlX8E_O7AG5eUaLmvwW_90BiQ0V8j2iDyRS3f/'/>:39
</b></center>
</div>



7. Klik simpan template


Silahkan teman-teman melihat hasilnya dengan cara mengklik postingn mana saja yang terdapat diblog anda. cara penggunaannya cukuplah simpel, teman-teman tinggal mengketik/mengkopi-paste titik dua serta angka yang berada di sebelah kanan emoticon yang ingin ditampilkan, contoh: teman-teman ingin menampilkan ngakak maka ketiklah :33, gampang bukan?

Selanjutnya, mungkin teman-teman ingin menanyakan sesuatu atau mungkin ada masalah dengan pemasangan emoticon Yahoo ini, silahkan untuk meninggalkan pesan atau pertanyaan anda di kotak komentar-

Semoga bermanfaat []

Tags: Cara memasang emoticon yahoo, memasang emoticon ke blog, emoticon yahoo untuk blogger, kode emoticon yahoo untuk komentar, cara mudah pasang emoticon yahoo, membuat emoticon Yahoo untuk blogger