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='http://3.bp.blogspot.com/-K65p5zLLKQk/T3ObCINoP7I/AAAAAAAABmI/dF84-alnOu4/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

KUMPULAN PUISI TERBAIK NIRWAN DEWANTO

Image
image wildflower KATA TERAKHIR Aku mencari nama yang selalu sembunyi di balik lipatan kainmu. Aku mencari debar yang tak lagi bersekutu dengan merah jantungmu. Aku mencari lapar yang tumbuh malu-malu pada bulir-bulir padimu. Aku mencari sisa hujan seraya menyala ragu-ragu di bawah tumpukan abumu. Melalui seribu celah aku hanya memasukimu tapi tak menemukanmu. Cinta adalah kata terakhir yang tergelincir di lidahku tak mampu mengucapkanmu. APEL DAN ROTI Di balik dua butir apel selalu ada sekeping matahari Hijau, sehingga pisaumu tentu akan tersipu malu Menatap merah yang selalu padam itu. Di antara dua potong roti selalu ada selapis jantung Kuning, sehingga lidahmu pasti akan berhenti Sebelum mencapai putih yang menyala itu. Di antara hijau dan kuning selalu ada ekor rubah Abu-abu, yang empunya hanya mampu bertahan Di balik gaunmu, sebelum menerkam sajakku. Di antara perutmu dan piring yang termangu, lapar Bisa juga bernama bianglala, yang segera berakhir Ketika aku menumpahkan sajakku
Read more

Baca aja deh

Image
Dilansir  Daily Mail , menurut penelitian, saat bertemu wanita, 47% pria langsung mengarahkan matanya pada payudara. Penelitian itu dilakukan oleh University of Wellington, New Zealand. Dalam penelitian itu, para responden pria diminta melihat enam gambar wanita yang sama. Saat itu, para peneliti merekam ke mana mata pria tertuju untuk pertama kalinya, berapa kali mereka melihat dan berapa lama tatapan itu berlangsung. Hasilnya? “80% mata responden langsung tertuju pada payudara dan bagian tengah tubuh. Pria secara konsisten melihat pada payudara ketimbang bagian tubuh lainnya,” ujar seorang peneliti. Lantas apa yang membuat pria begitu tertarik pada payudara? Berikut ini jawaban beberapa pria seperti dilansir  iVillage : Menenangkan Sejumlah pria menganggap payudara bagian tubuh yang menenangkan. Hal itu terkait dengan fungsi bagian tubuh itu, untuk menyusui. Payudara mengingatkan mereka pada fungsi itu dan kehangatan ibu saat sedang memberikan bayi ASI. Simbol Ke
Read more