Cara
Membuat dua kolom di bawah postingan itu lah tutorial pembahasan kita
hari ini. di mana salah satu teman kita yang rasa ingin tahu nya dan
penasarannya tentang cara membuat dua kolom di bawah postingan blog ini
yang terdiri antara related post dan Artikel Berlangganan. bukannya saya
enggan untuk mempost tutor ini tapi saya masih bingung untuk memberi
nama judul dari artikel ini. Tadinya yang ingin ku kasih judul Membagi
Related post menjadi dua kolom tapi kurang cocok ya saya ganti dengan
Menambah dua kolom di bawah Artikel atau Postingan. Nah hari ini
terjawab sudah dari sebuah pertanyaan sobat ku. walau agak terlambat
karna sibuknya aktivitas pekerjaan hari ini ku coba luangkan waktu
sedikit untuk membantu nya.Berikut langkah-langkah cara membuat dua kolom di bawah artikel atau Postingan di blog:
- Login terlebih dahulu ke blogger
- Tata letak
- Edit HTML
- Beri tanda centang di kotak kecil kanan atas
- Kemudian cari kode ]]></b:skin>
- Letakkan kode di bawah ini di atas kode ]]></b:skin> #related{background:#eee url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg39eR4UJAiuQB50cvUMXVw96eCqfQ2FktekPTmYtFtwJYWMoQj5yJPCobNXajOjeBrEw4Z04yVjXD9r5M17VhHPOoZz0jC9cOpmsRz2CNajzeAPwEv2q2OkkDWPTd_BfXKxRZLMo5TeC0/) 45% 0 repeat-y;border:1px solid #ddd;color:#000;margin:0 0 10px;padding:15px}
#related .related-posts{font-weight:400;width:53%;float:right}
#related .related-posts p{margin:0}
#related .related-posts h3,#related .related-posts h2,#related .related-posts h1{font-size:12pt;letter-spacing:0;margin:0}
#related .related-posts ol{font-weight:400;margin:2px 0 0}
#related .subscribe{width:43%;float:left;color:#000}
#related .subscribe p.intro{font-weight:400}
#related .subscribe p.feed{margin-bottom:10px;font-weight:700;padding-left:21px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhRtXTqDCivDmAzG2uCu-wqMi3zaKcSfvKx2qKzkNOaEVGUbXPQPcadIM5IYQ9-LSySuDjWhL3YWWrcSryMr7-01NGBGlHB_ETLokOZFCnTW1Uf3VtrdjnuJHT1_LINWmvfmXSXT6o3OU/) 0 50% no-repeat;vertical-align:middle}
#related .subscribe form{margin:0;padding:0}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block} - Setelah itu cari kode <b:if cond='data:blog.pageType == "item"'><data:post.body/>
Letakkan disini
</b:if> - Kemudian Pastekan kode di bawah ini persis ditulisan yang berwarna merah di atas <div class='clearfix' id='related'>
<div class='subscribe'>
<p class='feed'>
<a href='http://Letakkan link feed anda disini/feeds/posts/default'>Berlangganan via RSS Feed</a></p><p class='intro'>Letakkan kode Form Berlangganan anda disini</p></div>
<div class='related-posts'> Letakan kode Related post anda disini</div></div>
<div class='clearfix' id='related'>
<div class='subscribe'>
<p class='feed'>
<a href='http://jayaputrasbloq.blogspot.com/feeds/posts/default'>Berlangganan via RSS Feed</a></p>
<p class='intro'>Anda Ingin artikel seperti ini langsung ke Email anda Silahkan masukkan alamat Email anda Untuk Berlangganan :</p><p><form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=J_Putra', 'popupwindow','scrollbars=yes,width=600,height=520');return true' target='popupwindow'><br/><input id='subbox' name='email' onblur='if (this.value == '') {this.value = 'Masukan Email anda...';}' onfocus='if (this.value == 'Masukan Email anda...') {this.value = '';}' type='text' value='Masukan Email anda...'/><input name='uri' type='hidden' value='Panduan Sukses Blogger'/><br/><br/><input name='loc' type='hidden' value=''/><input id='subbutton' type='submit' value='langganan'/></form></p></div>
<div class='related-posts'><b:if cond='data:blog.pageType == "item"'><div class='rbbox'><div style='margin:0; padding-left:10px;'><div id='albri'/><script type='text/javascript'>var homeUrl3 = "<data:blog.homepageUrl/>";var maxNumberOfPostsPerLabel = 2;var maxNumberOfLabels = 8;maxNumberOfPostsPerLabel = 12;maxNumberOfLabels = 3;function listEntries10(json) {var ul = document.createElement('ul');var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?json.feed.entry.length : maxNumberOfPostsPerLabel;for (var i = 0; i < maxPosts; i++) {var entry = json.feed.entry[i];var alturl;for (var k = 0; k < entry.link.length; k++) {if (entry.link[k].rel == 'alternate') {alturl = entry.link[k].href;break;}}var li = document.createElement('li');var a = document.createElement('a');a.href = alturl;if(a.href!=location.href) {var txt = document.createTextNode(entry.title.$t);a.appendChild(txt);li.appendChild(a);ul.appendChild(li);}}for (var l = 0; l < json.feed.link.length; l++) {if (json.feed.link[l].rel == 'alternate') {var raw = json.feed.link[l].href;var label = raw.substr(homeUrl3.length+13);var k;for (k=0; k<20; k++) label = label.replace("%20", " ");var txt = document.createTextNode(label);var h = document.createElement('b');h.appendChild(txt);var div1 = document.createElement('div');div1.appendChild(h);div1.appendChild(ul);document.getElementById('albri').appendChild(div1);}}}function search10(query, label) {var script = document.createElement('script');script.setAttribute('src', query + 'feeds/posts/default/-/'+ label +'?alt=json-in-script&callback=listEntries10');script.setAttribute('type', 'text/javascript');document.documentElement.firstChild.appendChild(script);}var labelArray = new Array();var numLabel = 0;<b:loop values='data:posts' var='post'><b:loop values='data:post.labels' var='label'>textLabel = "<data:label.name/>";var test = 0;for (var i = 0; i < labelArray.length; i++)if (labelArray[i] == textLabel) test = 1;if (test == 0) {labelArray.push(textLabel);var maxLabels = (labelArray.length <= maxNumberOfLabels) ?labelArray.length : maxNumberOfLabels;if (numLabel < maxLabels) {search10(homeUrl3, textLabel);numLabel++;}}</b:loop></b:loop></script></div><script type='text/javascript'>RelPost();</script></div></b:if></div>
</div>
</b:if>
<div class='subscribe'>
<p class='feed'>
<a href='http://jayaputrasbloq.blogspot.com/feeds/posts/default'>Berlangganan via RSS Feed</a></p>
<p class='intro'>Anda Ingin artikel seperti ini langsung ke Email anda Silahkan masukkan alamat Email anda Untuk Berlangganan :</p><p><form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=J_Putra', 'popupwindow','scrollbars=yes,width=600,height=520');return true' target='popupwindow'><br/><input id='subbox' name='email' onblur='if (this.value == '') {this.value = 'Masukan Email anda...';}' onfocus='if (this.value == 'Masukan Email anda...') {this.value = '';}' type='text' value='Masukan Email anda...'/><input name='uri' type='hidden' value='Panduan Sukses Blogger'/><br/><br/><input name='loc' type='hidden' value=''/><input id='subbutton' type='submit' value='langganan'/></form></p></div>
<div class='related-posts'><b:if cond='data:blog.pageType == "item"'><div class='rbbox'><div style='margin:0; padding-left:10px;'><div id='albri'/><script type='text/javascript'>var homeUrl3 = "<data:blog.homepageUrl/>";var maxNumberOfPostsPerLabel = 2;var maxNumberOfLabels = 8;maxNumberOfPostsPerLabel = 12;maxNumberOfLabels = 3;function listEntries10(json) {var ul = document.createElement('ul');var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?json.feed.entry.length : maxNumberOfPostsPerLabel;for (var i = 0; i < maxPosts; i++) {var entry = json.feed.entry[i];var alturl;for (var k = 0; k < entry.link.length; k++) {if (entry.link[k].rel == 'alternate') {alturl = entry.link[k].href;break;}}var li = document.createElement('li');var a = document.createElement('a');a.href = alturl;if(a.href!=location.href) {var txt = document.createTextNode(entry.title.$t);a.appendChild(txt);li.appendChild(a);ul.appendChild(li);}}for (var l = 0; l < json.feed.link.length; l++) {if (json.feed.link[l].rel == 'alternate') {var raw = json.feed.link[l].href;var label = raw.substr(homeUrl3.length+13);var k;for (k=0; k<20; k++) label = label.replace("%20", " ");var txt = document.createTextNode(label);var h = document.createElement('b');h.appendChild(txt);var div1 = document.createElement('div');div1.appendChild(h);div1.appendChild(ul);document.getElementById('albri').appendChild(div1);}}}function search10(query, label) {var script = document.createElement('script');script.setAttribute('src', query + 'feeds/posts/default/-/'+ label +'?alt=json-in-script&callback=listEntries10');script.setAttribute('type', 'text/javascript');document.documentElement.firstChild.appendChild(script);}var labelArray = new Array();var numLabel = 0;<b:loop values='data:posts' var='post'><b:loop values='data:post.labels' var='label'>textLabel = "<data:label.name/>";var test = 0;for (var i = 0; i < labelArray.length; i++)if (labelArray[i] == textLabel) test = 1;if (test == 0) {labelArray.push(textLabel);var maxLabels = (labelArray.length <= maxNumberOfLabels) ?labelArray.length : maxNumberOfLabels;if (numLabel < maxLabels) {search10(homeUrl3, textLabel);numLabel++;}}</b:loop></b:loop></script></div><script type='text/javascript'>RelPost();</script></div></b:if></div>
</div>
</b:if>
Selamat mencoba.......
cara menambah Dua kolom di Bawah Postingan, langkah membuat Dua kolom di Bawah Postingan, memasang Dua kolom di Bawah Postingan blog, tutorial Dua kolom di Bawah Postingan, Dua kolom di Bawah Postingan tutor.
0 comments:
Posting Komentar