Showing posts with label Tips Blogging. Show all posts
Cara Memasang Link, Kode HTML/Javascript di Postingan Blog
Wednesday, April 10, 2013
Posted by
Arief Hilman Nugraha
Tag :
Informasi
,
Tips Blogging
Cara Memasang Link, Kode HTML/Javascript di Postingan Blog. Berlanjut ke tutorial selanjutnya yaitu bagaimana sih cara memasang link serta Kode HTML/Javascript dalam Postingan Blog ? sebenarnya cukup simple untuk menerapkannya. dan sebagian caranya saya pernah share pada postingan Cara Membuat Artikel di Blog. Kenapa sih perlu untuk memasang link serta kode Script di blog kita? dibilang perlu ya sangat dan penting. hehehe. kenapa? Untuk memasang kode-kode script seperti Widget2 blog, Kode script Video, Kode Script Iklan dan kode-kode lainnya. Link diselipkan dipostingan blog bertujuan untuk mempermudah dalam menuju suatu link situs-situs tertentu yang diinginkan. Juga berguna dalam Meningkatkan SEO blog kita tentunya.
Baik Langsung saja Kita mulai langkah-langkahnya : Check This Out !!
1. Langkah pertama seperti biasa Login ke akun Blog dan Create New Post
2. Lalu Proses yang paling penting terletak pada mode penulisan artikelnya. yaitu antara Compose dan HTML
biasakan sebelum memasukkan kode HTML/Javascript rubah dulu mode penulisannya ke bentuk HTML. Kenapa? Jika, kita tidak merubahnya pada saat di publish akan tetap di publish sebagai kode script, bukan bentuk Video/gambar/iklan/ widget lainnya.
3. Selanjutnya pastekan kode script yang akan dimasukkan ke dalam postingan. jangan lupa atur tataletak kode tersebut sesuai keinginan masing-masing. Untuk Proses tataletak kode ini perhatikan cara-caranya berikut:
Saya akan mengambil contoh cara memasang kode iklan di postingan:
# Agar kode iklan berdampingan dengan postingan sebelah kiri (left), kodenya :
# Agar kode iklan berdampingan dengan postingan sebelah kanan (right), kodenya :
# Agar kode iklan berdampingan (dua iklan berdampingan kanan-kiri), kodenya :
# Dan biasakan dalam memasukkan kode2 script dlm postingan perhatikan tata letaknya agar terlihat rapih dan enak dilihat. untuk tata letaknya biasakan pasang kode2 tambahan :
4. Untuk memasukkan link kita tinggal memblok kata-kata yang akan dimasukkan link, lalu klik LINK yang ada di Menu bar dan pastekan alamat URL yang dituju.
Contoh:
Cara Memasang Link, Kode HTML/Javascript di Postingan Blog
5. Dan terakhir Publish Post
<div style="float:left;">
Kode Iklan Y ingin Dipasang
</div>
# Agar kode iklan berdampingan dengan postingan sebelah kanan (right), kodenya :
<div style="float:right;">
Kode Iklan Y Ingin Dipasang
</div>
# Agar kode iklan berdampingan (dua iklan berdampingan kanan-kiri), kodenya :
<div style="float:left;">
Kode Iklan Y Ingin Dipasang
</div>
<div style="float:right;">
Kode Iklan Y Ingin Dipasang
</div>
sumber
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUmVciTDlyNDxRbHMC37WZTJh6y0DhSMUYzqLj_QWPjZmGZGa4ZovHWD-dTTCAhKxh-0Hji9PrspQMyF4gbgVasyUFUG8CzWtCClmWdzMKX0oZLeKN-NVW6iMtfnWtX-rTOVpPCIa0Tzyl/s1600/hatsune_miku_chibi_colored_by_chipmunkintheblender-d498wbh.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI8n-Sy73EhrQr4t1ME5MARJiBsiztFDaqi0ew-mCpRy1zWFv7jACmJQItGgOcO32VeK01lVrAn5hZyldOU6de0CkPkSyGFEuwIvfsFKAM9b-PGVi825ZBrYsY2gxq5VNoyYtR2AnL8CQD/s1600/12.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzEzNEu7s-0jAVh7MvkigSDt_A0qpE8fsndrdJr3zWzsEcUud2fpmgiEM32MfnqwsGQC1a9UDMlWmugoYejnka5kAOdNGjzYZIvGpkavv2X6vLnHzcQSfDPHnR0UXOXnDrXVvPWblsG7Ob/s1600/13.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZndI568X0gUZ6rEE6A8eBxgIyWau_BMvqufQN8n5nwFs8ltXMzeH4VkdbmusnT2cubrY5jStwJzaLXfNQLCArq_gJEt7YJbiLNsCImCQyFBONtoBsa5sr5PGEbiwOymNvDUDO0ou2Orn9/s1600/11.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUeYA_saMy-1Kse-4vKoNqgFyd0UfgaVRWFuFTM9hkAJniE00FYA4C14O_CeoKF_NkrC5YA_uT1AENeYiy8KiOvTQsPB5Gje0M1XW13YPVWX41ggH1OF_MZ9krkVBeY8a5MvUBOQQ-h098/s1600/14.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje2L2iYHzP30I1aASRpl6IMvKZhg1zmsxnyBchGzq7pg764ABsCcE7E7xK7aRWApATP4KjlBFerMYaOsXE811P32PchFd-IqbGA9IoVwuvvcBUHDObfHBYbHeHhS4Tv1lvQZ5sQXOekHWQ/s1600/15.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht4qqpMA6ecGqyA7Swjr2wG8AdtT11ShAX9-FFvYbJXJu34R26HR6wueGy1k8xAK7btMY3wR-SsqrrJFe-eiW7ly2xLv9iXOAkdm2vp8izH_-EmhK1Uvctl-dexoz09h_yjMz_pldaPxe0/s1600/2.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLf52uAf8i5NUN6CQTBauDfbPXG0YQ_4pGadeUh7P9eVXeLazSVX6LEhTKhta3PTKUEQhdwcJU3rnkbXMZ4dE_3P5UY7GlnmkpeZX-M0euH2RRpMVVAQGVhaBrlI5QZPPz8m5178GdlsHz/s1600/5.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ3ngSN5yl23uodnZw9zrLlueCrUq4PneyaJXsuX2G2iWjIiFqVR4P6015Lygtc4S4GEcd2nLz0vXHvf4fTWy-ypCFDp4ukoQgnLGWD2pXp0A9cbKMJslfRiDItwgdywt0ttQh20pr07wL/s1600/3.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqaG9HfVQ2w3frQJuEkChYXGBf6KHqDgdqnRBQphz1hCUJyIKzldl4IsDbFhKTc3CG2y6vSw-xr9_KudShbDZmaGGM5fty4h8Bk-w-pMQuPv7MFoEKPNiZOr-2imPxvvhdcDuWlUSZYgDd/s1600/7.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJUOZSPxI8qJIrG-ZqM71Gxxx0xBmOwMybfQoMCW6SpAYDOQgLGlEXEtPGCNPyGiHGolTOf2Lvq8Pb2ha6EfVDpDpOyIkNnYBQmTdGgcQcgrO6LvcQhWcBPoCaFh9d8VNGkzYEkooWzMUo/s1600/6.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtPNTNgePv27jMRGYmzpFOGa4_sDwDUr4XciVeXNQrw9YA5a37B3z523QvZ8df9eRreiaevurtN1i_IKLHfW6HD1yBYcGA-SDhhzcvAZBuHIdMTLdFxtn3r8QdQYCD3u_rljxD7l0kCOsq/s1600/4.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivXe44uMu0MykO1ciQOHHEEJGsnxwBRUAnDTOQdKcIvydeUN0xqzCc_BWhR34PlUP_xXHclcY-Tdn3TCSBSEZYcVE_DMVrOOZy6oo20Ut-OvN1DsS-je1czSPy9KZQf_Wrxp1769xeyjo-/s1600/8.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4ahLTNQ01EqsM0g4sW9n56HOGUAHePGgaVKh9mFlprhPXEYtFEgTpqmwtlvPJEV3k1nEkHh0xrffUqAVNsI7IryqssyhOSeJM82FkKcWHomu6g5M2A-MBox4sXXACdhHFdH6gup9-vnUn/s1600/Rin.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie4kc0TLO7-KSp2kaFO63AfZx2fHcMNhsJllVToLmy6ywndxV0bEdpCk2hm7_EFy3NsBsSrzQkdUbK_ePdB3pqIwSqFTWGYAeaP6Zfiti3i1HfU-WG64AQrVn_nCdZ2cJz1d8_cde4grD6/s1600/Miku.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRzMA6Sqck4uOn4VYNtEzePfTt6ALThibDIYWCiAWSUFMYxc8qbohtQB6rPD9JchXlowPqOBI6eov2CC1TsBJDzZDFqw28ukKySqazyaK_eQYEIbagEZ-hBj2M06wVXLRsi_ty-23GDsuK/s1600/Untitled-4.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJNIxbNRo0L7e-oK9i2G79aAnPepQLnp5SVtyriWEXUF0Go3aiwPCGFOVu3cKSRnus3c8GAYP40P9TwdbB6yDviue4aBA58MVET8SRE1owj-Sa4uLoIvN8dbBTHCJNegpIf4reqY36yEwa/s1600/Chibi14.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinshaYXigMC3_OGoaEbyQeTht8FFTsFnpyBiFXhopV2Edyecl2y1TtlASu7v4ld43ADN-4iJ_8efVVwYK0p6MaB2-v27McLb8TAzqGrluSDrv4Fy94pGFqlG1C5px5SO-yt4oJRy8tfEJB/s1600/9.png
note : ukurannya 80-90 ..kalau mau lebih kecil bisa resize sendiri.
hahaha.. :D guyysss.. mimin lagi mau sharing info baru ni..
vocaloid cursor one pack.
buat penggemar vocaloid.. :3
cara makai nya..
buka tata letak >> html/javascript
copy kan kode ini
note : url cursor1= cursor saat tidak menyentuh link
<style type="text/css">body, a, a:link{cursor:url(URL CURSOR1), default;} a:hover {cursor:url(URL CURSOR2),wait;}</style>
url cursor2= perubahan saat cursor menyentuh link/ judul entri
jika ingin request.. komen aja.. :D
tau inbox ke fb qu.. :*
sertakan ukuran cursor dan url gambar yang ingin dijadikan cursor. kalau bisa cari yang backgroundnya putih.
oia.. sertakan alamat blog kawan buat ngabarin hasil project yang ku buat..
sekian..~
biasanya kalau postingan blog kalian terlalu panjang..
pengunjung blog kalian akan kewalahan untuk mensecrool ke atas.
jadi untuk memudahkan pengunjung..
di buatlah tombol back to top.
hanya sekali klik.
bisa langsung loncat keatas.. sangat mudah kan?
login > dasbor > tata letak > add gadget > html/javascript
berikut. contoh contoh yang saya punya
jika ingin anime yang lain..
silahkan pesan, facebook saya.. ^_^
pengunjung blog kalian akan kewalahan untuk mensecrool ke atas.
jadi untuk memudahkan pengunjung..
di buatlah tombol back to top.
hanya sekali klik.
bisa langsung loncat keatas.. sangat mudah kan?
login > dasbor > tata letak > add gadget > html/javascript
<a title="Back to Top" href="#" style="position: fixed; bottom: 5px; right: 5px;"><img src="Url gambar button"></a>ganti tulisan berwarna merah dengan url gambar back to top yang kalian inginkan..
berikut. contoh contoh yang saya punya

kreasi admin : (anime series)http://img205.imageshack.us/img205/7824/74211510.gifhttp://img196.imageshack.us/img196/6670/49238758.pnghttp://img266.imageshack.us/img266/3325/81258407.pnghttp://img13.imageshack.us/img13/5533/20610818.pnghttp://img543.imageshack.us/img543/5941/62667078.pnghttp://i1139.photobucket.com/albums/n554/nurbariah1/blogger-Copy-Copy.png
http://i1139.photobucket.com/albums/n554/nurbariah1/blogger-Copy-Copy2-1.pnghttp://i1139.photobucket.com/albums/n554/nurbariah1/blogger-Copy-1.pngbisa request. di facebook saya. ^_^
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6J01m3NNWeHguRGrk6GwzNzFB-MDlxZVklKE53m904bnx_Bh0bqX6tOAbtfhLbeU0MG5hhv9oQ6l4bq9Ycuyj_0kiTZxKUTiIT9aUzoQ7JWhd9Am_1Fu345vqxXJwHMkSRPmnLD1rGzWp/s1600/1.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhraE6mcN8hJdsSHBk_2jYK43wk0k-hpA1dKJKGx2MpvwPg9PMUwL1M16QwgwCKlXtn5akwEsHWa0NJqryciXO08ewNGiH-sP8wGNPbcET0ysBXdYumj41gBIEsw5dwohmLCMJ2CnteyHYl/s1600/2.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1oFIJe4SilbzKNGNggwYYc2Pe5TR6HnPDuq9mYDs3KFFayZGqeugROZVNVE96tv4MEt1H7iz5C7lia6AlY2Jljc-aMjoT_zpJENyu3C_PlM1riGoMPfzL47dFDEykwf1jZtn3wcR1kO_C/s1600/3.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUpSUA8Cg_YLNuo67A4Z5s3r_M1kz83y_Pn-rqWnlaq7cHRFToVbdBu13HTbmu68XwuQuApMVr7pNfu_PW8-zVL0TpUkD3oSY-QAV16XvUkhLCAqnzrc6grFxj4n_ChGGuwzVEXuDxGGIs/s1600/4.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG-yf99_efWGGchYk53iDsTfMeGCKLvrA04cdnkZkZerQp4ZmT4dei3w5tHGQ2AclWPFsxQi0hwnVeiZrNE3GrnxU_wPtgdpzHz3sL0rELiaobjtebfgIFpmAAA2GSqx3q2S4JXzOUcloC/s1600/5.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgzr_pfNmQ82p3FKe8cgU4yBQCq8fSLMVZZb14bWVqvrwhQOSeGar0fd9_dQQVTWlM2-2kNGEUm5xUvkuvOVvUzJe6yvncteHTkvD9ae74cnuiXFQZs65HitWhdWiCnKT_i529_SheTZNb/s1600/chibi_commission___finnian_by_meguja-d4qwodc.pngsisanya coming soon...
jika ingin anime yang lain..
silahkan pesan, facebook saya.. ^_^































