Menambahkan widget Social Media (FB, twitter, G+ All) di Blog

<p class="MsoNormal" style="margin: 0cm 0cm 8pt; line-height: 17pt"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLOqvmuv7iMgPc1v6mHyqfQmx0yDGTWoi3Z24RQ3umeemNVSk6lZUTSCN-NIH7LTNp1Z5diBL-Dm0c_xVwNGs4eSvK3lUz5j1iY1u9fwVg9xvXFefZAG1ljrhcYOYNOREtqIJmPNr2UWw/s1600-h/image%25255B2%25255D.png"><img alt="image" border="0" height="207" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCiU6o0u1qhv5hHdP66koOOEiotYjrePp1rYL8XGSb10tKj0YpVle_jNo9dB4ebVWRuZ0DskPb33r-cMTCQa8IShacTV4EMWyJTzecn0hoBRv7xmCAEXQEGVggKZLNUQCPKOZl32voX4I/?imgmax=800" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; padding-top: 0px; padding-left: 0px; margin: 0px; border-left: 0px; display: inline; padding-right: 0px" title="image" width="155"></a></p> <p class="MsoNormal" style="margin: 0cm 0cm 8pt; line-height: 17pt"><span lang="IN" style="font-family: ; line-height: 18pt"><font face="Trebuchet MS"><font style="font-size: 12pt">Menambahkan widget <span style="mso-spacerun: yes"> </span>Social Media di blog pada dasarnya bertujuan untuk memperkenalkan atau bahasa kerennya menaikkan Page Rank kita di google. Para pengunjung yang tertarik dengan artikel yang kita buat akan dengan Madah menyebarkannya lagi di FB atau tw mereka. Agar lebih mengesankan ada baiknya icon Social media tersebut di buat sedemikian rupa sehingga menarik pengunjung untuk mengekliknya. Oke Tampa berpanjang lebar lagi kita langsung ke TKP.</font></font></span></p> <p class="MsoListParagraphCxSpFirst" style="margin: 0cm 0cm 0pt 20.25pt; line-height: 17pt; text-indent: -18pt; mso-add-space: auto; mso-list: l0 level1 lfo1"><span lang="IN" style="font-family: ; line-height: 18pt; mso-bidi-font-family: 'Trebuchet MS'; mso-fareast-font-family: 'Trebuchet MS'"><span style="mso-list: ignore"><font face="Trebuchet MS"><font style="font-size: 12pt">1.</font></font><span style="font-family: ; line-height: normal"><font face="Times New Roman"><font style="font-size: 7pt">    </font></font></span></span></span><span lang="IN" style="font-family: ; line-height: 18pt"><font face="Trebuchet MS"><font style="font-size: 12pt">Login ke dasbor blogger</font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 20.25pt; line-height: 17pt; text-indent: -18pt; mso-add-space: auto; mso-list: l0 level1 lfo1"><span lang="IN" style="font-family: ; line-height: 18pt; mso-bidi-font-family: 'Trebuchet MS'; mso-fareast-font-family: 'Trebuchet MS'"><span style="mso-list: ignore"><font face="Trebuchet MS"><font style="font-size: 12pt">2.</font></font><span style="font-family: ; line-height: normal"><font face="Times New Roman"><font style="font-size: 7pt">    </font></font></span></span></span><span lang="IN" style="font-family: ; line-height: 18pt"><font face="Trebuchet MS"><font style="font-size: 12pt">Pilih tata letak </font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 20.25pt; line-height: 17pt; text-indent: -18pt; mso-add-space: auto; mso-list: l0 level1 lfo1"><span lang="IN" style="font-family: ; line-height: 18pt; mso-bidi-font-family: 'Trebuchet MS'; mso-fareast-font-family: 'Trebuchet MS'"><span style="mso-list: ignore"><font face="Trebuchet MS"><font style="font-size: 12pt">3.</font></font><span style="font-family: ; line-height: normal"><font face="Times New Roman"><font style="font-size: 7pt">    </font></font></span></span></span><span lang="IN" style="font-family: ; line-height: 18pt"><font face="Trebuchet MS"><font style="font-size: 12pt">Tambah widget html/javascript di tempat yang di sukai</font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 20.25pt; line-height: 17pt; text-indent: -18pt; mso-add-space: auto; mso-list: l0 level1 lfo1"><span lang="IN" style="font-family: ; line-height: 18pt; mso-bidi-font-family: 'Trebuchet MS'; mso-fareast-font-family: 'Trebuchet MS'"><span style="mso-list: ignore"><font face="Trebuchet MS"><font style="font-size: 12pt">4.</font></font><span style="font-family: ; line-height: normal"><font face="Times New Roman"><font style="font-size: 7pt">    </font></font></span></span></span><span lang="IN" style="font-family: ; line-height: 18pt"><font face="Trebuchet MS"><font style="font-size: 12pt">Kopi dan paste script berikut</font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 20.25pt; line-height: 17pt; mso-add-space: auto"><span lang="IN" style="font-family: ; line-height: 18pt"><font face="Trebuchet MS"><font style="font-size: 12pt"> </font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 20.25pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="font-family: ; line-height: 13pt"><font face="Trebuchet MS"><font style="font-size: 12pt"><style> </font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 20.25pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="font-family: ; line-height: 13pt"><font face="Trebuchet MS"><font style="font-size: 12pt">#tbisose{list-style:none; text-decoration:none; font-size:0.9em; font-family:trebuchet ms,sans-serif;} </font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 20.25pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="font-family: ; line-height: 13pt"><font face="Trebuchet MS"><font style="font-size: 12pt">#tbisose a{text-decoration:none; font-family:trebuchet ms,sans-serif;} </font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 20.25pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="font-family: ; line-height: 13pt"><font face="Trebuchet MS"><font style="font-size: 12pt">#tbisose li{position:relative; height:38px; cursor:pointer; padding: 0 !important;} </font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 20.25pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="font-family: ; line-height: 13pt"><font face="Trebuchet MS"><font style="font-size: 12pt">#tbisose .facebook, .googleplus, .pinterest, .rss, .twitter{position:relative; z-index:5; display:block; float:none; margin:10px 0 0; width:210px; height:38px; border-radius:5px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzYy36GtLHo7JRkrbi7VsfXJ8tzE8O2yKx4aPOH65OtcLsi0_iq5owg6VJSx_g0rj02uVCghMIYVt748F0lCk6sTic_Hi8el6dSnYn940fZ4SqoXs4mY28QC98sqcBXVwcNqE54Wlyb7M/s800/sprites.png) no-repeat; background-color:rgba(217,30,118,.42); -webkit-box-shadow:rgba(0,0,0,.28) 0 2px 3px; -moz-box-shadow:rgba(0,0,0,.28) 0 2px 3px; box-shadow:rgba(0,0,0,.28) 0 2px 3px; color:#141414; text-align:left; text-indent:50px; text-shadow:#333 0 1px 0; white-space:nowrap; line-height:32px; -webkit-transition:width .25s ease-in-out,background-color .25s ease-in-out; -moz-transition:width .25s ease-in-out,background-color .25s ease-in-out; -ms-transition:width .25s ease-in-out,background-color .25s ease-in-out; -o-transition:width .25s ease-in-out,background-color .25s ease-in-out; transition:width .25s ease-in-out,background-color .25s ease-in-out; -o-box-shadow:rgba(0,0,0,.28) 0 2px 3px;}</font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 20.25pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="font-family: ; line-height: 13pt"><font face="Trebuchet MS"><font style="font-size: 12pt">#tbisose li:after{position:absolute; top:0; left:50px; z-index:2; display:block; height:38px; color:#141414; content:attr(data-alt); line-height:32px;} </font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 20.25pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="font-family: ; line-height: 13pt"><font face="Trebuchet MS"><font style="font-size: 12pt">#tbisose .icon{overflow:hidden; color:#fafafa;} </font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 20.25pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="font-family: ; line-height: 13pt"><font face="Trebuchet MS"><font style="font-size: 12pt">#tbisose .facebook{width:32px; height:32px; background-color:rgba(59,89,152,0.42); background-position:0 0;} </font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 20.25pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="font-family: ; line-height: 13pt"><font face="Trebuchet MS"><font style="font-size: 12pt">#tbisose .twitter{width:32px; height:32px; background-color:rgba(64,153,255,0.42); background-position:0 -33px;} </font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 20.25pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="font-family: ; line-height: 13pt"><font face="Trebuchet MS"><font style="font-size: 12pt">#tbisose .googleplus{width:32px; height:32px; background-color:rgba(228,69,36,0.42); background-position:-3px -66px;} </font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 20.25pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="font-family: ; line-height: 13pt"><font face="Trebuchet MS"><font style="font-size: 12pt">#tbisose .pinterest{width:32px; height:32px; background-color:rgba(174,45,39,0.42); background-position:0 -95px;} </font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 20.25pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="font-family: ; line-height: 13pt"><font face="Trebuchet MS"><font style="font-size: 12pt">#tbisose .rss{ width:32px; height:32px; background-color:rgba(255,102,0,0.42); background-position:-3px -126px;} </font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 20.25pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="font-family: ; line-height: 13pt"><font face="Trebuchet MS"><font style="font-size: 12pt">#tbisose li:hover .icon, </font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 20.25pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="font-family: ; line-height: 13pt"><font face="Trebuchet MS"><font style="font-size: 12pt">.touch #tbisose li .icon{width:210px;} </font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 20.25pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="font-family: ; line-height: 13pt"><font face="Trebuchet MS"><font style="font-size: 12pt">.touch #tbisose li .facebook, #tbisose li:hover .facebook{background-color:rgba(59,89,152,1);} </font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 20.25pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="font-family: ; line-height: 13pt"><font face="Trebuchet MS"><font style="font-size: 12pt">.touch #tbisose li .twitter, #tbisose li:hover .twitter{background-color:rgba(64,153,255,1);} </font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 20.25pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="font-family: ; line-height: 13pt"><font face="Trebuchet MS"><font style="font-size: 12pt">.touch #tbisose li .googleplus, #tbisose li:hover .googleplus{background-color:rgba(228,69,36,1);} </font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 20.25pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="font-family: ; line-height: 13pt"><font face="Trebuchet MS"><font style="font-size: 12pt">.touch #tbisose li .pinterest, #tbisose li:hover .pinterest{background-color:rgba(174,45,39,1);} </font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 20.25pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="font-family: ; line-height: 13pt"><font face="Trebuchet MS"><font style="font-size: 12pt">.touch #tbisose li .rss, #tbisose li:hover .rss{background-color:rgba(255,102,0,1);} </font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 20.25pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="font-family: ; line-height: 13pt"><font face="Trebuchet MS"><font style="font-size: 12pt"></style> </font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 20.25pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="font-family: ; line-height: 13pt"><font face="Trebuchet MS"><font style="font-size: 12pt"><ul id="tbisose"> </font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 20.25pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="font-family: ; line-height: 13pt"><font face="Trebuchet MS"><font style="font-size: 12pt"><li data-alt="Follow us on Facebook"><a class="icon facebook" href="#">Follow us on Facebook</a></li> </font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 20.25pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="font-family: ; line-height: 13pt"><font face="Trebuchet MS"><font style="font-size: 12pt"><li data-alt="Follow us on Twitter"><a class="icon twitter" href="#">Follow us on Twitter</a></li> </font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 20.25pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="font-family: ; line-height: 13pt"><font face="Trebuchet MS"><font style="font-size: 12pt"><li data-alt="Follow us on Google+"><a class="icon googleplus" href="#">Follow us on Google+</a></li> </font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 20.25pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="font-family: ; line-height: 13pt"><font face="Trebuchet MS"><font style="font-size: 12pt"><li data-alt="Follow us on Pinterest"><a class="icon pinterest" href="#">Follow us on Pinterest</a></li> </font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 20.25pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="font-family: ; line-height: 13pt"><font face="Trebuchet MS"><font style="font-size: 12pt"><li data-alt="Subscribe with RSS"><a class="icon rss" href="#">Subscribe with RSS</a></li> </font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 20.25pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="font-family: ; line-height: 13pt"><font face="Trebuchet MS"><font style="font-size: 12pt"></ul></font></font></span></p> <p class="MsoListParagraphCxSpLast" style="margin: 0cm 0cm 8pt 20.25pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="font-family: ; line-height: 13pt"><font face="Trebuchet MS"><font style="font-size: 12pt"><small><div style="font-size:80%; text-align:right; text-shadow:2px 2px 2px #adadad;"><a href="http://www.tipstrikblogging.com/2012/12/cara-membuat-widget-follow-us-social.html" target="_blank" title="Widget Follow Us">+ Get This Widget Here</a></div></small></font></font></span></p>

Menambahkan widget Social Media (FB, twitter, G+ All) di Blog

Menambahkan widget   Social Media di blog pada dasarnya bertujuan untuk memperkenalkan atau bahasa kerennya menaikkan Page Rank kita di goo...

Read more »

Menambahkan daftar posting terbaru (recent post) pada blog

<p class="MsoNormal" style="margin: 0cm 0cm 8pt; line-height: 12pt"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEZb4cOZXCnEP8y4KzPuyeIeo62iNfZW_9mwPGPMLHFFDBIPTAwC5a5mVLHAX87d8vIS36H-FUDXrN-3QfOe9aBCA6t4yob20MMSscy3iFFyYBPoWVqyK0qxgPt_94TGWQqicKe-ZVp6g/s1600-h/image%25255B2%25255D.png"><img align="left" alt="image" border="0" height="244" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb5jzn-vcWdeRx2doeN2jtR21DiISpCMJ9xgFAvXdngIOtOxCqs6mcywMzYHRE-DOhN70vrkfvzWYhpjP76Eu_ni8a11PA6QSgwxPcmTKeBBTMTVoH6SWYDHeWyDT5PIrSmY9dgytn2Ao/?imgmax=800" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; float: left; padding-top: 0px; padding-left: 0px; margin: 0px 15px 0px 0px; border-left: 0px; display: inline; padding-right: 0px" title="image" width="234"></a></p> <p class="MsoNormal" style="margin: 0cm 0cm 8pt; line-height: 12pt"><span lang="IN" style="line-height: 15pt"><font style="font-size: 14pt">Salah satu cara agar postingan yang baru kita terbitkan dapat diketahui oleh pengunjung adalah dengan membuat widget recent Post. Selain untuk mempermudah pengunjung mengetahui posting terkini yang kita terbitkan, widget ini juga dapat menambah daya tarik blog. Apalagi widget yang satu ini disertai dengan animasi dan thumbnail pastinya sangat memukau para pengunjung ... heheeee...</font></span></p> <p class="MsoNormal" style="margin: 0cm 0cm 8pt; line-height: 12pt"><span lang="IN" style="line-height: 15pt"><font style="font-size: 14pt">Sebenarnya ada banyak cara yang ditawarkan di internet, ada yang dengan mengubah html ada juga yang hanya menambahkannya sebagai widget. Di beberapa artikel disebutkan bahwa menambah widget lebih baik jika harus mengubah kode html, selain lebih aman juga tidak membuat log kita Lola (loading lama) ....</font></span></p> <p class="MsoNormal" style="margin: 0cm 0cm 8pt; line-height: 12pt"><span lang="IN" style="line-height: 15pt"><font style="font-size: 14pt">Oke langsung ke TKP, bagi agan yang tertarik memasang widget recent Post di blognya bisa ikuti tips berikut!</font></span></p> <p class="MsoListParagraphCxSpFirst" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; text-indent: -18pt; mso-add-space: auto; mso-list: l1 level1 lfo1"><span lang="IN" style="line-height: 15pt; mso-bidi-font-family: calibri; mso-bidi-theme-font: minor-latin"><span style="mso-list: ignore"><font style="font-size: 14pt">1.</font><span style="font-family: ; line-height: normal"><font face="Times New Roman"><font style="font-size: 7pt">     </font></font></span></span></span><span lang="IN" style="line-height: 15pt"><font style="font-size: 14pt">Masuk ke dasbor ----</font></span><font style="font-size: 14pt"><span lang="IN" style="font-family: ; line-height: 15pt; mso-ascii-font-family: calibri; mso-ascii-theme-font: minor-latin; mso-hansi-font-family: calibri; mso-hansi-theme-font: minor-latin; mso-char-type: symbol; mso-symbol-font-family: wingdings"><span style="mso-char-type: symbol; mso-symbol-font-family: wingdings"><font face="Wingdings">à</font></span></span></font><span lang="IN" style="line-height: 15pt"><font style="font-size: 14pt"> tata letak</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; text-indent: -18pt; mso-add-space: auto; mso-list: l1 level1 lfo1"><span lang="IN" style="line-height: 15pt; mso-bidi-font-family: calibri; mso-bidi-theme-font: minor-latin"><span style="mso-list: ignore"><font style="font-size: 14pt">2.</font><span style="font-family: ; line-height: normal"><font face="Times New Roman"><font style="font-size: 7pt">     </font></font></span></span></span><span lang="IN" style="line-height: 15pt"><font style="font-size: 14pt">Klik tambah widget di tempat yang disukai </font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; text-indent: -18pt; mso-add-space: auto; mso-list: l1 level1 lfo1"><span lang="IN" style="line-height: 15pt; mso-bidi-font-family: calibri; mso-bidi-theme-font: minor-latin"><span style="mso-list: ignore"><font style="font-size: 14pt">3.</font><span style="font-family: ; line-height: normal"><font face="Times New Roman"><font style="font-size: 7pt">     </font></font></span></span></span><span lang="IN" style="line-height: 15pt"><font style="font-size: 14pt">Pilih tambah html/JAVA script.</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; text-indent: -18pt; mso-add-space: auto; mso-list: l1 level1 lfo1"><span lang="IN" style="line-height: 15pt; mso-bidi-font-family: calibri; mso-bidi-theme-font: minor-latin"><span style="mso-list: ignore"><font style="font-size: 14pt">4.</font><span style="font-family: ; line-height: normal"><font face="Times New Roman"><font style="font-size: 7pt">     </font></font></span></span></span><span lang="IN" style="line-height: 15pt"><font style="font-size: 14pt">Masukan script berikut</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="color: ; line-height: 11pt; mso-themecolor: accent2"><font style="font-size: 10pt" color="#ed7d31"> </font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt"></script></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt"><style media="screen" type="text/css"></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt"><!--</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">#spylist {</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">overflow:hidden;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">margin-top:5px;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">padding:0px 0px;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">height:350px;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">}</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">#spylist ul{</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">width:220px;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">overflow:hidden;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">list-style-type: none;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">padding: 0px 0px;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">margin:0px 0px;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">}</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">#spylist li {</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">width:208px;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">padding: 5px 5px;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">margin:0px 0px 5px 0px;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">list-style-type:none;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">float:none;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">height:70px;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">overflow: hidden;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">border:1px solid #ddd;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">}</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">#spylist li a {</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">text-decoration:none;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">color:#4B545B;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">font-size:11px;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">height:18px;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">overflow:hidden;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">margin:0px 0px;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">padding:0px 0px 2px 0px;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">}</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">#spylist li img {</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">float:left;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">margin-right:5px;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">background:#EFEFEF;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">border:0;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">}</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">.spydate{</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">overflow:hidden;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">font-size:10px;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">color:#0284C2;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">padding:2px 0px;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">margin:1px 0px 0px 0px;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">height:15px;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">font-family:Tahoma,Arial,verdana, sans-serif;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">}</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">.spycomment{</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">overflow:hidden;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">font-family:Tahoma,Arial,verdana, sans-serif;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">font-size:10px;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">color:#262B2F;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">padding:0px 0px;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">margin:0px 0px;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">}</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">--></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt"></style></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt"><script language="JavaScript"></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">imgr = new Array();</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">showRandomImg = true;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">boxwidth = 255;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">cellspacing = 6;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">borderColor = "#232c35";</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">bgTD = "#000000";</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">thumbwidth = 70;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">thumbheight = 70;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">fntsize = 12;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">acolor = "#666";</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">aBold = true;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">icon = " ";</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">text = "comments";</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">showPostDate = true;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">summaryPost = 40;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">summaryFontsize = 10;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">summaryColor = "#666";</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">icon2 = " ";</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">numposts = <span style="color: ; mso-themecolor: accent2"><font color="#ed7d31">20</font></span>;</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">home_page = "<span style="color: "><font color="#c00000">http://hudamaulana.blogspot.com/</font></span>";</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">limitspy=4</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt">intervalspy=4000</font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt"></script></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt"><div id="spylist"></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt"><script src="http://infonetmu.googlecode.com/files/recentpostthumbslideshow.js" type="text/javascript"></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt"></script></div></font></span></p> <p class="MsoListParagraphCxSpLast" style="margin: 0cm 0cm 8pt 18pt; line-height: 12pt; mso-add-space: auto"><span lang="IN" style="line-height: 11pt"><font style="font-size: 10pt"> </font></span></p> <p class="MsoNormal" style="margin: 0cm 0cm 8pt; line-height: 12pt"><span lang="IN" style="line-height: 15pt"><font style="font-size: 14pt">Keterangan :</font></span></p> <p class="MsoListParagraph" style="margin: 0cm 0cm 8pt 18pt; line-height: 12pt; text-indent: -18pt; mso-add-space: auto; mso-list: l0 level1 lfo2"><span lang="IN" style="font-family: ; line-height: 15pt; mso-fareast-font-family: wingdings; mso-bidi-font-family: wingdings"><span style="mso-list: ignore"><font face="Wingdings"><font style="font-size: 14pt">Ø</font></font><span style="font-family: ; line-height: normal"><font face="Times New Roman"><font style="font-size: 7pt"> </font></font></span></span></span><span lang="IN" style="line-height: 15pt"><font style="font-size: 14pt">Ganti angka pada numposts dengan jumlah postingan terbaru yang ingin ditampilkan</font></span></p><span lang="IN" style="font-family: ; line-height: 15pt; mso-ascii-theme-font: minor-latin; mso-fareast-font-family: calibri; mso-fareast-theme-font: minor-latin; mso-hansi-theme-font: minor-latin; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-ansi-language: in; mso-fareast-language: en-us; mso-bidi-language: ar-sa"><font style="font-size: 14pt">Ganti alamat Url (yang berwarna merah) dengan alamat Url agan</font></span>

Menambahkan daftar posting terbaru (recent post) pada blog

Salah satu cara agar postingan yang baru kita terbitkan dapat diketahui oleh pengunjung adalah dengan membuat widget recent Post. Selain un...

Read more »

Menambahkan widget asmaul husna di blog

<p>Bagi rekan-rekan yang tertarik untuk menambahkan animasi asmaul husna dalam bentuk widget di blog bisa mencoba langkah-langkah berikut!…. <p>  <p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAHZDRK0MC5hHQL2DA4R-8NZ0HRSgHoBNbQyqFQ-IiHMgQPYZNJK7jSytqbvv7ZtjY5kN0J06JBOyUDsNgINy8GXb0LUReos3kCOu3T129T-yzHQmsTbAc34M5HiE83AkE1Lsyf92CPpQ/s1600-h/clip_image002%25255B3%25255D.jpg"><img alt="clip_image002" border="0" height="244" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfJ_PDC-WxI43z8YLrgEiWlZpMfnJ1aijueF8kPPvjkkvvVyYIOuSsGMqN9T5Jjkap6FJ76gsYGsL4GV9vKKzKeLKNjQC3hjuo81DCNijOdl_zdbIh1OIty2ky0-s-60OZ4XBkvMn2gtk/?imgmax=800" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; padding-top: 0px; padding-left: 0px; margin: 0px; border-left: 0px; display: inline; padding-right: 0px" title="clip_image002" width="208"></a> <p>  <p>1. login blog kamu <p>2. ke rancangan <p>3. klik tambah Gadget <p>4. klik HTML/JavaScrip, pastekan kode berikut <p><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyOTY4MjU1Mjc5MzcmcHQ9MTI5NjgyNTUzNzE1NiZwPTIzODk4MSZkPUlzbGFtaWMlMjBXaWRnZXQlM2ElMjBhc21h/dWxodXNuYS*wMWImZz*xJm89MjY3YWU4NjQyM2M*NGU2Mzg1YzM1N2E3NjVmMGVhY2Mmb2Y9MA==.gif" /><div style="margin:0px auto;text-align:center;width:150px;height:170px;"><embed src="http://www.widgipedia.com/widgets/alhabib/Asmaul-Husna-99-Beautiful-Names-of-Allah-3616-8192_134217728.widget?__install_id=1296825510867&amp;__view=expanded" width="150" height="170" flashvars="col1=000000&col2=59ba1f&col3=005500&dur=3000&gig_lt=1296825527937&gig_pt=1296825537156&gig_g=1" swliveconnect="true" quality="autohigh" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /></div> <p>5. simpan <p>Semoga bermanfaat .....

Menambahkan widget asmaul husna di blog

Bagi rekan-rekan yang tertarik untuk menambahkan animasi asmaul husna dalam bentuk widget di blog bisa mencoba langkah-langkah berikut!….   ...

Read more »

Cara Termudah Menyembunyikan Tanggal Posting

<p class="MsoNormal" style="margin: 0cm 0cm 10pt; line-height: 13pt">Ada kalanya kita mengubah tanggal posting pada enteri tertentu misalnya agar posting tersebut selalu muncul di awal blog kita. Tapi hal tersebut menimbulkan pemandangan yang kurang sedap karena tanggal posting akan di tampilkan apalagi tempatnya di atas sendiri. ....</p> <p class="MsoNormal" style="margin: 0cm 0cm 10pt; line-height: 13pt">Agar tanggal posting tidak terlihat kita bisa mengaturnya dengan mudah melalui dasbor. Penasaran? Silakan simak tips mudah berikut.</p> <p class="MsoListParagraphCxSpFirst" style="margin: 0cm 0cm 0pt 18pt; line-height: 13pt; text-indent: -18pt; mso-add-space: auto; mso-list: l0 level1 lfo1"><span style="mso-bidi-font-family: calibri; mso-bidi-theme-font: minor-latin"><span style="mso-list: ignore">1.<span style="font-family: ; line-height: normal"><font face="Times New Roman"><font style="font-size: 7pt">       </font></font></span></span></span>Seperti biasa masuk ke dasbor blog</p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 13pt; text-indent: -18pt; mso-add-space: auto; mso-list: l0 level1 lfo1"><span style="mso-bidi-font-family: calibri; mso-bidi-theme-font: minor-latin"><span style="mso-list: ignore">2.<span style="font-family: ; line-height: normal"><font face="Times New Roman"><font style="font-size: 7pt">       </font></font></span></span></span>Pilih tata letak sehingga muncul tampilan berikut!</p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 13pt; mso-add-space: auto"><span style="mso-fareast-language: in; mso-no-proof: yes"><a href="http://lh4.ggpht.com/-yjlDYD93uXE/URmnGdidRhI/AAAAAAAAA_I/ngxRcOdIBfM/s1600-h/clip_image002%25255B3%25255D.jpg"><img alt="clip_image002" border="0" height="256" src="http://lh3.ggpht.com/-x3PODZ8umys/URmnHt8zBeI/AAAAAAAAA_Q/cxLjHj601sQ/clip_image002_thumb.jpg?imgmax=800" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; padding-top: 0px; padding-left: 0px; margin: 0px; border-left: 0px; display: inline; padding-right: 0px" title="clip_image002" width="443"></a></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 13pt; text-indent: -18pt; mso-add-space: auto; mso-list: l0 level1 lfo1"><span style="mso-bidi-font-family: calibri; mso-bidi-theme-font: minor-latin"><span style="mso-list: ignore">3.<span style="font-family: ; line-height: normal"><font face="Times New Roman"><font style="font-size: 7pt">       </font></font></span></span></span>Klik edit di pojok bawah posting blog</p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 13pt; mso-add-space: auto"><span style="mso-fareast-language: in; mso-no-proof: yes"><a href="http://lh4.ggpht.com/-_wXi7QCqWOc/URmnI_EDbjI/AAAAAAAAA_Y/fJOaCXb_E3c/s1600-h/clip_image004%25255B3%25255D.jpg"><img alt="clip_image004" border="0" height="299" src="http://lh3.ggpht.com/-84ljuClEnAk/URmnKAY545I/AAAAAAAAA_g/bistlhyg1IU/clip_image004_thumb.jpg?imgmax=800" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; padding-top: 0px; padding-left: 0px; border-left: 0px; display: inline; padding-right: 0px" title="clip_image004" width="264"></a></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 13pt; text-indent: -18pt; mso-add-space: auto; mso-list: l0 level1 lfo1"><span style="mso-bidi-font-family: calibri; mso-bidi-theme-font: minor-latin"><span style="mso-list: ignore">4.<span style="font-family: ; line-height: normal"><font face="Times New Roman"><font style="font-size: 7pt">       </font></font></span></span></span>Hilangkan tanda centang pada keterangan hari/tanggal dan jam</p> <p class="MsoListParagraphCxSpLast" style="margin: 0cm 0cm 10pt 18pt; line-height: 13pt; text-indent: -18pt; mso-add-space: auto; mso-list: l0 level1 lfo1"><span style="mso-bidi-font-family: calibri; mso-bidi-theme-font: minor-latin"><span style="mso-list: ignore">5.<span style="font-family: ; line-height: normal"><font face="Times New Roman"><font style="font-size: 7pt">       </font></font></span></span></span>Langkah terakhir klik simpan</p> <p class="MsoNormal" style="margin: 0cm 0cm 10pt; line-height: 13pt"> </p> <p class="MsoNormal" style="margin: 0cm 0cm 10pt; line-height: 13pt">Semoga bermanfaat, selamat mencoba!....</p>

Cara Termudah Menyembunyikan Tanggal Posting

Ada kalanya kita mengubah tanggal posting pada enteri tertentu misalnya agar posting tersebut selalu muncul di awal blog kita. Tapi hal ters...

Read more »

Cara termudah untuk menambahkan kolom footer di blog

<p>Sobat blog yang mempunyai banyak posting dan label tentu penambahan kolom footer menjadi 2 atau tiga sangat penting dilakukan. Selain mempermudah pengunjung untuk mendapatkan info penampilan blog kita juga menjadi lebih elegan. <p>Setelah sekian lama berjuang mencari script yang sesuai akhirnya saya temukan juga cara termudah yang saya dapat sendiri. Sebelumnya saya telah mencoba berbagai script namun hasilnya kurang memuaskan. Kadang ukurannya tidak sesuai kadang juga beggroundnya yang kurang arstiktik. Tapi pada cara ini hanya bisa menambahkan maksimal 3 kolom footer. <p>oke tanpa berpanjang lebar lagi .... agan bisa simak tips berikut <p>1. masuk ke dasbor <p>2. pilih tamplate ---> sesuaikan <p><a href="http://lh5.ggpht.com/-BkrEU4aA_qo/URmghOHnSII/AAAAAAAAA-I/fR81vZ1-b60/s1600-h/clip_image002%25255B3%25255D.jpg"><img alt="clip_image002" border="0" height="227" src="http://lh6.ggpht.com/-ffSABK9Rwcc/URmgillKEyI/AAAAAAAAA-Q/5VTCZbeny5Q/clip_image002_thumb.jpg?imgmax=800" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; padding-top: 0px; padding-left: 0px; margin: 0px; border-left: 0px; display: inline; padding-right: 0px" title="clip_image002" width="242"></a> <p>3. klik tata letak <p><a href="http://lh3.ggpht.com/-Y3-XCQeGhb4/URmgj6QSD3I/AAAAAAAAA-Y/MtSjMmAMPwc/s1600-h/clip_image004%25255B3%25255D.jpg"><img alt="clip_image004" border="0" height="95" src="http://lh6.ggpht.com/-96L1E_tZ8Xw/URmgl04xgwI/AAAAAAAAA-g/bX1CNbBGyPU/clip_image004_thumb.jpg?imgmax=800" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; padding-top: 0px; padding-left: 0px; border-left: 0px; display: inline; padding-right: 0px" title="clip_image004" width="244"></a> <p>4. pada tata letak kaki pilih jumlah kolom yang digendaki <p>5. langkah terakhir klik terampkan ke blog. <p>Sekian tips dari saya semoga bermanfaat .....

Cara termudah untuk menambahkan kolom footer di blog

Sobat blog yang mempunyai banyak posting dan label tentu penambahan kolom footer menjadi 2 atau tiga sangat penting dilakukan. Selain memper...

Read more »

Cara membuat footer 3 kolom di blog

<p>ok kita langsung aja ke cara pembuatannya.<br>1. Seperti biasa Login ke blog sobat terlebih dahulu.<br>2. Klik <b>Template</b> > <b>Edit HTML</b> > beri centang <b>Expand Template Widget</b><br>3. Cari code <b>]]></b:<a href="http://andax89.blogspot.com/2012/07/">skin</a>></b> untuk mempercepat gunakan <b>Ctrl+f </b><br>4. Copy code di bawah ini lalu letakkan tepat <b>di atas</b> code <b>]]></b:skin></b> <blockquote> #footer-column-container {<br>    clear:both;<br>    }<br>    .footer-column {<br>    padding: 10px;<br>    }</blockquote><br>5. Selanjutnya cari code <b><div id='footer'></b> atau <b>id='footer'</b><br>6. Lalu copy lagi code di bawah ini letakkan tepat <b>di bawah</b> code <b><div id='footer'></b> atau <b>id='footer'</b> tadi <blockquote><div id='footer-column-container'><br>    <div id='footer2' <a href="http://andax89.blogspot.com/2012/07/">style</a>='width: 30%; float: left;<br>    margin:0; text-align: left;'><br>    <b:section class='footer-column' id='col1'<br>    preferred='yes' style='float:left;'/><br>    </div><br>    <div id='footer3' style='width: 40%; float: left;<br>    margin:0; text-align: left;'><br>    <b:section class='footer-column' id='col2'<br>    preferred='yes' style='float:left;'/><br>    </div><br>    <div id='footer4' style='width: 30%; float: right;<br>    margin:0; text-align: left;'><br>    <b:section class='footer-column' id='col3'<br>    preferred='yes' style='float:right;'/><br>    </div><br>    <div style='clear:both;'/><br>    <p><br>    <hr align='center' color='#ffae00' width='90%'/></p><br>    <div id='footer-bottom' style='text-align: center; padding:<br>    10px; text-transform: lowercase;'><br>    <b:section class='footer' id='col-bottom' preferred='yes'><br>    <b:widget id='Text2' locked='<a href="http://serw.clicksor.com/newServing/go.php?nid=1&cpx=cpc&uid=20122000484804&pid=293717&sid=480953&spid=0&kw=false&af=0&rf=0&curl=http%3A%2F%2Fclick.LiveSearchNow.com%2Fads-clicktrack%2Fclick%2Fjump1.do%3Fsid%3DykwJQagSzJWhFgLUxsThlhha1%252B1jcn5mk%252FpicHDeoKw%253D%26affiliate%3D46188%26subid%3D1-480953%26rc%3D0%26terms%3Dfalse%26stm%3D2013-02-10-05-31-28">false</a>' title='' type='Text'/><br>    </b:section><br>    </div><br>    <div style='clear:both;'/><br>    </div></blockquote>7. Kalau sudah silahkan <b>Save Template</b> sobat.<br>Nah sekarang coba sobat lihat di <a href="http://serw.clicksor.com/newServing/go.php?nid=1&cpx=cpc&uid=20064969391293&pid=293717&sid=480953&spid=0&kw=tata&af=0&rf=0&curl=http%3A%2F%2Fclick.LiveSearchNow.com%2Fads-clicktrack%2Fclick%2Fjump1.do%3Fsid%3DykwJQagSzJWR8xNEZYuLitIJ25W9wj91tGVhsG8KWFw%253D%26affiliate%3D46188%26subid%3D1-480953%26rc%3D0%26terms%3Dtata%26stm%3D2013-02-10-05-31-19">Tata</a> Letak.<br>bagaimana apakah berhasil..?

Cara membuat footer 3 kolom di blog

ok kita langsung aja ke cara pembuatannya. 1. Seperti biasa Login ke blog sobat terlebih dahulu. 2. Klik Template > Edit HTML > beri...

Read more »

Kode Warna HTML

<center><div id="TrixCGv1"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="430" width="400"><param name="quality" value="high" /><param name="bgcolor" value="#cccccc" /><param name="src" value="http://e-infotainment.com/applications/color-code-generator/v1/trixcgv1.swf" /><param name="name" value="flash" /><param name="align" value="middle" /><param name="flashvars" value="lng=Tamil&timeint=30&skt=yes" /><embed type="application/x-shockwave-flash" width="400" height="430" src="http://e-infotainment.com/applications/color-code-generator/v1/trixcgv1.swf" flashvars="lng=Tamil&timeint=30&skt=yes" align="middle" name="flash" bgcolor="#cccccc" quality="high"></embed></object></div></center><div style="text-align: center;"><span style="font-size: x-small;">HTML Color  <a href="http://bloggermahir.blogspot.com/2013/02/membuat-kode-warna-html-blogger.html" rel="follow" target="_blank">code blogger</a></span>

Kode Warna HTML

HTML Color  code blogger

Read more »

Cara mudah dan aman membuat headline di blog

<p class="MsoNormal" style="margin: 0cm 0cm 8pt; line-height: 12pt">Jika sobat sering melihat berita, biasanya di bagian bawah layar terdapat tulisan yang berjalan. Tulisan tersebut berisi berita-berita terbaru. Bisakah di blog dibuat seperti itu? ... jawabannya ya bisa dong..... di blog tulisan tersebut dikenal dengan headline. Sama dengan headline pada berita headline di blog juga berisi judul posting terbaru yang dapat kita atur jumlahnya. Headline ini juga berfungsi sebagai link yang menghubungkan dengan halaman posting. Tertarik ? cikidot caranya ya?....</p> <p class="MsoNormal" style="margin: 0cm 0cm 8pt; line-height: 12pt"><span style="mso-fareast-language: in; mso-no-proof: yes"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPR1gKEQbAFTxlXvMiZZaqhhnqBBAJ-sX4mgzkxGnbjrpijQz-0b0ABotCcot0wtRZnWzW5u06VlxrPkvriexpFpbjZPd6ziWMFkVHleS6KQ_yjGfwb25SvJRG8hqbQRi6JoJb43uYSyE/s1600-h/clip_image002%25255B3%25255D.jpg"><img alt="clip_image002" border="0" height="88" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig8EJhFP7tJzxo2ZKbTZoR2gjyCXzJhKre0XIYK_FVUYtx02w3JnP5HilEdA24dORoR5n2SQLj0PBrPYeoRbStTguSMUNQ40pFpcSBr6rp0Q8TsXOTgmlMjsZDaU8uLoCrnRGHKzjcy6o/?imgmax=800" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; padding-top: 0px; padding-left: 0px; border-left: 0px; display: inline; padding-right: 0px" title="clip_image002" width="602"></a></span></p> <p class="MsoListParagraphCxSpFirst" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; text-indent: -18pt; mso-list: l1 level1 lfo1; mso-add-space: auto"><span style="mso-bidi-font-family: calibri; mso-bidi-theme-font: minor-latin"><span style="mso-list: ignore">1.<span style="font-family: ; line-height: normal"><font face="Times New Roman"><font style="font-size: 7pt">       </font></font></span></span></span>Masuk ke dasbor blog</p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; text-indent: -18pt; mso-list: l1 level1 lfo1; mso-add-space: auto"><span style="mso-bidi-font-family: calibri; mso-bidi-theme-font: minor-latin"><span style="mso-list: ignore">2.<span style="font-family: ; line-height: normal"><font face="Times New Roman"><font style="font-size: 7pt">       </font></font></span></span></span>Klik tata letak </p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; text-indent: -18pt; mso-list: l1 level1 lfo1; mso-add-space: auto"><span style="mso-bidi-font-family: calibri; mso-bidi-theme-font: minor-latin"><span style="mso-list: ignore">3.<span style="font-family: ; line-height: normal"><font face="Times New Roman"><font style="font-size: 7pt">       </font></font></span></span></span>Klik tambah widget -> html/java script (tambah widgetnya bisa menggunakan yang mana saja atas samping dll..... dan tidak mempengaruhi tampilan akhirnya )</p> <p class="MsoListParagraphCxSpLast" style="margin: 0cm 0cm 8pt 18pt; line-height: 12pt; text-indent: -18pt; mso-list: l1 level1 lfo1; mso-add-space: auto"><span style="mso-bidi-font-family: calibri; mso-bidi-theme-font: minor-latin"><span style="mso-list: ignore">4.<span style="font-family: ; line-height: normal"><font face="Times New Roman"><font style="font-size: 7pt">       </font></font></span></span></span>Pastekan kode berikut </p> <p class="MsoNormal" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt"><span style="font-family: ; line-height: 10pt"><font face="Verdana"><font style="font-size: 9pt"><script type="text/javascript"></font></font></span></p> <p class="MsoNormal" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt"><span style="font-family: ; line-height: 10pt"><font face="Verdana"><font style="font-size: 9pt">var hn_url_blog = "http://hudamaulana.blogspot.com";</font></font></span></p> <p class="MsoNormal" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt"><span style="font-family: ; color: ; line-height: 10pt; mso-themecolor: accent6"><font face="Verdana"><font style="font-size: 9pt" color="#70ad47">var hn_jumlah_post = 20;</font></font></span><span style="font-family: ; line-height: 10pt"></span></p> <p class="MsoNormal" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt"><span style="font-family: ; line-height: 10pt"><font face="Verdana"><font style="font-size: 9pt">var hn_warna_latar = </font><span style="color: "><font style="font-size: 9pt" color="#ff0000">"#000000";</font></span></font></span></p> <p class="MsoNormal" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt"><span style="font-family: ; line-height: 10pt"><font face="Verdana"><font style="font-size: 9pt">var hn_warna_garis = </font><span style="color: "><font style="font-size: 9pt" color="#ff0000">"#B20000";</font></span></font></span></p> <p class="MsoNormal" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt"><span style="font-family: ; line-height: 10pt"><font face="Verdana"><font style="font-size: 9pt">var hn_posisi = "<font style="background-color: #ffff00">top</font>";</font></font></span></p> <p class="MsoNormal" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt"><span style="font-family: ; line-height: 10pt"><font face="Verdana"><font style="font-size: 9pt">var hn_tampilkan_judul = true;</font></font></span></p> <p class="MsoNormal" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt"><span style="font-family: ; line-height: 10pt"><font face="Verdana"><font style="font-size: 9pt">var hn_backlink = true;</font></font></span></p> <p class="MsoNormal" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt"><span style="font-family: ; line-height: 10pt"><font face="Verdana"><font style="font-size: 9pt"></script></font></font></span></p> <p class="MsoNormal" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt"><span style="font-family: ; line-height: 10pt"><font face="Verdana"><font style="font-size: 9pt"><script src="http://blogatap.googlecode.com/files/headline-news.txt"></font></font></span></p> <p class="MsoNormal" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt"><span style="font-family: ; line-height: 10pt"><font face="Verdana"><font style="font-size: 9pt"></script></font></font></span></p> <p class="MsoNormal" style="margin: 0cm 0cm 8pt; line-height: 12pt"> </p> <p class="MsoNormal" style="margin: 0cm 0cm 8pt; line-height: 12pt">Catatan: </p> <p class="MsoListParagraphCxSpFirst" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; text-indent: -18pt; mso-list: l0 level1 lfo1; mso-add-space: auto"><span style="mso-bidi-font-family: calibri; mso-bidi-theme-font: minor-latin"><span style="mso-list: ignore">a.<span style="font-family: ; line-height: normal"><font face="Times New Roman"><font style="font-size: 7pt">       </font></font></span></span></span>20 menyatakan jumlah judul posting terbaru yang ditampilkan (mengikuti tanggal pembuatan)</p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; text-indent: -18pt; mso-list: l0 level1 lfo1; mso-add-space: auto"><span style="mso-bidi-font-family: calibri; mso-bidi-theme-font: minor-latin"><span style="mso-list: ignore">b.<span style="font-family: ; line-height: normal"><font face="Times New Roman"><font style="font-size: 7pt">      </font></font></span></span></span>Warna latar dan garis dapat disesuaikan </p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; text-indent: -18pt; mso-list: l0 level1 lfo1; mso-add-space: auto"><span style="mso-bidi-font-family: calibri; mso-bidi-theme-font: minor-latin"><span style="mso-list: ignore">c.<span style="font-family: ; line-height: normal"><font face="Times New Roman"><font style="font-size: 7pt">       </font></font></span></span></span>Top berati letak headline di atas, jika menginginkan di bawah silakan ganti dengan bottom</p> <p class="MsoListParagraphCxSpLast" style="margin: 0cm 0cm 8pt 18pt; line-height: 12pt; text-indent: -18pt; mso-list: l0 level1 lfo1; mso-add-space: auto"><span style="mso-bidi-font-family: calibri; mso-bidi-theme-font: minor-latin"><span style="mso-list: ignore">d.<span style="font-family: ; line-height: normal"><font face="Times New Roman"><font style="font-size: 7pt">      </font></font></span></span></span><span style="font-family: ; line-height: 10pt"><font face="Verdana"><font style="font-size: 9pt">var hn_backlink = true; berati headline juga berfungsi sebagai link, jika tidak ingin dijadikan link ganti true menjadi false.</font></font></span></p>

Cara mudah dan aman membuat headline di blog

Jika sobat sering melihat berita, biasanya di bagian bawah layar terdapat tulisan yang berjalan. Tulisan tersebut berisi berita-berita terba...

Read more »

Memasang menu dropdown pada blog

<p class="MsoNormal" style="margin: 0cm 0cm 8pt; line-height: 12pt">Hai sobat bloger, bertemu lagi tetap dalam tips untuk mempercantik blog. Kali ini saya akan share cara memasang dropdown pada blog. Menu ini sangat baik digunakan jika kita mempunyai banyak label. Selain menghemat tempat juga memudahkan pengunjung mencari artikel sesuai dengan tema. Kalo masih belum tau apa itu dropdown berikut adalah gambarnya.<span style="mso-fareast-language: in; mso-no-proof: yes"></span></p> <p class="MsoNormal" style="margin: 0cm 0cm 8pt; line-height: 12pt"><span style="mso-fareast-language: in; mso-no-proof: yes"><a href="http://lh3.ggpht.com/-d_e-3OsLSV4/URJVAsWylVI/AAAAAAAAAzw/g0VZCAsW-dU/s1600-h/clip_image002%25255B3%25255D.jpg"><img alt="clip_image002" border="0" height="132" src="http://lh3.ggpht.com/-nsnJRHfXJyA/URJVC4yFFPI/AAAAAAAAAz4/08QxqoNNB9Y/clip_image002_thumb.jpg?imgmax=800" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; padding-top: 0px; padding-left: 0px; border-left: 0px; display: inline; padding-right: 0px" title="clip_image002" width="418"></a></span></p> <p class="MsoNormal" style="margin: 0cm 0cm 8pt; line-height: 12pt">Jika tertarik agan dapat membuatnya dengan cara sebagai berikut!</p> <p class="MsoListParagraphCxSpFirst" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; text-indent: -18pt; mso-add-space: auto; mso-list: l0 level1 lfo1"><span style="mso-bidi-font-family: calibri; mso-bidi-theme-font: minor-latin"><span style="mso-list: ignore">1.<span style="font-family: ; line-height: normal"><font face="Times New Roman"><font style="font-size: 7pt">       </font></font></span></span></span>Buka dasbor -> tamplate</p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; text-indent: -18pt; mso-add-space: auto; mso-list: l0 level1 lfo1"><span style="mso-bidi-font-family: calibri; mso-bidi-theme-font: minor-latin"><span style="mso-list: ignore">2.<span style="font-family: ; line-height: normal"><font face="Times New Roman"><font style="font-size: 7pt">       </font></font></span></span></span>Edit html (jangan lupa beri tanda centang pada <span style="font-family: ; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; line-height: 11pt"><font face="Arial"><font style="font-size: 10pt">Expand Template Widget</font><span style="color: "><font style="font-size: 10pt" color="#222222">)</font></span></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; text-indent: -18pt; mso-add-space: auto; mso-list: l0 level1 lfo1"><span style="mso-bidi-font-family: calibri; mso-bidi-theme-font: minor-latin"><span style="mso-list: ignore">3.<span style="font-family: ; line-height: normal"><font face="Times New Roman"><font style="font-size: 7pt">       </font></font></span></span></span>Kemudian cari kode <b style="mso-bidi-font-weight: normal"><i style="mso-bidi-font-style: normal">]]></b:skin> </i></b>untuk mempermudah pencarian bisa tekan tombol ctrl + f kemudian paste kode diatas.</p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; text-indent: -18pt; mso-add-space: auto; mso-list: l0 level1 lfo1"><span style="mso-bidi-font-family: calibri; mso-bidi-theme-font: minor-latin"><span style="mso-list: ignore">4.<span style="font-family: ; line-height: normal"><font face="Times New Roman"><font style="font-size: 7pt">       </font></font></span></span></span>Masukkan kode berikut di atas kode diatas</p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; color: ; line-height: 9pt"><font face="Verdana"><font style="font-size: 8pt" color="#0be930">/* Menu Horizontal Dropdown ----------------------------------------------- */ #menuwrapperpic{background-color:#E10113 repeat-x;width:1000px;border:5px solid #191919;margin:0 auto;padding:0 auto} #menuwrapper{width:1000px;height:35px;margin:0 auto} .menusearch{width:200px;float:right;margin:0 auto;padding:0 auto} .clearit{clear:both;height:0;line-height:0.0;font-size:0} #menubar{width:100%} #menubar,#menubar ul{list-style:none;font-family:Trebuchet MS, serif;margin:0;padding:0} #menubar a{display:block;text-decoration:none;font-size:12px;font-weight:700;text-transform:uppercase;color:#CECECF;border-right:3px solid #191919;padding:12px 10px 8px} #menubar a.trigger{background-image:None;background-repeat:no-repeat;background-position:right center;padding:12px 24px 8px 10px} #menubar li{float:left;position:static;width:auto} #menubar li ul,#menubar ul li{width:170px} #menubar ul li a{text-align:left;color:#fff;font-size:12px;font-weight:400;text-transform:none;font-family:Trebuchet MS;border:none;padding:5px 10px} #menubar li ul{z-index:100;position:absolute;display:none;background:#222;padding-bottom:5px;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6)} #menubar li:hover a,#menubar a:active,#menubar a:focus,#menubar li.hvr a{background-color:#222;color:#E98C0A} #menubar li:hover ul,#menubar li.hvr ul{display:block} #menubar li:hover ul a,#menubar li.hvr ul a{color:#edfdfd;background-color:transparent;text-decoration:none} #menubar li ul li.hr{border-bottom:1px solid #444;border-top:2px solid #FF0000;display:block;font-size:1px;height:0;line-height:0;margin:4px 0} #menubar ul a:hover{background-color:#555!important;color:#fff!important;text-decoration:none}</font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; line-height: 9pt"><font face="Verdana"><font style="font-size: 8pt"> </font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; line-height: 9pt"><font face="Verdana"><font style="font-size: 8pt">Catatan : jenis font dan warna silakan edit sendiri ... jika di jelaskan panjang gan .... heheheee....</font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; line-height: 9pt"><font face="Verdana"><font style="font-size: 8pt"> </font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; text-indent: -18pt; mso-add-space: auto; mso-list: l0 level1 lfo1"><span style="font-family: ; line-height: 9pt; mso-fareast-font-family: verdana; mso-bidi-font-family: verdana"><span style="mso-list: ignore"><font face="Verdana"><font style="font-size: 8pt">5.</font></font><span style="font-family: ; line-height: normal"><font face="Times New Roman"><font style="font-size: 7pt">     </font></font></span></span></span><span style="font-family: ; line-height: 9pt"><font face="Verdana"><font style="font-size: 8pt">Berikutnya cari lagi kode <b style="mso-bidi-font-weight: normal"><i style="mso-bidi-font-style: normal"></header></i></b> pastekan kode berikut di bawahnya</font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><font face="Verdana"><span style="font-family: ; line-height: 9pt"><font style="font-size: 8pt"><</font></span><span style="font-family: ; color: ; line-height: 11pt"><font style="font-size: 10pt" color="#0be930">div id='menuwrapperpic'></font></span></font></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; color: ; line-height: 11pt"><font face="Verdana"><font style="font-size: 10pt" color="#0be930"><div id='menuwrapper'></font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; color: ; line-height: 11pt"><font face="Verdana"><font style="font-size: 10pt" color="#0be930"><ul id='menubar'></font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><font face="Verdana"><span style="font-family: ; color: ; line-height: 11pt"><font color="#0be930"><font style="font-size: 10pt"><li><a href='/'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHJDGNy3qheB-XdpB_MvJYpb-bG5kzFlmQ9awuWCRHjCnA3-6J8fX_JYUSZC7Vt2yo9aqghvCUhgWsEdrttVkLyDIyyQKNY4ksFyKD2_eJItJfBvnjKDt-AUq0FVhIOdHOnA19zmWzoiI/s1600/home_white.png' style='padding:0px;'/> </font></font></span><font style="font-size: 10pt"><span style="font-family: ; color: ; line-height: 11pt"><font color="#0070c0">Home</font></span></font><span style="font-family: ; color: ; line-height: 11pt"><font style="font-size: 10pt" color="#0be930"></a></li></font></span></font></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><font face="Verdana"><span style="font-family: ; color: ; line-height: 11pt"><font color="#0be930"><font style="font-size: 10pt"><li><a href=</font></font></span><font style="font-size: 10pt"><span style="font-family: ; color: ; line-height: 11pt"><font color="#ff0000">'http://www.hudamaulana.blogspot.com/search/label/Coretanku?max-results=4' target='new'></font></span><span style="font-family: ; color: ; line-height: 11pt"><font color="#0070c0">Coretanku</font></span></font><span style="font-family: ; color: ; line-height: 11pt"><font style="font-size: 10pt" color="#0be930"></a></li></font></span></font></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><font face="Verdana"><span style="font-family: ; color: ; line-height: 11pt"><font color="#0be930"><font style="font-size: 10pt"><li><a class='trigger'></font></font></span><font style="font-size: 10pt"><span style="font-family: ; color: ; line-height: 11pt"><font color="#0070c0">Cerita Lucu</font></span></font><span style="font-family: ; color: ; line-height: 11pt"><font style="font-size: 10pt" color="#0be930"></a></font></span></font></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; color: ; line-height: 11pt"><font face="Verdana"><font style="font-size: 10pt" color="#0be930"><ul></font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><font face="Verdana"><span style="font-family: ; color: ; line-height: 11pt"><font color="#0be930"><font style="font-size: 10pt"><li><a href=</font></font></span><font style="font-size: 10pt"><span style="font-family: ; color: ; line-height: 11pt"><font color="#ff0000">'http://www.hudamaulana.blogspot.com/search/label/Abu Nawas'>Abu Nawas</font></span></font><span style="font-family: ; color: ; line-height: 11pt"><font style="font-size: 10pt" color="#0be930"></a></li></font></span></font></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; color: ; line-height: 11pt"><font face="Verdana"><font style="font-size: 10pt" color="#0be930"><li class='hr'/></font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><font face="Verdana"><span style="font-family: ; color: ; line-height: 11pt"><font color="#0be930"><font style="font-size: 10pt"><li><a href=</font></font></span><font style="font-size: 10pt"><span style="font-family: ; color: ; line-height: 11pt"><font color="#ff0000">'http://www.hudamaulana.blogspot.com/search/label/nasruddin'>Nasruddin Hoja</font></span></font><span style="font-family: ; color: ; line-height: 11pt"><font style="font-size: 10pt" color="#0be930"></a></li></font></span></font></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; color: ; line-height: 11pt"><font face="Verdana"><font style="font-size: 10pt" color="#0be930"><li class='hr'/></font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; color: ; line-height: 11pt"><font face="Verdana"><font style="font-size: 10pt" color="#0be930"></ul></font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; color: ; line-height: 11pt"><font face="Verdana"><font style="font-size: 10pt" color="#0be930"></li></font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><font face="Verdana"><span style="font-family: ; color: ; line-height: 11pt"><font color="#0be930"><font style="font-size: 10pt"><li><a class='trigger'></font></font></span><font style="font-size: 10pt"><span style="font-family: ; color: ; line-height: 11pt"><font color="#0070c0">Seputar Pendidikan</font></span></font><span style="font-family: ; color: ; line-height: 11pt"><font style="font-size: 10pt" color="#0be930"></a></font></span></font></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; color: ; line-height: 11pt"><font face="Verdana"><font style="font-size: 10pt" color="#0be930"><ul></font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><font face="Verdana"><span style="font-family: ; color: ; line-height: 11pt"><font color="#0be930"><font style="font-size: 10pt"><li><a href=</font></font></span><font style="font-size: 10pt"><span style="font-family: ; color: ; line-height: 11pt"><font color="#ff0000">'http://hudamaulana.blogspot.com/search/label/teras%20guru?max-results=4'><b style="mso-bidi-font-weight: normal">Teras Guru</b></font></span></font><span style="font-family: ; color: ; line-height: 11pt"><font style="font-size: 10pt" color="#0be930"></a></li></font></span></font></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; color: ; line-height: 11pt"><font face="Verdana"><font style="font-size: 10pt" color="#0be930"><li class='hr'/></font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><font face="Verdana"><span style="font-family: ; color: ; line-height: 11pt"><font color="#0be930"><font style="font-size: 10pt"><li><a href=</font></font></span><font style="font-size: 10pt"><span style="font-family: ; color: ; line-height: 11pt"><font color="#ff0000">'http://www.hudamaulana.blogspot.com/search/label/bank%20soal%20SD?max-results=8'><b style="mso-bidi-font-weight: normal">Bank Soal</b></font></span></font><span style="font-family: ; color: ; line-height: 11pt"><font style="font-size: 10pt" color="#0be930"></a></li></font></span></font></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; color: ; line-height: 11pt"><font face="Verdana"><font style="font-size: 10pt" color="#0be930"><li class='hr'/></font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><font face="Verdana"><span style="font-family: ; color: ; line-height: 11pt"><font color="#0be930"><font style="font-size: 10pt"><li><a href=</font></font></span><font style="font-size: 10pt"><span style="font-family: ; color: ; line-height: 11pt"><font color="#ff0000">'http://www.hudamaulana.blogspot.com/search/label/EduNews?max-results=4'>EduNews</font></span></font><span style="font-family: ; color: ; line-height: 11pt"><font style="font-size: 10pt" color="#0be930"></a></li></font></span></font></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; color: ; line-height: 11pt"><font face="Verdana"><font style="font-size: 10pt" color="#0be930"><li class='hr'/></font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><font face="Verdana"><span style="font-family: ; color: ; line-height: 11pt"><font color="#0be930"><font style="font-size: 10pt"><li><a href=</font></font></span><font style="font-size: 10pt"><span style="font-family: ; color: ; line-height: 11pt"><font color="#ff0000">'http://www.hudamaulana.blogspot.com/search/label/bse?max-results=8'><b style="mso-bidi-font-weight: normal">BSE</b></font></span></font><span style="font-family: ; color: ; line-height: 11pt"><font style="font-size: 10pt" color="#0be930"></a></li></font></span></font></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; color: ; line-height: 11pt"><font face="Verdana"><font style="font-size: 10pt" color="#0be930"><li class='hr'/></font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; color: ; line-height: 11pt"><font face="Verdana"><font style="font-size: 10pt" color="#0be930"></ul></font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; color: ; line-height: 11pt"><font face="Verdana"><font style="font-size: 10pt" color="#0be930"></li></font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><font face="Verdana"><span style="font-family: ; color: ; line-height: 11pt"><font color="#0be930"><font style="font-size: 10pt"><li><a class='trigger'></font></font></span><font style="font-size: 10pt"><span style="font-family: ; color: ; line-height: 11pt"><font color="#0070c0">Khazanah Islam</font></span></font><span style="font-family: ; color: ; line-height: 11pt"><font style="font-size: 10pt" color="#0be930"></a></font></span></font></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; color: ; line-height: 11pt"><font face="Verdana"><font style="font-size: 10pt" color="#0be930"><ul></font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><font face="Verdana"><span style="font-family: ; color: ; line-height: 11pt"><font color="#0be930"><font style="font-size: 10pt"><li><a href=</font></font></span><font style="font-size: 10pt"><span style="font-family: ; color: ; line-height: 11pt"><font color="#ff0000">'http://www.hudamaulana.blogspot.com/search/label/religi?max-results=4'><b style="mso-bidi-font-weight: normal">Religi</b></font></span></font><span style="font-family: ; color: ; line-height: 11pt"><font style="font-size: 10pt" color="#0be930"></a></li></font></span></font></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; color: ; line-height: 11pt"><font face="Verdana"><font style="font-size: 10pt" color="#0be930"><li class='hr'/></font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><font face="Verdana"><span style="font-family: ; color: ; line-height: 11pt"><font color="#0be930"><font style="font-size: 10pt"><li><a href=</font></font></span><font style="font-size: 10pt"><span style="font-family: ; color: ; line-height: 11pt"><font color="#ff0000">'http://www.hudamaulana.blogspot.com/search/label/Al%20Hikam'>AL Hikam</font></span></font><span style="font-family: ; color: ; line-height: 11pt"><font style="font-size: 10pt" color="#0be930"></a></li></font></span></font></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; color: ; line-height: 11pt"><font face="Verdana"><font style="font-size: 10pt" color="#0be930"><li class='hr'/></font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; color: ; line-height: 11pt"><font face="Verdana"><font style="font-size: 10pt" color="#0be930"></ul></font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; color: ; line-height: 11pt"><font face="Verdana"><font style="font-size: 10pt" color="#0be930"></li></font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><font face="Verdana"><span style="font-family: ; color: ; line-height: 11pt"><font color="#0be930"><font style="font-size: 10pt"><li><a href=</font></font></span><font style="font-size: 10pt"><span style="font-family: ; color: ; line-height: 11pt"><font color="#ff0000">'http://www.hudamaulana.blogspot.com/search/label/unduh?max-results=4' target='new'><b style="mso-bidi-font-weight: normal">Unduh</b></font></span></font><span style="font-family: ; color: ; line-height: 11pt"><font style="font-size: 10pt" color="#0be930"></a></li></font></span></font></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; color: ; line-height: 11pt"><font face="Verdana"><font style="font-size: 10pt" color="#0be930"></ul> <div class='menusearch'></font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; color: ; line-height: 11pt"><font face="Verdana"><font style="font-size: 10pt" color="#0be930"><div style='float:right;padding:8px 8px 0 0;'></font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; color: ; line-height: 11pt"><font face="Verdana"><font style="font-size: 10pt" color="#0be930"><form action='http://hudamaulana.blogspot.com/search' method='get' target=''></font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; color: ; line-height: 11pt"><font face="Verdana"><font style="font-size: 10pt" color="#0be930"><input name='sitesearch' style='display:none;' value='http://hudamaulana.blogspot.com'/></font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; color: ; line-height: 11pt"><font face="Verdana"><font style="font-size: 10pt" color="#0be930"><input id='search-box' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' style='width:100px;border:none;padding:4px 10px; font:italic 12px Georgia;color:#666; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4z6RjQRXTswuR2ku3FD7qwy0FBAgVQVgI4F8LZKScXA8Da4vQwfr0aOAlLE4p4OxIM7RCuDlI5lvExxrbKQME7SWt2YHqIQ8mnutDFNwyuY1wQTR2NDXAJghaV1yF4pxbzHRVFzuRTxo/s1600/field-bg.gif) no-repeat;' type='text' value='Cari disini ya sob...'/><input align='top' id='search-btn' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs6SO9xsIH91p1NQqY0G_1NN9g4VCY315Cx4TVYvhZt75znFQsSsx7mp6XwP1G3owX_wRUMrOpBPbu6_maGCCmKc7P7kBR6OKx6inekePF_I4J9nwnV2YTLUkuYiDg8QE-Kh5J_nNZRhU/s1600/bg_search.gif' type='image' value='Search'/></font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; color: ; line-height: 11pt"><font face="Verdana"><font style="font-size: 10pt" color="#0be930"></form></div></div><br class='clearit'/></div><div style='clear:both;'/></div></font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; color: ; line-height: 11pt"><font face="Verdana"><font color="#0be930"><span style="mso-spacerun: yes"><font style="font-size: 10pt">    </font></span><font style="font-size: 10pt"><div class='tabs-outer'></font></font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; color: ; line-height: 11pt"><font face="Verdana"><font color="#0be930"><span style="mso-spacerun: yes"><font style="font-size: 10pt">    </font></span><font style="font-size: 10pt"><div class='tabs-cap-top cap-top'></font></font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; color: ; line-height: 11pt"><font face="Verdana"><font color="#0be930"><span style="mso-spacerun: yes"><font style="font-size: 10pt">      </font></span><font style="font-size: 10pt"><div class='cap-left'/></font></font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; color: ; line-height: 11pt"><font face="Verdana"><font color="#0be930"><span style="mso-spacerun: yes"><font style="font-size: 10pt">      </font></span><font style="font-size: 10pt"><div class='cap-right'/></font></font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; color: ; line-height: 11pt"><font face="Verdana"><font color="#0be930"><span style="mso-spacerun: yes"><font style="font-size: 10pt">    </font></span><font style="font-size: 10pt"></div></font></font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; color: ; line-height: 11pt"><font face="Verdana"><font color="#0be930"><span style="mso-spacerun: yes"><font style="font-size: 10pt">    </font></span><font style="font-size: 10pt"><div class='fauxborder-left tabs-fauxborder-left'></font></font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; color: ; line-height: 11pt"><font face="Verdana"><font color="#0be930"><span style="mso-spacerun: yes"><font style="font-size: 10pt">    </font></span><font style="font-size: 10pt"><div class='fauxborder-right tabs-fauxborder-right'/></font></font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; color: ; line-height: 11pt"><font face="Verdana"><font color="#0be930"><span style="mso-spacerun: yes"><font style="font-size: 10pt">    </font></span><font style="font-size: 10pt"><div class='region-inner tabs-inner'></font></font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; color: ; line-height: 11pt"><font face="Verdana"><font color="#0be930"><span style="mso-spacerun: yes"><font style="font-size: 10pt">      </font></span><font style="font-size: 10pt"><b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'></font></font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; color: ; line-height: 11pt"><font face="Verdana"><font style="font-size: 10pt" color="#0be930"><b:widget id='HTML7' locked='false' title='' type='HTML'></font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; color: ; line-height: 11pt"><font face="Verdana"><font style="font-size: 10pt" color="#0be930"><b:includable id='main'></font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; color: ; line-height: 11pt"><font face="Verdana"><font color="#0be930"><span style="mso-spacerun: yes"><font style="font-size: 10pt">  </font></span><font style="font-size: 10pt"><!-- only display title if it's non-empty --></font></font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; color: ; line-height: 11pt"><font face="Verdana"><font color="#0be930"><span style="mso-spacerun: yes"><font style="font-size: 10pt">  </font></span><font style="font-size: 10pt"><b:if cond='data:title != &quot;&quot;'></font></font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; color: ; line-height: 11pt"><font face="Verdana"><font color="#0be930"><span style="mso-spacerun: yes"><font style="font-size: 10pt"> </font></span><font style="font-size: 10pt"><span style="mso-spacerun: yes">   </span><h2 class='title'><data:title/></h2></font></font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; color: ; line-height: 11pt"><font face="Verdana"><font color="#0be930"><span style="mso-spacerun: yes"><font style="font-size: 10pt">  </font></span><font style="font-size: 10pt"></b:if></font></font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; color: ; line-height: 11pt"><font face="Verdana"><font color="#0be930"><span style="mso-spacerun: yes"><font style="font-size: 10pt">  </font></span><font style="font-size: 10pt"><div class='widget-content'></font></font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; color: ; line-height: 11pt"><font face="Verdana"><font color="#0be930"><span style="mso-spacerun: yes"><font style="font-size: 10pt">    </font></span><font style="font-size: 10pt"><data:content/></font></font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; color: ; line-height: 11pt"><font face="Verdana"><font color="#0be930"><span style="mso-spacerun: yes"><font style="font-size: 10pt">  </font></span><font style="font-size: 10pt"></div></font></font></font></span></p> <p class="MsoListParagraphCxSpLast" style="margin: 0cm 0cm 8pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="font-family: ; color: ; line-height: 11pt"><font face="Verdana"><font style="font-size: 10pt" color="#0be930"> </font></font></span></p> <p class="MsoNormal" style="margin: 0cm 0cm 8pt; line-height: 12pt">Keterangan:</p> <p class="MsoListParagraphCxSpFirst" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; text-indent: -18pt; mso-add-space: auto; mso-list: l1 level1 lfo2"><span style="mso-bidi-font-family: calibri; mso-bidi-theme-font: minor-latin"><span style="mso-list: ignore">1.<span style="font-family: ; line-height: normal"><font face="Times New Roman"><font style="font-size: 7pt">       </font></font></span></span></span>Ganti tulisan warna biru dengan label atas, pada contoh label atasnya adalah home, coretanku, cerita lucu dll. Catatan: label atas ada yang berupa link ada yang tidak. Jika menggunakan link ganti edit alamat Uralnya agar sesuai.</p> <p class="MsoListParagraphCxSpLast" style="margin: 0cm 0cm 8pt 18pt; line-height: 12pt; text-indent: -18pt; mso-add-space: auto; mso-list: l1 level1 lfo2"><span style="mso-bidi-font-family: calibri; mso-bidi-theme-font: minor-latin"><span style="mso-list: ignore">2.<span style="font-family: ; line-height: normal"><font face="Times New Roman"><font style="font-size: 7pt">       </font></font></span></span></span>Tulisan warna merah silakan ganti dengan alamat url setiap label. Catatan: tulisan merah tebal di belakang adalah nama label yang muncul dan tidak berpengaruh pada kode pencarian.</p> <p class="MsoNormal" style="margin: 0cm 0cm 8pt; line-height: 12pt"> </p> <p class="MsoNormal" style="margin: 0cm 0cm 8pt; line-height: 12pt">Selamat mencoba ... semoga sukses.....</p>

Memasang menu dropdown pada blog

Hai sobat bloger, bertemu lagi tetap dalam tips untuk mempercantik blog. Kali ini saya akan share cara memasang dropdown pada blog. Menu ini...

Read more »

Menambahkan widget like FB di blog

<p class="MsoNormal" style="margin: 0cm 0cm 8pt; line-height: 12pt">Salam sobat?.... Sebagai seorang bloger tentu kita menginginkan blog kita dapat dikenal dan tersebar luas. Salah satu cara yang dapat kita lakukan adalah dengan memasang widget like FB di blog. Jadi pembaca yang menganggap posting kita bagus dapat like dan menyebarkannya kepada teman-temannya. </p> <p class="MsoNormal" style="margin: 0cm 0cm 8pt; line-height: 12pt">Oke bagi agan-agan yang tertarik memasang widget FB di blog, bisa menyimak ulasan berikut ....</p> <p class="MsoListParagraphCxSpFirst" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; text-indent: -18pt; mso-add-space: auto; mso-list: l0 level1 lfo1"><span style="font-family: ; color: ; line-height: 10pt; mso-fareast-font-family: verdana; mso-bidi-font-family: verdana; mso-bidi-font-size: 11.0pt"><span style="mso-list: ignore"><font face="Verdana"><font style="font-size: 9pt">1.</font></font><span style="font-family: ; line-height: normal"><font face="Times New Roman"><font style="font-size: 7pt">    </font></font></span></span></span><font face="Verdana"><span style="font-family: ; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; color: ; line-height: 10pt"><font style="background-color: #fcf8c0"><font style="font-size: 9pt">Silahkan sobat klik link ini :<span class="apple-converted-space"> </span></font></font></span><font style="font-size: 9pt"></span></font><span style="font-family: ; color: ; line-height: 10pt"><a href="http://developers.facebook.com/docs/plugins" style="outline-width: medium; outline-style: none; text-decoration: ; outline-color: invert" target="_blank"><span style="color: "><font style="font-size: 9pt" color="#0441c8"><strong>http://developers.facebook.com/docs/plugins</strong></font></span></a></span></font></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; text-indent: -18pt; mso-add-space: auto; mso-list: l0 level1 lfo1"><span style="font-family: ; color: ; line-height: 10pt; mso-fareast-font-family: verdana; mso-bidi-font-family: verdana; mso-bidi-font-size: 11.0pt"><span style="mso-list: ignore"><font face="Verdana"><font style="font-size: 9pt">2.</font></font><span style="font-family: ; line-height: normal"><font face="Times New Roman"><font style="font-size: 7pt">    </font></font></span></span></span><span style="font-family: ; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; color: ; line-height: 10pt"><font face="Verdana"><font style="font-size: 9pt">Dari pilihan aplikasi yang tampil,</font><span class="apple-converted-space"><font style="font-size: 9pt"> </font></span></font></span><b style="word-spacing: 0px; orphans: 2; widows: 2; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px">pilih Like Box</b></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; text-indent: -18pt; mso-add-space: auto; mso-list: l0 level1 lfo1"><span style="font-family: ; color: ; line-height: 10pt; mso-fareast-font-family: verdana; mso-bidi-font-family: verdana; mso-bidi-font-size: 11.0pt"><span style="mso-list: ignore"><font face="Verdana"><font style="font-size: 9pt">3.</font></font><span style="font-family: ; line-height: normal"><font face="Times New Roman"><font style="font-size: 7pt">    </font></font></span></span></span><span style="font-family: ; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; color: ; line-height: 10pt; mso-bidi-font-weight: bold"><font face="Verdana"><font style="font-size: 9pt">Isi data-data yang diminta.</font></font></span></p> <p class="MsoListParagraphCxSpMiddle" style="margin: 0cm 0cm 0pt 18pt; line-height: 12pt; mso-add-space: auto"><span style="mso-fareast-language: in; mso-no-proof: yes"><a href="http://lh3.ggpht.com/-ZdveV5C1HsY/URA3RRRttOI/AAAAAAAAAxo/csIsKiklgFs/s1600-h/clip_image002%25255B3%25255D.jpg"><img alt="clip_image002" border="0" height="223" src="http://lh3.ggpht.com/-q1q3gLqocTU/URA3SqIoJVI/AAAAAAAAAxw/Pw8hs0bspT0/clip_image002_thumb.jpg?imgmax=800" style="border-top: 0px; border-right: 0px; background-image: none; border-bottom: 0px; padding-top: 0px; padding-left: 0px; border-left: 0px; display: inline; padding-right: 0px" title="clip_image002" width="120"></a></span></p> <p class="MsoListParagraphCxSpLast" style="margin: 0cm 0cm 8pt 18pt; line-height: 12pt; text-indent: -18pt; mso-add-space: auto; mso-list: l0 level1 lfo1"><span style="font-family: ; color: ; line-height: 10pt; mso-fareast-font-family: verdana; mso-bidi-font-family: verdana; mso-bidi-font-size: 11.0pt"><span style="mso-list: ignore"><font face="Verdana"><font style="font-size: 9pt">4.</font></font><span style="font-family: ; line-height: normal"><font face="Times New Roman"><font style="font-size: 7pt">    </font></font></span></span></span><span style="font-family: ; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; color: ; line-height: 10pt; mso-bidi-font-weight: bold"><font face="Verdana"><font style="font-size: 9pt">Setelah itu agan mendapat kode yang bisa di pasang di blog.</font></font></span></p> <p class="MsoNormal" style="margin: 0cm 0cm 8pt; line-height: 12pt">Catatan:</p> <p class="MsoNormal" style="margin: 0cm 0cm 8pt; line-height: 12pt">Jika kesulitan menemukan kode <body> letakkan kode pertama tersebut setelah <head>. Untuk kode kedua dipasang menggunakan widget caranya dengan klik tambah widget html/javascript di dasbor blog. </p>

Menambahkan widget like FB di blog

Salam sobat?.... Sebagai seorang bloger tentu kita menginginkan blog kita dapat dikenal dan tersebar luas. Salah satu cara yang dapat kita l...

Read more »