Cara Menampilkan Foto / Gambar Di Komentar

<img alt="gambar, cara menampilkan avatar komentar atau foto komentar author" height="300" src="http://sisaruangdiri.files.wordpress.com/2007/10/tangan-kanan.jpg" width="300"/><br /><br />Maksud hati pingin menampilkan foto-foto yang berkomentar biar lebih bersahabat tapi anda punya masalah dengan templatenya mari kita tuntaskan masalah tersebut<br /><br /><b>Pertama</b><br />>> Login <a href="http://blogger.com/" rel="nofollow" target="_blank">Blogger</a><br />>> Design/Rancangan<br />>> Edit Html<br />>> Centang <b>Expand Widget Template</b><br /><br />Cari kode seperti ini<br /><b>]]></b:skin></b><br />kemudian letakkan kode ini tepat di atas kode ]]></b:skin><br /><blockquote><br />.avatar-image-container img {<br />background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK3-wEQFLlNNsvuyf7lV6Ea6E5SFFVxVvVNjMpAGMP1jbJWNxA4_gCL56qQSMRBqfIIzJZQd0-duo2awv3LVvLegYagA8HfmZFQg32-Iim3pmz_FY-QEWrFDEniefXFPIBsHVzZVo_Kyq1/s320/AvatarBlogger.png);<br />width:30px;<br />height:30px;<br />margin-top:10px;<br />}<br /></blockquote><br /><br />Kemudian cari lagi kode seperti<br /><b><dl id='comments-block'></b><br />Jika sudah ketemu ganti dengan kode ini<br /><br /> <font color="orange"> <dl expr:class='data:post.avatarIndentClass' id='comments-block'></font><br /><br />Cari lagi kode seperti ini <b><a expr:name='data:comment.anchorName'/></b><br /><br />Ganti dengan kode ini<br /><blockquote><br /><b:if cond='data:comment.favicon'><br /><img expr:src='data:comment.favicon' height='16px' style='margin-top:30px' width='16px'/><br /></b:if><br /><a expr:name='data:comment.anchorName'/><br /><b:if cond='data:blog.enabledCommentProfileImages'><br /><div expr:class='data:comment.avatarContainerClass'><br /><data:comment.authorAvatarImage/><br /></div><br /></b:if></blockquote><br />Jangan lupa simpan Template Anda dan lihat hasilnya,<br /><br />Semoga bermanfaat...

Menu Tips Cara Menampilkan Foto / Gambar Di Komentar

Maksud hati pingin menampilkan foto-foto yang berkomentar biar lebih bersahabat tapi anda punya masalah dengan templatenya mari kita tuntask...

Baca selengkapnya »

Cara Membuat Tab View

Mau nulis artikel mati lampu, sekarang pun di paksakan buat nulis artikel, batre handphone tinggal satu lagi, mudah-mudahan aja jangan mati mati semua.<br /><br />Anda pastinya sudah tau apa itu tab view kan? Buat yang belum tau saya kasih sedikit contoh dengan gambar<br /><br /><img alt="gambar, cara membuat tab view otomati," height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB1p8fpKFhdNBmZ_US9UfSm0GT76D59lpzj6hJR7WxBis9GGskKTgHzhfPLQGQ-mwJwPStexVnS08FuwB9_Vco4aD4WBg76847DnNkPeLt2WTLHUTh54eanOIQNOAL3HToJq_5gZwvxrx_/s320/tabview.jpg" width="320"/><br /><br />Nah nantinya sidebar anda akan di convert dengan script menjadi tab-tab seperti gambar di atas.<br /><br /><b>PERTAMA</b><br />>>Silahkan anda Login Di <a href="http//www.blogger.com" rel="nofollow" target="_blank">Blogger</a><br />>> Masuk Rancangan/Design<br />>> Edit HTML<br />>> Backup dulu template anda.<br /><br />kemudian cari kode seperti ini <b>]]></b:skin></b> kemudian letakkan kode di bawah ini tepat di atas kode <b>]]></b:skin></b><br /><blockquote> <br />.widget-tab ul {<br />margin:0;<br />padding:0;<br />}<br />.widget-tab ul li {<br />list-style:none;<br />padding-bottom:5px;<br />padding-top:5px;<br />font-size:13px;<br />}<br />.widget-tab ul li:last-child {<br />border-bottom:none;<br />}<br />.widget-tab ul li a {<br />text-decoration:none;<br />color:#3e4346;<br />}<br />.widget-tab ul li a small {<br />color:#8b959c;<br />font-size:9px;<br />text-transform:uppercase;<br />font-family:Verdana, Arial, Helvetica, sans-serif;<br />position:relative;<br />left:4px;<br />top:0px;<br />}<br />.tab-content ul li a:hover {<br />color:#a59c83;<br />}<br />.tab-content ul li a:hover small {<br />color:#baae8e;<br />}<br />.active-tab{<br />border-color:#CFCFCF #CFCFCF #FFFFFF #CFCFCF !important;<br />border-style:solid !important;<br />border-width:1px 1px 0px 1px !important;<br />color:#000 !important;<br />background:none repeat scroll 0 0 #F1EFEF !important;<br />padding-top:10px;<br />text-shadow:0 1px 0 #fff !important; <br /><br />}<br />ul.tab-wrapper {<br />margin:0px; padding:0px;<br />margin-top:5px;<br />margin-bottom:6px;<br />}<br /><br />ul.tab-wrapper li {<br />-webkit-border-radius-topleft:5px;<br />-webkit-border-radius-topright:5px;<br />-moz-border-radius-topleft:5px;<br />-moz-border-radius-topright:5px;<br />background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcjWjAReSj1SQEieRfgmiFd3XkjJHegNsH5eyfcVIRsFInfoQU68yn22LfLH_2G7TwVcZLdNzcLXlv6y06f6Ed4dI1bclY2YywMYab9lk6Shqht-jHU4HnrxryXJde5B-YviTZSz5j974t/") repeat scroll 0 0 transparent;<br />border:1px solid #CFCFCF;<br />color:#FFFFFF;<br />cursor:pointer;<br />display:inline;<br />font-family:Arial,Helvetica,sans-serif;<br />font-size:13px;<br />font-weight:bold;<br />line-height:2em;<br />list-style-image:none !important;<br />list-style-position:outside !important;<br />list-style-type:none !important;<br />margin-right:1px;<br />padding:8px 14px;<br />text-align:center;<br />text-decoration:none;<br />text-shadow:0 1px 0 #000000;<br />}<br /></blockquote><br />kemudian anda letakkan lagi script di bawah ini tepat di atas <b></head></b><br /><blockquote><br /><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><br /><script type='text/javascript'><br />var starttab=0;<br />var endtab=2;<br />var sidebarname=&quot;<font color="blue">sidebar</font>&quot;;<br /></script><br /><script src='http://introbloggerscripts.googlecode.com/files/bloggertabv1.0-min.js' type='text/javascript'/><br /></blockquote><br /><br />Yang berwarna biru script pencari id sidebar anda. Jadi seperti ini contohnya,<br /><br /><b:section class='sidebar-kanan' <font color="red">id='sidebar'</font> preferred='yes'><br /><br />...... <br /><br /></b:section><br /><br />yang di atas adalah sidebar dengan <font color="red">id='sidebar'</font><br />otomatis bisa langsung berfungsi tab view tersebut, tapi jika di template anda tidak ada <font color="red">id='sidebar'</font> maka tidak akan berfungsi tab view-nya, Misal di template anda hanya ada sidebar dengan <font color="red">id='contoh'</font><br /><br />maka yang harus anda lakukan mengganti script pencari <b>id sidebar</b> tersebut menjadi <br /><br /><script type='text/javascript'><br />var starttab=0;<br />var endtab=2;<br />var sidebarname=&quot;<font color="blue">contoh</font>&quot;;<br /></script> <br /><br />anda pun sebenarnya bisa mengganti (perhatikan warna merah)<br /><br /><b:section class='sidebar-kanan' <font color="red">id='contoh'</font> preferred='yes'><br /><br />...... <br /><br /></b:section><br /><br />menjadi <br /><br /><b:section class='sidebar-kanan' <font color="red">id='sidebar'</font> preferred='yes'><br /><br />...... <br /><br /></b:section><br /><br />Tapi biasanya tampilan dari sidebar anda akan hancur alias acak-acakan, lebih baik seperti yang saya bilang di atas saja, anda hanya perlu mengganti perintah di script tersebut...<br /><br />Selamat mencoba dan semoga bermanfaat...

Blogger Menu Tips Cara Membuat Tab View

Mau nulis artikel mati lampu, sekarang pun di paksakan buat nulis artikel, batre handphone tinggal satu lagi, mudah-mudahan aja jangan mati ...

Baca selengkapnya »

Membuat Forum Dari Layanan Tal.ki

Beberapa waktu lalu saya pernah memberi tahu anda bagaimana <a href="http://www.rhoedal.co.cc/2010/05/membuat-forum-di-blogger-blogspot.html"><b>cara membuat forum di blogger / blogspot dari nabble</b></a> kali ini saya akan kasih tahu juga ke anda membuat forum melalui layanan <b>tal.ki</b> ada bebarapa fitur yang tidak kalah bagusnya dengan nabble, fitur login forum suport dengan facebook, yahoo, google dan yang lainnya. Warna bisa sesuai dengan template anda, sekarang coba anda rasakan saja dulu menggunakan layanan tal.ki, berikut ini caranya :<br /><br />>> Silahkan berangkat ke <a href="http://tal.ki/" rel="nofollow" target="_blank">http://tal.ki/</a><br />>> Klik tombol <b>Get Your Embeddable Forum</b><br /><br /><img alt="image: Cara membuat forum, Cara membuat, Tips Membuat Forum, " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ8pMgYJtZ_6nCxZNm-bcDc6ESQ1KdalMGLZKqgeIRz3JG0XmviyBbuHEX4tCmYqUmU_6628Ze8RPU8U2fZdgi1sdNLXvY7pfFfGOpmCZBoB7PmrcvXW7tMtYBGk52QuUWbMhvxYNLJ2U/s1600/1.jpg"/><br /><br />>> Pilih aja yang versi gratisan <b>Try it for free</b><br /><br /><img alt="Gambar, Membuat forum gratis di blogger" height="307" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs7ePpzCDiqltIB98H68Ss4TEFgDGOot0a-zd_TjaTu4edNHPeNYtvprn509NxfMZBQvqAmZk4KIsr4k85vAYNMZ9kAfq1xq3fH5S1b8RvcWx1ayiB_W3YJPYv8d89ORXCCvg36FQQHXU/s1600/2.jpg" width="300"/><br /><br />>> Kemudian anda di suruh untuk login, coba di pikir-pikir dulu login-nya<br /><br /><img alt="Gambar, Membuat forum gratis di blogger" height="307" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTtNEK7495lAIbyThIiXl9uiIj21YPw11raoB0tZivtbq2BWITT7jtiE65s4debHBaNY2-Qby1EEcfKO9FtDKKWXS8JzXO0Rj7O2RuhabynBMf8JFBSyYea0iZCy33pFDI7kNFqlQlqC0/s320/3.jpg" width="300"/><br /><br />>> Setelah anda login, Masukkan alamat email anda<br /><br /><img alt="Gambar, Membuat forum gratis di blogger" height="307" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVRGma98PfUaWwkncTO9EoaiyFYs6fePbtoJ0_dq9xux3KOMOG5C4wK28_KM03Ul4hazt7cRPaJNiwgdUi1XwWu-7Tyc6q8BMlhkzfZLcdUjXiYXx1t79LGBsdw6rGcffiKqv0tysbP_M/s1600/4.jpg" width="300"/><br /><br />Anda akan di bawa kembali ke halaman utama, silahkan anda ulangi langkah 2, 3 kemudian anda akan di berikan script embedd forum, untuk di pasang di blog anda,<br /><br /><img alt="Gambar, Membuat forum gratis di blogger" height="307" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCvi_KcRUB-asRLuHMh_ckI46lYsPQbQupam71q0mV1Wy9Ja2VS3bd8UxUX-fkxgfQuelRZHlaQBQlnOLVf2ss9hByficoLL2IVxQqnQhiLO09-3bvcfE_JrnpySqLrOSi6f0ef4k0aOM/s320/5.jpg" width="300"/><br /><br />Kemudian lagi script yang anda dapatkan di taruh di postingan baru (buat entri baru). Ingat pengeposan model html<br /><br /><img alt="Gambar, Membuat forum gratis di blogger" height="307" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHmeyaIwiBlU4FY2CXH5UaWOiq9Sf9a5EJiCAxDS_tRe-RjKszdGZsvyUOxf_zHhyphenhyphendW8ejdDg2H631yHWk5mtHsYFQTWIm4p0EZwhmFVWrZe_-EO-NVDlvl2jYv5QL8CAA4otFQiOuB9Y/s1600/6.jpg" width="300"/><br /><br />Selamat mencoba... Minggu ini udaranya segar sekali lagi selamat mencoba <img alt=":-)" src="http://markezo.com/images/smiles/jempol2.gif" style="clear:both;"/>

Blogger Tips Membuat Forum Dari Layanan Tal.ki

Beberapa waktu lalu saya pernah memberi tahu anda bagaimana cara membuat forum di blogger / blogspot dari nabble kali ini saya akan kasih t...

Baca selengkapnya »

Membuat Gambar Di Pojok Kanan, Kiri, Atas Bawah Template Anda

<img alt="gambar, cara membuat gambar melayang, gambar di pojok template" src="http://aalryu.files.wordpress.com/2008/08/225737p.jpg"/><br /><br />Buat anda yang suka memajang foto anda di blog enggak ada salahnya anda coba trik kali ini.<br /><br />Contohnya bisa anda <a href="http://www.she-bhontot.co.cc" rel="nofollow" target="_blank">lihat di teman saya</a> silahkan masuk untuk melihat contohnya <a href="http://www.she-bhontot.co.cc" rel="nofollow" target="_blank">klik disini</a><br /><br />Mau menerapkannya di blog? Silahkan ikuti langkah berikut ini,<br /><b>Pertama</b><br />buatlah gambar dengan ukuran 125x125 (ukuran gambar bisa anda sesuaikan dengan template anda) kalau gambar sudah siap kemudian upload lah gambar yang anda buat tersebut, pingin tau tempat hosting gambar gratis baca juga <a href="http://www.rhoedal.co.cc/2010/07/6-tempat-hosting-upload-gambar-gratis.html">6 tempat hosting gambar gratis</a> jika gambar sudah di ambil alamat url gambar anda, simpan dulu di notepad atau wordpad biarkan dulu sekarang kembali lagi ke blogger<br /><br />>> Login di <a href="http://www.blogger.com" rel="nofollow" target="_blank">Blogger</a> <br />>> Design/Rancangan<br />>> Edit Html<br />kemudian cari kode seperti ini : <b>]]</b:skin></b> kemudian kode di bawah ini tepat di atas kode <b>]]</b:skin></b><br /><br />#rdl_image{<br />position:fixed;<br />_position:absolute;<br />bottom:5px;<br />left:5px;<br />clip:inherit;<br />_top:expression(document.documentElement.scrollTop + document.documentElement.clientHeight-this.clientHeihgt);<br />_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);<br />}<br /><br />Kemudian cari lagi kode seperti ini <b><body></b> copy paste lagi kode di bawah ini tepat di bawah kode <b><body></b><br /><br /><div id='rdl_image'><br /><img src='<font color="red">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6SrKamfz3Aj579Pjk3ounT2iuc3iswZFsqDeFt78_nDBh_4LCO_h4QQCfv56XroQoB1sX-7XIR-CIAyPW6Me7gdnzEP1Wkyzaf8G6rvP4hLG3v2ydVMPayoj7lhsBdwVkP6BwMLHVIpg/</font>'/><br /></div><br /><br />Yang berwarna merah silahkan anda ganti dengan alamat/url gambar anda. Kemudian simpan template anda.<br /><br />Untuk mengatur template posisi gambar anda bisa mengedit-nya, coba anda perhatikan yang berwarna biru di bawah ini<br /><br />#rdl_image{<br />position:fixed;<br />_position:absolute;<font color="blue"><br />bottom:5px;<br />left:5px;</font><br />clip:inherit;<br />_top:expression(document.documentElement.scrollTop + document.documentElement.clientHeight-this.clientHeihgt);<br />_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);<br />}<br /><br />nah yang berwarna biru itu adalah posisi gambar anda bisa menggantinya menjadi kanan bawah atau atas bawah.<br /><br />Untuk pojok kanan atas kodenya seperti ini :<br /><br />top:5px;<br />right:5px;<br /><br />Untuk pojok kanan bawah :<br /><br />bottom:5px;<br />right:5px;<br /><br />Pojok kiri bawah :<br /><br />bottom:5px;<br />left:5px;<br /><br />Pojok kiri atas :<br /><br />top:5px;<br />left:5px; <br /><br />Selamat mencoba n semoga bermanfaat...

Background Blogger Tips Membuat Gambar Di Pojok Kanan, Kiri, Atas Bawah Template Anda

Buat anda yang suka memajang foto anda di blog enggak ada salahnya anda coba trik kali ini. Contohnya bisa anda lihat di teman saya silahka...

Baca selengkapnya »

Meta Tag Berbeda Di Setiap Postingan

<img alt="gambar, cara cepat di index google, meta google deskripsi, " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzeN5hzP132lcJWnH5UIUP9iwmSOm85tEyHQsjblh1pWK9jbHpnXsbimlk9d_aI4AG-8d8az9nEPTK8A_vsQUmZvSykkNsDfbJalSeUVVsnfyXpX01v6drwVYJwEdSfMF0kLWDvXbjZeQT/s320/SEO.gif"/><br />Seo, seo dan seo. Demi meraih populeritas suatu blog, banyak cara di lakukan salah satunya dengan meta tag, kali ini kita gunakan meta di setiap postingan agar lebih friendly dengan mesin pencari, <br /><br />Secara default jika anda menambahkan meta tag untuk blogger template, maka semua halaman termasuk halaman depan akan memiliki meta deskripsi yang sama, Apakah salah? Tidak, hanya saat blog anda di index maka anda akan memiliki duplikat meta deskripsi, seperti saya katakan di atas, meta tag di setiap postingan akan lebih friendly, jika anda belum memodif pagetitle (judul blog) silahkan baca dulu cara menggantinya <a href="http://www.rhoedal.co.cc/2010/05/memodifikasi-page-title-blog.html"><b>Memodifikasi Page Title Blog</b></a><br /><br />Jika sudah di modif silahkan tambahkan meta berikut ini<br /><br /><b><font color="blue"><b:if cond='data:blog.url == data:homepageUrl'><br /></font><br /><font color="green"><meta content='deskripsi halaman depan anda' name='description'/><br /><meta content='keyword, keyword1, keyword2' name='keywords'/></font><br /><font color="blue"></b:if></font><br /><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><meta expr:content='data:blog.pageTitle' name='description'/><br /><meta expr:content='data:blog.pageName + &quot;,<font color="red">keyword1, keyword2, keyword3</font>&quot;' name='keywords'/><br /></b:if></b><br /><br />Jika sebelumnya anda sudah memasukkan meta tag deskripsi atau keyword di dalam template anda, yang berwarna hijau tidak usah di masukkan lagi, anda hanya perlu memasukkan yang berwarna biru saja, yang berwarna merah isi dengan keyword anda...

Blogger Meta Meta Tag Berbeda Di Setiap Postingan

Seo, seo dan seo. Demi meraih populeritas suatu blog, banyak cara di lakukan salah satunya dengan meta tag, kali ini kita gunakan meta di se...

Baca selengkapnya »

Cara Mengganti Text / Tulisan Older Posts (posting lama) Dan Newer Posts (posting lebih baru)

Perut laper nulis artikel sedikit terganggu, sambil nunggu mie mateng sedikit demi sedikit artikel ini saya ketik, kalau kemarin saya membuat <a href="http://www.rhoedal.co.cc/2010/07/cara-menghilangkan-posting-lebih-baru.html">Cara Menghilangkan Posting Lebih Baru / Posting Lama</a> nah kali ini saya kasih sedikit tips cara mengganti Posting Lebih Baru (newer posts) Posting Lama (older posts) dengan icon,<br /><br />perut sudah kenyang, baru deh saya bisa konsen nulis-nya <br /><img alt="gambar, mengganti tulisan older post, newer post dengan icon" src="http://cobramania.blog.friendster.com/files/uncategorized-belly.jpg"/><br /><br />Duh maaf ya enggak nawarin makan mie-nya! <br /><br /><b>Pertama</b><br />>> Login <a href="http://blogger.com" rel="nofollow" target="_blank">Blogger</a><br />>> Design / Rancangan<br />>> Html<br />>> Centang Expand Widget Template<br /><br />Cari kode seperti ini<br /><b><data:newerPageTitle/></b><br /><br /><img src='http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20icon/back2.png' border='0'/><br /><img border="0" src="http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20icon/back2.png"/><br /><br />Kemudian cari lagi kode seperti ini <b><data:olderPageTitle/></b> ganti juga dengan gambar anda<br /><br /><img src='http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20icon/forward2.png' border='0'/><br /><img border="0" src="http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20icon/forward2.png"/><br /><br />Cari Lagi kode seperti ini <b><data:homeMsg/></b> Ganti lagi<br /><br /><img src='http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20icon/home2.png' border='0'/><br /><img border="0" src="http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20icon/home2.png"/><br /><br />Jika sudah selesai jangan lupa di simpan. gambar saya ambil dari <a href="http://hermanblogtips.blogspot.com/" rel="nofollow" target="_blank"><b>Kang Herman</b>.<br /></a><br /><br />semoga bermanfaat...

Blogger Tips Cara Mengganti Text / Tulisan Older Posts (posting lama) Dan Newer Posts (posting lebih baru)

Perut laper nulis artikel sedikit terganggu, sambil nunggu mie mateng sedikit demi sedikit artikel ini saya ketik, kalau kemarin saya membua...

Baca selengkapnya »

Cara Membuat Link Palsu Dengan Peringatan

<img src="http://www.kansas.gov/pharmacy/Images/2009/alert.gif"/><br />Mungkin anda pernah menemukan semacam link palsu dengan namun pas di klik keluar peringatan contohnya seperti ini <a href="#" onclick="alert('Mau mencobanya?')">Coba Anda Klik</a> jujur waktu itu saya juga pernah tertipu dengan link semacam ini <a href="#" onclick="alert('Saya Bilang Jangan Di Klik! Masih Ngeyel di peringatin seperti itu')">Link Ini Jangan Di Klik Berbahaya</a><br /><br />Gimana mau mencobanya? Langkah-langkah berikut ini sangat mudah anda pun bisa menambahkan link asli berikut ini cara membuatnya <br /><br /><a href="<font color="red">#</font>" onclick="alert('<font color="red">Mau mencobanya?</font>')"><font color="red">Text Anda Disini</font></a><br /><br />nah yang # (pagar) itu agar mengarahkan link pada posisinya, anda pun bisa mengganti dengan alamat postingan anda Contoh :<br /><br /><a href="<font color="red">www.rhoedal.co.cc/2010/07/memodifikasi-blockquote-dengan-berbagai.html</font>" onclick="alert('<font color="red">Mau mencobanya?</font>')"><font color="red">Memodif Blockquote</font></a><br /><br />Yang hasilnya akan menjadi seperti ini <br /><br /><a href="www.rhoedal.co.cc/2010/07/memodifikasi-blockquote-dengan-berbagai.html" onclick="alert('Wellcome')">Memodif Blockquote</a><br /><br />Nah kalau yang di lindungi Tanda Kurung dan tanda petik ('') itu text yang bisa anda ganti sesuka anda..<br /><br />selamat mencoba & dan semoga bermanfaat...

Blogger Link Cara Membuat Link Palsu Dengan Peringatan

Mungkin anda pernah menemukan semacam link palsu dengan namun pas di klik keluar peringatan contohnya seperti ini Coba Anda Klik jujur wakt...

Baca selengkapnya »

Memodifikasi Blockquote Dengan Berbagai Style

<img alt="gambar, Blockquote dengan berbagai modif" src="http://www.drweb.de/img/nachlese0907/blockquote.gif"/><br />Mungkin anda bosan dengan blockquote anda yang itu-itu aja?, nah kali ini anda bisa mengganti ganti blockquote dengan sesuka hati anda...<br /><br />Contoh blockquote saya yang satu ini gambar-nya seperti ini :<br /><blockquote style="background:#c1c1c1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9ZrbylVSDIeGsxzn-pAoDxc9h6Hcy0b5nVmGsPtWUqwU8Q-VTwPrX2v17fdP8vNODltr-qsxFnp8F9mwSKAsrDeMHBDhezIQ7Pme8WwAD-m-ggJ-Wlm6DoJYx6wsV5ZOKZgG3P_V30Y-d/s1600/quote.jpg) no-repeat top left; margin: 0 25px 15px; padding: 40px 15px 10px 80px;color:black;">Silahkan anda bedakan blockquote yang ini dengan blockquote yang di bawahnya,</blockquote><br />contoh kedua :<br /><blockquote style="background:#e4e3e3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMJOYM3mMwldDPFBh4_ftf22seDssu0LRk-RoFwLMyY0ptEZvIRTrtYra6AaaAWLvJBTxuP9CjTEtkOhlnNMGMRk2-sNW8RV5wdZ2c02IvkoZSp3vEwqYIHxMACT-u1FslMbLOE0m7ewhw/s640/blockquote_rhoedal%5B2%5D%5B%5D%5B%5D.png?imgmax=800) no-repeat top left;margin:0 25px 15px;padding: 40px 15px 10px 80px;color:black;">Nah ini contoh blockquote ke dua, sangat berbeda kan?</blockquote><br /><br />Sebenarnya cara ini sangat mudah untuk anda coba, berikut ini cara membuatnya.<br /><br /><blockquote <font color="red">style="background:#e4e3e3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMJOYM3mMwldDPFBh4_ftf22seDssu0LRk-RoFwLMyY0ptEZvIRTrtYra6AaaAWLvJBTxuP9CjTEtkOhlnNMGMRk2-sNW8RV5wdZ2c02IvkoZSp3vEwqYIHxMACT-u1FslMbLOE0m7ewhw/s640/blockquote_rhoedal%5B2%5D%5B%5D%5B%5D.png?imgmax=800) no-repeat top left;margin:0 25px 15px;padding: 40px 15px 10px 80px;color:black;"</font>>Disini text anda</blockquote><br /><br />Perhatikan yang berwarna merah, anda hanya perlu menyisipkan kode style saat ngepos?<br /><br />Selamat mencoba.

Blogger Css Memodifikasi Blockquote Dengan Berbagai Style

Mungkin anda bosan dengan blockquote anda yang itu-itu aja?, nah kali ini anda bisa mengganti ganti blockquote dengan sesuka hati anda... Co...

Baca selengkapnya »