RHOEDAL | Blogger Share

Berbagai Pilihan Style Widget Whos.Amung.Us

<img alt="gambar, Cara mengganti gaya, style widget whos amung cara ganti, cara merubah tampilan widget whos amung." height="200" src="http://pengyulong.com/wordpress/wp-content/uploads/2009/10/whos.amung.us-tracking-code.jpg"/> Hallo Rhoedalisme! Tidak puas dengan postingan kemarin, Hanya mengganti warna saja? Kini saya punya alternatif lain nih berbagai pilihan style widget dari whos.amung.us tapi buat yang mau mencoba <s>merasakan nikmatnya</s> <img alt="Tutup Mulut," src="http://photoserver.ws/images/BksS4c4fb5373b20d.png"/> <a href="http://www.rhoedal.co.cc/2010/08/mengganti-warna-tampilan-widget-dari.html" target="new">mengganti warna widget dari whos.amung sesuka kita.</a> silahkan aja di baca! Biar postingan ini lebih komplit, sekarang saya kasih info lagi, anda bisa mengganti style widget melihat pengunjung yang online di blog seperti ini contohnya : <img alt="" src="http://assets.amung.us/images/showcase/smallw_on.gif"/> <img alt="" src="http://assets.amung.us/images/showcase/mapw_on.gif"/> Pokoknya masih banyak deh yang lebih keren! Mau coba langsung aja <a href="http://whos.amung.us/showcase" rel="nofollow" target="_blank">klik link ini http://whos.amung.us/showcase</a> disana anda bisa memili sepuasnya! Semoga info ini bermanfaat...

Gadget Info Widget Berbagai Pilihan Style Widget Whos.Amung.Us

Hallo Rhoedalisme! Tidak puas dengan postingan kemarin, Hanya mengganti warna saja? Kini saya punya alternatif lain nih berbagai pilihan sty...

Baca selengkapnya »

Mengganti Warna Tampilan Widget Dari Amung

01.30.00 Dhodho 0

Info Widget Mengganti Warna Tampilan Widget Dari Amung

Mungkin anda bosan dengan tampilan widget yang di sediakan dari layanan whos.amung.us seperti ini contohnya terlihat membosankan bukan? Ga...

Baca selengkapnya »

Peta Dunia Menampilkan Asal Pengunjung Blog

10.46.00 Dhodho 0

<img alt="gambar, Cara Menambahkan Peta Asal Pengunjung, Menambahkan siteMap Visitor" src="http://i629.photobucket.com/albums/uu14/jsiswahyudi/bola-dunia-emas-diangkat-keren-300x.jpg"/> Mau melihat asal pengunjung blog anda berasal dari mana saja, enggak ada salahnya anda pakai gadget Visitor World Map. Walaupun sekarang-sekarang ini ke banyakan blogger memakai layanan dari feedjit.com. mungkin esok saya akan beri tutorial cara memasang feedjit di blog. Sekarang ini giliran memasang Map Visitor, berikut ini caranya >> Silahkan masuk ke <a href="http://www.blogger.com" rel="nofollow" target="_blank">Blogger</a> >> Rancangan/Design >> Tambah Gadget/Add Gadget >> Kemudian Pilih HTML/Javascript kemudian copy paste kode di bawah ini : <blockquote> <script src="http://www.gmodules.com/ig/ifr?url=http://www.infosniper.net/plugin/gadget-worldmap.xml&amp;synd=open&amp;w=320&amp;h=100&amp;title=Visitor+Worldmap&border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;output=js"></script></blockquote> Kemudian simpan template anda! Dan lihat hasilnya. Atau anda bisa langsung menuju <a href="http://www.gmodules.com/ig/creator?synd=open&url=http%3A%2F%2Fwww.infosniper.net%2Fplugin%2Fgadget-worldmap.xml&lang=en" rel="nofollow" target="_blank">google gadget</a> disana anda bisa mengatur warna atau tampilannya agar sesuai dengan blog anda. Semoga bermanfaat.

Gadget Info Peta Dunia Menampilkan Asal Pengunjung Blog

Mau melihat asal pengunjung blog anda berasal dari mana saja, enggak ada salahnya anda pakai gadget Visitor World Map. Walaupun sekarang-se...

Baca selengkapnya »

Cara Menambahkan Button Retweet Di Data Postingan

08.14.00 Dhodho 2

<img alt="Gambar, tombol Retweet Di Blogger atau Blog di artikel, postingan" src="http://www.exoticaquarium.com/images/_site/twitter_logo.png"/> Bagi anda pembaca setia rhoedal (rhoedalisme) tentunya kemarin membaca <a href="http://www.rhoedal.co.cc/2010/08/membuat-tombol-share-facebook-dengan.html">cara membuat tombol share facebook,</a> bagi anda yang baru pertama kali dateng ke rhoedal, silahkan mungkin mau baca <a href="http://www.rhoedal.co.cc/2010/08/membuat-tombol-share-facebook-dengan.html">cara membuat tombol share facebook dengan penghitung (counter)</a> nah kali ini kita akan menambahkan tombol button retweet dari twitter Caranya >> Silahkan login di <a href="http://www.blogger.com" rel="nofollow" target="new">Blogger</a> >> Rancangan/Design >> Edit HTML >> Centang Expand Widget Template >> Copy Paste salah satu kode di bawah ini di atas atau di bawah <data:post.body/> <img alt="Gambar, Cara menambahkan Tombol Twitter, Cara menambahkan Retweet Button" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw8iOsjrhigH4XapEuCEZoUs3arm27QdBrM1PG1aPa8Lxsd8IKxfK_UwxGhrY0GlHULFgraMzHsrIFQN6Lgn3MuNgNLXNRse00RFDhqrfy6psqh-_zdK7bK0sRWl4QBts_KziBVd0FJQQ/s320/retweet-button-compact+in+Andre's+Tutorial+Blog.JPG"/> <script type='text/javascript'> tweetmeme_style = 'compact'; tweetmeme_url = '<data:post.url/>'; tweetmeme_source = 'UserName'; </script> <script type='text/javascript' src='http://tweetmeme.com/i/scripts/button.js'/> Atau yang ini : <img alt="Gambar, Cara menambahkan Twitter Button, Cara menambahkan Retweet Button Di blog atau blogger" src="http://www.solidblogger.com/wp-content/uploads/2009/06/retweet-button.png"/> <script type='text/javascript'> tweetmeme_url = '<data:post.url/>'; tweetmeme_source = 'UserName'; </script> <script type='text/javascript' src='http://tweetmeme.com/i/scripts/button.js'/> Yang berwarna merah ganti dengan User Name Twitter anda, Kemudian simpan template anda... Agar tombol retweet tidak muncul di halaman depan (home) tambahkan kode seperti ini <blockquote><b:if cond='data:blog.pageType == &quot;item&quot;'> ... </b:if></blockquote> Seperti ini contohnya : <blockquote> <b:if cond='data:blog.pageType == &quot;item&quot;'> <script type='text/javascript'> tweetmeme_url = '<data:post.url/>'; tweetmeme_source = 'UserName'; </script> <script type='text/javascript' src='http://tweetmeme.com/i/scripts/button.js'/> </b:if></blockquote> Selamat mencoba dan semoga bermanfaat...

Gadget Javascript Cara Menambahkan Button Retweet Di Data Postingan

Bagi anda pembaca setia rhoedal (rhoedalisme) tentunya kemarin membaca cara membuat tombol share facebook, bagi anda yang baru pertama kali...

Baca selengkapnya »

Membuat Tombol Share Facebook Dengan Penghitung (Counter)

10.42.00 Dhodho 9

<img alt="gambar, Cara Membuat Tombol Share" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUaH1im9AgFWG5sbvnMcD6RxSlfGdy0bWDcVlt2EoccuVu_VOTghEISq8Un0fGDkKm2Z-HQvWGpmWHQ9ytgGwIKbtuNw9cVfS_vWqI4l9KNTOeyJjSXI1VcycHTFbMYojCxrhNx8tIYV9T/+share+count+button+blogs.jpg" width="350"/> Membuat tombol share / bagikan dari layanan addthis sudah silahkan di baca dulu mungkin anda mau menggunakan dari layanan addthis <a href="http://www.rhoedal.co.cc/2010/06/cara-membuat-tombol-bookmark-atau.html" target="new">Membuat Tombol Bookmark Atau Bagikan</a> atau anda lebih suka dengan tombol share secara manual silahkan di baca juga yang ini <a href="http://www.rhoedal.co.cc/2010/07/cara-membuat-sosial-bookmark-atau.html" target="new">Cara Membuat Sosial Bookmark Atau Bagikan Secara Manual</a> Di kesempatan kali ini sekarang kita tambahkan share button facebook dengan counter / penghitung. Pertama >> Login di <a href="http://www.blogger.com" rel="nofollow" target="_blank">Blogger</a> dengan id Anda >> Rancangan/Design >> Edit Html >> Centang Expand Template Widget >> Kemudian cari kode seperti ini <data:post.body/> letakkan kode di bawah ini di bawah atau di atas kode <data:post.body/> <img alt="gambar, Cara Membuat Tombol Share Button Facebook, Cara membuat tombol bookmark facebook dengan penghitung" src="http://www.bloganol.com/wp-content/uploads/2010/01/fbcompact.jpg"/> <blockquote> <a title='share' name='fb_share' type='box_count' href='http://www.facebook.com/sharer.php' rel='nofollow'>Bagikan</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'></script> </blockquote> atau anda lebih senang dengan style ini <img alt="gambar, Cara Membuat Tombol Share Button Facebook, Cara membuat tombol bookmark facebook dengan penghitung" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh02_4PFETR__g2rUHW6Ukd-6Hk72PipJmqc6_6Nc_CedoLdVCG9jV9-GMr_nOQ57FSeBGzey3gKrU7wDuP_vn-IfgWfCh77hAfLDK6e_-1AyG9QZp7CqbZmdbxCIHXmJ0vKtWWege2VJjy/s320/facebook-share-kotak.gif"/> <blockquote> <a title='share' name='fb_share' type='button_count' href='http://www.facebook.com/sharer.php' rel='nofollow'>Bagikan</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'></script> </blockquote> Jika sudah silahkan di simpan dan lihat hasilnya dan terakhir semoga bermanfaat...

Facebook Widget Membuat Tombol Share Facebook Dengan Penghitung (Counter)

Membuat tombol share / bagikan dari layanan addthis sudah silahkan di baca dulu mungkin anda mau menggunakan dari layanan addthis Membuat To...

Baca selengkapnya »

Cara Menghilangkan Subscribe To Post Comments Atom

04.29.00 Dhodho 4

<img alt="gambar, Cara Menghilangkan Subscribe to post a comments, menghilangkan Langgan Langganan Entri Atom" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaXIE6NnNJ1kNjOYDG-3OFFdwkHogMfJZB3e0dI423Jl0bYBfvRWThSm-EJ5rBN_DtiC7PMVQm0aIxv9tpv-64J_gwWbJQbO4sFw1OyrVs8CWI4BXpzhPlfOTBpOvPlURubGRmX8hItXc/s1600/cara_menghapus_blog_t4belajarblogger.jpg"/> Habis kumpul bareng sama temen-temen plus main bakar-bakar'an alias manggang <img alt="Enjoy" src="http://photoserver.ws/images/0yTg4c526e7eeec20.png" style="clear:both;"/> sehabis bakar-bakar mata enggak mau merem! Seharusnya jam segini udah waktunya tidur <img alt="icon Tidur" src="http://photoserver.ws/images/fFQr4c5733e1a085e.gif" style="clear:both;"/> Sambil nunggu mata ngantuk lebih baik saya kasih tips buat anda, biarpun sedikit, mudah-mudahan ini bermanfaat... Mungkin anda merasa tidak nyaman atau merasa terganggu dengan adanya subscribe to : post comments (atom) atau Langgan : Entri (atom) Pertama >> Silahkan Login <a href="http://www.blogger.com" rel="nofollow" target="_blank">Blogger</a> >> Rancangan/Design >> Edit Html >> Kemudian cari kode seperti ini ]]></b:skin> jika sudah ketemu letakkan kode di bawah ini tepat di atas ]]></b:skin> <blockquote> .feed-links{display:none;}</blockquote> Jangan lupa di simpan dan yang terakhir semoga bermanfaat...

Blogger Tips Cara Menghilangkan Subscribe To Post Comments Atom

Habis kumpul bareng sama temen-temen plus main bakar-bakar'an alias manggang sehabis bakar-bakar mata enggak mau merem! Seharusnya jam ...

Baca selengkapnya »

Cara Membuat Pesan Sapaan Pengunjung

11.22.00 Dhodho 0

Gimana kabarnya semua sehat selalu kan? Sekarang ini kita akan membuat script buat menyapa para pengunjung blog anda, biar terkesan lebih akrab! Script inipun berdasarkan waktu contoh, siang, malam, pagi, sore, dini hari. Berikut ini script-nya <blockquote> <script> //Time of day message script- by javascriptkit.com //Visit JavaScript Kit (http://javascriptkit.com) for script //Credit must stay intact for use var Digital=new Date() var hours=Digital.getHours() //Configure message below to your own. if (hours>=5&&hours<=11) //MESSAGE FOR MORNING document.write('Welcome to our site. Good morning visitor.') else if (hours==12) //MESSAGE FOR NOON document.write('It is high noon. Thanks for dropping by!') else if (hours>=13&&hours<=17) //MESSAGE FOR AFTERNOON document.write('Good afternoon, and thanks for visiting.') else if (hours>=18&&hours<=20) //MESSAGE FOR EVENING (6pm-8pm) document.write('Good evening. Hope you\'re enjoying the gentle breeze') else if (hours>=21&&hours<=11) //MESSAGE FOR NIGHT (9pm-11pm) document.write('Glad to see you this time of the night.') else //MESSAGE FOR LATE NIGHT, EARLY MORNING (12pm-4am) document.write('Wow, thanks for choosing to visit our site over sleep!') </script> </blockquote> Script tersebut masih original belum sama sekali saya modifikasi, sebenarnya jika anda sudah memahami atau sudah mengerti saya tidak usah menerangkan cara memodifikasi script-nya. Tapi mohon maaf bukan saya sok bisa atau apalah saya akan kasih keterang sedikit. Berikut ini script modifikasi saya yang saya yakin anda langsung bisa mengerti-nya! <blockquote> <script type="text/javascript"> var Digital=new Date() var hours=Digital.getHours() if (hours>=6&&hours<=9) document.write('Selamat Pagi Boy!') if (hours>=10&&hours<=11) document.write('Selamat Pagi Menjelang Siang Boy!') else if (hours==12) document.write('Siang Boy') else if (hours>=13&&hours<=15) document.write('Selamat Siang Menjelang Sore Boy!') else if (hours==16) document.write('Selamat Sore Boy!') else if (hours>=17&&hours<=18) document.write('Selmat Petang Boy!') else if (hours>=19&&hours<=21) document.write('Selamat Malam Boy!') else if (hours>=22&&hours<=23) document.write('Malam-Malam Begini Waktunya Istirahat Boy! ') else if (hours==00) document.write('Selamat Tengah Malam Boy!') else if (hours>=1&&hours<=3) document.write('Selamat Dini Hari Boy!') else if (hours>=4&&hours<=5) document.write('Waktunya Subuh Nih Boy!') </script> </blockquote> Kenapa saya beri warna banyak! Agar anda bisa lebih mengerti. Contoh, warna merah. Dari jam 6 (enam) pagi sampai jam 9 (sembilan) pagi, mengucapkan selamat pagi boy! warna biru dari jam 10-11 mengucapkan selamat pagi menjelang siang boy! dari kesimpulan di atas kalau script tersebut di atur berdasarkan jam-jam tertentu misal if (hours>=10&&hours<=11) ini di atur dari jam 10 pagi sampai jam 11 menjelang siang. Kemudian yang ini di ibaratkan orang yang di suruh-suruh-nya document.write('Selamat Pagi Menjelang Siang Boy!') gimana kalau single / satu jam saja mengucapkan-nya? anda perhatikan yang berwarna orange. Seperti ini contohnya else if (hours==12) sangat terlihat sendiri tidak di damping seperti yang tadi. Saya rasa anda sudah cukup mengerti. Saya belum mengerti. Cara menambahkan ke blog saya-nya bagai mana? >> Silahkan login <a href="http://www.blogger.com" rel="nofollow" target="_blank">Blogger</a> >> Rancangan/Design >> Klik Tambah Gadget / Add Gadget >> Kemudian pilih HTML/Javascript <img alt="gambar. Cara membuat Pesan Sapaan Selamat Siang, Cara membuat Pesan Sapaan Selamat Pagi, Cara membuat Pesan Sapaan Selamat Sore, Cara membuat Pesan Sapaan Selamat Malam" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1NFSYQVUUzxF0Cw4f6ktZwSRh0W_sXNT3sDHfF4s0XLpqJSSpHTM3hKtOFOTqOYZgYP_1fWje1bNLLL4zYBFKVY00-UJeVr0misI8_yBZ84DHojHiCrYnREtuJTljV6z9P0Oo7srJ8Qc_/s320/HTML-Gadget.jpg"/> Copy paste script di atas tersebut yang modifan saya atau yang original, Semoga bermanfaat.

Javascript Cara Membuat Pesan Sapaan Pengunjung

Gimana kabarnya semua sehat selalu kan? Sekarang ini kita akan membuat script buat menyapa para pengunjung blog anda, biar terkesan lebih ak...

Baca selengkapnya »

Cara Membuat Next Page

11.32.00 Dhodho 9

Sebentar lagi udah mau puasa nih! Belum punya persiapan yang mateng... Mudah-mudahan bulan ini lulus lagi amien... Langsung aja ah sekarang kita belajar bersama membuat next navigasi, seperti gambar di bawah ini <img alt="gambar, Cara Membuat Next Page Seperti Google, Cara membuat nomer next 123, Navigation Page" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiVwMLz1dkB2mDkQx2UpCoOpRA7ni8GOGl-AyJitAGtg_4cmQyiG8jL6ddV8Hy2j38H5zcILVPP0LfUeLQ91lKOZYipGaTwXE_0K2dEzBBLIzJxoR4yLukYV4QEHrIgIRnz9vCiAJFrA4/s1600/numbered-page-navigation-for-blogger.png"/> Jika anda berminat buat memasangnya silahkan ikuti langkahnya berikut ini >> Masuk <a href="http://www.blogger.com" rel="nofollow" target="_blank">Blogger</a> >> Rancangan/Design (dulu masih tata letak) >> Edit Html Letakkan kode di bawah ini tepat di atas ]]></b:skin< <blockquote style="background:black;color:white;"> .showpageArea a {text-decoration:underline;} .showpageNum a {text-decoration:none;border: 1px solid #cccccc;margin:0 3px;padding:3px;} .showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;} .showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc;background: #cccccc;margin:0 3px;padding:3px;} .showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;} .showpage a {text-decoration:none;border: 1px solid #cccccc;padding:3px;} .showpage a:hover {text-decoration:none;} .showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;} </blockquote> Kemudian cari lagi kode seperti ini </body> dan letakkan kode di bawah ini tepat di atas </body> <blockquote> <script type='text/javascript'> var pageCount=5; var displayPageNum=5; var upPageWord=&#39;Previous&#39;; var downPageWord=&#39;Next&#39;; </script> <script src='http://rumbiadalam.googlecode.com/files/pag3.js' type='text/javascript'/> </blockquote> Kemudian simpan template anda. Nah buat yang saya cetak merah dan biru, pastinya anda sudah tahu apa yang harus anda lakukan, sepertinya saya tidak perlu banyak berkomentar dalam hal ini. Semoga bermanfaat.

Css Javascript Menu Cara Membuat Next Page

Sebentar lagi udah mau puasa nih! Belum punya persiapan yang mateng... Mudah-mudahan bulan ini lulus lagi amien... Langsung aja ah sekarang ...

Baca selengkapnya »