Lagi bingung mencari sana-sini hosting yang gratisan, susahnya minta ampun... Eh, ketemu sama yang namanya IDHOSTINGER. Setelah saya lihat-lihat ternyata hosting ini punya banyak sekali kelebihan dibandingkan dengan hosting-hosting lainnya. ayo kita lihat kelebihannya :

• Space 2 GB.
• Bandwith 100 GB
• Support PHP dan MySQL. Mendukung PHP dan MySQL tanpa batasan. Anda juga akan mendapatkan akses penuh terhadap PHP dan MySQL Anda.
• Tidak ada iklan teks, pop-ups maupun banner yang sangat mengganggu. Website Anda 100 persen bebas dari iklan idhostinger.
• Script dan CMS Auto Installer. Hanya dengan melakukan beberapa klik, Anda dapat menginstall WordPress, Joomla, forum, toko online dan masih banyak lagi. Sebuah website profesional pun dapat Anda buat hanya dalam beberapa menit saja!
• Website builder yang mudah digunakan. Anda dapat membuat website dengan sangat mudah. Bahkan seorang pemula pun dapat membuat website yang bagus dengan menggunakan website builder IdHostinger. Silahkan pilih satu dari 100 template profesional Idhostinger.
• Undang teman Anda untuk bergabung dengan Hostinger dan dapatkan hadiah yang luar biasa. Nih, bisa dilihat hadiahnya :

Afiliasi yang dibutuhkan		Deskripsi
3		Gratis untuk melakukan upgrade ke hosting premium kami! Space dan bandwidth tidak terbatas!
5		Kejutkan teman anda dengan permen karet listrik ini.
10		MP3 player ini sangat kecil dan mudah digunakan serta mendukung Micro-SD hingga 8 GB.
20		USB rokok elektrik dengan 6 isi ulang.
30		Latih pergelangan anda dan bersenang-senanglah dengan PowerBall ini!
50		USB Flash disk dari stainless yang dapat memanjang dan memendek.
60		Gratis pendaftaran domain .COM
70		Kamera pengintai kecil dengan USB drive yang bekerja seperti ball point.
240		7" Touch Screen LCD Google Android 2.2 Tablet PC!

• Cepat dan handal. Akun berada di dedicated server dengan prosesor Intel Xeon, RAM 16GB dan SSD drive. Semua server terhubung dengan koneksi 1000MB/s untuk memberikan akses dengan cepat. Kami menjamin uptime website Anda 99.9%.
• Untuk cara pendaftarannya sangat mudah saya kira, sehingga tidak akan saya jelaskan disini. Nah, untuk memulai registrasi silahkan klik link ini : REGISTER/DAFTAR

selamat mencoba

Read More

Emang sih blogspot dah menyediakan tombol berbagi, nah yang jadi permasalannya apabila kita mengganti templates blog nah disitu yang menjadi penyebab tidak munculnya tombol berbagi :

setelah bertanya kepada embah google akhirnya bisa juga menampilkan kembali tombol yang hilang / tidak muncul tadi. 

ok kita langsung aja ke pokok permasalahan  seperti biasa Login ke Blogger-> Klik Rancangan -> Edit HTML-> Centang pada kotak Expand Template Widget. cari code seperti dibawah ini :

<p class='post-footer-line post-footer-line-3'>

kalau tidak ketemu coba yang ini

<div class='post-footer-line post-footer-line-3'>

masih tidak ketemu juga coba yang ini

<data:post.body/>

kalau udah ketemu masukan code di bawah ini tepat di bawah code yang diatas :

<div class='post-share-buttons'>
  <b:include data='post' name='shareButtons'/>
</div>

save dan lihat hasilnya .

kalu masih tidak muncul cari code dibawah ini :

<b:includable id='shareButtons' var='post'>

sampai dengan code :

</b:includable>
kalau udah ketemu hapus semua trus gantikan dengan  code 
dibawah ini :

<b:includable id='shareButtons' var='post'>
  <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>
      <span class='share-button-link-text'><data:top.emailThisMsg/></span>
  </a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'>
      <span class='share-button-link-text'><data:top.blogThisMsg/></span>
  </a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'>
      <span class='share-button-link-text'><data:top.shareToTwitterMsg/></span>
  </a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'>
      <span class='share-button-link-text'><data:top.shareToFacebookMsg/></span>
  </a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'>
      <span class='share-button-link-text'><data:top.shareToOrkutMsg/></span>
  </a></b:if><b:if cond='data:top.showBuzzButton'><a class='goog-inline-block share-button sb-buzz' expr:href='data:post.sharePostUrl + &quot;&amp;target=buzz&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=415,width=690\&quot;); return false;&quot;' expr:title='data:top.shareToBuzzMsg' target='_blank'>
      <span class='share-button-link-text'><data:top.shareToBuzzMsg/></span>
  </a></b:if>
  <b:if cond='data:top.showDummy'>
    <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
  </b:if>
</b:includable>

save dan lihat hasilnya kalau masih tidak mau muncul tambah lagi dengan code yang terakhir dengan code ini pasti tombol berbagi anda pasti muncul  letakan code dibawah ini sebelum code </head> 

<script src='https://apis.google.com/js/plusone.js'/>

save dan lihat hasilnya pasti udah muncul kembali .

selamat mencoba kawann

sumber : bloggerplugins

Read More

untuk pengertian Feed kamu bisa cari aja di mbah google , pada intinya feed itu adalah isi dari blog heheheheheheh woke kita langsung ke pokok permasalahan , caranya ni dibawahh langsung aja gampang bin mudah ko

1. Seperti biasa login dulu di blogger
2. ke menu Layout ---> Page Elements
3. Terus Add A Gagdet pilih Feed
4. Nah... Feed URL isikan Seperti dibawah ini

• Jika buat Recents Post taruh URL
• http://AlamatBlog.blogspot.com/feeds/posts/default

• Jika mau buat Recents Comments
• http://AlamatBlog.blogspot.com/feeds/comments/default

Kemudian Continue dan Atur deh yang lainya...
Jangan Lupa Ganti tulisan AlamatBlog yang tercetak tebal dan merah diatas dengan Alamat Blog anda woke

semogga bemanfaat

Read More

Mengatur link agar terbuka di tab baru sangat penting untuk menjaga agar pembaca tidak keluar dari blog yang sedang dibaca atau ditampilkan karena link yang dituju terbuka pada link blog asal. Dan juga jika tidak diatur dengan tepat maka akan membuat pembaca kesulitan terutama pada tulisan yang bersifat tutorial, disini sedikit membagi bagaimana cara membuat link blog agar otomatis terbuka di tab baru.Untuk format penulisan link buka tab baru tidak berbeda dengan format penulisan link biasanya, hanya saja untuk link buka tab baru diganti pada target menjadi new.

Link biasa :

<a href="http://oyetasra.blogspot.com/" target="blank">Klik disini</a>

Link buka tab baru :

<a href="http://oyetasra.blogspot.com/" target="new">Klik disini</a>

Pada kedua link tampak perbedaan pada link biasa dengan link buka tab baru, hanya tinggal diganti dengan new. Semoga penjelasan singkat ini membantu, 

Selamat mencoba.

Sumber christinarwen

Read More

Untuk Sobat Blogger Yang Ingin Meningkatkan Traffic Link, ayoo..Gabung disini..!!!

Read More

widget kode warna ini sangat bermanfaat bagi para blogger. Widget ini dapat mempermudahkan sobat dalam menemukan Kode Warna Pada Blog. Selain itu kita dapat merubah warna dari background blog, teks blog, link blog, dll. Kode warna adalah suatu hal pokok yang wajib diketahui oleh para blogger, jadi langsung saja anda pasang widget ini di blog sobat

CONTOH

bagi yang mau memasang widget warna ini, caranya seperti biasa ...

• login ke blogger 
• Masuk ke Tata letak >> Elemen halaman
• Tambahkan Gadget lalu pilih yang HTML/javascript
• Masukan kode di bawah ini ke dalamnya

<center><div id="TrixCGv1">

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="400" height="430" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab"><param name="movie" value="http://e-infotainment.com/applications/color-code-generator/v1/trixcgv1.swf">

<param name="quality" value="high">

<param name="bgcolor" value="#cccccc">

<embed src="http://e-infotainment.com/applications/color-code-generator/v1/trixcgv1.swf" quality="high" bgcolor="#cccccc" width="400" height="430" name="flash" align="middle" play="true" loop="false" quality="high" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed></object></div>

</center>

sumber : arjermania

Read More

nah bagi yang sudah mahir dalam kode html pasti sudah pada tau bahkan munkin pada hapal cara membuat banner link code . karena code ini  merupakan code html dasar. nah ini untuk para pemula yang baru menjajakan dirinya di dunia blogger. perintahnya pun hampir sama dengan membuat teks link. Untuk dapat membuat banner yang bisa nge-link ke suatu halaman kodenya adalah sebagai berikut :

<a href="http://NAMA BLOG KAMU"><img src="http://ALAMAT KAMU MENYIMPAN BANNER" alt="JUDUL BANNER KAMU" width="120" height="60" border="0"></a>

Setelah kamu mendisain banner yang kamu inginkan, maka kamu perlu untuk menguploadnya dengan menggunakan layanan pihak ke3, jangan takut kamu bisa melakukannya tanpa harus bayar: kamu bisa menuju ke picasa web.  

Untuk width dan height bisa kamu sesuaikan dengan ukuran banner yang kamu buat.

Read More

Untuk membuat artikel terkait atau related post, kita akan sedikit mengubek-ubek kode HTML template kita. Sampai pusing kepala mata perih jadinya..hehehehehehehhehe..
Jadi saya sarankan untuk Download dulu template anda untuk membackup kalau terjadi kesalahan atau tidak support dengan template anda..

• Buka edit HTML, caranya Login ke Blogger-> Klik Rancangan -> Edit HTML
• centang pada kotak Expand Template Widget.
• Cari kode <p><data:post.body/></p> (jika kesulitan mencari tekan CTRL+F dan ketikkan kode tersebut lalu tekan enter), atau jika tidak ada mungkin kodenya seperti ini <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if> tergantung template anda, yang penting terdapat kode ini <data:post.body/>
• Jika sudah ketemu letakan kode dibawah ini dibawah kode diatas, jika terdapat 2 kode yang sama seperti yang diatas letakan diantarannya.

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='similiar'>

<div class='widget-content'>

<h3>Artikel Terkait</h3>

<div id='data2007'/><br/><br/>

<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;

var maxNumberOfPostsPerLabel = 7;

var maxNumberOfLabels = 7;

maxNumberOfPostsPerLabel = 12;

maxNumberOfLabels = 4;

function listEntries10(json) {

var ul = document.createElement(&#39;ul&#39;);

var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?

json.feed.entry.length : maxNumberOfPostsPerLabel;

for (var i = 0; i &lt; maxPosts; i++) {

var entry = json.feed.entry[i];

var alturl;

for (var k = 0; k &lt; entry.link.length; k++) {

if (entry.link[k].rel == &#39;alternate&#39;) {

alturl = entry.link[k].href;

break;

}

}

var li = document.createElement(&#39;li&#39;);

var a = document.createElement(&#39;a&#39;);

a.href = alturl;

if(a.href!=location.href) {

var txt = document.createTextNode(entry.title.$t);

a.appendChild(txt);

li.appendChild(a);

ul.appendChild(li);

}

}

for (var l = 0; l &lt; json.feed.link.length; l++) {

if (json.feed.link[l].rel == &#39;alternate&#39;) {

var raw = json.feed.link[l].href;

var label = raw.substr(homeUrl3.length+13);

var k;

for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);

var txt = document.createTextNode(label);

var h = document.createElement(&#39;b&#39;);

h.appendChild(txt);

var div1 = document.createElement(&#39;div&#39;);

div1.appendChild(h);

div1.appendChild(ul);

document.getElementById(&#39;data2007&#39;).appendChild(div1);

}

}

}

function search10(query, label) {

var script = document.createElement(&#39;script&#39;);

script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;

+ label +

&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);

script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);

document.documentElement.firstChild.appendChild(script);

}

var labelArray = new Array();

var numLabel = 0;

<b:loop values='data:posts' var='post'>

<b:loop values='data:post.labels' var='label'>

textLabel = &quot;<data:label.name/>&quot;;

var test = 0;

for (var i = 0; i &lt; labelArray.length; i++)

if (labelArray[i] == textLabel) test = 1;

if (test == 0) {

labelArray.push(textLabel);

var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?

labelArray.length : maxNumberOfLabels;

if (numLabel &lt; maxLabels) {

search10(homeUrl3, textLabel);

numLabel++;

}

}

</b:loop>

</b:loop>

</script>

</div>

</div>

</b:if>

• Save atau Simpan Template

nah kalau mau dengan menu scroll,, pake kode yang di bawah ini

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/>
<br/>
<H2>Artikel Terkait:</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;albri&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
<script type="text/javascript">RelPost();</script>
</div>
</b:if>

• Save atau Simpan Template

catatan  : var maxNumberOfLabels  7 dan 10 menandakan jumlah artikel yang mau di tampilkan

Mudah bukan! Cara Membuat Artikel Terkait....! selamat mencoba

Read More

Untuk memposting kode HTML pada blogger, anda harus menggunakan tool untuk mengkonversi atau mengubah kode HTML menjadi kode yang dapat dibaca pada blogger.

Jika tidak, setiap kali kita memposting. Kode HTML-nya tidak akan muncul pada artikel. Misalnya kode < harus diganti dengan < dan kode < harus diganti dengan &lt;

Berikut adalah cara untuk mengubah kode HTML menjadi kode yang dapat dibaca pada artikel:

1. buka http://www.opinionatedgeek.com/DotNet/Tools/HTMLEncode/Encode.aspx

2. masukan code html yg mau diposting : <script type='text/javascript'>

3. trus klik  encode kemudian akan muncul kode baru,,,

4. Gunakan kode tersebut untuk diposting pada blogs

semoga bermamfaat...!!!!!!!

Read More

ternyata penting juga memposting artikel ini,,berguna tuk dirie sendiri and orang banyak,,, yah belajar dari pengalaman,, pas mau ganti template blog kita,,yahh yang udah di setting pada berubah semua,,, ahhh pusing jadinya cari2 lagi,,, n bertanya kepada embah google...tentang template ,

Jika yang biasanya hanya judul yang terkait dengan yang kita buka (baca) tapi kali ini kita akan membuat tulisan terkait dengan diseratai thumbnail yang ada di postingan yang terkait dengan tulisan (artikel) yang kita baca.

Artikel terkait yang disertai thumbnail (gambar kecil) tidak hanya diam, tetapi berjalan kesamping,,,,,,,

nah jika anda tidak ingin menggunakan widget dari pihak ketiga silahkan mencoba tutorial berikut:

1. seperti biasa, silahkan loggin dahulu ke account blogger anda, pada dasbor pilih atau klik rancangan .>>; edit HTML >>>>; jangan lupa untuk mencentang kotak kecil disamping tulisan Expand Template Widget.
2. Tekan control F atau F3 dan cari kode </head>
3. Selanjutnya letakkan kode berikut diatas kode nomor dua tadi:

<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts  a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

4. kemudian cari kode ini :

<div class='post-footer-line post-footer-line-1'>

atau mungkin yg ini

<p class='post-footer-line post-footer-line-1'>

5. selanjutnya letakan code berikut ini setelah kode nomor 4 tadi : 

<!-- Marquee Serbablog Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=12&quot;' type='text/javascript'/></b:if></b:loop>
<h3><b>Related Posts</b></h3>
<marquee align='center' behavior='alternate' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=10;
var relatedpoststitle=&quot;&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script></marquee>
</div><div style='clear:both'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://oyetasra.blogspot.com/2011/05/trik-memasang-artikel-terkait-bergambar.html' style='display:none;'>Thumbnail Related Post</a>
<a href='http://www.bloggerplugins.org/' style='display:none;'>blogger tutorials</a>
</b:if>
</b:if>
<!-- Marquee Serbablog Related Posts with Thumbnails Code End-->

6. selesai, save n lihat blog anda apakah berhasil

var maxresults=10;

Berarti artikel terkait yang akan kita tampilkan adalah 10

var relatedpoststitle="Thumbnail Related Post";

Judulnya adalah Thumbnail Related Post

Read More