Langsung ke konten utama

Cara membuat artikel terkait bergambar responsive terbaru

 Apa sih manfaat kita memasang artikel terkait,sebenarnya untuk pengguna yang ingin mencari artikel kita dengan topik yang sama akan mudah,jika kita memasang artikel terkait pada blog atau pun website kita,sebenarnya prinsip artikel terkait adalah tag yang kita buat yang masih berhubungan dengan artikel satu dengan yang lainnya,berikut jika sobat ingin membuat artikel terkait bergambar responsive,sobat bisa lakukan langkah cara pembuatannya sebagai berikut
  • pertama buka kode HTML,setelah itu untuk mempercepat proses pencarian pencet tombol pada keyboard CTRL dan tombol F,dan cari kode< /head>dan taruh kode di bawah ini tepat di atas kode </head>
<!--Memasang artikel terkait bergambar --> <!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'> <style type='text/css'> #related-posts{float:left;width:auto;} #related-posts a{border-right: 1px dotted #eaeaea;} #related-posts a:hover{background: #f2f2f2;} #related-posts h2{margin-top: 10px;background:none;font:18px Oswald;padding:3px;color:#999999; text-transform:uppercase;} #related-posts .related_img {margin:5px;border:4px solid #f2f2f2;width:100px;height:100px;transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;} #related-title {color:#222;text-align:center;padding: 0 10px;font-size:14px Oswald; line-height:16px;text-shadow:0 2px 2px #fff;height:28px;width:100px;} #related-posts .related_img:hover{border:4px solid #E8E8E8;opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}</style> <script type='text/javascript' src='http://makingdifferent.github.io/blogger-widgets/related_posts_widget.js' /> <!-- remove --></b:if> <!--Kode akhir memasang artikel terkait dengan gambar-->

  • setelah itu kita cari pada kode html,cari kode berikut <b:includable id='post' var='post'>...</b:includable>,setelah itu klik bagian (....) selanjutnya kita cari kode <div class='share-item share'>dan taruh kode di bawah ini di atas kode <div class='share-item share'> dan simpan
<!-- Awal kode artikel terkait bergambar--> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> <script type='text/javascript'> var currentposturl=&quot;<data:post.url/>&quot;; var maxresults=5(adalah jumlah yang akan di tampilkan bisa atur sendiri bisa 7-8); var relatedpoststitle=&quot;<b>Related Posts(atau bisa di ganti namanya sesuai topik pada website sobat):</b>&quot;; removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(); </script> </div><div class='clear'/> </b:if> <b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'> <a href='http://contohblognih.blogspot.com'><img alt='Blogger Widgets' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyGRjrwmQgWvbHADoG06SZ5OVLf_O5zXw0yKO34W0TehyziTeRzxTST9kWQU_k4aw0i-a1iqzn0w8rvXh7Xz7rS7ulNO-8EM5qK3DXEqKEXNFmO06RPT3_U3IGivD_9DxlzVEFfjh8Vsgw/s1600/best+blogger+tips.png'/></a> </b:if> </b:if> <!-- Akhir kode artikel terkait bergambar-->

Setelah semua langkah di atas sudah kita lakukan,maka tinggal preview saja,selamat mencoba semoga berhasil,salam webdesign kediri,
Sobat bisa juga baca artikel terkait modifikasi blog sebagai berikut
  1. Membuat komentar blog dengan disqus
  2. Sembunyikan penulis,komentar pada blog
  3. Download template untuk blog
  4. Cara membuat blog dengan facebook

Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

Mengubah kode java script yang di proteksi dengan HEX

 Biasanya sebuah kode javascript yang di proteksi dengan pengkodean HEX,biasanya tujuan para pembuat file java script, sengaja memproteksi,supaya dokumen yang di buat bisa aman dan tidak mudah untuk di hack,atau pun di tiru,tetapi di sini hanya sebagai referensi yang bertujuan sebagai media pembelajaran,admin webdesign akan bagikan cara mengubah file javascript yang di proteksi dengan mengconvert menjadi kode HEX.  Sebuah tools online yang bisa sobat coba gunakan untuk membuka file dari JS yang di konvert,tetapi sebelumnya admin akan sedikit memberi penjelasan seperti apa ya script JS yang di proteksi dengan kode HEX,lihat tampilan script file javascript di bawah ini yang di konvert oleh para pembuat,dan biasanya di gunakan untuk proteksi credit link,seperti file HTML,XML,PHP, ["\x73\x63\x72\x65\x65\x6E\x20\x61\x6E\x64\x20\x28\x6D\x69\x6E\x2D\x77\x69\x64\x74\x68\x3A\x20\x36\x30\x65\x6D\x29","\x6D\x61\x74\x63\x68\x4D\x65\x64\x69\x61","\x6D\x61\x74\x63\x68\x65\x7
Posting Komentar
Baca selengkapnya

cara encode mp3 pada semua pengguna Cakewalk Sonar

 Halo sobat webdesign kali ini admin aka berbagi cara mengconvert file kita yang berada di Cakewalk sonar semua versi.berikut tahapan yang akan admin bagikan,yang pertama download dulu pluginnya yakni LAME setelaah itu extrak ,bisa gunakan winrar atau zip.dan selanjutnya hasil extrak tadi kita simpan dulu. Sekarang kita buka folder Cakewalk sonar kita .yakni C:\\Program file\cakewalk\Shared utility\(lalu buat folder dengan nama (lame). tahap berikutnya ,kita pindahkan semua file lame  hasil extrakan tadi ke dalam folder Cakewalk yang barusan kita buat tadi.  Cara mengkonvert atau menyimpan file dari draft Cakewalk sonar semua versi menjadi mp3,berikut tahapan untuk melakukan perubahan tersebut,langkah pertama yakni buka sonar kita ,dan kita masuk ke bagian tools "utilities" selanjutnya kita cari "external enconder Configuration utiliy"lalu tekan enter.maka akan muncul penampakan seperti pada gambar di bawah ini.
Posting Komentar
Baca selengkapnya

Cara setting Handler Mapping pada IIS

 Masih terkait pengaturan Internet Information Service atau IIS,kali ini admin akan bagikan cara mengkonfigurasi Handler Mapping pada IIS,untuk Handler Mapping sendiri biasanya di gunakan untuk pengaturan pada PHP file,yang mana PHP file biasanya kita set pada C:/ php,jika kita gunakan IIS.berikut langkah untuk mengatur Handler Mapping pada IIS.tapi sebelumnya sobat sudah download file yang di perlukan seperti mysql Community,PHP,PHPmyadmin.dan sudah melakukan setting terhadap ketiga file tersebut.lihat gambar di bawah,untuk konfigurasi IIS Terlihat pada gambar di atas tampilan dari IIS,sebagai langkah awal kita akan konfigurasi pada bagian nomer 1,Handler Mapping,double klik untuk lakukan pengaturan,selanjutnya kita pilih Add Module Mapping. maka akan tampil seperti pada gambar di bawah ini Masing-masing keterangan pada angka sobat isi sebagai berikut isi dengan *.php Sobat cari FastCGIModule C:\php\php-cgi.exe (dimana folder php berada lalu pilih php-cgi ) PHP FastCgiModule Request R
Posting Komentar
Baca selengkapnya