Membuat Biodata Penulis Di Blog Jumat, 15 Maret 2013 Cara Membuat Widgate Biodata Penulis Dengan CSS Efek HoverSalam Bertemu Kembali Sobat Blogger semua Di mana pun Anda Berada.Di kesempatan Kali ini saya ingin berbagi Cara membuat Widgate BloggerCara Membuat Biodata Penulis Dengan CSS Efek Hover Di Blog Anda.Dimana Widgate ini akan Tampil di Postingan Blog Anda Secara OtomatisLihat Contoh Tampilan nya Seperti Gambar Di Bawah ini :Biodata Ini Akan Tampil Otomatis Di Bawah Setiap Postingan Sobat,Maksud nya WidgateIni Menerangkan Data Penulis Berikut Keterngan nya dan ada Link Tertaut di dalamOke Sobat Langsung Saja ke Topik Cara Membuat Biodata Penulis Di BlogIni Code Html/CSS Berikut di Bawah ini Copas Klik Scrol : <style>.BSprofileBorder {margin:0 auto;padding:5px;width:290px;border-radius:5px;border: 5px #009999 solid;min-height:70px; }.BSprofileBorder1 {margin:5px auto;padding:5px;width:auto;border-radius:5px;border: 5px #80C8FE solid;min-height:70px;}#BSprofile{border:2px solid #888;margin:2px 5px 0px 5px;padding:2px;} #BSprofile:hover {border:2px solid #ccc;cursor:pointer;}.BSprofileopacity {opacity: 0.5;margin-left: 50px;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;transition: all 0.5s ease-out;-moz-transform: rotate(7deg);-o-transform: rotate(7deg);-webkit-transform: rotate(7deg);-ms-transform: rotate(7deg);transform: rotate(7deg);filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');zoom: 1;}.BSprofileopacity:hover {opacity: 1;margin-left: 0px;-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);filter: progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, sizingMethod='auto expand');zoom: 1;-moz-box-shadow: 1px 1px 4px #000;-webkit-box-shadow: 1px 1px 4px #000;box-shadow: 1px 1px 4px #000;} </style><div><div><img id="BSprofile" height='50' src="YOUR_IMAGE_OR_PICTURE" width='50' align="left"/>I'm <a rel="me" href=https://plus.google.com/u/0/GOOGLE_PLUS_ID/ title="YOUR NAME" target="_blank"> YOUR NAME </a> YOUR OTHER INFORMATION </span> >>><a style="color:#888;" href="ABOUT_ME" target="_blank">Read More »</a></div></div> Cara Memasang nya :Login Ke Blog AndaPilih Dasboard,Lalu pilih Layout/Tata letakLalu di Halaman Layout Anda Pilih Tambah kan GidgateLalu ada Pilihan Menu,Pilih saja Menu Html/JavascripMasukan Code Html di atas tepat nya di Mode Html nya,Dengan Catatan Code Tsb sudah di edit manual URL Photo,Dan Keterangan Anda, atau tentang Pandangan AndaSetelah Di rasa sudah Pas semua Save Widgate Tsb,Lalu Tempat kan Widgate Tsb tepat di Bawah Post Halaman SobatDi Mode halaman Layout,Kemudian Save/Simpan Perubahan.SelsaiKeterngan :Ganti Teks yang Bertuliskan= YOUR_IMAGE_OR_PICTURE dengan Alamat URL Photo AndaDan Ganti juga tek Url= https://plus.google.com/u/0/GOOGLE_PLUS_ID/ ,Dengan UrlGoggle Plus Anda, Lalu Teks yang Bertulis kan= "YOUR NAME" Ganti Dengan Nama Account Goggle Anda, Lalu YOUR NAMA Yang ke2 Ganti Dengan Nama Blog AndaDan Teks Yang Bertulis kan "YOUR OTHER INFORMATION" Ganti DenganInformasi apapun mengenai diri Anda,Seperti Perusaha,an Lokasi,Group atau Admin, Penulis, organisasi Lembaga Sosial Pekerja,an dll basic informasi lainnya tentang diri sobat.Semoga Artikel ini Mudah di Pahami Anda Semua Selamat Mencoba,smoga Berhasil. Salam Sukses Dari : Karrysta™ Karrysta™ Pro Music Berbagi Informasi,Inspirasi Dan Pengetahuan Cara Membuat Widgate Biodata Penulis Dengan CSS Efek Hover Salam Bertemu Kembali Sobat Blogger semua Di mana pun Anda Bera... Read More
Membuat Emoticon Di Kolom Komentar Blog Selasa, 12 Maret 2013 Membuat Emoticon Di Kolom Komentar BlogTip Cara Membuat Emoticon Di Kolom Komentar di Blog,Waktu Pertama Aku,Blajar Bikin Blog sangat Susah dan Bingungun Bagaimana Sih Cara nya Bikin Atau Membuat Emoticon Di Kolom Komentar di Blog..? berhari-hari Berminggu"Dan Berbulan-bulan bahkan sampai Bertahun Tips dan Cara nya tak aku Mengerti, yah Mungkin karna aku belum Bisa dan belum mengenal Blog,Waktu itu sampai Akhir nya di Suatu Hari aku Mempelajari Tentang Blog dan,Seluruh Kebutuhan juga Keperluan di Blog ini,Tentang Cara Tips dan Triks BlogAlhamdullilah Dengan Belajar Bersungguh-Sungguh Aku bisa MelakukanKeinginan yang dulu aku Bisa Bikin Blog dengan Desain dan Tampilan, yang Cantik dan Menawan,.Di Hari ini Aku ingin Berbagi Buat Sobat tentangCara Membuat Emoticon Di Kolom Komentar Blog Tak ada Maksud lainHanya lah di Barengi Rasa Kecinta'an pada Blog juga Rasa Ingin Berbagi.Berikut ini Contoh Gambaran nya sama seperti Di Bawah Postingan Blog Karrysta™ :Cara Membuat Emoticon Di Kolom Komentar Blog. Emoticon ini saya ambil dari emoticonForum Kaskus. Tentunya Sobat Semua sudah mengenal kaskus Sudah pasti sudah tau lah.Kaskus adalah salah satu situs ( sosial media )yang saat ini masih banyak penggemarnya, Di kaskus ini sobat bisa saling berbagi dan mendapatkan banyak informasi, mulai Blog, Software, Komputer, Internet dan masih banyak lagi. Pokoknya banyak yang bermanfa'at Baik kita langsung ke TKP Tentang cara Membuat Emoticon Di Kolom Komentar Blog.Untuk Memasang emoticon kaskus di kolom komentar Blog Sobat, Berikut ini langkah-langkahnya :01.Langkah Pertama :Login ke Dasbor blog sobat >> Edit HTML.Back uf/Simpan Dulu Template SobatBarang kali ada kesalahan sa'at Memasang Emotion ini,Kalau Anda Yakin langsung sajaJangan lupa centang Expand Template Widget.Cari kode </body> Untuk Memudah kan pencarian Klik CTRL+FSimpan kode di bawah ini di atas </body>.<!-- emoticon mainbom.com --><script type='text/javascript'>//<![CDATA[a = document.getElementById('comment-holder');if(a) {b = a.getElementsByTagName("p");for(i=0; i < b.length; i++) {if (b.item(i).getAttribute('CLASS') == 'comment-content') {_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://i.imgur.com/Jnwl1.gif' alt='' width='40' class='smiley'/>");_str = _str.replace(/:b:/gi, "<img src='http://i.imgur.com/h9NDs.gif' class='smiley'/>");_str = _str.replace(/:c:/gi, "<img src='http://i.imgur.com/IL1IB.gif' alt='' width='40' class='smiley'/>");_str = _str.replace(/:d:/gi, "<img src='http://i.imgur.com/k3Fdh.gif' alt='' width='40' class='smiley'/>");_str = _str.replace(/:e:/gi, "<img src='http://i.imgur.com/ZDlSF.gif' alt='' width='40' class='smiley'/>");_str = _str.replace(/:f:/gi, "<img src='http://i.imgur.com/OXalA.gif' alt='' width='40' class='smiley'/>");_str = _str.replace(/:g:/gi, "<img src='http://i.imgur.com/cnARR.gif' alt='' width='40' class='smiley'/>");_str = _str.replace(/:h:/gi, "<img src='http://i.imgur.com/WTmJr.gif' alt='' width='40' class='smiley'/>");_str = _str.replace(/:i:/gi, "<img src='http://i.imgur.com/kenHK.gif' alt='' width='40' class='smiley'/>");_str = _str.replace(/:j:/gi, "<img src='http://i.imgur.com/aDJrj.gif' alt='' width='40' class='smiley'/>");_str = _str.replace(/:k:/gi, "<img src='http://i.imgur.com/E5qba.gif' alt='' width='40' class='smiley'/>");_str = _str.replace(/:l:/gi, "<img src='http://i.imgur.com/w3vTW.gif' alt='' width='40' class='smiley'/>");_str = _str.replace(/:m:/gi, "<img src='http://i.imgur.com/0WFG2.gif' alt='' width='40' class='smiley'/>");_str = _str.replace(/:n:/gi, "<img src='http://i.imgur.com/bkfG8.gif' alt='' width='40' class='smiley'/>");_str = _str.replace(/:o:/gi, "<img src='http://i.imgur.com/zvteN.gif' alt='' width='40' class='smiley'/>");_str = _str.replace(/:p:/gi, "<img src='http://i.imgur.com/xkzm0.gif' alt='' width='40' class='smiley'/>");_str = _str.replace(/:q:/gi, "<img src='http://i.imgur.com/UqDiW.gif' alt='' width='40' class='smiley'/>");_str = _str.replace(/:r:/gi, "<img src='http://i.imgur.com/5uihz.gif' alt='' width='40' class='smiley'/>");_str = _str.replace(/:s:/gi, "<img src='http://i.imgur.com/5O9L2.gif' alt='' width='40' class='smiley'/>");_str = _str.replace(/:t:/gi, "<img src='http://i.imgur.com/7RDAt.gif' alt='' width='40' class='smiley'/>");_str = _str.replace(/:u:/gi, "<img src='http://i.imgur.com/WmQPn.gif' alt='' width='40' class='smiley'/>");_str = _str.replace(/:v:/gi, "<img src='http://i.imgur.com/9C3hy.gif' alt='' width='40' class='smiley'/>");_str = _str.replace(/:w:/gi, "<img src='http://i.imgur.com/fFhYI.gif' alt='' width='40' class='smiley'/>");_str = _str.replace(/:x:/gi, "<img src='http://i.imgur.com/e50uc.gif' alt='' width='40' class='smiley'/>");_str = _str.replace(/:y:/gi, "<img src='http://i.imgur.com/RjY5y.gif' alt='' width='40' class='smiley'/>");_str = _str.replace(/:z:/gi, "<img src='http://i.imgur.com/lrZEF.gif' alt='' width='40' class='smiley'/>");_str = _str.replace(/:ab:/gi, "<img src='http://i.imgur.com/KJbrk.gif' alt='' width='40' class='smiley'/>");b.item(i).innerHTML = _str;}}}//]]></script> 02.Langkah ke duaSelanjut nya Sobat Cari Code di Bawah ini :<div class='post-footer-line post-footer-line-3'><span class='reaction-buttons'> Dan pasang kode emoticon gif berikut ini di bawah </div> yang terakhir <!-- emoticon mainbom.com --> <b:if cond='data:blog.pageType == "item"'> <div style='text-align:center; font-weight:bold; margin-top:15px; margin-bottom:10px;'>Kalau Sobat Pakai Emoticon ini, Copas kode ke kotak komentar Karrysta™ </div> <b><img src='http://i.imgur.com/4a2GG.gif' width='40'/> :a: <img src='http://i.imgur.com/Jnwl1.gif' width='40'/> :b: <img src='http://i.imgur.com/h9NDs.gif' width='40'/> :c: <img src='http://i.imgur.com/IL1IB.gif' width='40'/> :d: <img src='http://i.imgur.com/k3Fdh.gif' width='40'/> :e: <img src='http://i.imgur.com/ZDlSF.gif' width='40'/> :f: <img src='http://i.imgur.com/OXalA.gif' width='40'/> :g: <img src='http://i.imgur.com/cnARR.gif' width='40'/> :h: <img src='http://i.imgur.com/WTmJr.gif' width='40'/> :i: <br/> <img src='http://i.imgur.com/kenHK.gif' width='40'/> :j: <img src='http://i.imgur.com/aDJrj.gif' width='40'/> :k: <img src='http://i.imgur.com/E5qba.gif' width='40'/> :l: <img src='http://i.imgur.com/w3vTW.gif' width='40'/> :m: <img src='http://i.imgur.com/0WFG2.gif' width='40'/> :n: <img src='http://i.imgur.com/bkfG8.gif' width='40'/> :o: <img src='http://i.imgur.com/zvteN.gif' width='40'/> :p: <img src='http://i.imgur.com/xkzm0.gif' width='40'/> :q: <img src='http://i.imgur.com/UqDiW.gif' width='40'/> :r: <br/> <img src='http://i.imgur.com/5uihz.gif' width='40'/> :s: <img src='http://i.imgur.com/5O9L2.gif' width='40'/> :t: <img src='http://i.imgur.com/7RDAt.gif' width='40'/> :u: <img src='http://i.imgur.com/WmQPn.gif' width='40'/> :v: <img src='http://i.imgur.com/9C3hy.gif' width='40'/> :w: <img src='http://i.imgur.com/fFhYI.gif' width='40'/> :x: <img src='http://i.imgur.com/e50uc.gif' width='40'/> :y: <img src='http://i.imgur.com/RjY5y.gif' width='40'/> :z: <img src='http://i.imgur.com/lrZEF.gif' width='40'/> :ab: <br/> </b> </b:if>Keterangan Yang Berwarna Merah Ganti Dengan Nama Blog Sobat :Setelah Semua nya Selesai Save Template nya maka Tampilanya Sprti Di Bawah ini Silakan Baca Artikel Terkait Di Bawah Ini :*Video Live Karrysta™ *Trik Blogger Keren *Download Serba Ada.!!! *Makalah,Pendidikan,Agama *Aneka Download Hot & Cool *Penanggalan,Horoskop,Zodiac *Tidur Sehat Sambil Makan *Video Live Panggung Hot Tanpa Sensor *Koleksi Software Komputer/Laptop *Artikel,Dan Accessories Blog *Images Artis Band/Dangdut Karrysta™ *Ebook Berkwalitas & Trik Blog *Wallpaper Profesional 3D *Kode Warna Komplit Full *Template Keren Komplit Full *Gudang Games PC/Laptop Full *Membuat Emotion Di Kolom Komentar Blog*MP3 Live Dangdut Karrysta™ *4Shared Software Komplit *Daftar Isi Blog Karrysta™ *Cara Bikin Menu Dropdown Horisontal *Cara Membuat Posting Terkait Dengan Thumbnail *Video Selangkung Rong Langkung-Mega Karrysta *Blogger Super Trik Dan Accessories *Selebritis Indonesia *Video Mawar Bodas Elsa Cantik Sexy *Avast Antivirus Full 8.0.1483 Final *Cara Membuat Teks Berjalan Di Blog *Video Karmila Trio Alay Karrysta *Sugih Menyan Elsa Fransisca Karrysta * Membuat Kotak Komentar Di Postingan Blog *Dua Kursi Ayu Lestari Feat Yossi KN *Cara Membuat Footer 2 Kolom Di Blog *Janda Tujuh Kali Mega S Karrysta *Aku Bukan Bang Thoyib-Iim Batara Live Karrysta Membuat Emoticon Di Kolom Komentar Blog Tip Cara Membuat Emoticon Di Kolom Komentar di Blog,Waktu Pert ama Aku, Blajar... Read More