Menampilkan Profil Di Bawah Postingan Pada Blogspot

Berikut script untuk menampilkan gambar profil blogger disetiap postingan pada blogspot seperti wordpres, kali ini kita tidak memanfaatkan widget pada blogspot tetapi kita harus melakukan perubahan dari rancangan pada DASHBOARD Blogspot berikut caranya :

• Masuk ke Dashboard Blogger/Blogspot
• Pilih menu DESIGN
• Pilih menu EDIT HTML
• Kemudian Centang Expand Widget Templates
• Kemudian cari    >   ]]></b:skin>  dengan cara Ctrl + F dan lanjutkan yah :D
• Kemudian copykan script berikut diatasnya :

<br /> .author-box {<br /> background: #f0f0f0;<br /> margin: 20px 0 40px 0;<br /> padding: 10px;<br /> overflow: auto;<br /> color:#888;<br /> font-family:verdana, sans-serif;<br /> text-align:justify;<br /> }<br /> .author-box p {<br /> margin: 0;<br /> padding: 0;<br /> }<br /> .author-box a{<br /> color:#666;<br /> }<br /> .author-box img {<br /> background: #FFFFFF;<br /> float: left;<br /> padding: 4px;<br /> margin-right: 30px;<br /> }<br />

• Untuk tahap selanjutnya cari > <div class='post-footer-line post-footer-line-1'>
• Kemudian copykan script berikut dibawahnya : 

<br /> <b:if cond='data:blog.pageType == "item"'><br /> <div class='author-box'><img alt='avatar' class='author-box' height='70' src='https://en.gravatar.com/userimage/13336431/18e2013940634c5cdd2b0376c6f2c506.jpg' width='70'/><b>Tentang Aulia Rahman</b><br /> Mencoba memanfaatkan <strong>Blog Auraman</strong> sebagai media dalam melatih tulisan dan komunikasi yang baik dan sempurna sehingga menghasilkan sebuah komunikasi yang baik dan terstruktur, juga memanfaatkan Blog ini sebagai media silaturahim ke semua blogger yang hebat karena mempunyai keinginan untuk terus belajar agar menjadi manusia yang terlatih<br /> <br /> </div></b:if><br />

• Kemudian setelah selesai jangan lupa Klik Tombol Save

Selamat mencoba dan semoga bermanfaat ya.

Add to Cart More Info

Membuat Postingan Blog Lain di Blog Kita

Berikut Script Codingnya :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"> </script> <style media="screen" type="text/css"> <!– #spylist {overflow:hidden;margin-top:5px;padding:0px 0px;height:350px;} #spylist ul{width:240px;overflow:hidden;list-style-type: none;padding: 0px 0px;margin:0px 0px;} #spylist li {width:180px;padding: 5px 5px;margin:0px 0px 5px 0px;list-style-type:none;float:none;height:100px;overflow: hidden; background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x; border:1px solid #ddd;} #spylist li a {text-decoration:none;color:#4B545B;font-size:11px;height:18px;overflow:hidden;margin:0px 0px;padding:0px 0px 2px 0px; } #spylist li img {float:left;margin-right:5px;background:#EFEFEF;border:0;} .spydate{overflow:hidden;font-size:10px;color:#0284C2;padding:2px 0px;margin:1px 0px 0px 0px;height:15px;font-family:Tahoma,Arial,verdana, sans-serif;} .spycomment{overflow:hidden;font-family:Tahoma,Arial,verdana, sans-serif;font-size:10px;color:#262B2F;padding:0px 0px;margin:0px 0px; } –> </style> <script language="javascript"> imgr = new Array(); imgr[0] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[1] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[2] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[3] = "http://i43.tinypic.com/orpg0m.jpg"; imgr[4] = "http://i43.tinypic.com/orpg0m.jpg"; showRandomImg = true; boxwidth = "380"; cellspacing = "6"; borderColor = "#232c35"; bgTD = "#000000"; thumbwidth = "65"; thumbheight = "100"; fntsize = "10"; acolor = "#666"; aBold = true; icon = " "; text = "comments"; showPostDate = true; summaryPost = "40"; summaryFontsize = "10"; summaryColor = "#666"; icon2 = " "; //Jumlah Postingan yang ditampilkan numposts = "40"; home_page = "http://auraman88.blogspot.com/"; //JUmlah Post limitspy= "3"; intervalspy= "4000"; </script> <br /> <div id="spylist"><script src="http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js" type="text/javascript"> </script> </div><br /> <br /> <br /> <br /> <br /> <br />

Add to Cart More Info

Widget Cek IP di Blog

<a href="http://www.ipnow.org/"><img border="0" src="http://www.ipnow.org/images/1/FFFFFF/000000/newmyinfo.jpg" /></a>

Sumber : http://www.ipnow.org/

Add to Cart More Info