Google Insight For Maximize Blog Keyword

Assalamualaikum wr.wb

Halo sobat sharelikers sekalian dimanapun sobat berada,Bila sobat seorang tukang somay eh salah tukang bakso eh salah juga maksudnya seorang Blogger tentu sobat Sobat ingin Blog sobat senantiasa dibanjiri oleh para visitor dari berbagai negara bahkan dunia,akan tetapi sobat tidak tau cara mengimprovisasi kontent blog sobat,Nih Yang penting share share Tool keren dari Google,Buat yang ngeblog dan lagi buntu sama yang namanya Ide dan inspirasi,Tool ini bisa jadi batu sandungan eh maksudnya jalan tikus keluar bagi kesulitan sobat tersebut.

Google insight atau yang namanya itu dalam bahasa Ibu kita kartini"google wawasan" ini akan membantu saya dan juga sahabat yang lagi buntu akan ide atau memang seorang Keyword Shooter sejati.Sobat bisa menggunakan google insight untuk suatu negara saja dan dalam kurun waktu tertentu saja atau sobat bisa melihat dalam waktu selama ini sampai keseluruh dunia.Di tool yang saya postingkan ini saya mengembed (bukan mengembek#kambing) tool google insight untuk penelusuran Keyword top markotop sekarang dan juga Keyword yaang lagi melejit saat ini dalam konteks wilayah tanah air beta tercinta yaitu indonesia gituloh

Berikut Cuplikan toolnya berikut Ini,dan sobat boleh membookmark,menandai,mencoret laptop atau layar monitor sobat buat nandain ini tool hehehe,Nah silahkan cek tool yang selalu up to date untuk keyword minggu Ini wilayah Indonesia dan sekitarnya

sobat tertarik untuk membuatnya?silahkan copy paste kode nya berikut Ini

• masuk loggin ke Blogger.com
• lalu klik Rancangan atau new post (bila dalam post)
• lalu copy paste kode berikut ini kedalam add gadget~javascript/html atau juga di halaman compose post

untuk gadget Top search Minggu Ini

<script type="text/javascript" src="http://www.gmodules.com/ig/ifr?url=http%3A%2F%2Fwww.google.com%2Fig%2Fmodules%2Fgoogle_insightsforsearch_relatedsearches.xml&amp;up__results_type=TOP&amp;up__property=empty&amp;up__search_term=&amp;up__location=ID&amp;up__category=0&amp;up__time_range=7-d&amp;up__max_results=10&amp;synd=open&amp;w=200&amp;h=350&amp;lang=en-US&amp;title=Google+Insights+for+Search&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;output=js"></script>

untuk yang rising search alias melejit

<script type="text/javascript" src="http://www.gmodules.com/ig/ifr?url=http%3A%2F%2Fwww.google.com%2Fig%2Fmodules%2Fgoogle_insightsforsearch_relatedsearches.xml&amp;up__results_type=RISING&amp;up__property=empty&amp;up__search_term=&amp;up__location=ID&amp;up__category=0&amp;up__time_range=7-d&amp;up__max_results=10&amp;synd=open&amp;w=200&amp;h=350&amp;lang=en-US&amp;title=Google+Insights+for+Search&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;output=js"></script>

• Lalu save tempe eh template atau publish post/terbitkan entry

bisakah Diubah pengaturannya?tentu bisa perhatikan kode berikut:

• angka 7 pada time range adalah waktu pencarian untuk tujuh hari terakhir
• untuk location ID adalah kode wilayah indonesia,bila sobat targetnya adalah para BUle sobat bisa sesuaikan dengan keinginan sobat
• Angka 200 dan 350 yang di tebalkan adalah width dan height widget,sobat bisa atur sesuai keinginan sobat

Nah sobat semoga tool ini bisa membantu sobat.Tetapi satu hal lagi,tool ini akan bermanfaat bagi sobat yang seorang blogger kaya content seperti halnya yang penting share,Bila sobat adalah seorang blog yang punya Niche Blog ada baiknya sobat lebih memproyeksikan keyword yang lagi top atau rising sesuai dengan Niche Blog sobat sekalian.Oke sobat,Dont miss it,bila sobat ada yang ingin ditanyakan silahkan ditanyakan mungkin saja saya bisa jawab.Namun bila tidak sobat bisa datangi langsung Gubuk Google Insight di GOOGLE INSIGHT Oke sobat salam yang Penting share.

Widget Random Post, For Blogger

 Assalamualaikum w.r w.b

Ketemu lagi ama Bang yang penting share yang sok Imut Ini ,hehehe.Kali ini saya mau share tentang widget Random Post untuk Blogger.Biar post kita terdahulu gak lenyap ditelan zaman,lumayan siapa tau ada yang berminat baca postingan-postingan jadul kita.Bila sebelumnya saya pernah post tentang widget recent Post, Related Post ,Baik yang berupa thumbnail maupun link Nah bagaimana bila random Post?.Sehingga post kita beberapa bulan lalu bisa muncul lagi ke permukaan. mau tahu caranya ?chekidots yaw.

• Loggin dulu ke Blogger
• lalu Didashboard,klik rancangan jangan ngupil dulu
• lalu klik add gadget,tambah gadget Html/javascript
• copy dan paste kode berikuts ini kedalamnya 
• jangan lupa save yah

<div style="padding: 1px; width: 300px; height: 200px; overflow: auto; background-color:      #ffffff; border: 1px solid rgb(255, 255, 255);"><script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=10;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&
callback=randomposts" type="text/javascript"></script></div><br/><small>Powered By: <a href='http://ypsrandy.blogspot.com/'>YangPentingShare!</a></small></div>

Catatan:

Sobat bisa Edit Pengaturan nya sesuai selera sobat :

• sobat atur deh ketinggian dan kelebaran nya width: 300px; height: 200px
• sobat atur pewarnaan backgroundya dengan mengganti kode sesuai #ffffff keinginan sobat
• sobat atur berapa banyak link post yg ingin ditampilkan dengan mengganti 10 sesuai keinginan sobat

Nah cukup sekian terimakasih telah menyimak Tutorial Gak penting-penting amat Ini.Bila dirasa Penting monggo diaplikasikan,bila tidak ya yang penting share lah.Hehhehe.Selamat Mencoba.

Menempelkan Widget Komentar Facebook di Blog

Assalamualaikum Wr.wb

Hello sobat sharelikers sekalian apa kabar?Ehm kali ini Yang Penting SHare mau berbagi info yang saya rasa udah telat binti lelet kalau dibandingin ama Para master dan Guru besar Blogger (memang ada ya guru besar??).Kali ini YPS mau share cara menyisipkan kotak komentar Facebook sehingga para sahabat kita yang tidak mempunyai akun Google bisa tetap koment di blog kita.Bahkan bisa jadi optional untuk menghilangkan kotak komentar Google yang tak jarang butuh chaptcay yang bikin visitor males ngomentar atau buang komentar di blog kita xixixi.Ilmu ini dah turun dari generasi-ke generasi (kalah iklan biskuit) dan akhirnya turun juga ke newbie ini,hohoho.

Oke langsung saja kita masuk ke langkahnya (takut ntar pada molor duluan)

• Buka akun blogger mu jangan buka bajumu hohoho ntar masuk angin
• Lalu tinggalin bentar sampe aernya mendidih (lu kira mask mie apa? hahaa), ditab baru coba deh klik Url ini (Agak maksa) http://developers.facebook.com/setup 
• lalu ketika udah nyampe disono,ntar bakal muncul halaman seperti gambar screenshot pake kompi butut berikut Ini

• Nah trus kalau udah begitu,Isi deh kolom diatas sesuai ktp blogger mu masing-masing :D,Isi Nama situs untuk judul blogmu,dan Url untuk url blogmu (itu loh yang make http://ypsrandy.blogspot.com/  contohnya)

• Lalu kalau udah tekan Buat Aplikasi dan Muncullah captcay yang harus diisi (jangan hanya dipelototin)

• Kalo udah juga segera Cebok copy paste kode seperti gambar dibawah ini pada notepad sobat.Aplikasi sobat udah jadi tuh heehhe

• Selanjutnya buka dashboard Sobat,aer udah mendidih belom?  lalu buka rancangan klik Edit Html lalu centang expand widget template

• Lalu cari kode<data:post.body/>  ini di supermarket barisan HTML blog sobat dengan mengguankan antena WIFI CTLR+F.Kalau udah gunain readmore,maka letakkin kode berikut ini dibawah/setelah  kode yang kedua

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=**********&amp;xfbml=1"></script><fb:comments expr:href='data:post.url' numposts='5' width='600'/></b:if>

• lalu  Edit Kode ******** dengan nomor ID aplikasi yang udah sobat buat tadi (lihat gambar nomor tiga ),lalu pada angka 5 menunjukkan jumlah komentar yang ditampilkan,kalo 600 itu lebar komentar (dalam pixel tentunya)

• Lalu eng-ing eng,cari kode lagi,cari kode <b:skin><![CDATA[/  kemudian diatasnya copykan kode berikut ini:

<meta content='profilID' property='fb:admins'/>
<meta content='aplikasiID' property='fb:app_id'/>

• Ubah Profil Id dengan nomor ID profil sobat dengan cara membuka profil facebook sobat dan kemudian buka halaman album foto FB sobat dikotak browser akan muncul seperti ini:

• Copy nomor Togel terakhir dari profil sobat dan pastekan di 
• Untuk aplikasiID sama dengan langkah sebelumnya,lihat kode nya seperti di gambar no.3 (jangan asal coblos copas ).
• Terakhir jangan lupa simpan Templatenya  di Kulkas

Nah sobat bagaimana??ngertikan dengan tutorial ngawur diatas?Semoga dengan adanya widget comment FB,bisa namba-nambah trafik blog sobat,Lumayan daripada lu manyun hhooho.Sekian dulu sob,salam Yang penting Share,jangan lupa share buat yang lainnya bila bermanfaat yah,keep stay tune blogging in Touchable.

sumber :http://istiqlaldutanet.blogspot.com/2011/05/membuat-facebook-comment-di-blog-yang.html

Eksiskan Postingan dengan Tag Permalink Box

Permalink atau permanen link adalah Link permanen yang merujuk tentang suatu Judul post, (Baca sebelumnya). Nah permalink inilah yang mau kita eksiskan. Ada beberapa cara,salah satunya dengan Permalink box.Yaps,Permalink box itu sebenarnya bisa dikatakan sebagai salah satu cara untuk memperkuat Link post tersebut. Bisa berupa kata-kata yang isinya bisa anda lihat di bagian bawah postingan ini. Nah bagaimana cara membuatnya ?

Sebenarnya permalink box ini diadopsi dari WP aka Wordpress,huehue.Tapi para bloggermania tidak mau juga ketinggalan eksis.Dan akhirnya mulai deh mencari cara untuk meniru.Eits tapi bedanya,kalau di WP itu SEO friendly,tetapi gak tau untuk blogspot,kalau ada master yang baca mohon masukkannya,soalnya sampai tulisan ini dibuat saya belum dapet referensi yang pas mengenai keunggulan permalink box ini.

Bagi yang berminat,silahkan ikuti langkah mudah berikut Ini :

• Masukkan id blogger anda dan passwordnya di blogger.com,bukan yang lain
• lalu buka rancangan (jangan buka kulkas),lalu klik edit HTML
• kemudian centang expand widget template
• hemm lalu (istirahat bentar) cari kode  ]]></b:skin>
• lalu setelah ketemu dengan sikode tadi,taruh kode berikut ini diatasnya 

.membuatpermalinkblogger{border: 1px solid #EFF0F1;padding: 5px;background: #9BE1FB;-moz-border-radius:5px;}  

.membuatpermalinkblogger a{background:none;}img.float-right {margin: 5px 0px 0 10px;}img.float-left {margin: 5px 10px 0 0px;}

• Lalu cari kode ini <data:post.body/> atau <p><data:post.body/></p>
• lalu hapus dan  ganti dengan kode berikut ini :

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

<p><data:post.body/></p>

<div class='membuatpermalinkblogger'>

<center><small>Anda sedang membaca artikel tentang <strong><u><data:blog.pageName/></u></strong> dan anda bisa menemukan artikel <data:blog.pageName/> ini dengan url <strong><data:post.url/></strong>,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel <strong><data:blog.pageName/></strong> ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> sumbernya.</small></center></div>

<b:else/>

<p><data:post.body/></p>

</b:if>

• mungkin bila template sobat ad readmore bakal ada dua kode yang sama (tapi bukan karena kembar identik yah?). seperti ini kira-kira:

<b:if cond='data:blog.pageType == "item"'>

<style>.fullpost{display:inline;}</style>

<p><data:post.body/></p>

<b:else/>

<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>

</b:if>

• Nah bila sobat menemui seperti ini,jangan panik,atau mengadu ke kantor polisi hehehe,sobat cukup menyelipkan kode warna ijo diantara kode warna merah diatas jadinya seperti ini :

<b:if cond='data:blog.pageType == "item"'>

<style>.fullpost{display:inline;}</style>

<p><data:post.body/></p>

<div class='membuatpermalinkblogger'>

<center><small>Anda sedang membaca artikel tentang <strong><u><data:blog.pageName/></u></strong> dan anda bisa menemukan artikel <data:blog.pageName/> ini dengan url <strong><data:post.url/></strong>,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel <strong><data:blog.pageName/></strong> ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> sumbernya.</small></center></div>

<b:else/>

<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>

</b:if>

• Terakhir save template sobat biar gak digigit tikus (apa hubungannya ya??)

Nah Mudahkan cara membuatnya,?.sobat bisa berkreasi dengan kata-kata sobat sendiri atau bahkan menambahkan photo disampingnya sesuai selera sahabat.Oke semoga  Eksiskan Postingan dengan Permalink Box ini menambah keeksissan dan juga bisa bermanfaat sebagai pesan yang sobat ingin sampaikan pada para pembaca dan visitor blog sobat.Yang terpenting selalu update blog sobat bila ingin terus mejeng di Google.Keep blogging dan keep sharing,salam yang penting Share! ( Sumber )

Membuat Kotak Search Engine sendiri

Assalamualaikum wr.wb.

Kali ini Yang Penting share akan mengajak sobat untuk membuat kotak search yang stylish pribadi di blogspot. Tutorial kali ini akan mengajarkan sobat bagaimana memodifikasi kotak search sobat, sehingga akan lebih stylist dibandingkan yang default. Gambarnya bisa sobat lihat diatas. Design asli seperti di bawah ini dibuat oleh Design3edge.Namun tenang saja, sobat tidak perlu repot lagi, karena sekarang sudah diconverted ke blogger. Jadi, tinggal copy paste kodenya saja.

Cara pemasangan :

1.  Log in ke account blogspot anda
2. Dashboard >> design >> page element
3. Add a gadget >> html/javascript
4. Copy paste Kode kotak search di bawah ini  didalam form gadget tsb
5.  lalu save

<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPoEYRpGmHlDwVHAoVbZHn2sTJvTCzmXdJxLFDcorTAQCDktwTAHyLaLMIvaPAlVFbiiqavgtnh5NJKIKjTweF5RPR2BRm27wDvNNJ_U-smHmpgGql554URc0aKLv0_tk_piSeBYNTCNao/1.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>

 Sobat bisa mengganti warna background sesuai yang sobat inginkan dengan cara mengganti angka merah pada kode (angka 1) sehingga menjadi :

• angka 1 untuk warna Hitam
• angka 2 untuk warna oranye
• angka 3 untuk warna Merah
• angka 4 untuk warna Putih
• angka 5 untuk warna Abu-abu
• angka 6 untuk warna Biru

 contoh :

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPoEYRpGmHlDwVHAoVbZHn2sTJvTCzmXdJxLFDcorTAQCDktwTAHyLaLMIvaPAlVFbiiqavgtnh5NJKIKjTweF5RPR2BRm27wDvNNJ_U-smHmpgGql554URc0aKLv0_tk_piSeBYNTCNao/ing_searchbox2.png 
• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPoEYRpGmHlDwVHAoVbZHn2sTJvTCzmXdJxLFDcorTAQCDktwTAHyLaLMIvaPAlVFbiiqavgtnh5NJKIKjTweF5RPR2BRm27wDvNNJ_U-smHmpgGql554URc0aKLv0_tk_piSeBYNTCNao/ing_searchbox3.png  
• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPoEYRpGmHlDwVHAoVbZHn2sTJvTCzmXdJxLFDcorTAQCDktwTAHyLaLMIvaPAlVFbiiqavgtnh5NJKIKjTweF5RPR2BRm27wDvNNJ_U-smHmpgGql554URc0aKLv0_tk_piSeBYNTCNao/ing_searchbox4.png

Oh ya kalau sobat mau mengganti backgroundnya sobat cukup mengganti "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPoEYRpGmHlDwVHAoVbZHn2sTJvTCzmXdJxLFDcorTAQCDktwTAHyLaLMIvaPAlVFbiiqavgtnh5NJKIKjTweF5RPR2BRm27wDvNNJ_U-smHmpgGql554URc0aKLv0_tk_piSeBYNTCNao/ing_searchbox1.png  " dengan url background sobat sendiri,tapi jangan lupa untuk mengatur ulang ukuran dan penempatan.Oke,semoga bisa bermanfaat,selamat berkreasi ^^

sumber: http://www.burukutuk.com/2011/06/membuat-kotak-search-pribadi-di.html

make Related Post widget In bottom post (per label)

assalamualaikum wr.wb

Hello Sharelikers.In this Moment i will share about the widget that required in a Professional Blog or web. In a blog or web,we didnt need to much trash widget (See the fault of the blogger ).It can make your loading of web be slower than before,and make your visitor escaped (because he want the fast load blog). Remember ,Content is the King in the Blog,so in the blog we must serve our best content . With this widget we can serve our related article with same label and compare with related post with Thumbnail,its faster than using Thumbnail.

So what the step to plug this widget for Our blog?Okey,if you interested.You may follow these simple steps amd applied it into each your bottom post.

• Loggin into your Blogger account.
• Than click design and click EDIT HTML
• Next checklist Expand widget Template 
• search this code ]]></b:skin> and if you find it,copy these next code before ]]></b:skin> code
  
  
  

  .rbbox{border: 1px solid rgb(192, 192, 192);padding: 5px;
  background-color: #99ffff;-moz-border-radius:5px; margin:5px;}
  .rbbox:hover{background-color: rgb(255, 255, 255);}

• You may change the code,just like you own.
• then find this code (also with CTRL +F )
  
  

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

• If you using auto readmore,maybe you found two that same code,please choose the first code
• then copy and paste these below code after <data:post.body/>
  
  <br/><H2>You may interest with this:</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>

• Then save your Template

Ok,I think this enough for today,I hope this widget can make your Blog will be rich content,and your pageviews will increase and your blog stay fastly.I hope How  to make Related Post widget In bottom post can be useful to build up your blog.If this code were mistaken or cant applied in your blog,please tell us.We will fix it quickly.Keep in touch In Yang Penting Share!

Refference:http://miscah.blogspot.com

Mencari Backlink dengan Link exchange dan banner (complete)

    يسميللاهيرروهمانيرروهيم

Halo para sharelikers,meskipun mata udah lima watt,saya tetap berjuang menulis post demi post buat muasin permintaan para sahabat senasib seperjuangan yang ingin blognya cepet dikenal. Makanya kali ini saya bikin tutorial untuk buat link exchange dan banner sekaligus gimana sob?complete khan?Apa sih guna Link exchange? .hem oke ayo kita simak manfaat dan kerugian dari link exchange,coz semua di dunia itu ada baik dan buruknya,maka kita harus bahas satu persatu

Efek baik link exchange itu salah satunya meningkatkan backlink,apalagi kalau blog yang satu rumpun (alias niche nya sama) tentu hal ini bisa meningkatkan PR kita (gak jamin juga sih) dan juga yang terpenting rasa persaudaraan sesama blogger . Efek negatif nya jika kita sembarangan tukar link dengan blogger yang tidak dipercaya atau spam,maka kita akan ikut kena cipratannya . Bisa-bisa PR melorot terus Blog kita ikut-ikutan dinilai spam.waduh gawat sob.

Nah terlepas dari efek baik atau buruknya tukar link,itu kembali pada diri sobat masing-masing apakah siap menerima efek kejut nya atau tidak (baik jelek maupun yang bagus). Nah langsung saja saya kasih cara membuat Link exchangebaik dengan anchor maupun dengan banner.

1.Link Exchange dengan Anchor text

caranya :

•  buat text area (click disini)lalu copas codenya di Add gadget ataupun halaman posting
• copy paste kode berikut di dalamnya (sebelumnya parse dulu kode dibawah ini)

<a href="url homepage kamu" target="blank">anchor text blog kamu</a>

atau yang lebih ganas!

<a href="url homepage kamu" onMouseover="window.location=this.href">anchor text blog kamu </a>

• ganti kata kata bercetak merah sesuai Keinginan kamu dengan catatan yang diatas Ramah bagi Visitor tapi lambat dapet backvisit dari other visitor yang dibawah membuat visitor sering  kesel (karena terbuka otomatis) namun bisa nyuri visitor cepat bangets(kwkwwk terserah pilih yg mana)
  contoh :
  
  300</span>px; HEIGHT: <span style="color: red;">144</span>px" name="txt" rows="100" wrap="VIRTUAL" cols="55"><span style="color: red;"><br><a href="http://ypsrandy.blogspot.com" onMouseover="window.location=this.href">YangPEntingSHare </a></span>
• save template atau publish deh postingan mu tentang link exchange
• buat yang menulis di halaman posting usahakan buat dengan pengaturan tanggal sebelumnya atau sudah lama

2.Cara membuat link dengan Banner

• pertama-tama ya buat dulu bannernya,bisa pake photoshop, dari cooltext atau yang paling mudah dengan banner maker
• rancang gambarmu setelah itu upload dari kompi mu ke photobucket atau web picasa
•  Setelah ter-upload, setiap gambar pasti ada direct link ,copas tuh link IMG nya (tanpa embel-embel IMG ya) ke dalam notepad dulu
  contoh : http://i1102.photobucket.com/albums/g456/yangpentingshare/images-2-1.gif
• Lalu mari kita buat scriptnya,ini salah satu contohnya,silahkan Di Edit
  
  

  <center><a href=" Url blog sobat " target="_blank"><img border="0" title="judul gambar" alt="keyword gambar" src=" url gambar yang ada dinotepad tadi"style="height: 150px; width: 180px;" /></a></center>

• Lalu edit :
  
  • Url blog sobat ganti dengan URL home sobat 
  • Judul gambar ganti dengan judul blog sobat 
  • keyword gambar ganti dengan keyword yang bisa memudahkan pencarian di google
  • Url gambar di notepad,maksudnya ganti dengan URL gambar banner yang udah dibuat sebelumnya
  • Height dan weight atur ukuran banner sobat

• Setelah itu parse kode scriptnya Di Parse Generator lalu masukkan dalam kode text area
• Nah kemudian copas ke Add gadget atau halaman single post.
• Save template atau publish Post
  

SemogaBermanfaat dan silahkan ber exchange link Ria,tapi kenalilah dulu dengan baik siapa pemilik blognya agar nanti tidak menyesal.^^"

How to make Text Area Copy all for Script

Hello sharelikers,how do yo do?. I hope you all in the healthy condition.In this Moment I ant to ask you,how do you can get backlink? maybe you will answers :

• from comment in dofollow blog?
• from submit in High PR rank web/blog?
• from quality of post content (Power of SEO Inbound link)
• or from  link exchange with another?

anyway for the last option,if  we want link exchange with another blogger,we need script for our link and anchor or banner. If we finished make the script for link exchange ,we need text area to be the place so our friend or partner easy to take our banner/link script. There are many kind of text area,but for link exchange we need text area with copy all button so the script willnot changed (often changed because human error when  we blocked the script) or you using non-use right click script?. what script for the text area ? this below is the text area script.

write your text Here

How to make it???pease follow the simple steps :

• open your blog account,then click dashboard
• copy  the code below then paste it in
  
  • add gadget or 
  • in one single post (in compose mode)

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">write your text Here</textarea></p></div></form>

• change write your text Here (and height /weight) with your exchange script that have been parsed before.
• save your widget (in design ) or review your post before your publish
• taraaa,next you can exchange with your friends ^^

I hope this How to make Text Area Copy all for Link exchange  tutorial will help you to make link exchange be easier.And also you can use this text area for your other tutorial code in your post. Keep touch In yang penting share

My referrence: kucoba .com  in make text area

Create Google +1 Button to Support your Blogger/wordpress

   يسميللاهيرروهمانيرروهيم

 In recently I openned my google ads Account and get message to using Google Plus one for my blog.at first,I didint know why Google adsense recommendate to using This Plugin. Then,I visit the Official of Google plus one site. then I know after I read some information and usefull of this widget.Not like others widget button. This button is support by Google.So Google recommendate this plugin if we want Our blog be famous and Familiar In Google SERP.Just like in they Official website that said:

"Use the +1 button to publicly show what you like, agree with, or recommend on the web. The +1 button can appear in a variety of places, both on Google and on sites across the web. For example, you might see a +1 button for a Google search result, Google ad, or next to an article you're reading on your favorite news site. Your +1’s and your social connections also help improve the content you see in Google Search"

How about the installation?its so difficult? no,its very easy,just simple and what about the script?its can make our web so slowly?. If you ask about slow or fast ,all of the third parties script will make your blog /web slowly,but you may put the script not in the Homepage,but In single post.(learn about put the widget only shows home/single post).If you interest and wanna your blog be familiar In SERP and SEO friendly,please follow some simple steps below.

1. Open your blogger/ wordpress account
2. for the blogger,open dashboard,then click design ,go to EDIT HTML
   for worpress is also same,
3. for Blogger or Wordpress,search </head> (blogger) or header .php (wordpress) then put this below code before </head> code:
   

   <script type=”text/javascript” src=”http://apis.google.com/js/plusone.js”></script>

4. Then in blogger find this below code,put <g:plusone size="small"></g:plusone> after this code
   

   <b:if cond='data:blog.pageType == &quot;item&quot;'> <data:post.body/>
   <g:plusone size="small"></g:plusone> (put this code like this)

5. for wordpress put it into your post or visit the official web for Google +1
6. save your template.And see your blog now. Then start to recommendate your posts to the world with click the button

Ok,I hope its can useful for us.Im sorry if This posts is so lack of information for wordpress because I using blogger blog.If some master blog have the information about Google plus one installation in wordpress please tell us.

Membuat related Post Bergerak Ala Herman Blog

Assalamualaikum wr. wb

Jauh sebelum membuat postingan ini saya sudah pernah membuat tutorial cara membuat artikel tutorial related Post otomatis dengan Linkwithin .Kalau lupa coba check lagi. Tetapi karena Ingin lebih bagus,akhirnya saya menemukan guru yang cocok ,.,wkwkwk yaitu mas Herman .Kalau sobat ada waktu main-mainlah kesana.^-^.

Sebetulnya Trik ini sangat mudah,tapi karena dasar saya seorang Newbie,gak tau apa-apa,makanya saya cari yang master hehehe.Scriptnya sengaja saya simpan didirectory saya biar mudah di load.^_^.Nah tanpa basa-basi langsung saja kita mulai tutorialnya.Ayo semua siapkan mouse dan tangannya.wkkwkwk.

LANGKAH_LANGKAH MENUJU SURGA EH....
.:MEMBUAT LINKWITHIN BERJALAN :.

1.Masuk ke Blogger,Jangan Masuk Kamar dulu

2.Lalu Klik Rancangan »EDIT HTML »Centang Expand Widget Template

3.Lalu cari kode </head>

4.Copy paste kode Berikut diatasnya

<!--Related Posts with thumbnails Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
height:100%;
min-height:100%;
padding-top:10px;
padding-left:15px;
padding-right:15px;
}

#related-posts h2{
font-size: 1.3em;
color: white;
font-family: Arial;
margin-bottom: 0.75em;
}

#related-posts a{
color:red;
}

#related-posts a:hover {
background-color:#eeeeee;
}
</style>
<script type='text/javascript'>
var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP61mmjL70hQyzY5tc55HORRPtGVgRD1gw9D9jccBwqSHHTki4otGYh8zZjc1JiljwGgLTjtIBZ9i1q7gE-vs2ns6EeC4ZUKT7u2MWmqkljKYHNRDrqLAEPpVRuRI40xy2_C__R0G2w2AD/s1600/230654_1685221302716_1603153877_31325099_6083166_n.jpg&quot;;
var maxresults=10;
var splittercolor=&quot;#cccccc&quot;;
var relatedpoststitle=&quot;You might also like:&quot;;
</script>
<script src='http://yangpentingshare.googlecode.com/files/related-posts-with-thumbnails-for-blogger.js.txt' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails End--><script type='text/javascript'>

5.Lalu Kemudian tambahkan sedikit garam,ehh koq garam sih,jadi ngelantur nih
  wkwkw, maksudnya cari kode <p class='post-footer-line post-footer-line-1'/>
6.Kalau tidak Ketemu cari post-footer-Line-1 aja dengan CTRL +F 
7.Setelah Ketemu,Letakkan Kode Berikut Ini dibawahnya

<!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'><marquee align='center' behavior='alternate' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<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=10&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</marquee></div><div style='clear:both'/>

8.Bila selesai,jangan lupa cuci piring wkwkwk,salah maksudnya jangan Lupa Save Template

Silahkan sobat coba ,semoga bermanfaat ,eits jangan lupa catatan di bawah ini:

• var defaultnoimage = "http://3.bp.blogspot.com/-rev1- _QaqME/TeFb1EYZDWI/AAAAAAAABoE/rPA8gSe5-lg/s1600/230654_1685221302716_1603153877_ 31325099 _6083166_n.jpg"
  menunjukkan gambar yang muncul pada postingan yang tidak memiliki gambar. Sobat bisa mengganti gambar tersebut dengan gambar lain kalau tidak suka 
• var maxresults=10 menunjukkan jumlah postingan yang muncul pada related post. Silahkan atur jumlah postingan yang mau ditampilkan dengan mengganti angkanya. 
• var splittercolor="#cccccc" menunjukkan warna garis pemisah. Ganti cccccc dengan kode warna yang anda inginkan. 
• var relatedpoststitle="You might also like:" menunjukkan judul related post. Ganti teks yang berwarna merah dengan judul yang anda inginkan

 My referrence: http://www.hermanblog.com/2010/07/membuat-related-posts-dengan-thumbnail.html

Membuat Background Pada Buku Tamu (cbox)

Assalamualaikum Wr.Wb.

....

Halo sobat Sharelikers.Apa kabarnya?Kali Ini saya Mau kasih tahu cara Membuat Background Pada Buku tamu.Berhubung juga banyak Yang nanya,Jadi sekalian deh.Hehehe.Kalau mau lihat contohnya tuh di buku tamu saya.Nah mau tahukan caranya?oh ya sebelumnya saya kasih tahu,cara ini hanya pada Cbox.Saya enggak tahu kalau yang shoutmix.Mungkin sama aja,hehehe.Klik disini demo nya 

1.Loggin Ke Blogger

2.Lalu Buka tab Baru,Loggin juga Ke Akun Cbox mu

3.Lalu Buka menu Look And feel,Ituloh yang Paling atas,

4.Lalu Klik Yang bagian Style Preset

5.Kemudian Pilih yang Transparent Lihat gambar Berikut Ini

6.Lalu save Cboxmu

7.Sekarang Kembali Ke blogmu,Ke menu Rancangan

8.Lalu cari dimana Kode Cboxmu kamu letakkan

9.Lalu letakkan Kode Seperti  Berikut Ini

<div id="cboxdiv" style="text-align:center; line-height:0;background-position:center;background:url(url Gambar sobat misalnya http://typic.com/jpg);width:250px;height200px;background-repeat:no-repeat;">
-----Kode Buku tamu sobat DISINI-------
</div>

10.Ganti Url gambar diatas Sesuai dengan Gambar Yang sobat 
     Kehendaki.Edit juga Ukuran Height Dan Weightnya sesuai 
     Besar Buku tamu sobat.

11.Masukkan Kode Buku tamu seperti pada contoh Diatas

12.Lalu jangan Lupa Save Template

Semoga  Membuat Background Pada Buku Tamu (cbox) Bermanfaat. Selamat Mencoba.

Membuat Widget Top Comentator

Assalamualaikum wr.wb

...........

Enggak terasa Ngeblog udah seharian,blogwalking sana-sini cari sahabat.Tapi rasanya belum lengkap bila tidak mengapresiasi para Visitor yang telah meluangkan waktu nya Sejenak untuk mengkritik,memberi saran atau cuma Bilang "pertamax","Mantap","nice Info",dan sebagainya pada Artikel kita.Bersyukurlah bila artikel kita di respon oleh visitor.Nah bila visitor udah rela mengetikkan sepatah dua patah kata untuk komentar nya,maka kita pun harus membalas nya,sehingga terjadi hubungan yang saling menguntungkan dan saling mengapresiasi.

Salah satunya adalah dengan memasang widget TOP commentator.Bagaimana cara Memasang widget Ini,Oke sedot aja Kode berikut Ini

 <div class='widget-content'>
<div style="overflow:auto; padding:5px; width:210px; height:200px; background-color: #000000; border:1px solid #ffffff;"><ul><script type='text/javascript'>
function pipeCallback(obj) {
 document.write('<ol>');
 var i;
 for (i = 0; i < obj.count ; i++)
 {
 var href = "'" + obj.value.items[i].link + "'";
 if(obj.value.items[i].link == "")
var item ="<li>" + obj.value.items[i].title + "</li>";
else
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
 document.write(item);
 }
 document.write('</ol>');
 }
 </script>
<script type="text/javascript" src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=f91b5716f09d1986849eb4072486db48&url=Url blog sobat(tanpa http//)&num=5&filter=Nama akun blogger sobat"></script>
<br/><small>Powered By: <a href='http://ypsrandy.blogspot.com/2011/05/membuat-widget-top-comentator.html#axzz1LWwnp9N7'>YAngpentingShare!™</a></small><a href='http://www.bloggerplugins.org/2008/06/top-commentators-widget-for-blogger.html'></a></ul></div>
</div>
<div class='clear'>/
</div>

.:.Catatan.:.

Sobat ganti Kode yang berwarna merah sesuai keinginan sobat,terutama Lebar dan tinggi (Width and height),Url blog sobat,nama sobat (biar tidak tersaring ),serta Jumlah Yang akan ditampilkan (Angka 5 ganti dengan yang ingin sobat tampilkan).

.:.Cara Copy Code:.

copy kode tersebut didalam Akun blogger sobat--Rancangan--Tata letak--tambah gadget--gadget Javascript/html--pastekan kodenya--lalu save .

Semoga widget TOP COMMENTATOR Bermanfaat.Selamat Mencoba ^_^

~~~~~~~~~~~~~~~~~

Widget : Background Change Maker Untuk Blog Mu

~Assalamualaikum Wr.Wb.~

.......

Apa Kabar sharelikers sekalian.Lagi beraktivitas apa aja hari ini?wah terima kasih sebelumnya udah berkunjung ke blog saya ini.Nah sobat sekalian,seorang sharelikers bernama Khairil Anwar,Menanyakan bagaimana cara Membuat Background Change Maker seperti Punya Saya.Karena Saya Tidak mau Mengecewakan Pembaca,Maka akan saya share Info yang Unik Satu Ini.

Sebetulnya Trik ini bukan Murni Punya saya,Saya Juga Konsumen /pengguna  saja.Tetapi alangkah baiknya Bila sobat yang lain juga bisa Menikmatinya.Kredit buat sobat Dark Ard Deidara Yang udah Buat Widget keren ini.Yah meskipun mungkin bukan dia yang buat pertama,tapi kan saya dapetnya dari dia.Hehehe.Eits,buat sobat yang mau ambil widget ini,jangan Lupa kunjungi sobat saya itu ya,lumayan itung-itung tambah sahabat.^_^

Nah langsung saja saya kasih share caranya :

1.Loggin dulu dah Ke blog sobat sono hhehee

2.Pas didasboard klik Rancangan,lalu Klik Add gadget

3.Lalu Copas(copy dan pastekan ) kode berikut ini kedalam gadget HTML/JAvascript

.:.Copy Kode script Berikut Ini.:.

<center><select onchange="document.body.style.background = this.value;" name="Background" title="Change Background Image" width="700" height="500"><option value="url(URL GAMBAR 1) repeat center center fixed" />Nama background 1<option value="url(URL GAMBAR 2) repeat center center fixed" />Nama background 2<option value="url(URL GAMBAR 3) repeat center center fixed" />Nama background 3<option value="url(URL GAMBAR 4) repeat center center fixed" />Nama background 4<option value="url(URL GAMBAR 5) repeat center center fixed" />Nama background 5</select></center>

4.Ganti Tulisan URL GAMBAR 1,2,3,4 dan 5 Sesuai gambar yang kamu
   Inginkan.Dan ubah juga Nama yang akan ditampilkan pada Menu background mu nanti
   Contoh :

Ganti Url gambar 1 dengan http://static.marieserneholt.com/html/img/contentbg_media.jpg

5.Bila sobat ingin menambah lagi menu Backgroundnya (kayaknya lima masih
   kurang deh) maka sobat cukup menambahkan Kode Berikut Ini sebelum kode
   </select></center> terakhir.

<option value="url(URL GAMBAR x) repeat center center fixed" />Nama background x

6.Bila puas Mengedit,Klik Save atau simpan Sob.Lihat Perubahan Yang Terjadi

   Pada Blog sobat.Oh ya,Widget Ini Hanya berfungsi dengan baik jika Back

   ground sobat Transparan,biar keliatan jelas pergantiannya gitu loh.Dan juga 

   Balik ke asal bila di refresh.Bila sobat belum tahu cara membuat Background

   transparan Klik aja Kata transparan Ini

Oke sob.Semoga Widget Background Change Maker Ini bermanfaat buat Keindahan Blogmu.Hehehe,Thanks udah Mampir.dan silahkan dicoba.Bila ada permasalahan dalam pemasangan comment aja dibawah ini,Soalnya kalo yang berhasil jarang banget yang ngasih komen.Hehehe.Selamat Malam

~~~~~~~~~~~~~~~~~~~~~~~~~

Tutorial Pasang Widget Status Twitter Di BlogMu

Assalamualaikum Wr.Wb

Halo Sharelikers,Apa Kabar?Kali ini saya Mau Berbagi Info Tentang Widget Twitter Status.Tentu Sobat sudah Tahu semua kan Dengan Twitter kan?ehm,pertanyaan yang bodoh ya?hehehe.Twitter ini Jejaring Sosial Yang Terkenal sama halnya dengan Facebook.Makanya Manfaatkan Twitter Untuk mempromosikan Blogmu.Nah bila TwitterMempromosikan Blogmu Tentu akan Lebih banyak visitor yang akan datang ke blogmu.

Daripada capek-capek jelasinnya,langsung aja nih Liat contoh barangnya. Chekidots

Bila berminat,berikut cara-caranya(

1.Kunjungi  website nya http://twitter.com/goodies/widgets

2.Kemudian Pilih MY WEBSITE,bila sobat mau meletakkannya di Blog

3.Lalu Pilih Profile Widget

4.Ada beberapa pengaturan yang harus sobat Sesuaikan

Setting,isilah Dengan Username Sobat

 Preference Aturlah widget anda,seperti tombol favorite,polling,jumlah tweet dalam widget yang ditampilkan,tampilkan avatar,waktu,dan lain-lain

Appearence,atur tampilan warna Widget Status Twitter mu

Dimension,Atur Ukuran widgetmu

5.Nah bila sudah Selesai Klik Finish And Grab code.Selanjutnya

   anda dapat copy paste  code yang diberikan atau langsung klik add To blogger  

6.Lalu save ke templatemu,Nah selesai,Sekarang semua Status Twitter Mu akan
   langsung di tampilkan diblogmu juga.Semoga Bermanfaat

Membuat Widget Daftar Isi Ajaib Sidebar

Assalamualaikum Wr.Wb,Hai hai sobat sharelikers,Ketemu lagi dengan saya ,Randy D'Hotory,Begitu lah kira-kira nama Pena saya,Hem,agak kejepang-jepangan Ya?Ya maklum lah,saya emang suka dengan Jepang,apapun itu,budayanya yang unik,manga dan animasinya,serta teknologi nya semuanya saya suka.Jadi kepengen kesana.kapan ya bisanya?hahaha Mimpi kali ya?

Uppss,Kebiasaan Curhat Mulai lagi nih,Padahal tadi mau nulis apa ya?kok jadi lupa?Oh ya,saya mau share Widget Bagus Ni sob,WIdget daftar isi lengkap dengan List Hierarki dengan Background gambar.Mau tau bentuknya?tuh klik aja deh tab sidebar Yang tulisannya Recent Post.Udah ketemu Belum?kalo belum ni saya kasih Screen shotnya.

Nah bila sobat tertarik untuk menambah daya animasi blog sobat,serta untuk navigasi Blog sobat,langsung saja saya beritahu caranya,Tinggal sedot aja,tapi abis itu jangan lupa Ya buat Comment.Ingat Anda puas kamipun senang hahaha kayak motto angkot aja.

1.Loggin Ke blog tentunya,jangan muter dulu Ke facebook atau Twitter

2.Lalu Klik rancangan

3.Kemudian Add Gadget sobat

4.Pilih Gadget HTML/Javascript

5.Lalu sedot aja Kode Ini,Pindahin kesana

<div style="background: transparent url(http://2.bp.blogspot.com/-vnCAuNxoKfg/TbbrmJJWfWI/AAAAAAAABO8/LEsRxJT0IyE/s1600/animated_background_a2.gif)no-repeat scroll 0 0;border:2px  solid black; height:250px; overflow:auto; padding:4px; width:250px;">

<div id="cl_option">
Loading... </div>
<div id="cl_content_list">
</div>
<script type="text/javascript">
var jumlah_kata_dalam_ringkasan = 100;
</script>
<script src="https://sites.google.com/site/bloggerbugis/js/DaftarIsiOtomatis4U.js">

</script>
<script src="http://ypsrandy.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=onLoadFeed&amp;max-results=500">

</script></div>

6.Nah Sebelum disimpan,Ubahlah Kode-kode Berwarna Merah diatas

• Url gambar http://2.bp.blogspot.com/-vnCAuNxoKfg/TbbrmJJWfWI/AAAAAAAABO8/LEsRxJT0IyE/s1600/animated_background_a2.gif gambar ganti dengan yang sobat inginkan
• Ukuran width [ 250 ] serta Height [ 250 ]nya sobat sesuaikan dengan Ukuran sidebar sobat ya
• Jumlah ringkasan,nah inilah uniknya widget ini,menampilkan ringkasan/bagian awal posting kita,tentukan jumlah karakter nya [100] sesuai keinginan sobat

7.Lalu save Template

Bagaimana Sobat,baguskan Widgetnya?Selamat mencoba,dan teruslah berkreasi di blogmu,dan jangan lupa untuk selalu update blogmu ya,jangan hanya tampilan saja yang bagus,oke, 

Waktu saya udah abis nih,Tapi waktu mu Baru saja Dimulai.Ok,Assalamualaikum wr.wb,saya pamit dulu ya mau ngeliat server dulu.

Sumber:http://blogger-bugis.blogspot.com/2011/03/

cara-membuat-daftar-isi-otomatis-pada.html

~~~~~~~SELAMAT MENCOBA~~~~~

Membuat Scroll Box Recent Post Js

Halo Sobat sharelikers?apa Kabarnya hari ini?Kali ini saya mau share tutorial memasang widget Recent Post Dengan Fungsi Scroll,Seperti yang sobat lihat di bagian footer dari Yang penting share !™ Ini.

Nah caranya sangat Mudah,Bila sobat tertarik sobat langsung saja ikuti langkah-langkah muudah berikut ini :

1.Sobat Masuk dulu Ke akun Blogger

2.Lalu Klik Rancangan

3.Kemudian Pilih Add gadget

4.Lalu pilih gadget Html/Javascript

5.Kemudian Pastekan kode berikut Ini ke dalam kotak tersebut

<style type="text/css">
.daftar_posting{list-style:none;margin-left:-10px;font-family:Droid Serif;font-size:16px;color:lime;text-align:left;}
.daftar_posting a{color:yellow;border-top:1px dotted blue;border-bottom:1px dotted blue;background:transparent url(http://i1102.photobucket.com/albums/g456/yangpentingshare/sideicon.gif) no-repeat 0 50%;padding-left:15px;}
.daftar_posting a:hover{color:red;}
</style>
<div style="margin:2px; padding:4px;border:2px solid #888;background:#333;">
<div style="border:2px solid #444;overflow:auto;padding:4px;background:#111;height:250px;">
<div style="width:200px;">
<script style="text/javascript">
var numposts = 1000;
var showpostsummary = false;
var standardstyling = true;
function showrecentposts(json) {document.write('<ol class="daftar_posting">');
for (var i = 0; i < numposts; i++) { document.write('<li>');
var entry = json.feed.entry[i]; var posttitle = entry.title.$t;
var posturl; if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {posturl = entry.link[k].href; break;}}
posttitle = posttitle.link(posturl);
if ("content" in entry) { var postcontent = entry.content.$t;}
else
if ("summary" in entry) { var postcontent = entry.summary.$t;}
else var postcontent = ""; var re = /<\S[^>]*>/g;
postcontent = postcontent.replace(re, "");
if (!standardstyling) document.write('<div class="bbrecpost">');
if (standardstyling) document.write(posttitle);
if (!standardstyling) document.write('</div><div class="bbrecpostsum"">');
if (showpostsummary == true) { if (standardstyling) document.write('<br/>');
if (postcontent.length < numchars) { if (standardstyling) document.write('<i>');
document.write(postcontent); if (standardstyling) document.write('</i>');}
else { if (standardstyling) document.write('<i>');
postcontent = postcontent.substring(0, numchars); var quoteEnd = postcontent.lastIndexOf(" ");
if (standardstyling) document.write('</i>');}}
if (!standardstyling) document.write('</div>'); if (standardstyling) document.write('<br/>');
document.write('</li>');}
document.write('</ol>');
if (!standardstyling) document.write('<div class="bbwidgetfooter">');
if (standardstyling) document.write('<br/>');}
</script>
<script src="http://ypsrandy.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script>
</div>
</div>
</div>

6.Sobat bisa ganti kode-kode berwarna merah diatas dengan kode blog sobat sendiri

• ypsrandy.blogspot.com ganti dengan Url Sobat sharelikers(bisa juga hanya untuk label post tertentu loh (ditambah kode sehingga menjadi http://ypsrandy.blogspot.com/feeds/posts/-/nama label default?orderby
• Ukuran Width serta Height sesuaikan denagn Ukuran sidebar sobat
• Bila gambar panah tidak muncul,coba kurangi angka pada bagian margin-left:-10 px

7.bila telah selesai jangan Lupa memberi Judul widget dengan Nama "Recent Post atau sesuai keinginan

8.lalu save template sobat

Sumber:http://gubhugreyot.blogspot.com

~~~~~~~~~SELAMAT MENCOBA~~~~~~~~~

Blog Counter Dengan Animasi Lucu

Halo sharelikers?apa kabarnya?kali ini saya ingin share Widget unik dan lucu dengan animasi lucu,mulai dari emoticon monyet,kepiting,babi,panda,ataupun kelinci,Nah mau tahukan counternya bagaimana?.Anda pun bisa kok memasangnya,tinggal sedot aja nih kodenya hehehe,chekidot yaw,hehehe,tinggal buka blogger,add gadget,trus pilih gadget html/javascript copy paste deh kodenya disitu.Widget Ini dari http://counter.web.id/

get this counter

1.Untuk Yang emoticon Monyet

 

<div id="sto_counterwebid"></div><script type="text/javascript">if(obj_counterwebid==null) { var obj_counterwebid = obj_counterwebid || []; obj_counterwebid.push(['func_counterwebid'], ['sto_counterwebid']); (function() { var curdate = new Date(); var script_counterwebid = document.createElement('script'); script_counterwebid.src = 'http://counter.web.id/monyet.js?t=' + curdate.getTime(); script_counterwebid.setAttribute('async', 'true'); document.documentElement.firstChild.appendChild(script_counterwebid); })();}</script><a href="http://ypsrandy.blogspot.com/2011/04/blog-counter-dengan-animasi-lucu.html#axzz1KE4iJJzh">Get this Counter</a>

2.Untuk Emoticon Kepiting

<div id="sto_counterwebid"></div><script type="text/javascript">if(obj_counterwebid==null) { var obj_counterwebid = obj_counterwebid || []; obj_counterwebid.push(['func_counterwebid'], ['sto_counterwebid']); (function() { var curdate = new Date(); var script_counterwebid = document.createElement('script'); script_counterwebid.src = 'http://counter.web.id/kepiting.js?t=' + curdate.getTime(); script_counterwebid.setAttribute('async', 'true'); document.documentElement.firstChild.appendChild(script_counterwebid); })();}</script><a href="http://ypsrandy.blogspot.com/2011/04/blog-counter-dengan-animasi-lucu.html#axzz1KE4iJJzh">get this counter</a>

3.Untuk Emoticon Panda

<div id="sto_counterwebid"></div><script type="text/javascript">if(obj_counterwebid==null) { var obj_counterwebid = obj_counterwebid || []; obj_counterwebid.push(['func_counterwebid'], ['sto_counterwebid']); (function() { var curdate = new Date(); var script_counterwebid = document.createElement('script'); script_counterwebid.src = 'http://counter.web.id/panda.js?t=' + curdate.getTime(); script_counterwebid.setAttribute('async', 'true'); document.documentElement.firstChild.appendChild(script_counterwebid); })();}</script><a href="http://ypsrandy.blogspot.com/2011/04/blog-counter-dengan-animasi-lucu.html#axzz1KE4iJJzh">get this counter</a>

4.Untuk Emoticon Kelinci

<div id="sto_counterwebid"></div><script type="text/javascript">if(obj_counterwebid==null) { var obj_counterwebid = obj_counterwebid || []; obj_counterwebid.push(['func_counterwebid'], ['sto_counterwebid']); (function() { var curdate = new Date(); var script_counterwebid = document.createElement('script'); script_counterwebid.src = 'http://counter.web.id/kelinci.js?t=' + curdate.getTime(); script_counterwebid.setAttribute('async', 'true'); document.documentElement.firstChild.appendChild(script_counterwebid); })();}</script><a href="http://ypsrandy.blogspot.com/2011/04/blog-counter-dengan-animasi-lucu.html#axzz1KE4iJJzh">get this counter</a>

4.Untuk Emoticon Babi

<div id="sto_counterwebid"></div><script type="text/javascript">if(obj_counterwebid==null) { var obj_counterwebid = obj_counterwebid || []; obj_counterwebid.push(['func_counterwebid'], ['sto_counterwebid']); (function() { var curdate = new Date(); var script_counterwebid = document.createElement('script'); script_counterwebid.src = 'http://counter.web.id/babi.js?t=' + curdate.getTime(); script_counterwebid.setAttribute('async', 'true'); document.documentElement.firstChild.appendChild(script_counterwebid); })();}</script><a href="http://ypsrandy.blogspot.com/2011/04/blog-counter-dengan-animasi-lucu.html#axzz1KE4iJJzh">get this counter</a>

klik tombol refresh untuk animasi lainnya