rizki-ferdian.blogspot

Tampilkan postingan dengan label Zone Blogger. Tampilkan semua postingan

Dukung Go Green Dengan Hemat Energi di Blog atau Website

Dukung Go green atau penghijauan di blog/website anda, bagaimana caranya ? caranya dengan menggunakan fasilitas onlineleaf. Apa itu onlineleaf ? Leaf Online mengembangkan dan pasar penambahan situs hijau, yang mudah digunakan di situs web apapun.
Idenya adalah bahwa banyak perbaikan kecil membuat dampak yang besar jika mereka tersebar di sejumlah situs yang cukup besar, yang diharapkan akan membuat web yang kurang dari beban lingkungan.

Berapa banyak CO2 yang Anda pancarkan, ketika surfing web? Setiap menit seribu pengunjung menghabiskan browsing sebuah website rata-rata sekitar 1.2kg CO2 dipancarkan ke atmosfer kita.

Sekarang, itu bukan jumlah yang sangat besar untuk sebuah situs web secara individu, tetapi jika Anda mempertimbangkan jumlah waktu yang Anda gunakan di internet bersama dengan orang lain, mungkin Leaf Online langkah ke arah yang benar, ketika mencoba untuk membuat web banyak hijau. Jadi membantu lingkungan dengan membuat hijau website Anda!
Intinya hemat energi bisa mendukung ini semua.
Anda bisa langsung masuk ke situs nya langsung di www.onlineleaf.com, di sana akan ada cara cara nya. Atau langsung bisa saya jelaskan cara caranya di sini.

Cara kerja nya Break, Loh kok break ? Ambil contoh saat anda bermain komputer, saat ada meninggalkan kamar lalu komputer masih tetap menyala, lama kelamaan monitor nya akan mati sendiri, atau bisa di sebut standby. Sama halnya dengan di website atau blog kita, blog/website akan standby dengan sendiri nya saat di tinggal. seperti ini gambar standby nya:

Bagaimana cara mengaktifkan kembali ? cukup dengan menggerakan cursor anda.
Caranya cukup mudah untuk membuat ini di blog/website anda.

1. Login ke blog/website anda, Masuk ke Rancangan > Edit HTML.
2. Letakkan script di bawah ini tepat di atas <b:skin><![CDATA[/*

<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>

Nb: Untuk melihat hasilnya tinggalkan blog anda selama kurang lebih 1 - 2 menit. Lalu lihat lagi blog anda.

3. Simpan dan Lihat hasilnya.

Semoga Bermanfaat!

Membuat Auto Read More di Blog

bagi yang sudah pasang readmore yang lama, kembalikan dulu seperti semua.
Cari kode </head> kemudian letakan script dibawah ini tepat di atas kode </head>

Kemudian Cari kode

<data:post.body/>

ganti kode diatas dengan script dibawah ini:

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

silahkan disimpan dan lihat hasilnya :)

Keterangan:

var thumbnail_mode = "float"; (kita dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float)
summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)
summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail)
img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 120; (Thumbnail 'lebar dalam piksel)

silakan mencoba...

Cara Agar Halaman Utama hanya Menampilkan Judul Postingan

ikuti langkah-langkah dibawah ini:

Masuk ke Blogger dengan ID anda.
Masuk pada Rancangan.
Pilih Edit HTML.
Cari kode : ]]></b:skin> pada template anda
Copy kode dibawah in, kemudian paste tepat dibawah kode ]]></b:skin>

Memasang Emoticon Kaskuser untuk Blogger

Istilah "Emoticon" sudah tidak asing lagi bagi teman-teman blogger dan sebelumnya kita juga pernah membahas bagaimana cara memasang emoticon di blog blogger dan bahkan kita sudah membahasnya dua kali. Namun kali ini untuk memenuhi permintaan beberapa teman blogging saya melalui email 1"Sob, saya senang blogging di blogger dan juga penggemar forum kaskus (kaskuser) boleh request cara nampilin emo kaskuser?", 2"Wah keren emoticonnya, tapi gak ada yang buat para kaskuser yaaa..." 3..dll. Dan email tersebut saya jawab, ooo...kapan2 sob saya postingin, tapi kalau agak lama sobat bisa membuatnya sendiri kok, tinggal diedit saja url emo yang ada di file JS emo bikinan saya, Reply: "Wah cara ngeditnya bagaimana...? Bla...bla..." dan sudah agak lama saya tdk menjawabnya, maslahnya saya bingung bgmana cara njelasinnya lewat email. Semoga postingan kali ini bisa menjadi jawabannya...^

O yah sebelumnya kalau ada yang mau mencoba emoticon non-kaskuser(emo-biasa), silahkan kunjungi postingan yang ini(emo01) dan yang ini(emo02).

Lanjut ke pembahasan...cara memasangnya sama saja dengan emoticon sebelumnya (yang pernah kita bahas), namun bentuknya jelas beda namanya juga emoticon kaskuser. Tampilan emoticon2 tersebut yaitu seperti berikut

Biar gak hanya sekedar screenshot saja teman2 bisa melihat tampilan aslinya (demo) di ~~sini~~ (Update: blog demo telah dihapus, fungsi insyaAllah akan terus berjalan)

Nah, bagaimana...mantep to? Bagi teman-teman blogger (terutama yang kaskuser) yang tertarik buat masang emoticon kaskuser ke dalam blognya, silahkan dipraktekkan melalui langkah2 berikut

-. Login dulu ke akun blogger >> Lalu klik Tata Letak/layout >> Edit HTML dan jangan lupa centang kotak "Expand widget templet"

-. Dah itu letakkan script berikut di atas kode tag </body>

Sudah? Sekarang tangannya diputer2 dulu biar gak capek...

-. Langkah selanjutnya cari kode <b:if cond='data:post.embedCommentForm'>

-. Klau dah ketemu letakkan kode berikut tepat di atas kode <b:if cond='data:post.embedCommentForm'>

-. Kalau langkah2 di atas sudah dilaksanaken klik "Simpan template", dah itu lihat hasilnya di blog teman2

SELESAI...

Wah mas, tangan saya patah gara2 disuruh muter2 tadi. Klau begitu santai saja, tinggalkan komen teman2, nanti saya posting bagaimana cara nyembuhin tangan patah gara2 mblogging, itu aj kok repooot? (SorRy kebanYakaN KiddinG, hohOHo...]

Semoga Bermanfaat []

Membuat Artikel Yang Berhungan [Related Post] Pada Blogger

Wah,panjang ya judul artikel kali ini,hehe.. maksudnya biar semua bisa nyantol gitu :p
Related Post/Posting Terkait,kita semua tahu bahwa merupakan bentuk optimasi sekaligus menghias blog.

Jika anda melihat tulisan ‘Baca Juga Yang Ini..’ pada setiap akhir artikel pada blog ini,kira-kira seperti itu bentuk related suatu post,walaupun memang yang saya pakai adalah cara konvensional alias manual :p

Namun jika anda ingin memakai cara yang lebih praktis dan tidak ribet,kita bisa memakai script dari hoctro.blogspot.com [prasaan dari kemaren hoctro muluk! lanjut gan!-red].

Contoh hasil dari membuat artikel yang berhubungan dari script yang hoctro berikan,bisa lihat blog seo teman saya di SINI.
Nah,bagi anda yang ingin tahu langkah cara membuat artikel yang berhubungan ini,yuk ikuti langkah berikut ini.

Langkah Cara Membuat Related Post/Artikel Yang Berhubungan

Pergilah ke Dashboard blog anda,lalu pilih Tata Letak/Layout,kemudian pilih tab Edit HTML.

cara membuat related topic.

Jangan lupa beri tanda contreng ya pada tulisan Expand Widget Templates.

Selanjutnya cari kode berikut:

<p><data:post.body/></p> atau <data:post.body/>

Jika sudah ketemu,letakkan kode script berikut tepat dibawah kode tadi [lihat gambar ilustrasi diatas - klik untuk melihat lebih jelas]



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

<div class='similiar'>

<!-- *****************http://hoctro.blogspot.com*****Jan,2007****************** -->

<!-- *****************Related Articles by Labels - Take Two****************** -->

<!--

Modified by JackBook.Com to make it easier to use.

1. Now, users don't need to change anything to use this widget. just copy and paste, and done!

2. The current article will also be listed, now it's no more.

-->

<div class='widget-content'>

<h3>Artikel Yang Berhubungan</h3>

<div id='data2007'/><br/><br/>

<div id='hoctro'>

Widget  by <u><a  href='http://hoctro.blogspot.com'>Hoctro</a></u> |  Delivery by <u><a  href='http://pelajaran-blog.blogspot.com/2010/01/cara-membuat-artikel-yang-berhubungan.html'  title='Pelajaran Blog - membuat Related Post'>Ingin Membuat Related  Post Seperti Ini?</a></u> | Support by <u><a  href='http://cepat-terindex-google.blogspot.com/' title='Belajar Seo  Blogspot'>Belajar Seo Blogspot</a></u>

</div>

<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;

var maxNumberOfPostsPerLabel = 4;

var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;

maxNumberOfLabels = 3;

function listEntries10(json) {

var ul = document.createElement(&#39;ul&#39;);

var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?

json.feed.entry.length : maxNumberOfPostsPerLabel;

for (var i = 0; i &lt; maxPosts; i++) {

var entry = json.feed.entry[i];

var alturl;

for (var k = 0; k &lt; entry.link.length; k++) {

if (entry.link[k].rel == &#39;alternate&#39;) {

alturl = entry.link[k].href;

break;

}

}

var li = document.createElement(&#39;li&#39;);

var a = document.createElement(&#39;a&#39;);

a.href = alturl;

if(a.href!=location.href) {

var txt = document.createTextNode(entry.title.$t);

a.appendChild(txt);

li.appendChild(a);

ul.appendChild(li);

}

}

for (var l = 0; l &lt; json.feed.link.length; l++) {

if (json.feed.link[l].rel == &#39;alternate&#39;) {

var raw = json.feed.link[l].href;

var label = raw.substr(homeUrl3.length+13);

var k;

for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);

var txt = document.createTextNode(label);

var h = document.createElement(&#39;b&#39;);

h.appendChild(txt);

var div1 = document.createElement(&#39;div&#39;);

div1.appendChild(h);

div1.appendChild(ul);

document.getElementById(&#39;data2007&#39;).appendChild(div1);

}

}

}

function search10(query, label) {

var script = document.createElement(&#39;script&#39;);

script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;

+ label +

&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);

script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);

document.documentElement.firstChild.appendChild(script);

}

var labelArray = new Array();

var numLabel = 0;

<b:loop values='data:posts' var='post'>

<b:loop values='data:post.labels' var='label'>

textLabel = &quot;<data:label.name/>&quot;;

var test = 0;

for (var i = 0; i &lt; labelArray.length; i++)

if (labelArray[i] == textLabel) test = 1;

if (test == 0) {

labelArray.push(textLabel);

var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?

labelArray.length : maxNumberOfLabels;

if (numLabel &lt; maxLabels) {

search10(homeUrl3, textLabel);

numLabel++;

}

}

</b:loop>

</b:loop>

</script>

</div>

</div>

</b:if>

Setelah itu Simpan Templates Dan Selesai.

Ket:
Untuk tulisan kode yang bercetak tebal "Artikel Yang Berhubungan" gantilah sesuai keinginan seperti;Artikel yang Berkaitan,Artikel Terkait,Posting Terkait,Related Post,dll

sumber: http://www.pelajaran-blog.blogspot.com/

Cara mudah membuat menubar

Berikut cara termudah untuk membuat menu bar.

Untuk membuat tampilan blog yang lebih menarik salah satu caranya adalah kita dapat menambahkan menu bar pada situs webblog kita sehingga memudahkan pengunjung untuk melihat halaman – halaman blog dengan lebih mudah dengan melihat menu bar yang kita tampilkan pada blog. Sebenarnya dalam bloger telah disediakan yaitu pada label kita dapat mengisi label sesuai dengan tema yang ada diblog. Namun apabila anda ingin mencoba menu bar yang lain berikut ada software online yang dapat digunakan untuk membuat menu bar. Langkah pertama untuk membuat menu bar adalah membuka situs software online yaitu www.accessify.com Software online ini sangat praktis karena langsung dapat kita gunakan tanpa harus register

terlebih dahulu. Kemudian pilih link bar yang akan dibuat dan kita masukkan alamat linknya, misalnya saya ambil contoh kita pilih 3 link yang isinya mengenai about us, product, contact us masukan alamat link . Setelah itu pilih menu bar yang akan di tampilkan dalam blog apakan akan dibuat secara vertical ataupun horizontal tergantung selera kita masing-masing dan tentunya disesuaikan dengan tampilan template blog. Proses selanjutnya apabila berhasil akan muncul kode HTML dan kode RSS , kode RSS dicopy dan masukkan ke dalam blog kita di menu edit HTML , dan untuk kode HTML kita copy kemudian masuk ke blog buat add gadget pilih HTML/javascript paste . Yang terakhir simpan kemudian lihat hasilnya menu bar telah dapat terpasang diblog.

src: http://putrasangpejuang.blogspot.com

58 Widget Pilihan Untuk Membuat Blog Lebih Menarik

Widget jika berhubungan dengan web ataupun blog maka yang dimaksud adalah sebuah tool (alat yang berguna) dalam memaksimalkan keindahan, kecantikan, serta “kenarsisan” blog agan.. Hhee.. Widget sendiri merupakan sebuah elemen yang berguna dan mudah digunakan baik yang telah disediakan oleh penyedia layanan blog yang agan-agan gunakan maupun berasal dari third party atau pihak ketiga.
Penggunaan serta pemasangan widget telah sangat dimudahkan oleh pihak-pihak penyedia layanan, sehingga yang agan perlukan (biasany) cukup mendaftar atau bahkan ada yang tidak perlu mendaftar sama sekali, cukup mengcopy scrift yang telah disediakan dalam element blog agan-agan. Nah berikut ini 58 Widget pilihan untuk membuat Blog agan lebih menarik..

Note: Disarankan jangan terlalu berlebihan memasang widget karena selain agama juga melarang (kesannya) memasang widget yang berlebih-lebihan (terlalu banyak) bisa mengakibatkan blog jadi terkesan kumuh dan membebani loading halaman blog agan nantinya.. sehingga tidak menutup kemungkinan terjadi PLP.

1. MyBlogLog’s Recent Readers – Widget satu ini sejak kehadirannya didunia lain blog langsung mendapat sambutan meriah layaknya seleb baru yg lagi naek daun. Widget ini memperlihatkan avatar dari para pengunjung blog agan. Dan dengan kepopuleran widget satu ini sampai-sampai manajemen MyBloglog mampu meyakinkan Yahooo (baca: yahuu) untuk membeli sahamnya. (Gokill bner) So, yang agan perlukan untuk mendapat widget ini adalah mempunyai account yahuu.
2. Mashable – Widget ini menyediakan semacam newsreel (headline news) dalam element blogger yang memberikan cuplikan berita/postingan dari sosial networking. Bedanya ada pilihan warna untuk disesuaikan dengan layout blog agan (Siiipp bner ni mah).

3. Headline News – Seperti widget mashable, widget ini pun menampilkan cuplikan headline berita dari situs-situs di seluruh penjuru dunia.
4. Flickr Flash Photo Stream Badge – Widget ini menampilkan photo-photo dari profil flickr agan-agan secara berurutan dan dengan sentuhan flash. Flickr merupakan bagian dari yahoo jadi untuk mendapatkan widget ini agan memerlukan account yahoo seperti pada widget MyBlogLog di atas.
5. Preview Anywhere – sudah cukup terkenal juga nama snapshots bagi pengguna blogger bahkan untuk wordpress widget ini menjadi rekomendasi khusus dalam dashbord admin penggunanya. Fungsinya untuk melihat preview link keluar dengan tampilan popup yang tidak terlalu besar ketika pengunjung mengarahkan mouse pada teks atau banner yang “mengandung” link. Pro-kontra memang selalu ada; sebagian menganggap widget ini berguna karena menandakan kejujuran kita selaku pemilik blog, namun ada juga yang mencap kambing hitam sebagai biang lojalabo.. Hhheee
6. Twitter Badge – Jika dalam keseharian hidup agan banyak hal-hal menarik dan begitu penuh warna dengan segudang aktifitas serta ingin agar orang lain tahu dan menampilkan cuplikan kalimat-kalimat pendek *satu paragraf misalnya* (140 karakter) agan sedang melakukan kegiatan ini, agan sedang berada dimana, agan sedang bersama siapa, agan sedang, sedang, dan sedang lainnya…. Maka widget ini cocok untuk dipasang pada blog agan. Dari pada bikin sendiri element blogger/wordpress *secara manual* menuliskan teks sebagai pesan kepada pengunjung blog agan bahwa agan sedang ini-itu, ane sarankan lebih baik menggunakan widget ini. Widget ini akan menampilkan “tweet” terbaru agan. Dan untuk pengguna WP sudah ada plugin untuk memposting twitter langsung dari blog agan.
7. Digg News – Widget ini manampilkan Link terakhir yang masuk ke Digg sebuah social bookmarking yang sudah “kakoncara” dijagat perbloggan mah lah… *halaaah* Pilihan theme dan warna mudah untuk agan atur agar sesuai dengan template blog agan.
8. FEEDJIT – Widget ini paling wuenak diantara widget lainnya, misalkan kalo kita lagi cape, lesu, sendi-sendi lagi nggak enak, otot kaku, badan pegal, masuk angin… maka suruh aja si mbok untuk feedjit *oooh itu pijit ya* hhee... Feedjit merupakan layanan real time traffic pada blog agan. Ada empat pilihan widget Feedjit yang bisa agan gunakan, silahkan kunjungi saja Feedjit dan lihat empat widget apa saja yang tersedia.
9. LineBuzz – Komentar dalam widget inline untuk Blog agan Widget ini sangat berguna bagi blog yang memiliki frekuensi di atas 900 Mhz tinggi dalam menerima komentar, sehingga memudahkan berkomentar jika terjadi diskusi yang berkepanjangan *waaah keren euy*. Hanya sayang, pengunjung harus terdaftar LineBuzz dulu untuk berkomentar *bikin berabe juga*
10. Flixn – Jika kompi atau laptop agan terpasang webcam, maka widget ini bisa digunakan untuk memperlihatkan ekspresi “narsis” Anda langsung melalui blog agan hhee... Jadi pengunjung blog tidak hanya membaca postingan agan tapi bisa menyaksikan “konser” agan didepan monitor, mirip webcam yahoo.
11. 3Jam – Widget ini memudahkan pengunjung blog untuk berinteraksi dengan agan dengan mengirimkan SMS pada henpun agan tanpa mereka tahu nomor HP agan
12. Jaxtr – Seperti halnya widget 3jam di atas, dengan menggunakan widget Jaxtr ini, pengunjung blog bisa menghubungi HP agan tanpa mereka tahu nomor HP agan. *nomor HP agan dijamin kerahasiaannya*
13. LinkedInABox – Menampilkan profile agan di LinkedIn. Dan widget ini sangat cocok untuk blog personal.
14. Box Widget – Dengan widget ini, memudahkan pengunjung blog agan untuk mengupload file ke tempat penyimpanan online box.net melalui widget box.net pada blog agan
15. Price of gas – Menampilkan harga bahan bakar kendaraan bermotor secara online (US$), kalo di Indonesia mungkin seperti harga Bensin premium, pertamax dan solar. “sangat cocok” untuk pengunjung blog agan yang mobilitasnya tinggi. *terasa aneh* tapi kalo blog agan memang membahas masalah gas bumi, bahan bakar dan yang sejenis maka widget ini sangat cocok, lagian tidak perlu mendaftar hanya mengcopas scrift yang disediakan Gas-Cost.Net.
16. iBegin Weather Widget – Menampilkan laporan cuaca untuk wilayah Kanada dan Amerika. Seperti widget Price of Gas di atas widget ini hanya cocok untuk blog yang memang membahas masalah yang sama.
17. ClockLink – Sepertinya widget ini yang paling banyak diminati dan digunakan para blogger yang peduli dengan manajemen waktu *ekhm* seperti namanya clock, widget ini menampilkan petunjuk waktu atau jam pada blog agan
18. Film Loops – Menampilkan kesimpulan filem terakhir yang agan tonton melalui account FilmLoops agan
19. Daily Painters – Widget ini sangat cocok bagi agan yang berjiwa seni tinggi karena widget ini menampilkan lukisan-lukisan dari pelukis terkenal di dunia.
20. WhoLinked – Memperlihatkan kepada pengunjung blog agan situs-situs yang telah melink pada blog agan tidak perlu mengupdate karena WhoLinked ini secara teratur mengupdate sendiri web/blog yang melink blog agan
21. Criteo AutoRoll – Widget ini memperlihatkan link menuju blog-blog yang sehaluan dengan blog agan Sehaluan…? Secara…! Heuheu.
22. Calender – Berbeda dengan wordpress yang sudah mempunyai widget ini di dalamnya, untuk pengguna blogger widget kalender belum tersedia, oleh karenanya jika ingin menampilkan kalender maka widget satu ini pantas di perhitungkan.
23. Bitty Browser – Menampilkan web browser “mini” pada sidebar blog agan Tapi mesti hati-hati sama yang namanya “mini” ada rok mini, metro mini, dan mini-mini yang lainnya… *beuh ga nyambung*
24. Leafletter – Ini juga sama masih masalah mini, widget ini membuat website mini dan menyimpannya pada blog agan
25. WikiSeek – Menampilkan widget untuk pencarian pada Wikipedia.
26. FeedCount – Menampilkan jumlah pengunjung blog agan melalui banner kecil dan widget ini berhubungan dengan accountFeedburner agan.
27. Technorati Link Count – Menampilkan reaksi jumlah link yang menuju blog agan dari salah satu directory blog terbesar dan terpopuler abad ini… dialaaaaaaah Technoraaaaati. *juara tinju dunia kita* halaaaah.
28. MyPageRank – Inilah cara lain untuk sombong menunjukkan betapa hebat dan bermanfaatnya blog agan dengan menampilkan Ranking Google atau Google PageRank (PR). Penilaian PR google ini seperti saat kita SD dulu ada rangking 1 sampe 10, bedanya PR yang baik menurut google itu yang lebih besar alias 10, kalo baru satu berarti belum besar-besar amat blog agan.. sama kaya.blog ane..hheee
29. CheckPageRank – Pilihan lain untuk menampilkan PR blog agan, namun kelebihannya widget ini menampilkan juga ranking Alexa.
30. Counter Statistic – Bagi agan yang ingin melihat jumlah pengunjung agan sehari-hari, maka widget ini adalah salah satu yang menyediakan fasilitas tersebut.
31. Web/Blog Counter – Widget ini datangnya dari Histats.Com yang memungkinkan agan bisa melacak pengunjung datang dari mana saja, lewat pintu mana saja, dan menghitung jumlah pengunjung blog agan sehari-hari berapa, referer dari blog mana saja, dan jika melalui search engine semisal google, yahoo, msn menggunakan keyword apa. Jika agan ingin melihat IP Address pengunjung blog agan, widget histats ini yang bisa saya rekomendasikan.
32. BlinkxIt – Widget mantab sangad karena menampilkan banner kecil dibawah setiap postingan blog agan, ketika banner BlikxIt itu di klik maka keluar mini popup seperti snapshot dan menampilkan video yang berhubungan dengan postingan blog agan
33. Skype button – Seperti widget menampilkan status online YM pada blog agan, widget ini pun hampir sama cuma bedanya status online/offline pada account skype agan yang ditampilkan.
34. RockYou Horoscope – Saya tidak menganjurkan widget ini pada blogger muslim, soalnya ini berupa ramalan yang sudah jelas-jelas dilarang oleh agama kita sodara-sodara! Konsekuensinya jika agan percaya ramalan maka 40 hari shalat agan tidak diterima (pasang muka galak) Hhee....
35. Bravenet Horoscope – Seperti halnya widget di atas, bravenet pun menyediakan widget horoscope untuk blog agan.
36. del.icio.us Tagometer – Widget ini menampilkan berapa banyak pengguna del.icio.us membookmark blog agan.
37. del.icio.us Linkrolls – Widget ini menampilkan bookmark terakhir agan dari del.icio.us.
38. Timelines – Perlu membuat timeline untuk blog agan? Maka widget cukup mudah digunakan, hanya perlu memasukan RSS blog agan lalu memasukkan ukuran lebar dan tingginya.
39. PollDaddy – PollDaddy memberikan agan kemudahan membuat sebuah poling atau survey interaktif padamu negeri dengan theme yang sangat cantik dan menawan hati tanpa batas waktu yang harus memisahkan antara kita berdua, biar langit dan bumi yang menjadi saksi cinta suci nan tulus kita berdua.
40. Vizu – Pilihan widget lain untuk membuat poling pada blog Anda, kelebihannya widget ini cocok dengan platform blog manapun.
41. AnswerTips – Memperlihatkan jawaban dari Answers.com untuk berbagai macam istilah yang terdapat pada blog agan
42. AnswerBoxes – Masih widget dari Answer.Com hanya saja widget ini memberikan kesempatan pada pengunjung blog agan untuk memasukan istilah yang tidak dimengerti dan mendapat jawaban segala risau hatiku dari Answer.Com.
43. Now Playing – Jika agan ingin sharing playlist musik yang sedang agan dengarkan dan ingin agar pengunjung blog agan juga mendengarkan, nah Signamp menawarkan widget ini, biar signamp yang melakukan trik bagaimana hal itu mungin terjadi.
44. BuzzBoost – Menampilkan headline dari RSS FeedBurner blog agan pada blog agan sendiri ataupun blog agan yang lain atau juga pada blog teman agan atau mungkin blognya sodara agan atau juga pada blognya dia, mereka dan dirinya.
45. LibraryThing – Tampilkan buku terakhir yang telah agan baca wahai kutu buku!
46. Plaxo Address Book – Izinkan pengunjung setia yang telah agan percayai untuk mengakses buku tamu mereka langsung dari blog agan.
47. AuctionAds – Widget yang menampilkan pelelangan barang dari eBay, dan memberikan kesempatan pada untuk mendapat persentase *uang denger gitu loh* dengan catatan pengunjung blog agan membeli barang lelang tersebut.
48. aStore – Hampir mirip dengan AuctionAds di atas, hanya saja widget ini datangnya dari Amazon. Widget ini memungkinkan agan menampilkan “warung sederhana” tapi jika ada yang beli lewat warung agan tersebut agan mendapatkan keuntungan dari Amazon. Btw, sudah daftar amazon belum? Kalo belum Klik Disini untuk daftar dan langsung buat “warung sederhananya”. HHee...
49. Deal of The Day – Masih dari Amazon ini merupakan widget paling anyar yang dirilis amazon. Yang menarik dari widget ini adalah diskon besar-besaran yang ditawarkan untuk pengunjung blog agan Dan jika ada yang membeli barang dari widget tersebut tentu agan mendapat persenan dari amazon, lumayanlah buat beli kacang goreng.. Hheee.
50. Plazes – Widget ini menampilkan dimana posisi agan, apakah sudah PW atau belum…? Kalo belum PW cari dulu deh tempat yg nyaman buat ngeblog biar PW . Nah widget ini menampilkan lokasi peta dimana kamu berada. *nyambungkah?*
51. Stockalicious – Perlihatkan portfolio agan dengan widget ini, dan sharing dengan blogger lain. Biar semua orang tahu berapa banyak dana yang telah agankeluarkan untuk ngeblog.
52. Yahoo! For Good – Widget ini untuk membuat “kotak amal” dan akan didonasikan kepada yang berhak menerimanya. *kata Yahoo* Jadi bagi agan yang berjiwa sosial, rasanya widget ini perlu, anggap saja blog agan warung atau toko yang menerima penitipan kotak amal. ^_^
53. Giftspace – Sahabat ataupun teman blogger akan memberi hadiah di hari Ultah agan tapi mereka tidak tahu harus membeli hadiah apa yang sekiranya agan inginkan. Nah melalui widget ini biarkan mereka tahu kado apa yang sebenarnya agan inginkan.
54. MixMap – Dari widget ini agan bisa melihat pengunjung profile MySpace agan dari sebuah Peta.
55. Google Map Widget – Perlihatkan pencarian pada peta google dari blog agan.
56. Google Video Search – Tampilkan form pencarian video dari video pilihan pada blog agan.
57. This Day in History – Widget ini menampilkan cuplikan bahwa hari ini ada sejarah apa pada masa lalu.
58. Shoutbox – Fungsi shoutbox adalah untuk menampung pesan singkat teman atau para blogger yang tengah blogwalking. Untuk shoutbox banyak pilihan yang bisa agan gunakan diantaranya, Shoutmix, Cbox, atau kalo Anda berorientasi nasionalis dan cinta produk dalam negeri agan bisa memilih Oggix. Dan awal 2008 ini oggix pun meluncurkan versi blognya, jika agan ingin berpindah layanan atau sekedar mencoba blognya oggix silahkan daftar.

Demikian diantara widget yang bisa digunakan untuk membuat blog agan lebih menarik Pilih saja yang sekiranya bermanfaat dan cocok untuk blog agan. Ingat! Kebanyakan widget bisa mengesankan blog agan kumuh dan membuat lojalabo dan berakibat pengunjung malas untuk datang kedua kali.
Kalo mau menambahkan widget lain yang agan temukan silahkan tambahkan pada kolom komentar. Terimakasih

Source: http://hakimtea.com/

Cara Pasang Jam di Sidebar

Agar blog anda tampak cantik dan menarik untuk di lihat, maka anda bisa memasang beberapa aksesori blog, salah satunya adalah dengan cara memasang jam. Jam ini bisa anda dapatkan secara gratis pada situs http://www.clocklink.com. Salah satu contoh jam yang tersedia adalah sebagai berikut :

dan bagi anda yang ingin blognya di pasang jamjuga, silahkan ikuti langkah-langkah berikut :

   1. Silahkan kunjungi situs http://www.clocklink.com
   2. Jika sudah berada pada situs tersebut, silahkan klik tulisan Want a clock on your Website ?
   3. Silahkan anda melihat-lihat dulu model dari jam yang tersedia, yaitu mulai dari Analog, Animal, Animation, dll
   4. Jika di rasa sudah menemukan model jam yang anda sukai, klik tulisan View HTML tag yang berada di bawah jam yang anda sukai tadi
   5. Klik tombol yang bertuliskan Accept

   6. Pilih waktu yang sesuai dengan tempat anda di samping tulisan TimeZone. Contoh : untuk indonesia bagian barat pilih GMT +7:00
   7. Set ukuran jam yang anda sukai di samping tulisan size
   8. Copy kode HTML yang di berikan pada notepad
   9. Paste kode HTML yang di copy tadi pada tempat yang anda inginkan
10. Selesai

Karena kode jam blog ini adalah merupakan suatu kode HTML, maka bagi anda yang masih bingung cara menempatkan kode HTML pada template blog, silahkan baca kembali postingan saya terdahulu di sini

Selamat mencoba.

Cara Pasang Iklan Di Blog (KumpulBlogger)

Anda sudah merasa lama didunia perbloggeran?, Anda merasa tidak mendapatkan apa-apa dari blog selain kepuasan hati?. Jangan salah blogger juga bisa dijadikan sumber penghasilan lho, Antara lain dengan cara memasang iklan di blog Anda dengan jasa periklanan Indonesia kumpulblogger.com, Anda tidak perlu bersusah-susah mencari iklan sendiri tinggal daftar terus pasang scriptnya di blog Anda karena kumpulblogger.com sudah mencarikan iklan untuk Anda jadi Anda tinggal terima beresnya saja.
Apalagi kalau blog Anda pengunjungnya sudah banyak pasti uang akan mengalir dengan sendirinya. Kumpulblogger.com menghitung setiap text link atau banner yang disediakan dengan cara PPC (pay per clik) atau setiap ada pengunjung yang mengklik zona iklan Anda.

Gimana enak gak? mau? ikuti caranya dibawah ini

Langkah pertama yang harus Anda lakukan adalah mendaftar kumpulblogger.com disini dengan cara mengklik link "register now" pada pojok kanan atas di situs kumpulblogger.com

Lalu masukkan alamat email Anda lalu klik tombol "Register" otomatis password untuk Log In sudah ada di email Anda. Anda bisa mengubah passwordnya setelah Anda Log In

Lalu setelah Anda Log In sebelum pasang scriptnya klik link "Tambah Blog" Pada menu Blogger

Isi form sesuai perintahnya lalu klik tombol "Submit"

Kalau sudah klik link "Script Text Advertising untuk Blog anda" dan pilih style iklan yang Anda sukai lalu copy scriptnya dan tempatkan di blog Anda dengan cara masuk menu Layout (tata letak) pada dashboard blogger lalu pada menu Page element (elemen halaman) pilih tempat yang Anda sukai dan klik "add a gadget" lalu pilih "HTML/JavaScript" dan Paste Script tadi yang Anda copy di kumpulblogger.com

Nah selesai

Selamat datang didunia Blogger dan selamat datang didunia periklanan.

Cara Membuat ReadMore di Blogger dengan Sangat Mudah

Untuk membuat readmore, selengkapnya atau yang lebih paaaas,,, menurut saya membuat break point pada postingan ikuti langkah-langkah berikut ini.

Untuk membuat readmore ikuti langkah dibawah ini :

Langkah Pertama:
Buka Template - Edit HTML - Berikan tanda centang pada "Expand widget template"

Langkah Kedua:
Jangan Lupa backup template kamu dengan mengklik "dowlnoad template lengkap"

Langkah Ketiga:
Cari kode dibawah ini:

Tips: Untuk memudahkan anda mencari, pada browser tekan Ctrl + F atau klik Edit - Find, lalu ketikkan

biasanya pada bait kode keduanya berbeda -beda ada yang

dan ada yang <div class='post-body entry-content'> dan ada yang <div class='post-body'> .

Bila sudah ketemu kira-kira keseluruhan kodenya seperti berikut :

<div class='post-header-line-1'/>
<div class='post-body entry-content'>
<data:post.body/><div style='clear: both;'/>  </div>

Untuk mudahnya ganti seluruh kode diatas dengan kode di bawah ini.

<div class='post-header-line-1'/>
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Readmore»»</a>
</b:if>
<div style='clear: both;'/>
</div>

Langkah Empat

Setelah kode diatas disimpan kita kembali dan masuk ke tab Pengaturan -> Format -> cari "Post Template" Kemudian pada kotak masukan kode dibawah ini.

<div class="fullpost">
</div>

Lalu simpan.

Langkah Kelima :
Disini saya akan menjelaskan cara penggunaan readmore pada halaman posting. Ketika kita melakukan posting pertama kali, klik posting menggunakan edit html jangan compose. Kita akan melihat kode:

ingat jangan hapus kode diatas karena kode tersebut merupakan kode yang akan kita gunakan dalam pemenggalan posting nantinya.

jadi cara memposting enter beberapa kali agar kode diatas berada di bawah, baru bikin postingan kamu, kemudian boleh masuk ke menu compose agar lebih mudah dalam memposting, dan selalu pastikan kode merahdi atas masih berada di bawah,jangan sampai terselip hehe,,,.

setelah postingan kamu selesai terbuat baru kita masuk kan kode diatas diantara postingan, caranya:

Tentukan dimana postingan akan dipotong, kemudian letakkan kode <div class="fullpost"> pada tempat yang mau dipotong lalu letakkan kode </div> pada akhir postingan.

Membuat Link

lDalam dunia blog, tentu anda tidak asing lagi dengan yang namanya link. Apabila anda seorang blogger (tukang ngeblog kata orang jakarta mah), tentu saja membuat link adalah sebuah keharusan. Berbeda dengan website pada umumnya, di jagat per blog-an ada yang namanya link exchange atau bertukar link dengan blog lain, jadi kalau anda tidak bisa membuat link, ini dapat berakibat anda akan di asingkan alias di cuekin oleh blogger lainnya karena di anggap pelit dalam memberikan link. Dalam topik membuat link ini, saya akan mengulasnya dalam beberapa sub bagian yakni :

Link pada posting-an

Jika anda membuat sebuah artikel untuk di posting, trus di dalam nya ingin di buatkan sebuah link, misalkan artikel tersebut bercerita tentang bisnis yang anda ikuti pada sebuah website di internet, lalu anda ingin mengajak para pembaca artikel tersebut untuk mengunjungi website yang anda ceritakan.

Highlight kata-kata yang ingin di buat link, contoh di atas adalah klik disini.
Klik ikon yang bergambar seperti ini yang berada pada toolbar, maka setelah itu akan muncul tulisan http:// pada window baru yang berbentuk seperti gambar di bawah ini :

Isi kotak yang ada tulisan tersebut dengan alamat situs yang anda inginkan, misalkan : http://rizki-ferdian.co.cc
Klik OK. Selesai

Mengganti Logo Blogger.com

Pernah lihat logo para blogger yang memakai logo sendiri (default logo blogger.com mirip huruf B)??? Lama-lama jadi pingin juga ganti logo pakai image buatan sendiri, jadi sekarang kubuat logo atau gambar dengan ukuran width : 20px dan height : 20px, simpan dengan format gif.
Kemudian upload photo/gambar yang sudah diedit tadi ke situs penyimpan gambar. Supaya ga usah daftar lagi gunakan aja yang punya google, picasaweb.google.com tinggal masukkan ID Email dan sandi gmail.
Atau bisa juga disimpan di photobucket.com dan yang lainnya.
Copy / ambil kode link gambar yang sudah anda upload
(misal : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfv1mguS4dmjIY48RREgxMblXfdB_-aqevR9BB8HwrdiMfyR93jxtvqXwK7NhqFUASvTV80Uq5lGsjysMNb38b6tqZQeqPp763nnm3PjjHve0k7SupITHagf1kZzM2lGxiC-AVSua06v8/s800/bendera%20indonesia.gif )

Cari kode html berikut di template blog anda :

<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[

(untuk lebih cepat gunakan ctrl F saat mencari di Edit HTML blog anda)

Copykan kode berikut diantara kedua kode diatas :

<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfv1mguS4dmjIY48RREgxMblXfdB_-aqevR9BB8HwrdiMfyR93jxtvqXwK7NhqFUASvTV80Uq5lGsjysMNb38b6tqZQeqPp763nnm3PjjHve0k7SupITHagf1kZzM2lGxiC-AVSua06v8/s800/bendera%20indonesia.gif' rel='shortcut icon'/>

tulisan yang tercetak tebal diatas adalah alamat file gambar yang tadi sudah anda uploud, ganti dengan kode gambar anda.

Untuk jelasnya hasil copy paste seperti dibawah ini :
<title><data:blog.pageTitle/></title>

<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfv1mguS4dmjIY48RREgxMblXfdB_-aqevR9BB8HwrdiMfyR93jxtvqXwK7NhqFUASvTV80Uq5lGsjysMNb38b6tqZQeqPp763nnm3PjjHve0k7SupITHagf1kZzM2lGxiC-AVSua06v8/s800/bendera%20indonesia.gif' rel='shortcut icon'/>

<b:skin><![CDATA[

lalu tinggal simpan template anda (SAVE)

dan lihat hasilnya >>>> Logo Blog anda sudah ganti....

Selamat Mencoba.

rizki-ferdian.blogspot

Blogger templates

Category List

BUKU TAMU

Followers

Dukung Go Green Dengan Hemat Energi di Blog atau Website

Membuat Auto Read More di Blog

Cara Agar Halaman Utama hanya Menampilkan Judul Postingan

Memasang Emoticon Kaskuser untuk Blogger

Membuat Artikel Yang Berhungan [Related Post] Pada Blogger

Langkah Cara Membuat Related Post/Artikel Yang Berhubungan

Cara mudah membuat menubar

58 Widget Pilihan Untuk Membuat Blog Lebih Menarik

Cara Pasang Jam di Sidebar

Cara Pasang Iklan Di Blog (KumpulBlogger)

Cara Membuat ReadMore di Blogger dengan Sangat Mudah

Membuat Link

Mengganti Logo Blogger.com

Banner

Banner

Link Sahabat

Blog Archive

Banner

Banner

About

Blogger news

Blogroll

Banner

Banner