Home html Cara membuat artikel terkait bergambar responsive terbaru

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/AVvXsEh_LlLW13sH0Cep0yPO5322nmRL5njHNYtjZb839ZR4o1msp8HdS-E-s5hqlEUezg8jwtLedC38tvSQt7ELoKGmOpdVL498h587-YXo_Ji3BVjNbOlt9wsXhdYZdZGBoOj7Ff3M4ZTLp8Kc/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

Trending

Tips Merawat Sepeda BMX

Image
Pembaca Artikel Ini Juga Membaca BMX adalah salah satu merk ternama dan sekaligus berkualitas yang mana branded ini membawa fokus-fokus tertentu seperti sepeda. Dari kendaraan tanpa bahan bakar minyak ini dapat Anda gunakan di setiap hari. Tentunya dengan pilihan ataupun branded tersebut menjadi salah satu pilihan tersendiri dari sekian banyaknya pilihan. Merk yang terkenal karena kualitasnya ini memang patut untuk dipilih seperti pada sepeda yang bersangkutan, entah itu sepeda untuk pria ataupun wanita. Perbedaan ini pada umumnya tercover pada style sekaligus warnanya. Dengan demikian Anda bisa memilih produk tersebut berdasarkan kualitasnya terlebih dahulu kemudian mengacu pada penggunaan untuk pihak pria ataukah wanita.Meskipun sama-sama sepeda yang dapat digunakan oleh pria maupun wanita dengan nyaman, akan tetapi terdapat pilihan yang lebih spesifik. Seperti halnya dengan pilihan yang berdasar adanya desain yang unik, warna yang menarik, styles yang modern hingga corak lain yang s...
Read more

DUA ORANG SAHABAT OLEH AA NAVIS

Image
image Dani Seperti sudah dijanjikan, dua orang lelaki bertemu di jembatan beton dekat simpang tiga depan kantor pos. Yang satu kekar dan yang lain kurus. Keduanya sama mendekatkan arloji ke mata, seolah hendak tahu apa mereka tiba tepat waktu. Ketika itu malam belum lama tiba. Hujan yang turun sedari sore, tinggal renyai. Malam menjadi kian gelap dan lebih dingin hawanya. Salah seorang mengenakan mantel hujan. Yang lain bermantel plastik transparan. Kerah mantel- nya sama ditinggikan sampai menutup telinga. Kepala si kekar ditutupi oleh baret abu-abu. Si kurus oleh topi mantel. Sedangkan tangannya sama membenam jauh ke dalam saku celana. Mereka berjalan ke arah timur dengan setengah membungkuk, mengelakkan dingin dan tiupan angin malam. Tak seorangpun yang berbicara. Nyala lampu jalan yang bergoyang-goyang ditiup angin itu, redup cahayanya. Dibendung oleh kabut yang biasa turun di kota pegunungan itu. Jalan itu lengang seperti kota ditinggalkan penduduk karena ada ancaman bencana. Han...
Read more

Download Okdo Document Converter Full Version

Image
Okdo Document Converter (ODC) merupakan software yang sangat berguna untuk merubah file dokumen menjadi file gambar (jpg, jpeg, bmp, tif, png, ico), gambar animasi (gif, swf) dan masih banyak lagi. Dalam situs resminya, ODC mengklaim bahwa program ini mampu mengconvert file dokumen dengan high quality (kualitas tinggi) dan sangat cepat. Aplikasi ini juga mampu meng- convert file Power Point menjadi word, excel dan gambar. Tak hanya itu, dia juga bisa menekstract file PDF ke format lain. Juga mampu menconvert file Power Point menjadi gambar animasi (SWF). Program ini support dengan aplikasi Optical Character Recognition (OCR). OCR adalah aplikasi untuk mengambil tulisan dari gambar (jadi kita tidak perlu capek-capek mengetik ulang tulisan dari gambar). Untuk lebih jelasnya tentang OCR silahkan baca disini . Selain itu, aplikasi ini akan lebih memudahkan Anda karena dia support di operating system XP, Vista, Windows 7 dan Windows 8. Bagi Anda yang sudah tidak sabar untuk m...
Read more