Showing posts with label dipojok. Show all posts
Showing posts with label dipojok. Show all posts
Thursday, November 10, 2016
Cara Membuat Tulisan Dipojok Blog
Cara Membuat Tulisan Dipojok Blog
Metode Pertama:
Membuat tulisan Dipojok blog Sesuai Keinginan
1. Masuk ke Dasbor Blogger -> Template -> Edit HTML

3. Pastekan kode dibawah ini diatas kode </body>
<!-- Start Demo tutorialbelajarblogger.blogspot.com-->
<div style=position: fixed; top: 75px; left: -225px; width: 600px; padding: 10px; font-size: 24px; text-align: center; color: rgb(255, 255, 255); font-family: 'trebuchet ms', verdana, arial, sans-serif;transform: rotate(-45deg);transform-origin: 50% 0px;-o-transform: rotate(-45deg); -o-transform-origin: 50% 0px;-moz-transform: rotate(-45deg); -moz-transform-origin: 50% 0px; -webkit-transform: rotate(-45deg); -webkit-transform-origin: 50% 0px; background-color: rgb(0, 0, 0); border: 1px solid rgb(170, 170, 170); z-index: 9999; opacity: 0.5;>Tulisan Sobat</div>
<!-- End Demo tutorialbelajarblogger.blogspot.com -->
* Warna Merah adalah Tulisan yang ingin di Tampilkan<div style=position: fixed; top: 75px; left: -225px; width: 600px; padding: 10px; font-size: 24px; text-align: center; color: rgb(255, 255, 255); font-family: 'trebuchet ms', verdana, arial, sans-serif;transform: rotate(-45deg);transform-origin: 50% 0px;-o-transform: rotate(-45deg); -o-transform-origin: 50% 0px;-moz-transform: rotate(-45deg); -moz-transform-origin: 50% 0px; -webkit-transform: rotate(-45deg); -webkit-transform-origin: 50% 0px; background-color: rgb(0, 0, 0); border: 1px solid rgb(170, 170, 170); z-index: 9999; opacity: 0.5;>Tulisan Sobat</div>
<!-- End Demo tutorialbelajarblogger.blogspot.com -->
4. Simpan Template
Metode Kedua:
Membuat tulisan I Love Indonesia dipojok Blog,Contoh gambar dibawah ini

2. Tambahkan Gadget -> HTML/JavaScript
*Letak tidak berpengaruh
3. Lalu masukkan Kode berikut
- Tulisan di Kanan-atas blog
<a href=http://www.dfc48.blogspot.com style="display:scroll;position:fixed;top:5px;left:5px;"><img src="http://i463.photobucket.com/albums/qq354/imtihan_2008/MENU/iluvindonesia-kananatas.png"/></a>
- Tulisan di Kiri-atas blog<a href=http://www.dfc48.blogspot.com style="display:scroll;position:fixed;top:5px;left:5px;"><img src="http://i463.photobucket.com/albums/qq354/imtihan_2008/MENU/iluvindonesia-1.png"/></a>
- Tulisan di Kiri-bawah blog<a href=http://www.dfc48.blogspot.com style="display:scroll;position:fixed;bottom:5px;left:5px;"><img src="http://i463.photobucket.com/albums/qq354/imtihan_2008/MENU/iluvindonesia-kiribawah.png"/></a>
- Tulisan di Kanan-bawah blog<a href=http://www.dfc48.blogspot.com style="display:scroll;position:fixed;bottom:5px;right:5px;"><img src="http://i463.photobucket.com/albums/qq354/imtihan_2008/MENU/iluvindonesia-kananbawah.png"/></a>
* Warna Merah adalah Jarak antara Banner dan sisi monitor4. Simpan
Metode Ketiga:
Membuat Tulisan JKT48 dipojok Blog, Contoh gambar dibawah ini.

1. Masuk Dasbor Blogger -> Tata Letak

*Letak tidak berpengaruh
3. Lalu Masukkan Kode berikut
- Tulisan I Love JKT48 di Kanan-atas blog
<a href=http://www.dfc48.blogspot.com style="display:scroll;position:fixed;top:5px;left:5px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-Ua5O6ZQdJM24kAp5Wv1KOnfbAsUwyBuzj4kaFmeB3tbnOE-Bidvhft1pVGQ8Aq6gjdNQG9Nmg3SkgwcOpoycz46Q1YFsMkf1wvdQs3SQBlyan25yB7naYHhyzLqj7ai8v4Pyv8ySC-s/s1600/JKT48.png"/></a>
- Tulisan I Love JKT48 di Kiri-atas blog<a href=http://www.dfc48.blogspot.com style="display:scroll;position:fixed;top:5px;left:5px;"><img src="http://4.bp.blogspot.com/-PhxqZ2wpBzo/Uq1--7G9BEI/AAAAAAAAA8Q/T_Kv0slyjIc/s1600/JKT48-1.png/></a>
- Tulisan I Love JKT48 di Kanan-bawah blog<a href=http://www.dfc48.blogspot.com style="display:scroll;position:fixed;top:5px;left:5px;"><img src="http://4.bp.blogspot.com/-PhxqZ2wpBzo/Uq1--7G9BEI/AAAAAAAAA8Q/T_Kv0slyjIc/s1600/JKT48-1.png/></a>
- Tulisan I Love JKT48 di Kiri-bawah blog<a href=http://www.dfc48.blogspot.com style="display:scroll;position:fixed;top:5px;left:5px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-Ua5O6ZQdJM24kAp5Wv1KOnfbAsUwyBuzj4kaFmeB3tbnOE-Bidvhft1pVGQ8Aq6gjdNQG9Nmg3SkgwcOpoycz46Q1YFsMkf1wvdQs3SQBlyan25yB7naYHhyzLqj7ai8v4Pyv8ySC-s/s1600/JKT48.png/></a>
* Warna Merah adalah Jarak antara Banner dan sisi monitor4. Simpan
Oke... Sampai disini dulu,
Jika ada yang kurang jelas, silahkan tanyakan saja
Jika Ingin Copy-paste mohon cantumkan post ini sebagai sumber, Hargailah orang lain jika ingin Dihargai :)
Go to link Download
Thursday, October 6, 2016
cara membuat gambar supaya dipojok
cara membuat gambar supaya dipojok
Pasti pada bingung nih, apa maksudnya dan kenapa judulnya begitu, sebenarnya aku sendiri juga bingung mau ngasih judul apa untuk trik yang berikut ini. Setelah aku pikir-pikir :t eee.. nggak nemu-nemu juga judul yang cocok, ya udah deh aku asal aja kasih judul gitu. Trus apa maksudnya dari judul tersebut dan trik apa yang akan dibahas?
Gini, untunya itu gini :D trik nyoba ngebahas gimana cara membuat "ANU" itu selalu berada di pojok (bisa atas, bawah, kiri, kanan) meskipun "scroll bar" ditarik kemana-mana. "Scroll bar" itu apa sih? itu lho kotak kecil panjang yang ada disamping itu, yg biasanya ditarik kebawah dan keatas supaya bisa ngelihat isi blog yang kepanjangan. Trus maksudnya "ANU" itu apa? "ANU" itu maksudnya bisa gambar atau photo kamu, animasi, Jam, Hit Counter, Shoutbox, Kalender, Adsense, Iklan, Widget-widget dan lain-lain. Kalo untuk di blog ini aku pasang gambar sonic yg sedang lari-lari (pojok kiri bawah). Nha udah tahu kan maksudnya. Kalo dah tahu dan pingin mencobanya mari ikuti trik berikut ini:
1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu taru kode berikut ini di atasnya.
#trik_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); }
3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>
<div id="trik_pojok"><a href="http://gustiabimayu1.blogspot.com">
<img src="http://http://superinhost.com/images/soniclari.gif" border="0" /></a></div>
"http://gustiabimayu1.blogspot.com" adalah link. ganti dengan link kamu.
"http://superinhost.com/images/soniclari.gif" adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.
5. Jika kamu pingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.
6. Simpan hasil kerja kamu dan lihat hasilnya.
Go to link Download
Subscribe to:
Posts (Atom)