Archive for Mei 2013
Memasang Gambar Next Home dan Previous
Rabu, 01 Mei 2013
Posted by Adi Darmawan's Blog
Tag :
Blogspot
بِسْمِ اللهِ الرَّحْمنِ الرَّحِيمِ
Assalamu'alaikum Wr.Wb
Belajar sambil berbagi adalah hal yang sangat menyenangkan, apalagi ilmu yang kita dapat akan lebih bermanfaat. Jadi, punya ilmu kalo tax dibagi kurang afdhol deh.
Masih dalam suasana ramadhan ini yang luar biasa indah ini sebelum sayar saya sempatin tux blogging. Saya akan sedikit berbagi tentang tips dan trik membuat tampilan blog semakin menarik.
Sebenernyaada banyak hal yang bisa Qt lakuin untuk membuat blog menarik. Tapi karena kita mengharapkan blog yang ringan biar tax terlalu lemot. jadi musti selektif tuk nyari cara memperindah blog dengan simpel tapi menarik.
Salah satunya ini, membuat tombol next, preview, dan home. Biasanya kan cuman tulisan, nah kali ini dengan gambar biar lebih menarik.
- Sobat login ke akun blogspot sobat dulu
- Dari dashbor --> Pilih Rancangan --> Pilih Edit HTML
- Mulai memasukkan gambar yang sudah sobat upload dengan dengan cara:
- Expand Template Widget
- Untuk mengganti tulisan "Next Page/ Postingan Terbaru" dengan gambar punya sobat, cari dan ganti kode <data:newerPageTitle/> dengan <img src="gambar" alt="Next" />
- Untuk mengganti tulisan "Previous Page/ Postingan Lama" dengan gambar punya sobat, cari dan ganti kode <data:olderPageTitle/> dengan <img src="gambar" alt="Prev" />
- Untuk mengganti tulisan "Home" dengan gambar punya sobat, cari dan ganti kode <data:homeMsg/> dengan <img src="gambar" alt="home" />
- Setelah selesai jangan lupa Simpan Template
- Liat hasinya.
Wassalamu'alaikum Wr.Wb
بِسْمِ اللهِ الرَّحْمنِ الرَّحِيمِ
Assalamu'alaikum Wr.Wb
Waduh, baru dapet artikel yang aku cari aja ternyata malah tax bisa dicopas? Masak to, kog bisa ya?
Blog anti copas salah satu cara untuk melindungi karya dari pemilik blog. Mungkin memang benar maksudnya, tapi apakah seorang blogwalking suka dengan cara ini? Saya yakin 99.99% kagax pada suka.
Tapi sah-sah saja kog.
Sobat pengen lindungi karya sobat, bisa pakex car itu kog. langkahnya singkat bgt.
--> Masuk saja di akun blog sobat
--> Pilih Template
--> Edit HTML
--> Cari kode </head>, supaya mudah dalam pencarian, klik aja Ctrl+F
--> Copy dan pastekan kode dibawah ini diatas kode </head>.
<SCRIPT type='text/javascript'> if (typeof document.onselectstart!="undefined") { document.onselectstart=new Function ("return false"); } else{ document.onmousedown=new Function ("return false"); document.onmouseup=new Function ("return true"); } </SCRIPT>
--> Simpan TemplateCoba di cex dulu, kalo berhasil jangan lupa traktir makan ya! ahahaha
sering-sering berkunjung diblog ini ya. Jangan lupa tinggalin jejak berupa komentar sobat.
Wassalamu'alaikum Wr.Wb
بِسْمِ اللهِ الرَّحْمنِ الرَّحِيمِ
Assalamu'alaikum Wr.wb
Lihat contoh Spoiler dibawah ini :
Foto Q:
Untuk
membuat spoiler seperti diatas tersebut bukanlah hal sulit, tentunya
jika sudah tau kode scriptnya.(Ya Iyalah), kalo sobat belum tahu dan
membutuhkannya maka ikuti langkah-langkah dibawah ini :
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Letakkan teks, kode script, gambar atau video yang sobat inginkan disini.
<br>
</div>
</div>
</div>
Copy Code Script diatas --> Buka Akun Blogger sobat ---> Buat Entri Baru
Setelah lembar kerja terbuka --> Pilih HTML dan paste sesuai tempat yang diinginkan.
Keterangan :
Sobat bisa merubah "Buka" atau "Tutup" dengan kata yang sobat inginkan.
Selamat mencoba... >>>
Semoga sedikit ilmu tadi bermanfaat buat sobat, kritik dan saran yang mendukung selalu saya harapkan.
Wassalamu'alaikum Wr.Wb
بِسْمِ اللهِ الرَّحْمنِ الرَّحِيمِ
Assalamu'alaikum wr.Wb
Pengen buat share artikel kayag itu? |
Beberapa hari tak posting rasanya kog ada yang kurang gitu ya, (Eh, yang bener ?).:D Um., mau posting apa yah? kog jd lupa.(Awas lo kalo ampe lupa ingatan!). Eh, eh ampun dah ane kagax jadi lupe. Okelah kalo beg begituw, sobat yang pengen buat kumpulan icon share yang menarik tapi belom tau scripnya. Nah, semuanya akan terjawab disini (waduh, yang bener?) hehe.
untuk membuatnya, sobat siapkan dulu secangkir kopi biar mata melek.:D
1. copy kode srcipt dibawah ini
<div style='clear:both; '>
<div style='width:65px; float:left;'>
<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvWR4E59_cVqsJMwe1ssRdQBJ0YfDWr5QoKmk-eOrbaJwHm4z0evXumDx5fRNcgcVazyZSLcMJd70L6QMewpxvKot7zCDZG5UI_Uk3pJiZS0rR3ve0xRHSHDp59tC2vKMxI8AWFjzlPnpF/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqumBHqjHySo7WfIf45nzNcT0LaIsVXyBum37WBNjVABx40Z9KQFDMLMiOsryCPgmUVzIEVzJmkxDdqBP_0JE1qjm55_KecSKoSnSBNYXMt3uec2E3BlEr2jpHl2p2X0Qe01J8BmOZgyFN/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://technorati.com/faves?add=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkwqE-5AkIvSqKLhHLzgFBjdamzTC0-TxXeQHuksQ7-4DndMti1DV_tkHesHYdZBe2rGJZBY3t8f85agsw86WAS7243IjfreI6LiMcCFDo6LBwXZIG0wE8CVDdRuGVGqoos5LO3G74B_O3/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://twitthis.com/twit?url=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsS0TK92ndB8GLREZG2ZvpCM80CDIO91E8GPhyphenhyphenRhC7u74CI8-GdZEFLP0Fj-UYpXNwDGh1v2IDkIgJEP74UDGvReQY5WrxYOMapKhdAUmAiMFIGNVPjr0sh2j682YEMXDPR5gZcYi9ajpM/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Digg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvcIMo7VgRuc4xlXVFVjEeawad1q6WXsvtAzrC9wdHwy3PFvnfbz7PHAdYJ7C47CLtEGoFT3YuCVU2fgLDnyMo8jj69Ij0dA9SEeleVtyz8FKPl-CtWrFmNr3sqtSk0Jbjq2Ss_6IL8r0K/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXJ7BWzuPcmNUslx12aaNr5wZcGOjisirjnrT-W_RcV3Jp2So6LKR2BklyEiv_g500OpPG9WxgNVnHXHt7rYOul0E-ZFoj8NT11S9U4mKjaeQCg56Lc8yYVGwcIZN4yJpF6ihZJov6uzGb/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='"http://reddit.com/submit?&url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img alt='Reddit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihKDq4AMPHYEtnkki724o1SzZ7IIQgdBDNJKsbNZEnQgusT35e8VYl4nVxsWng-TlZB5Ws84WFHqbpkXzpd9XN7POoQ5PRj8pD1IkULS9Pl6GTqcbr97ZImof5fk5ujYs92XSzbIPDiNP6/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='data:blog.homepageUrl + "feeds/posts/default"' rel='external nofollow' target='_blank'><img alt='Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhigeMhO2SC9MIww0zXqSg_GBSGj3Z7bVITPilASxadOZ6TCsX-baZxzxe00h9pbbRfeTq8P98d-C2pPZ8PrkGFzHamwXm4MiTxpIyPWCmw974vSsU2kGSDE3JFeq91pvpLAOJiuKxdCRjJ/' style='padding:0;margin:0;border:none;'/></a>
</div>
</div>
2. login ke akun blogspot sobat
dari dashbor---> pilih template ---> Edit HTML
3. Cari kode <data:post.body/>, biar lebih mudah klik aja Ctrl+F
4. Tetakkan kode script yang udah sobat copy tadi dibawah kode <data:post.body/>
5. jangn lupa simpan template dan liat aja hasilnya.
Yah, ternyata kagax sulit-sulit amat ya? dengan catatan kalo dah tau kode scriptnya. hehehe
Tak henti-hentinya saya ingatkan, pembaca yang baik selalu meninggalkan jejaknya. jadi jangan lupa kritik, saran, dan motivasi dari sobat semua.
Wassalamu'alaikum Wr.Wb
بِسْمِ اللهِ الرَّحْمنِ الرَّحِيمِ
Assalamu'alaikum Wr.Wb
Sobat blogger yang baik hati, pernahkah anda membuat banner? Tapi tunggu dulu , Banner itu apa sih? (makanan ya?) bukan itu mah burger. xixixi
Perlu sobat ketahui, banner sangatlah penting bagi seorang blogger, karena menurut saya bersifat multi fungsi., selain sebagai link, tapi juga memperindah tampilan blog. hehe Banner biasa dipakai blogger untuk mempromosikan iklan atau hanya sebatas link menuju blog (alias promosi blog).
kembali ke laptop.., mang acara apa nih?
Udah lanjut aja ya.?!
Sobat bisa liat contoh bannernya nih :
Kagax perlu repot-repot untuk membuat banner, banyak situs gratis yang menyediakan pembuatan banner secara online antara lain :
Gif Banner
Flash banner
- http://www.bannerfans.com
- http://bannersabc.com
- http://www.flashbannernow.com
- http://www.quickbanner.com
- http://www.flash-banner-maker-online.com
- http://www.123-banner.com
- dan masih banyak lainnya
Semoga celotehan tadi memberi manfaat buat sobat semuanya, sering" berkunjung di blog ini ya. Kritik saran yang membangun selalu saya harapkan.
Wassalamu'alaikum Wr.Wb
بِسْمِ اللهِ الرَّحْمنِ الرَّحِيمِ
Assalamu'alaikum Wr.Wb
.
Woooow keren............!! nah, rasa takjup saat melihat efek zoom pada blog teman" saat melakukan blogwalking pasti ada. sobat bisa membuatnya diblog sobat kog.
- Copy code script dibawah ini
- Login ke akun blogspot sobat --> Dari dashbor pilih Template --> Edit HTML
- Pastekan kode script di atas ]]></b:skin>. Untuk mempermudah pencarian, bisa klik Ctrl+F --> setelah selesai klik Simpan Template.
- Nah jika sobat tak mau repot ikuti cara yang ini : Dari Template --> pilih ubahsesuaikan --> pada perancangan blog, pilih Tingkat lanjut --> tambahkan CSS --> Terapkan ke Blog.
.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-webkit-transform: scale(1.3); }
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-webkit-transform: scale(1.3); }
Selamat mencoba ya sob, jangan lupa tinggalin jejak berupa komentar sobat gih.
hehe
Wassalamu'alaikum Wr.Wb
بِسْمِ اللهِ الرَّحْمنِ الرَّحِيمِ
Assalamu'alaikum Wr.Wb
Apa kabar sob? masih semangat....?!
Semangat Pagi he3x
Link Exchange dan tukar banner mungkin dah dianggap kebutuhan bagi para blogger semua. Jadi tak ada salahnya aku sediain form tukar banner diblog kecil aku ini.
Bagi yang ingin bertukar banner silahkan, terbuka untuk umum.
Formatnya seperti berikut sob :
Nama Blog : Adi's Blog
Alamat URL : http://adidarmawanblog.blogspot.com
Alamat URL : http://adidarmawanblog.blogspot.com
بِسْمِ اللهِ الرَّحْمنِ الرَّحِيمِ
Assalamu'alaikum Wr.Wb
Memasang
Berita pada blog merupakan salah satu dari sekian banyak cara untuk
membuat tampilan blog semakin menarik. untuk membuat Widget ini saya
membuatnya di rsspump.com, jadi sobat tak perlu pusing hafalin kode scriptnya deh.
Untuk
membuat di rsspump.com yang musti sobat ketahui adalah RSS Feed Website
yang dituju. Sudah tahukah RSS itu apa? Wah, kalo belum tau malah kagax
jadi buat noh. Eh, bercanda kog. Ane jelasin secara ringkas aja ya?.
RSS (Rice Site Summary) adalah sebuah file berformat XML untuk sindikasi
yang telah digunakan (diantaranya dan kebanyakan) situs web berita dan
webblog. Nah RSS feed ini fungsinya untuk mengetahui update terbaru dari
Web tersebut tanpa harus mengunjunginya.
Cara
termudah untuk mengetahui RSS Feed tanpa software berikut
langkah-langkahnya :Masuk ke Website tersebut --> Klik kanan -->
View Page Info --> Feeds
Mudah kan?
Untuk membuat Widget berita dengan rsspump.com langkahnya seperti berikut ini :
--> Masuk ke rsspump.com
Keterangan:
- RSS Feed URL : isi dengan RSS Feeds website yang sobat tuju dengan cara telah saya paparkan diatas tadi.
- Pada Set Options & Layout : "Ticker Type" untuk jenis tampilan slide shownya, dan yang lainnya bisa sobat isi sesuai selera ( kayak hidangan kuliner aja) xixixi
- Setelah selesai, copy kode script nomer 3 pada gambar tersebut yang sudah saya lingkari.
--> Buka Dashbor akun blog sobat, pilih Tata Letak
--> Tambah Gadget
--> HTML Java Script
--> Simpan.
--> Tambah Gadget
--> HTML Java Script
--> Simpan.
--> Lihat Hasilnya
Jika sobat butuh contoh, dibawah ini adalah kode script yang saya buat denga RSS feeds Website okezone.com dan kompas.com
Nih Scriptnya:
Semoga postingan kali ini bermanfaat buat sobat Adi's Blog. Jangan lupa tinggalin pesan loh.
Wassalamu'alaikum Wr.Wb
بِسْمِ اللهِ الرَّحْمنِ الرَّحِيمِ
Assalamu'alaikum Wr.Wb
Untuk membuat desain blog sendiri tentunya bukan hal yang mudah bagi blogger yang masi newbie (termasuk aQ juga sih, he4x). Jika harus download dan makai desain orang tentunya akan merasa tak puas, kan bukan buatan sendiri. ya kan?
Pada kesempatan kali ini saya akan berbagi tentang Cara buat header blog dengan link, sebelum membuat semua itu sobat siapin aja secangkir kopi dan roti (apa hubungannya?). Okey, sobat siapin aja software PhotoshopCS5 dan DreamweaverCS5. sobat boleh pake software tersebut versi berapa aja kog.
Nah, mari ikuti panduan saya..,
- Dengan software Photoshop, desain gambar header semenarik mungkin. Kan temanya buat header yang menarik (he3x).
Contoh hasilnya :
- Kemudian upload gambar sobat harus mempunyai akun photobucket sebagai image hosting sobat. jika belom punya buat aja di photoscape.com. Setelah proses upload selesai ---> View Album --> Copy kode seperti yang telah saya lingkari pada gambar dibawah ini.
-
Setelah itu, masuk program Dreamweaver --> HTML --> Pilih tampilan Split --> masukkan kode diantara <body> </body> --> kemudian untuk memberi link, dengan shape Cirlcle, Rectangle, dan Polygon kemudian
tandai seperti yang berwarna biru pada gambar dibawah ini -->
kemudian liat aja ke bawah lembar kerja --> masukkan URL tujuan dan
gunakan target Blank (New Tab), New (New Window),dll.
- Copy bagian kode diantara <body> </body> --. Buka akun Blog sobat --> dashbor --> Pilih tata letak --> Tambah Gadget --> HTML java script --> Paste aja disitu --> Simpan --> kemudian tinggal gerser aja gadgetnya pada bagian Header.
Mudah bukan? semoga bermanfaat buat sobat semua. Blogger yang baik selalu meninggalkan pesan. Jangan lupa tinggalkan pesannya ya !!
Wassalamu'alaikum Wr.Wb
بِسْمِ اللهِ الرَّحْمنِ الرَّحِيمِ
Assalamu'alaikum Wr.Wb
Membuat blog dengan template dasar biasanya akan membuat penulis tak ada kesan, jadi mudah bosan dan malas untuk melakukan blogging. Jikalau mendesain template tentunya ada secarik tema untuk menghiasi blog kita sesuai apa yang kita inginkan.
Apabila sobat ambil tema bernuansa religi, Menulis basmalah untuk mengawali postingan merupakan satu menu wajib. Wawawawah keinget menu makanan ya? ahaha
Lanjuuut...............,
Untuk membuatnya sobat ikuti langkah berikut.
<*>Login akun blog sobat ya,
<*> Template --> Edit HTML
<*> Dengan klik Ctrl+F untuk mempercepat pencarian, cari kode <data:post.body/>
<*> Pastekan kode dibawah ini tepat diatas kode <data:post.body/>
بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم
Selamat mencoba, jangan lupa tinggalkan pesan sobat ya. Wassalamu'alaikum Wr.Wb
بِسْمِ اللهِ الرَّحْمنِ الرَّحِيمِ
Assalamu'alaikum Wr.Wb
Apa itu marque? Belom tahu? (Ah masak lom tahu?), hehee
mungkin sobat semua dah pada tahu.., apalagi seringkali sobat melihat berbagai macam tulisan bergerak di blog teman. sobat tertarik untuk membuatnya?
Pada postingan kali ini Adi akan sedikit berbagi tentang cara membuat marque. Karena ada berbagai macam marque, untuk itu kita bahas satu persatu. Semoga dapat memahami dengan mudah.
Teks Berjalan Kekanan.
- Teks Berjalan Kanan ke Kiri.
Contoh Hasil :
- Teks Berjalan Kiri ke Kanan.
Contoh Hasil :
Contoh Hasil :
- Teks Berjalan Atas ke Bawah.
Contoh Hasil :
- Teks Berjalan Bawah ke Atas.
Contoh Hasil :
- Teks Berjalan Bolak Balik keatas dan kebawah.
Contoh Hasil :
- Teks Berjalan Zig-Zag dan Memantul.
Contoh Hasil :
- Teks Berjalan Zig-Zag dan Menembus.
Contoh Hasil :
- Teks Berjalan Berhenti Bila Tersentuh Mouse.
Contoh Hasil :
- Membuat Background Warna pada Tulisan Berjalan
Contoh Hasil :
Keterangan : Sobat bisa mengganti warna sesuai keinginan, baik menggunakan kode warna dengan PhotoShop yang telah saya paparkan pada Trik Sebelumnya. Atau dengan mengubah : font color ---> warna huruf "green","blue",dll bgcolor ---> warbna background
- Membuat Link pada Tulisan Berjalan
Contoh Hasil :
Keterangan :
# direction="left/right/up/down" > Mengatur arah gerakan teks. # scrollamount="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya. # behavior="scroll/slide/alternate" > Untuk mengatur perilaku gerakan : Scroll > teks bergerak berputar Slide > teks bergerak sekali lalu berhenti Alternate > teks bergerak bolak-balik
Semoga Tips kali ini bermanfaat buat sobat blogger semua.
Wassalamu'alaikum Wr.Wb
MAKALAH Pembelajaran Efektif dengan Pemanfaatan Pena Elektronik
Posted by Adi Darmawan's Blog
Tag :
Kuliah