بِسْمِ اللهِ الرَّحْمنِ الرَّحِيمِ
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
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:
Judul Spoiler:
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
