Tips Tricks 888

Propeller Ads Tricks

noreply@blogger.com (Unknown) — Sun, 29 Sep 2019 21:41:00 -0700

Cream Tessa Hat

noreply@blogger.com (Unknown) — Fri, 18 Jul 2014 20:12:00 -0700

Cream Tessa Hat: Made of comfortable cotton, the Tessa Hat from Publish features a printed all-over floral paisley print and metal eyelets.

Find this cool stuff here: http://zocko.it/LC9Re

Membuat Thumbnail Gallery CSS3

noreply@blogger.com (Unknown) — Sun, 22 Jun 2014 19:40:00 -0700

Setelah Googling sana sini eh ternyata saya dapatkan script css3 buatan Mas Andes Risky Nugroho tentang cara menerapkannya Sumbernya disini saya lihat Membuat Thumbnail Gallery CSS3

Adapun caranya adalah sebagai berikut :

Copy kan saja script ini di postingan blogs sobat dengan mengganti gambar yang ada di dalamnya
Login ke Blogger Anda
Copykan Kode ini kedalam Postingan blogs sobat :

Note:
Ganti URL gambar diatas dengan gambar sobat

Sumber dan DEMO nya ada disini :

http://mas-andes.blogspot.com/2013/06/membuat-thumbnail-gallery-photo-css3-di.html

Kotak Script di Postingan Blog

noreply@blogger.com (Unknown) — Sat, 5 Apr 2014 00:51:00 -0700

Langsung Saja Copy Script ini di BLOG SOBAT | Cara Kotak Script di Postingan Blog

<div style="border: 2px #610B38 dashed; padding: 10px; background-color:#57AA52; tex>t-align: left;"> Kode Script Anda Disini</div>

<div style="border: 2px #1B1A76 dotted; padding: 10px; background-color:#c2c2c2; text-align: left;"> Kode Script Anda Disini</div>

<div style="border: 3px #5f200e double; padding: 10px; background-color: #82CAFA; text-align: left;"> Kode Script Anda Disini</div>

<div style="border: 2px #006400 inset; padding: 10px; background-color: #d5839f; text-align: left;"> Kode Script Anda Disini</div>

<div style="border: 2px #006400 ridge; padding: 10px; background-color:#c2c2c2; text-align: left;"> Kode Script Anda Disini</div>

<div style="border: 2px #5f200e solid; padding: 10px; background-color: #d9da81; text-align: left;">Kode Script Anda Disini</div>

Cara Membuat Iklan Teks Google Adsense Seperti Blognya Kang Ismet

noreply@blogger.com (Unknown) — Sat, 5 Apr 2014 00:35:00 -0700

Setelah Melihat Blognya Kang Ismet , ada yang menarik dari blog tersebut yang dapat saya pelajari khusunya Cara Membuat Iklan Teks Google Adsense Seperti Blognya Kang Ismet

Oke Langsung Saja Kita Buat Bagaimana Caranya :

1. Masuk ke blogger.
2. Dari dasbor => template => edit html.
3. Cari kode </head>.
4. Salin kode dibawah ini letakkan diatasnya.

5. Kemudian cari kembali kode ]]></b:skin> dan letakkan diatasnya .

/* Iklan Teks ----------------------------------------------- */
#iklan-teks { width:304px; height:259px; background-color:white; position:relative; overflow:hidden; margin:0 auto; }

#iklan-teks h2.iklan-header { cursor:pointer; background-color:white; background-image:none; font:normal 20px Verdana, Tahoma,Serif; color:blue; border-top:1px solid #d8d8d8; padding:10px; margin:0 0; position:relative; text-transform:none; letter-spacing:0; } #iklan-teks h2.iklan-header:first-child { border-top:none; }

#iklan-teks h2.active { display: none; }
#iklan-teks h2.iklan-header:before{ content:""; width:0; height:0; position:absolute; top:20px; right:15px; border:5px solid transparent; border-color:#b2b2b2 transparent transparent; } #iklan-teks div { height:100px; padding:10px 70px 10px 10px; font:normal 13px Verdana, Tahoma,Serif; color:white; border-top:1px solid #d8d8d8; } .judul { font:normal 20px Verdana, Tahoma,Serif; color:blue; margin:0 0 5px 0; } a.judul{ font:normal 20px Verdana, Tahoma,Serif !important; color:blue !important; text-decoration:none; display:inline-block; } a:hover.judul { font:normal 20px Verdana, Tahoma,Serif !important; color:blue; text-decoration:underline; } .isi-iklan a{ font:normal 13px Verdana, Tahoma,Serif; color:green; text-decoration:none; display:block; margin-bottom:10px; } .isi-iklan a:hover{ color:green; text-decoration:none; } .isi { padding-top:15px; color:#222; text-align:left !important; } .panah-besar { background: #4d90fe; border-radius: 50%; cursor: pointer; height: 34px; float: right; margin-right: -60px; margin-top: -40px; width: 34px; text-align: center; line-height: 34px; } .panah-besar:hover { background: #4472bd; } .info-icon { width:15px; height:15px; position:absolute; top:0; right:0; cursor:pointer; } .info-iklan { background:#d3d3d3; width:100px; height:15px; border-bottom-left-radius:4px; position:absolute; top:0; right:0; color:#000; font:normal 11px Arial,Sans-Serif; text-align:left; overflow:hidden; padding-right:19px; padding-left:5px; display:none; }

6. Simpan kode ini pada Widget HTML / JavaScript

<div id="iklan-teks">

<div data-header="Blogger Tutorial" style="border-top:none">
<span class='isi-iklan'><a class='judul' href='http://blog.kangismet.net' target='_blank'>Blogger Tutorial</a>
<a href='http://blog.kangismet.net' target='_blank'>blog.kangismet.net</a>
<span class='isi'>Blogger Tutorials and Free Blogger Templates.</span>
<a class='panah-besar' href='http://blog.kangismet.net' target='_blank'><img style='margin-top:7px;margin-left:2px;width:12px;height:19px' alt='arrow' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJETdMbDVTqbm28FGS1jkVQkAuBFIaSszl9TnazuKcnM4Q54S2MI7LpUTW2aq21aLbQPq-JDTIPP_K3WkrxZLE5dAw42DPgpC9pv9PAO_ei3u5I6lpesb_NpSHeUsBRRy7uUckje26jzA/s1600/icon_chevron_white.png'/></a> </span> </div>


<div data-header="Pasang Iklan di Sini"> <span class='isi-iklan'><a class='judul' href='http://blog.kangismet.net/2012/12/pasang-iklan-di-blog-kang-ismet.html' target='_blank'>Pasang Iklan di Sini</a> <a href='http://blog.kangismet.net/2012/12/pasang-iklan-di-blog-kang-ismet.html' target='_blank'>blog.kangismet.net</a> <span class='isi'>Pasang iklan Anda di sini, hanya 35 ribu / bulan. <a class='panah-besar' href='http://blog.kangismet.net/2012/12/pasang-iklan-di-blog-kang-ismet.html' target='_blank'><img style='margin-top:7px;margin-left:2px;width:12px;height:19px' alt='arrow' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJETdMbDVTqbm28FGS1jkVQkAuBFIaSszl9TnazuKcnM4Q54S2MI7LpUTW2aq21aLbQPq-JDTIPP_K3WkrxZLE5dAw42DPgpC9pv9PAO_ei3u5I6lpesb_NpSHeUsBRRy7uUckje26jzA/s1600/icon_chevron_white.png'/></a></span> </span> </div>


<div data-header="Pasang Iklan di Sini"> <span class='isi-iklan'><a class='judul' href='http://blog.kangismet.net/2012/12/pasang-iklan-di-blog-kang-ismet.html' target='_blank'>Pasang Iklan di Sini</a> <a href='http://blog.kangismet.net/2012/12/pasang-iklan-di-blog-kang-ismet.html' target='_blank'>blog.kangismet.net</a> <span class='isi'>Pasang iklan Anda di sini, hanya 35 ribu / bulan. <a class='panah-besar' href='http://blog.kangismet.net/2012/12/pasang-iklan-di-blog-kang-ismet.html' target='_blank'><img style='margin-top:7px;margin-left:2px;width:12px;height:19px' alt='arrow' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJETdMbDVTqbm28FGS1jkVQkAuBFIaSszl9TnazuKcnM4Q54S2MI7LpUTW2aq21aLbQPq-JDTIPP_K3WkrxZLE5dAw42DPgpC9pv9PAO_ei3u5I6lpesb_NpSHeUsBRRy7uUckje26jzA/s1600/icon_chevron_white.png'/></a></span> </span> </div>


<div data-header="Pasang Iklan di Sini"> <span class='isi-iklan'><a class='judul' href='http://blog.kangismet.net/2012/12/pasang-iklan-di-blog-kang-ismet.html' target='_blank'>Pasang Iklan di Sini</a> <a href='http://blog.kangismet.net/2012/12/pasang-iklan-di-blog-kang-ismet.html' target='_blank'>blog.kangismet.net</a> <span class='isi'>Pasang iklan Anda di sini, hanya 35 ribu / bulan. <a class='panah-besar' href='http://blog.kangismet.net/2012/12/pasang-iklan-di-blog-kang-ismet.html' target='_blank'><img style='margin-top:7px;margin-left:2px;width:12px;height:19px' alt='arrow' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJETdMbDVTqbm28FGS1jkVQkAuBFIaSszl9TnazuKcnM4Q54S2MI7LpUTW2aq21aLbQPq-JDTIPP_K3WkrxZLE5dAw42DPgpC9pv9PAO_ei3u5I6lpesb_NpSHeUsBRRy7uUckje26jzA/s1600/icon_chevron_white.png'/></a></span> </span> </div>


<span class='info-iklan'>Iklan oleh Kang Ismet</span> <span class='info-icon'><a href='http://blog.kangismet.net/2012/12/pasang-iklan-di-blog-kang-ismet.html' target='_blank'><img alt='info' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy1QIsr-7jck544o7G-cvYCDeIWEoejTJ5K5JVzIjCXxkRuc-tyUZZ4vun1SxhC5KUESQe0eXo3PY9gNBuQDfbepZe_fCZmd7YWoagDztA4qBaIuv-SSeNT0gVGPz2K4RrIvZVSWNle98/s1600/info-iklan.png'/></a></span> </div>

Note : Ganti Link dan Judul Link yang ada di HTML/JAVA SCRIPT

Cara Memasang Iklan Kiri Kanan Blog Dengan Tombol Close

noreply@blogger.com (Unknown) — Wed, 2 Apr 2014 19:47:00 -0700

Langkahnya adalah Sebagai Berikut :

Klik Layout >> Add widget >> Html/Java Script

Dan tempatkan code dibawah ini didalamnya :

<script type='text/javascript'> $(document).ready(function() { $('img#closed').click(function(){ $('#btm_banner').hide(90); }); }); </script> <script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",i="?m=1";function j(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+i;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera Mini")||-1!=a[b][c]("IEMobile")){var k=j();k&&window.location.replace(k)}; </script><script type="text/javascript"> if (window.jstiming) window.jstiming.load.tick('headEnd'); </script>

<div id="teaser2" style="width:autopx; height:0; text-align:left; display:scroll;position:fixed; top:0px;left:0px;"> <div><a id="close-teaser" onclick="document.getElementById('teaser2').style.display = 'none';" style="cursor:pointer;"><center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHit8e4G5-2wYhiTMbmyfRTbhKjYVGATPMyPuA2o585DHtoR040MbCTXQ0ZVuJJ2Scji6S6W1Qyrx4OgSIuwaSsEc76vHw74_nVu2GhKN-JmOCkxkj53DwkYC3InPfF8imy6md3OVOAKkT/s1600/close3.png' alt='close' title='close button'/></center></a></div> 

LETAKKAN IKLAN ANDA DISINI 160X600


</div>



<div id="teaser3" style="width:autopx; height:600; text-align:right; display:scroll;position:fixed; top:0px;right:0px;"> <div><a id="close-teaser" onclick="document.getElementById('teaser3').style.display = 'none';" style="cursor:pointer;"><center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHit8e4G5-2wYhiTMbmyfRTbhKjYVGATPMyPuA2o585DHtoR040MbCTXQ0ZVuJJ2Scji6S6W1Qyrx4OgSIuwaSsEc76vHw74_nVu2GhKN-JmOCkxkj53DwkYC3InPfF8imy6md3OVOAKkT/s1600/close3.png' alt='close' title='close button'/></center></a></div>


LETAKKAN IKLAN ANDA DISINI 160X600


</div>


Selesai.

Note :
Letakkan Script/Iklan Anda di Tulisan Yang bewarna MERAH

Cara Meletakkan "Link to This Post" dibawah Blogger Post

noreply@blogger.com (Unknown) — Tue, 1 Apr 2014 20:18:00 -0700

Salah satu cara yang mudah untuk mendapatkan link back adalah dengan meletakkan Link To This Post di Blogger Sobat, ini sangat berguna untuk dan sangat informatif bagi para Blogger dan dapat di Copy paste di Blogspot Sobat

Caranya adalah sebagai berikut :

Pergi ke Template Sobat ->> Edit HTML ->> Kemudian cari <data:post.body/>
dan letakkan dibawahnya

Codenya adalah:

<b:if cond='data:blog.pageType == "item"'> <p>Do you like this post? Please link back to this article by copying one of the codes below.</p> URL: <textarea id="url" onclick="this.focus();this.select()" readonly="readonly" rows="2" style="background:#eee; height: 2.6em; width: 100%;" title="Click to highlight"><data:post.url/></textarea> HTML link code: <textarea id="HTML-code" onclick="this.focus();this.select()" readonly="readonly" rows="2" style="background:#eee; height: 2.6em; width: 100%;" title="Click to highlight"><a href="<data:post.url/>"><data:post.title/></a></textarea> BB (forum) link code: <textarea id="BB-code" onclick="this.focus();this.select()" readonly="readonly" rows="2" style="background:#eee; height: 2.6em; width: 100%;" title="Click to highlight">[url=<data:post.url/>]<data:post.title/>[/url]</textarea> </b:if>

Create a Spoiler SHOW-HIDE EFFECT

noreply@blogger.com (Unknown) — Mon, 31 Mar 2014 23:08:00 -0700

Letakkan Konten Gambar atau Tulisan di Hidden/Sembunyikan di Phrase HIDDEN CONTENT HERE
HTML nya adalah :

VISIBLE CONTENT HERE <div id="spoiler" style="display:none"> HIDDEN CONTENT HERE </div> <button title="Click to show/hide content" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Show/hide</button>

Contoh : klik button :

VISIBLE CONTENT HERE

Menu Breadcrumb Metro Style

noreply@blogger.com (Unknown) — Fri, 21 Mar 2014 01:12:00 -0700

cara pemasangan Menu Breadcrumb Metro Style di blog, masuk Edit HTML >> Expand Template.
Kemudian masukkan kode css dibawah ini sebelum kode ]]><b:skin>

CSS nya adalah :
#vn-brcmb{ background: #02ab68; width:620px; margin-left:20px; border-width: 1px; font-family:'Oswald', Arial, Helvetica, sans-serif; margin-top:40px; text-transform: uppercase; border-style: solid; border-color: #f5f5f5 #e5e5e5 #ccc; box-shadow: 0 0 2px rgba(0,0,0,.2); overflow: hidden; } #vn-brcmb li{ float: left; } #vn-brcmb a{ padding: .7em 1em .7em 2em; float: left; text-decoration: none; color: #444; position: relative; text-shadow: 0 1px 0 rgba(255,255,255,.5); background-color: #ff8c00; background-image: linear-gradient(to right, #f5f5f5, #ddd); } #vn-brcmb li:first-child a{ padding-left: 1em; } #vn-brcmb a:hover{ background: #ff8c00; } #vn-brcmb a::after, #vn-brcmb a::before{ content: ""; position: absolute; top: 50%; margin-top: -1.5em; border-top: 1.5em solid transparent; border-bottom: 1.5em solid transparent; border-left: 1em solid; right: -1em; } #vn-brcmb a::after{ z-index: 2; border-left-color: #ddd; } #vn-brcmb a::before{ border-left-color: #ccc; right: -1.1em; z-index: 1; } #vn-brcmb a:hover::after{ border-left-color: #ff8c00; } #vn-brcmb .current, #vn-brcmb .current:hover{ font-weight: bold; background: none; } #vn-brcmb .current::after, #vn-brcmb .current::before{ content: normal; } ul{ margin: 0; padding: 0; list-style: none; } #vn-brcmb .current, #vn-brcmb .current:hover{ font-weight: normal; background: none; } #vn-brcmb .current::after, #vn-brcmb .current::before{ content: normal; }

Kemudian cari Code <div class='blog-posts hfeed'>

Dan copykan di bawahnya :

<b:if cond='data:blog.homepageUrl == data:blog.url'>  <b:else/> <b:if cond='data:blog.pageType == "item"'>  <ul id='vn-brcmb'> <li><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></li> <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast == "true"'> <li><a expr:href='data:label.url' rel='tag'><data:label.name/></a></li> </b:if> </b:loop> <b:else/> </b:if><li><a class='current'><data:post.title/></a></li> </b:loop> </ul> <b:else/> </b:if></b:if>

6 Best Responsive Blogger Templates 2013 to Download for your Blog

noreply@blogger.com (Unknown) — Mon, 15 Jul 2013 00:18:00 -0700

6 Responsive theme is a theme or templatethat can automatically adjust the width of the browser or device resolution, making it easier for visitors to read the content. Responsive theme is rarely used in blogger, this is because bloggers already have a default template for the mobile user. 2013 is surely going to be the year where more and more sites move to a responsive layout. For blogger hosted blogs, a lot of free and premium responsive templates are already available and continue to be developed as the need increases.

1. Minimum Theme Blogger Template

Minimum Theme Blogger Template Demo | Download

2. Responsival - A Responsive Blog Template

Responsival - A Responsive Blog Template Demo | Download

3. MaxMag Responsive Blogger Templates

MaxMag Responsive Blogger Templates Demo | Download

4. Extra News Blogger Template

Extra News Blogger Template Download | Demo

5. DCM - White

DCM - White Demo | Download

6. Labnol

Labnol Demo | Download

Permalink blogspot yang cantik untuk meningkatkan seo on page blog

noreply@blogger.com (Unknown) — Mon, 8 Jul 2013 22:01:00 -0700

Permalink kali ini saya sudah di lengkapi dengan author box dimana di dalamnnya bisa di pasangi foto / gambar milik sobat, juga di lengkapi dengan url artikel yang auto drag ( otomatis ter blok ) . Contohnya bisa sobat lihat

Sobat yang tertarik dengan widget yang satu ini, silahkan ikuti tutorial berikut.

Cara Membuat Permanen Link di Blog

1. Login ke akun blog sobat.

2. Klik rancangan --> Edit HTML --> Centang kotak expand template widget

3. Letakkan kode berikut di atas kode ]]></b:skin>

.admin-tulisan{ width:auto; background:#f2f2f2; border:2px solid #000000; margin:30px 0 10px 0; display:block; font-family:"julee"; color:#000; } .admin-tulisan .kontainer{padding:5px;} .admin-tulisan h4{ background:#FF0000; border:none; border-bottom:1px solid #000000; color:#fff; font-family:"julee"; text-shadow:0 1px 0 rgba(0, 0, 0, 0.4); padding:5px 10px; margin:0 0 0 0; display:block; } .admin-tulisan h4 a{color:#000000;} .admin-tulisan img{ background:#000000; width:90px; height:100px; border:1px solid #000000; margin:3px 10px 0 0; float:left; padding:2px; box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none; }

4. Cari kode <data:post.body/> ( gunakan Ctrl + F ) dan letakkan kode berikut tepat di bawahnya.

 <b:if cond='data:blog.pageType == "item"'> <div class='admin-tulisan'> <h4>Ditulis Oleh : <b><data:post.author/></b> ~ Tips dan Trik Blogspot</h4> <div class='kontainer'> <img alt='Romi Fransisca' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXKUoOJ6-JePNWGHNLEsrliYNjRW4stmH8f-r1D5gij0uFIO7WMJYAhYQbNH9-ymaCsu6LGHo6FErfM62SH3_t1cDojU6HkEIkCAwy1pzy4CRSRpqGSM9BTG1mpvWELKdiNHo7BZY8_7m7/s1600/168557_615786695102730_1951750680_n.jpg'/> Sobat sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya <textarea cols='50' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'><a href="<data:post.url/>" target="_blank"><data:blog.pageName/></a></textarea> <p><span style='float:right;font:italic 10px Arial, Sans-Serif;'> <a href='http://tipstricks888.blogspot.com/2013/07/permalink-blogspot-yang-cantik-untuk.html' target='_blank'>:: Get this widget ! ::</a></span></p> <div style='clear:both;'/> </div> </div> </b:if>


5. Klik save dan lihat hasilnya.

Tambahan : Ganti kode yang berwarna merah dengan Url foto / gambar milik sobat Sesuaikan angka yang berwarna pink dengan ukuran template blog sobat ( ukuran textarea )

Cara Mempercepat Loading Blog

noreply@blogger.com (Unknown) — Sat, 29 Jun 2013 01:28:00 -0700

Dengan memasang script ini di blog ini di blog anda, loading blog memang sedikit lebih ringan karena script ini akan membantu meringankan gambar-gambar yang ada di blog sobat sehingga loading nya lebih cepat.

Dengan loading blog yang cepat, tentu akan membuat pengunjung senang dan betah begitu juga dengan sobat sendiri. Bagi yang tertarik untuk memasang nya, silahkan ikuti langkah-langkah di bawah. Berikut cara menambah kecepatan loading blog dengan script Load sistem - Membuat loading blog cepat -

Cara loading blog Cepat

1. Login ke akun Blogger anda.

2. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).

3. Cari kode </head> di template sobat (Untuk mempermudah pencarian, gunakan Ctrl+F atau F3).

4. Letakkan kode di bawah ini tepat di atas kode nomor 3 tadi :

<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script src='http://amronbadriza.googlecode.com/files/Lazyload%20Script.js' type='text/javascript'/> <script> $(function() { $("img").lazyload({placeholder : "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyIdzm5PItbYm3ZI-2Wyl8DeTohAkL7JgW6dZhpJ6mgmo8TzcJPDKvzMMw4l0vA-N62Jj-Y8Ud0dwkJLdWRxQUkqf3C6eDZCdJExS_GK859AMoOPSdKHh0VzobaVWG-uN9Vc9LtoQGN-0/s1600/loading.png",threshold : 200}); }); </script>

5. save/simpan template anda

Kalau sebagian blog post anda tidak jalan hapus saja kode ini :

<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

NB: Loadsytem script ini tidak bekerja pada semua blog. Ada kalanya blog yang dipasangi memang bisa bertambah cepat loading nya, tapi ada kala nya juga malah bertambah berat. Oleh karena itu sobat perlu mencoba dan mengamati nya dulu. Bila memang bisa bermanfaat buat blog sobat berarti silahkan dipasang, tapi kalau malah menjadikan loading blog tambah berat silahkan dihapus saja.

Sumber : http://www.seowaps.com/2013/04/cara-mempercepat-loading-blog_20.html

Membuat Halaman Muka Blog Tersendiri (Tanpa Posting)

noreply@blogger.com (Unknown) — Fri, 28 Jun 2013 01:26:00 -0700

Caranya adalah sebagai berikut :

Log in ke blogger.com

Masuk ke menu template dan klik edit html

Cari kode dibawah ini :

<b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/> </b:section>

Tepat di atas kode tersebut, letakkan kode ini:

<b:if cond='data:blog.url == data:blog.homepageUrl'> <b:section class='main' id='homepage'></b:section> <b:else/>

dan di bawahnya, letakkan kode ini:

</b:if>

hasilnya seperti ini :

<b:if cond='data:blog.url == data:blog.homepageUrl'> <b:section class='main' id='homepage'></b:section> <b:else/> <b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/> </b:section> </b:if>

Simpan template

Gambarnya seperti dibawah ini :

Sumber : http://www.dte.web.id/2012/03/tip-membuat-halaman-muka-blog.html#.Uc0YUjuBmRY

Efek Zoom yang Bikin Pusing Postingan Blog

noreply@blogger.com (Unknown) — Thu, 27 Jun 2013 01:38:00 -0700

Silahkan sobat ikuti tutorial di bawah ini ...!

1.Login dulu dong ke Blogger

2.Trus klik Edit HTMl

3.Cari kode ]]></b:skin> dan pastekan kode dibawah ini diatasnya

4. lihat hasilnya OK KHANNNNNNNN.............

Kode HTML nya :

.post img{-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}.post img:hover{-o-transform:scale(1.2) rotate(360deg) translate(0px);-moz-transform:scale(1.2) rotate(360deg) translate(0px);-webkit-transform:scale(1.2) rotate(360deg) translate(0px);-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}}

5. Selesai BRO........

Populer Post Warna Warni Menjadi Berwarna-Warni

noreply@blogger.com (Unknown) — Sat, 22 Jun 2013 01:43:00 -0700

Pada konfigurasi widget Posting Populer, pastikan bahwa Anda memilih model widget berupa thumbnail dan judul. Setelah itu masuk ke editor HTML template. Salin kode CSS ini dan letakkan di atas kode ]]></b:skin>

/* Custom CSS for Blogger Popular Post Widget */ .PopularPosts ul, .PopularPosts li, .PopularPosts li img, .PopularPosts li a, .PopularPosts li a img { margin:0 0; padding:0 0; list-style:none; border:none; background:none; outline:none; } .PopularPosts ul { margin:.5em 0; list-style:none; font:normal normal 13px/1.4 "Arial Narrow",Arial,Sans-Serif; color:black; counter-reset:num; } .PopularPosts ul li img { display:block; margin:0 .5em 0 0; width:50px; height:50px; float:left; } .PopularPosts ul li { background-color:#eee; margin:0 10% .4em 0; padding:.5em 1.5em .5em .5em; counter-increment:num; position:relative; } .PopularPosts ul li:before, .PopularPosts ul li .item-title a { font-weight:bold; font-size:120%; color:inherit; text-decoration:none; } .PopularPosts ul li:before { content:counter(num); display:block; position:absolute; background-color:black; color:white; width:30px; height:30px; line-height:30px; text-align:center; top:50%; right:-10px; margin-top:-15px; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; } /* Set color & level */ .PopularPosts ul li:nth-child(1) {background-color:#E11E28;margin-right:1%} .PopularPosts ul li:nth-child(2) {background-color:#FD3C03;margin-right:2%} .PopularPosts ul li:nth-child(3) {background-color:#FECB09;margin-right:3%} .PopularPosts ul li:nth-child(4) {background-color:#6EBE27;margin-right:4%} .PopularPosts ul li:nth-child(5) {background-color:#149A48;margin-right:5%} .PopularPosts ul li:nth-child(6) {background-color:#5BBFF1;margin-right:6%} .PopularPosts ul li:nth-child(7) {background-color:#61469C;margin-right:7%} .PopularPosts ul li:nth-child(8) {background-color:#863E86;margin-right:8%} .PopularPosts ul li:nth-child(9) {background-color:#863E62;margin-right:9%} .PopularPosts ul li:nth-child(10) {background-color:#815540;margin-right:10%}

Done.

Sumber : http://www.dte.web.id/2013/02/colorful-popular-post-widget.html#.UcVgUGcZSUQ

Cara membuat Recent Post Blog News Ticker

noreply@blogger.com (Unknown) — Tue, 23 Oct 2012 19:40:00 -0700

1. Pertama buka link ini : http://www.rsspump.com/default.aspx
2. Pada kolom Add RSS Feeds, masukan URL RSS Feed blog anda atau RSS Feed berita lain,
3. Setelah selesai loadingnya Lihat preview, jika sudah kelihatan link RSS Feed tersebut kita sudah siap untuk copy paste script tersebut.

Untuk menambahkan ke blog, login ke blogger.com lalu pilih tata letak, tambahkan widget/gadget HTML/Java Script. Paste kode yang sudah dicopy tersebut di sana. Coba lihat hasilnya.

Contoh :
<div style="background-color: none transparent;"> <a href="http://www.kontactor.com/?website_monitoring" title="Website Monitoring">Website Monitoring</a></div>

Add Facebook Recommendations Bar To Blogspot

noreply@blogger.com (Unknown) — Mon, 22 Oct 2012 21:01:00 -0700

Langkahnya sbb :
Agar plugin ini bekerja Anda perlu membuat App Facebook . Metode di bawah ini adalah metode standar untuk menciptakan App FB . Masuk ke Facebook Apps

Klik pada tombol Create New App diatas sebelah kanan aplikasi baru Pada kotak yang muncul, ketik "My Recomendation Bar" di dalam kolom nama App dan Klik Continue.

Masukkan kode keamanan captcha. Klik Submit app anda hampir selesai. Cukup klik tab Masuk Website dengan Facebook dan di dalam kotak input URL blog Anda. Lihat gambar di bawah. Jangan menyentuh pilihan yang lain dan klik Save Changes.

Anda akan melihat dua string alpha-numerik karakter. Salah satunya adalah App ID dan yang lainnya adalah App rahasia. Hanya menyalin kode App ID dan tetap menyimpan dalam notepad. Kita akan membutuhkannya nanti.

Congrats App akhirnya tercipta! Mari kita lanjutkan ke step2 Ikuti langkah-langkah untuk menambahkan bar untuk Blogger:

Pergi ke Blogger> Template Backup template Anda Klik Edit HTML>

Lanjutkan Cari kode dibawah ini:

<html

sehingga menjadi :

<html xmlns:fb='http://ogp.me/ns/fb#'

Kemudian cari kode <body> kemudian letakkan kode dibawah ini tepat dibawah <body>

kodenya :

<div id='fb-root'/> <script> //Facebook Recommendation bar by www.mybloggertricks.com //<![CDATA[ (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=***************"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); //]]> </script> <b:if cond='data:blog.pageType == "item"'><b:if cond='data:blog.pageType != "static_page"'><div style='z-index:999999; position:absolute;'> <fb:recommendations-bar action='like' max_age='0' num_recommendations='3' read_time='10' side='right' site='http://www.tipstricks888.blogspot.com' trigger='40%'/></div> </b:if></b:if>

Anda hampir selesai. Membuat perubahan ini:

Ganti *************** dengan 15 digit App ID Anda yang Anda simpan dalam Langkah 1. Ganti http://www.tipstricks888.blogspot.com dengan link blog Anda

Kemudian letakkan kode berikut dibawah <head>

KOdenya

<meta content='article' property='og:type'/> <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/> <meta expr:content='data:blog.title' property='og:site_name'/> <meta expr:content='data:blog.pageName' property='og:title'/> <b:if cond='data:blog.metaDescription != ""'> <meta expr:content='data:blog.metaDescription' name='description'/> </b:if>

Selesai dan lihat hasilnya

Free Download Ultraiso Full Version Include SN and Keygen

noreply@blogger.com (Unknown) — Fri, 27 Jul 2012 19:24:00 -0700

UltraISO Overview

UltraISO is a CD image file creating/editing/converting tool, it can directly
edit the CD image file and extract files and folders from it, as well as make
ISO files from your CD-ROM or hard disk. At the same time, you can maintain the
ISO bootable information, thus creating your own bootable CDs. With UltraISO,
you now have the power to make and edit your own ISO files, and then burn them
to CD for your own needs.

UltraISO runs on Windows95/98/Me/NT/2000/XP operating system.

UltraISO can:

1. Duplicate disc to ISO file from CD-ROM.
2. Build file on hard disk, CD-ROM, net drive to one ISO file.
3. Extract files from ISO file.
4. Edit ISO file in many format (such as Nero burning ROM, Easy CD Creator,
     CDRWin, CloneCD, BlindWrite, etc.).
5. Make bootable ISO file.
6. Create/Edit Audio CD image.

Some details:

1. Can directly edit the ISO image file.
2. Can directly extract files and folders from ISO image file
3. Can add / delete /create new directory /rename ISO file image content.
4. Can make ISO file from hard disk document.
5. Can create CD image from CD-ROM, maintain bootable information.
6. Can process the compact disc boot information, you can directly
      add/remove/extract boot image of the ISO image.
7. Supports nearly all known CD image file formats (.ISO, .BIN, .IMG, .CIF,
     .NRG, .BWI and so on) , and converts them to the standard ISO form image.
8. May directly set the file/folder to hidden attribute
9. Supports ISO 9660 Level1/2/3 and Joliet extension
10. Automatically optimizes the ISO image file structure, saves the CD space.
11. Supports the shell document type integration, Open Image files through
        double clicking them or the Right Click menu of the mouse with the open dialog.
12. The double window user interface is extremely convenient to use.
13. There are rich add-on tools, you can create ALL in 1 bootable compact discs,
         CD image file management, even the virtual CD/DVD drive , those functions
         are really powerful.

DOWNLOAD HERE

Bagaimana cara Indexed Blog/Website Baru Anda Oleh Google dengan Cepat

noreply@blogger.com (Unknown) — Wed, 30 May 2012 00:23:00 -0700

Bagaimana cara supaya Website Baru Anda (Blog) cepat di index oleh Google.
Ada banyak website yang akan memberitahu website atau peringkat halaman blog, nilai, jumlah pengunjung, alexa rank, dll. Sekarang jika Anda ingin website Anda yang baru dibuat untuk diindeks oleh Google dan mesin pencari lainnya, kemudian membuat penggunaan situs web yang memiliki nilai peringkat yang tinggi

Hanya menyalin semua situs web di yourdomain.com di notepad dan edit dengan nama website Anda dan kemudian membuka semua situs satu per satu dan tunggu sampai selesai, dalam 2-3 hari website baru Anda akan diindeks.

Linknya adalah :

    whois.ws/whois-info/ip-address/romifplus.blogspot.com
    whoisx.co.uk/romifplus.blogspot.com
    www.quantcast.com/romifplus.blogspot.com
    www.thegetpr.net/site/romifplus.blogspot.com
    nakedweb.org/www.romifplus.blogspot.com
    tatlia.com/www.romifplus.blogspot.com
    websitevaluebot.com/www.romifplus.blogspot.com
    peekstats.com/romifplus.blogspot.com
    webworth.info/romifplus.blogspot.com
    statswebsites.com/www.romifplus.blogspot.com
    cash81.com/www.romifplus.blogspot.com
    www.cubestat.com/www.romifplus.blogspot.com
    whois.tools4noobs.com/info/romifplus.blogspot.com
    www.alexa.com/siteinfo/romifplus.blogspot.com
    www.alexa.com/data/details/?url=romifplus.blogspot.com
    www.siteadvisor.cn/sites/romifplus.blogspot.com
    whois.domaintools.com/romifplus.blogspot.com
    www.aboutdomain.org/backlinks/romifplus.blogspot.com
    www.whoisya.com/romifplus.blogspot.com
    www.who.is/whois-com/romifplus.blogspot.com
    www.robtex.com/dns/romifplus.blogspot.com
    statout.com/www.romifplus.blogspot.com
    georanks.com/www.romifplus.blogspot.com
    webrapport.net/www.romifplus.blogspot.com
    worthlook.com/www.romifplus.blogspot.com
    worth.im/www.romifplus.blogspot.com
    www.statbrain.com/www.romifplus.blogspot.com
    www.builtwith.com/?romifplus.blogspot.com
    www.aboutus.org/romifplus.blogspot.com
    uptime.netcraft.com/up/graph?site=romifplus.blogspot.com
    www.pageheat.com/heat/romifplus.blogspot.com
    www.aboutthedomain.com/romifplus.blogspot.com
    websiteshadow.com/romifplus.blogspot.com
    domainsearch101.com/domainsearch/romifplus.blogspot.com
    page2rss.com/page?url=romifplus.blogspot.com
    www.surcentro.com/en/info/romifplus.blogspot.com
    www.quarkbase.com/romifplus.blogspot.com
    www.esitestats.com/romifplus.blogspot.com
    websitevaluebot.com/www.romifplus.blogspot.com

    http://www.siteadvisor.cn/sites/romifplus.blogspot.com/summary/

    http://whois.domaintools.com/romifplus.blogspot.com

    http://www.aboutdomain.org/backlinks/romifplus.blogspot.com.com/

    http://www.whoisya.com/romifplus.blogspot.com

    http://www.who.is/whois-com/romifplus.blogspot.com

    http://www.robtex.com/dns/romifplus.blogspot.com.html

    http://www.zimbio.com/search?q=romifplus.blogspot.com&btnG=Search

    http://whois.ws/whois-info/ip-address/romifplus.blogspot.com/

Note:

Ganti url romifplus.blogspot.com dengan url anda

Jika Anda ingin membuka semua situs sekaligus, Anda dapat menggunakan URLopener. Hanya menyalin situs ini semua,edit dengan nama domain Anda dan paste ke URLopener dan klik Submit dan trus open all kemudian tunggu untuk memuat semua situs, memakan waktu beberapa menit, kemudian tutup semua tab.

source : http://www.digitalgupshup.com/how-to-get-indexed-your-new-website-blog-by-google-fast-quickly/

Larangan mengganti walpaper

noreply@blogger.com (Unknown) — Fri, 18 May 2012 21:48:00 -0700

Apabila anda ingin melarang semua pengguna komputer untuk mengganti wallpaper, mungkin trik ini dapat membantu anda.

Caranya adalah sebagai berikut :

1. Buka Registry editor dengan mengetikkan regedit dari dalam menu Start >> Run
2. Setelah program terbuka masukkan ke dalam key HKEY_CURRENT_USER | Software | Microsoft | Wndows | CurrentVersion | Policies
3.Buat key baru dengan mengklik kanan Policies
4.Pilih New | Key dan namakan dengan ActiveDesktop
5.Dari key baru tersebut dijendela bagian kanan klik kanan bidang kosong pilih New | Dword Value dan
namakan dengan ChangingWalpaper
6.Klik ganda entry tersebut dan beri nilai 1 pada Value Data
7.Klik OK
8.Tutup Registry editor dan restart komputer anda

Bagaimana cara membuat Efek Zoom gambar dengan Jquery

noreply@blogger.com (Unknown) — Thu, 17 May 2012 01:26:00 -0700

Bagaimana cara kerja Efek Zoom gambar dengan Jquery adalah waktu anda klik gambar, maka gambar akan tetap di tampilkan di halaman tersebut dengan efek gambar menjadi membesar (efek zoom image. Lankahnya adalah sebagai berikut :

1.Log in ke blogger anda
2.Klik rancangan » edit HTML » centang kotak Expand Template Widget
3.Cari kode ]]></b:skin> dengan CTRL+F
4.Dan tempatkan kode dibawah ini diatas kode ]]></b:skin>

div.jquery-image-zoom { line-height: 0; font-size: 0; z-index: 10; border: 5px solid #fff; margin: -5px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } div.jquery-image-zoom a { background: url(http://lh6.ggpht.com/_xcD4JK_dIjU/TEfN4VrRQPI/AAAAAAAAESY/so-0qObS1BM/d/jquery.imageZoom.png) no-repeat; display: block; width: 25px; height: 25px; position: absolute; left: -17px; top: -17px; /* IE-users are prolly used to close-link in right-hand corner */ *left: auto; *right: -17px; text-decoration: none; text-indent: -100000px; outline: 0; z-index: 11; } div.jquery-image-zoom a:hover { background-position: left -25px; } div.jquery-image-zoom img, div.jquery-image-zoom embed, div.jquery-image-zoom object, div.jquery-image-zoom div { width: 100%; height: 100%; margin: 0; }

5.Cari kode </head> dan tempatkan kode dibawah ini tepat diatas kode </head>

kodenya :

6. Selesai deh Demonya disini

Source deejayhan

Cara membuat Tabel blogspot di Google Document

noreply@blogger.com (Unknown) — Wed, 16 May 2012 01:18:00 -0700

Cara membuat table untuk blogspot dengan memanfaatkan Google Document yang telah ada secara online. Tabel di Google Document ini sama persis dengan Spread Sheet yang ada pada Microsoft Excel .Google Document ini sangatlah praktis membuatnya lagi pula Online lagi hehe

Oke Kita langsung saja ke TKP bagaimana cara membuat Tabel di Google Document dan nanti kita sematkan pada Blogspot :

1. Login ke Google Document (disini anda harus punya account google kalau belum ada buat disini

2. Kemudian Klik Buat seperti yang ada di gamber :

3. Setelah itu klik Spreadsheet

4. Ganti Judul Spreadsheet anda

5. Kemudian isi Data Tabel Spreadsheet seperti di Microsoft Excel.

6. Setelah selesai pekerjaan anda Simpan dengan klik File >> Publikasikan ke Web

7. Setelah itu anda klik Mulai menerbitkan spt gambar dibawah :

8. Untuk menyematkan di blogspot ambil kode htmlnya dengan meng klik Tulisan Laman Web dan ambil HTML yang disematkan pada satu laman

9. Selesai deh pekerjaan kita selanjutnya dalam meletakkan htmlnya tinggal kita letak kan pada postingan atau di page element blogspot

10. Selamat Mencoba dan liat hasil yang Saya buat disini

Direct Link Download (Sekali Klik Langsung Download)

noreply@blogger.com (Unknown) — Tue, 15 May 2012 00:06:00 -0700

Caranya membuat download langsungnya bagaimana? kita gunakan google code. Disini memiliki kapasitas penyimpanan sampe 4 giga untuk satu project yang kita buat, kalau kita buat beberapa projec, wah bisa nambah kapasitas, dan yang penting ini gratis (paling tidak sampe ini di tulis). Langusung ke cara membuat acount di google code yuk.

1. Buka http://code.google.com/
2. Klik new project
3. Isi data yang di butuhkan

Project Name	:	Nama Project nya, gampangnya folder lah. Nama blog aja!
Project Sumary	:	Isi aja sama dengan di atas
Descripsi	:	Projectnya tentang apa
Version control system	:	Mercurial
Source code license	:	GNU GPL v3
Project label(s)	:	Kosongin juga ga papa

4. Tekan Creating new project

Sedangkan untuk cara mengupload filenya, kita gunakan cara seperti ini.
1. Masuk ke google code
2. Cari tab Download
3. Klik New Download
4. Isi data seperlunya
5. Browse, file yang ingin di upload
6. Submite File
7. Tunggu dah.

Cara di atas menggunakan kata kata download, memang agak aneh soalnya kita biasa mengunakan kata upload untuk memasukan file ke internet, tapi ya sudah, yang penting kan bisa di pake. Kemudian untuk memubuat link direct download seperti apa?

1. Klik pada file yang ud di upload
2. Dekatkan Crusor pada nama file yang ud di upload, kemudian
3. Klik kanan, pilih copy link location.
4. Masukan Link tersebut ke postingan supaya menghasilkan direct download.