Cara Membuat Widget Recent Post Di Blog - Jumpa lagi dengan mimin, kali ini saya mau membagikan Ilmu yang lumayan bermanfaat bagi yang belum tahu yah, mungkin ini sih udah ada kalau di tempelate yang seo terbaru beda ama tempelate mimin yang sederhana ini :3 tapi tak apalah karena enak loading nya cepet :v oke kita langsung ke topik pembuatan.

1.Sediakan segelas kopi dan Roti :v
2.Masuk ke blog kalian masing-masing
3.Klik Tata Letak => Klik Tambahkan Gadget => Klik HTML/JAVASCRIPT
4.Copy kode nya di bawah ini.

<ul id="recent-posts"></ul> <script> //<![CDATA[ var homePage = "http://blogriby.blogspot.com/", numPosts = 5; function recentPosts(a){if(document.getElementById("recent-posts")){var e=a.feed.entry,title,link,content="",ct=document.getElementById("recent-posts");for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<li class="recent-posts"><strong><a href="'+link+'" title="'+title+'" target="_blank">'+title+'</a></strong></li>'}ct.innerHTML=content}}var rcp=document.createElement('script');rcp.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results='+numPosts+'&callback=recentPosts';document.getElementsByTagName('head')[0].appendChild(rcp); //]]> </script>

5.Klik simpan/save

Keterangan:
Kode yang saya berikan warna Merah kalian ganti dengan Url kalian masing-masing.
Kode yang saya berikan warna Biru kalian ganti sesuai kalian ingin berapa post di recent postnya

Mungkin ini yang saya bisa bagikan untuk kalian semua, jangan lupa Follow yah blog saya untuk dapat info terbaru :)

Cara Membuat Related Post Di Blog - Kalau yang tadi related post dengan gambar kalau sekarang related post biasa hanya teks saja, kalian bisa mencoba cara berikut bila kalian ingin membuat related post dan juga cepat loading nya, kalian bisa simak baik-baik cara nya seperti di bawah ini.

1.Kalian masuk ke blog masing-masing.
2.Klik Tata Letak => Klik Tambahkan Gadget => Klik HTML/JAVASCRIPT.
3.Copy kode di bawah ini

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> <script src="http://blogger-related-posts.googlecode.com/files/related-posts-widget-1.0.js" type="text/javascript"></script> <script type="text/javascript"> relatedPostsWidget({ 'containerSelector':'div.post-body' ,'loadingText':'loading...' });</script>

4.Paste kode nya dan letakan seperti nomor 2 => klik simpan/save
5.Selesai

Selamat mencoba Tips nya yah jangan lupa follow terus blog ku untuk mendapatkan info baru :)

Cara Membuat Releaded Post Di Blog Dengan Gambar - Kali ini blogriby mau posting tentang membuat related post, karena banyak belum tahu cara buat related post di blog, karena itu mimin mau praktekan cara nya bikin related postnya kalian bisa simak cara nya baik-baik bila ada yang kesusahan kalian bisa berkomentar di bawah.

1.Kalian masuk ke blog masing-masing.
2.Klik Tempelate => Klik Edit HTML.
3.Cari kata kunci </head> copy kode di bawah ini dan paste kode nya di atas kode </head> .

<!--Related Posts with thumbnails Start--> <b:if cond='data:blog.pageType == &quot;item&quot;'> <style type='text/css'> #related-posts{float:left;width:auto;} #related-posts a{border-right: 1px dotted #eaeaea;} #related-posts a:hover{background: #f2f2f2;} #related-posts h2{margin-top: 10px;background:none;font:18px Oswald;padding:3px;color:#999999; text-transform:uppercase;} #related-posts .related_img {margin:5px;border:2px solid #f2f2f2;width:100px;height:80px;transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;} #related-title {color:#0033cc;text-align:center;padding: 0 5px;font-size:12px Arial; line-height:16px;text-shadow:0 2px 2px #fff;height:28px;width:100px;} #related-posts .related_img:hover{border:2px solid #E8E8E8;opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}</style> <script type='text/javascript' src='http://helplogger.googlecode.com/svn/trunk/relatedposts.js' /> </b:if> <!--Related Posts with thumbnails End-->

Keterangan:
Kode berwarna Biru adalah ukuran gambar yang akan di tampilkan pada related Post, Kalian ubah sesuai selera kalian masing-masing.

4.Cari kata kunci <div class='post-footer'> copy kode di bawah ini dan paste di atas kode <div class='post-footer'> .

<!-- 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=5&quot;' type='text/javascript'/></b:if></b:loop> <script type='text/javascript'> var currentposturl=&quot;<data:post.url/>&quot;; var maxresults=5; var relatedpoststitle=&quot;<b>Related Posts:</b>&quot;; removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(); </script> </div><div class='clear'/> </b:if> <!-- Related Posts with Thumbnails Code End-->

Keterangan:
Kode berwarna Biru adalah jumlah related post kalian bisa ubah sesuai selera kalian.

Mungkin itu saja yang bisa mimin bagi jika mimin ada waktu lowong akan mimin berikan demo nya :) Oiya disini mimin gak pake Related Post karna akan memperlambat loading blog mimin ^_^

Download Game N.O.V.A : Near Orbit Vanguard Allience For PPSSPP - Siapa sih yang gak kenal sama game nova yang sudah legend ini di android dengan kualitas yang menakjubkan di android dan di ppsspp berbeda graphics tapi keren game nya tetap mau download? silahkan udah mimin sediakan link nya di bawah ^_^

Screenshot:




Silahkan download di bawah.
=> N.O.V.A : Near Orbit Vanguard Allience

Download Game Asphal Urban GT For PPSSPP - Kali ini mimin mau berbagi game yaitu game psp yang bisa kalian pake menggunakan emu psp untuk pc dan android, kalian bisa download gamenya di bawah ini.

Screenshot:



Link sudah mimin sedia kan di bawah.
=> Aspah Urban GT

Download Unipad For Android - Kali ini mimin mau berbagi game Dj untuk android pasti kalian yang suka Dj tau donk alan walker nah di app ini ada lagu nya kayak faded,spectre dll. kalian bisa download App nya di bawah.

Untuk memainkan game ini kita tidak perlu hp kualitas tinggi cukup hp 4.2+ aja cukup :v

Screenshot:




Jika kalian ingin mendownload silahkan klik link yang ada di bawah.

=> Download Unipad For Android

Cara Membuat Animasi Text Mengikuti Pointer Di Blog - Kali ini mimin mau berbagi ilmu lagi nih yaitu cara membuat animasi text yang mengikuti pointer nah pasti pada belum tahu yah, maka dari itu mimin mau berbagi sedikit ilmu nih, cara dalam pemasangan sangat mudah dan cepat di mengerti yah mungkin pada postingan ini tidak akan ada banyak gambar karena sedang review adsense jadi harus banyak katak-kata kalau udah beres review baru akan ada gambar lagi ^_^

1.Kalian masuk ke blog masing-masing
2.Klik Tata Letak => Klik Tambahkan Gadget => Klik HTML/JAVASCRIPT
3.Kalian paste kode nya disitu
4.Copy dulu kode nya di bawah ini.

<style type='text/css'> #outerCircleText { font-style: italic; font-weight: bold; font-family: 'Arial', verdana, arial,courier.georgia,helvetica,times,trebuchet; color: #4acb35; position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;} #outerCircleText div {position: relative;} #outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;} </style> <script type='text/javascript'> //<![CDATA[ ;(function(){ // Your message here (QUOTED STRING) var msg = "Selamat datang di blogriby"; /* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */ // Set font's style size for calculating dimensions // Set to number of desired pixels font size (decimal and negative numbers not allowed) var size =20; // Set both to 1 for plain circle, set one of them to 2 for oval // Other numbers & decimals can have interesting effects, keep these low (0 to 3) var circleY = 0.75; var circleX = 2; // The larger this divisor, the smaller the spaces between letters // (decimals allowed, not negative numbers) var letter_spacing = 5; // The larger this multiplier, the bigger the circle/oval // (decimals allowed, not negative numbers, some rounding is applied) var diameter = 15; // Rotation speed, set it negative if you want it to spin clockwise (decimals allowed) var rotation = 0.3; // This is not the rotation speed, its the reaction speed, keep low! // Set this to 1 or a decimal less than one (decimals allowed, not negative numbers) var speed = 0.2; ////////////////////// Stop Editing ////////////////////// if (!window.addEventListener && !window.attachEvent || !document.createElement) return; msg = msg.split(''); var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20, ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [], o = document.createElement('div'), oi = document.createElement('div'), b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body, mouse = function(e){ e = e || window.event; ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position }, makecircle = function(){ // rotation/positioning if(init.nopy){ o.style.top = (b || document.body).scrollTop + 'px'; o.style.left = (b || document.body).scrollLeft + 'px'; }; currStep -= rotation; for (var d, i = n; i > -1; --i){ // makes the circle d = document.getElementById('iemsg' + i).style; d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px'; d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px'; }; }, drag = function(){ // makes the resistance y[0] = Y[0] += (ymouse - Y[0]) * speed; x[0] = X[0] += (xmouse - 20 - X[0]) * speed; for (var i = n; i > 0; --i){ y[i] = Y[i] += (y[i-1] - Y[i]) * speed; x[i] = X[i] += (x[i-1] - X[i]) * speed; }; makecircle(); }, init = function(){ // appends message divs, & sets initial values for positioning arrays if(!isNaN(window.pageYOffset)){ ymouse += window.pageYOffset; xmouse += window.pageXOffset; } else init.nopy = true; for (var d, i = n; i > -1; --i){ d = document.createElement('div'); d.id = 'iemsg' + i; d.style.height = d.style.width = a + 'px'; d.appendChild(document.createTextNode(msg[i])); oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0; }; o.appendChild(oi); document.body.appendChild(o); setInterval(drag, 25); }, ascroll = function(){ ymouse += window.pageYOffset; xmouse += window.pageXOffset; window.removeEventListener('scroll', ascroll, false); }; o.id = 'outerCircleText'; o.style.fontSize = size + 'px'; if (window.addEventListener){ window.addEventListener('load', init, false); document.addEventListener('mouseover', mouse, false); document.addEventListener('mousemove', mouse, false); if (/Apple/.test(navigator.vendor)) window.addEventListener('scroll', ascroll, false); } else if (window.attachEvent){ window.attachEvent('onload', init); document.attachEvent('onmousemove', mouse); }; })(); //]]> </script>

5.Selesai

Keterangan:

• Tulisan yang berwarna Biru adalah jenis huruf silahkan kalian ganti sesuai selera kalian.
• Tulisan yang berwarna Merah adalah  text yang akan mengikuti pointer

Cara Memasang Animasi Bergerak Di Blog - Kali ini mimin mau berbagi Tips nih, pada kesempatan kali ini mimin mau membagikan Tips cara Widget Animasi Bergerak Kalian pasti tahu kan animasi bergerak, kalian juga pernah jumpa pada blog orang lain, nah kalian pasti kepikiran bagaimana sih cara nya? kalian bisa simak baik- baik cara nya ^_^

1.Kalian masuk ke blog masing-masing
2.Klik Tatak Letak => Klik Tambahkan Gadget => Klik HTML/JAVASCRIPT.
3.Paste kodenya di sana.
4.Copy dulu kode nya di bawah ini

<div style=�position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;�><a href=�http://giribig.com/2015/02/cara-memasang-animasi-bergerak-dipojok-blog.html� target=�_blank�><img border=�0? src=�https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyRGRAbpyPSUvZc-R1poSwe1Rv9OaTy6HHeqsTEiwtQYlEumUSmr2bPYIy0OZNBsag3EHFy9jiJLUL0oaUwedXWA41_VPofxU_cyoV6JUUurvx0KeT9U-Dt72jT3CmJi2yKqYewTrP-NjG/s1600/gambar-animasi-orang-berpikir-gif-bergerak.gif� title=�Click to get more.� /></a><small><center><a href=�http://blogriby.blogspot.com/� target=�_blank�></a></center></small></div>

Segini dulu Tips nya dari mimin tar mimin update lagi jadi tunggu saja dan follow blog mimin untuk mengetahui update terbaru di blog ini :)

Keterangan:
Kalian ganti gambar gif sesuai selera kalian seperti yang saya kasih warna Merah

Cara Memasang Widget Instagram Di Blog - Halo sobat blogger kali ini mimin mau membagika cara pasang Widget IG ayo sapa sih yang gak kenal dengan IG, kalian bisa mengikuti cara nya
dan simak baik-baik cara mudah dan pemasangan pun mudah :v

1.Klik link Berkiut
2.Kalian pilih sesuai selera mau yang besar apa yang kecil :v
3.Masuk ke blog kalian masing-masing.
4.Klik Tata Letak => Klik Tambahkan Gadget => Klik HTML/JAVASCRIPT
5.Paste kode nya.
6.selesai

Selamat mencoba yah :)

Kumpulan Widget Effect Untuk Blog - kali ini mimin gak akan pake gambar karena lagi masa review google adsense :v jadi bersabar aja kalau ada masalah kalian cantumin nama di komentar nanti mimin bls koment nya :) nah pada kesempatan kali ini mimin mau membagikan Efect yang ada di blog seperti salju,listrik.es. dll. Kalin juga bisa memilih Efectnya di bawah dan cara pemasangan nya juga sudah mimin sedia kan.

1.Efek Ringan

Ini adalah efek yang ringan jadi gak akan memberatkan blog kalian.

• Efek salju berjatuhan

<script src='http://tateluproject.googlecode.com/files/snow.js' type='text/javascript'></script>

• Efek hati bertaburan khusus jones :v

<script src='http://tateluproject.googlecode.com/files/lovingheart.js' type='text/javascript'></script>

<script src='http://tateluproject.googlecode.com/files/bintang.js' type='text/javascript'></script>

• Efek kembang api wih coba waktu tahun baru :v

<script src='http://tateluproject.googlecode.com/files/kembangapi.js' type='text/javascript'></script>

• Efek gelembung inget bukan gelembung spongebob :v

<script src='http://tateluproject.googlecode.com/files/efek-gelembung.js' type='text/javascript'></script>

• Efek kupu-kupu terbang kayak inget lagu kupu-kupu :v

<script language="JavaScript1.2" src="http://imtikhan.googlecode.com/files/Kupu-kupu1.js"></script>

Cara Pemasangan:

1. klik Tempelate => Klik Edit HTML
2. Letakan script di atas kde </body>
3. Cari kode nya dengan CTRL+F
4. Klik simpan

Cara Menganti Kursor Mouse Di Blog - Mouse atau pointer penunjuk di berbagai komputer pasti kalian pernah melihat di blog lain yang mousenya bermacam-macam nah pada kesempatan kali ini saya akan membagikan Tips caranya mengganti kursor mouse jadi kalian harus simak secara teliti untuk tidak ada kesalah waktu pemasangan kursor mouse nya.

1.Buka webseti nya disini
2.Pilih Category yang anda ingin kan
3.Pilih kursor yang ingin di pakai
4.Setelah beres memilih kursor anda klik kursor yang anda ingin kan
5.Bila sudah scroll ke bawah cari kode nya.
6.Cara memasang kursor nya anda masuk ke blog masing-masing
7.Klik Tata Letak => Klik Tambahkan Gadget => Klik HTML/JAVASCRIPT
8.Selesai

Wih kursor mousenya dah berubah yah dan selamat mencoba Tipsnya yang gratis ini :v

Jangan lupa Follow blog ini untuk mendapatkan info baru :)

Cara Memasang Widget Jam Di Blog - Jam adalah sebuah waktu yang berputar yang memakai arah panah atau arah jarum jam yang sering kita lihat ketika membuka Hp atau Komputer nah pada postingan kali ini saya mau membahasa cara memasang jam di blog cara sangaaat mudah sekali simak baik-baik yah.

1.Kalian buka situs ini
2.Kalian klik Gallery => Pilih Type jamnya => Bila sudah klik View HTML Tag
3.Kalau sudah klik Accept
4.Edit sesuai keingginan kalian dan ganti Timezone jadi negara kita tentunya :V
5.Copy kode nya.
6.Masuk ke blog kalian masing-masing => Klik Tata Letak => Tambahkan Gadget => Klik HTML/JAVASCRIPT.

Nah sekarang di blog kalian sudah terpasang Widget jam biar tahu jam berapa kalian pada posting :v

Salam blogriby and jangan lupa follow blog saya dan juga share ke teman mu yang belum tahu.

Download Game Yu-Gi-Oh Power of Chaos YUGI THE DESTINY Pc - Kali ini mimin akan share game kedua yaitu game Yugioh pasti dah pada tahu kan ini game tentang duel kartu bahkan mimin dulu gefans sama nih anime :) bagi yang ingin mendownload sudah mimin sedia kan link nya di bawah. Untuk memainkan game ini gak terlalu berat kok spek pc rendah juga bisa :D

MINIMUM SYSTEM REQUIREMENTS :

• 450 MHz Pentium II
• 128 MB RAM
• DirectX 8.1 compliant graphics card
• Windows XP/ME/2000/98SE
• 300 MB free hard disk space
• DirectX 8.1 compliant sound card

Cara Menganti Favicon Header Di Blog - Jumpa lagi dengan mimin pada sore kali ini mimin mau membagikan ilmu yaitu mengatiii Favicon Header kalau waktu itu Favicon yang ada di sebelah anddres bar sekarang beda lagi, kalian bisa simak caranya dengan baik dan juga jangan lupa share ke temen kamu yah ;)

Cara Menganti Favicon Header Di Blog

1.Kalian masuk ke situs ini
2.Kalian pilih Text mana yang kalian ingginkan
3.Edit sesuai selera kalian
4.Bila sudah mengeditnya kalian klik Create Logo => Klik Download Image
5.Masuk ke blog kalian masing-masing.
6.Klik Tata Letak => Edit Header => klik Chose File => Cari gambar yang sudah di download tadi
7.dan hasilnya akan seperti gambar di atas

Dan selamat mencoba prakteknya :) jangan lupa follow blog saya untuk mendapatkan info terbaru lewat email anda :D

Salah Luarbiasa dari saya blogriby

Hal Yang Perlu Kita Lakukan Setelah Membuat Blog - langkah apa sih yang harus kita lakukan ketikan sudah membuat blog, tentu saja kita harus membuat postingan tapi jangan asal posting yang gak penting misal seperti postingan yang berbau unsur Hent** dan yang berbau por** karena akan ke banned dari pihak Google nah bagaimana sih Tipsnya kalian baca sampai selesai yah.

Hal Yang Perlu Kita Lakukan Setelah Membuat Blog

1.Mendesain Tempelate Blog
Kalian bisa mendesain Tempelate Blog kalian atau memakai tempelate orang yang bisa bikin tempelate, kenapa saya bilan mendesain tempelate karena tempelate sangpat penting untuk agar blog kita jadi seo responsive dan tidak lambat ketika loading blog kalian bisa ambil situ dari beberapa pembuat Tempelate.
Baca dini untuk mendapatkan tempelate yang anda ingin kan

2.Membuat Logo Atau Favicon Blog
Kalian pasti pernah melihat logo di blog seseorang yang seperti saya menggunakan R, nah ini sangat penting bagi blog karena untuk memperindah blog kalian, jika blog kalian semakin menarik di lihat kemungkinan visitor pun akan berdatangan ke blog anda tentunya dengan postingan yang menarik juga karena dari postingan yang menarik maka visitor akan berdatangan dengan mudah.
Baca Juga: Cara Pasang Favicon Di Blog


3.Membuat Postingan Secara Rutin Dan Juga ORIGINAL
Hal ketiga adalah kalian mengharuskan membuat postingan yang rutin untuk mendapatkan visitor yang banyak dan juga postingan yang original yang tidak main copas, karena jika kita membuat postingan secara rutin rutin dan original maka blog kita akan mudah untuk di cari oleh mesin pencari "SEO" hal ini juga pernah saya lakukan dengan cara membuat postingan 4-5 postingan perhari, jika kita tidak rutin dalam membuat postingan maka blog kita akan terabaikan oleh mesin pencari ini juga sempat pernah saya alami waktu dulu di blog saya yang lama, maka dari itu rajin-rajin lah membuat postingan yang original dan juga tanpa copy paste dari blog lain.

4.Menambahkan Blog dan Menyumbit Link Artikel Baru Pada GMT
Hal yang saya lakukan pertama kali waktu bikin blog adalah bagaimana kita trindex oleh Google, nah saya menggunakan (GMT (Google Webmaster Tool) ini adalah cara termudah agar blog kita cepat terindex oleh pihak google, tapi kita harus membuat postingan yang rutin untuk mempercepat terindex nya oleh google, bila kalian sudah siap, kalian bisa pasang GMT di blog kalian agar blognya semakin maju dan juga Terindex oleh google.
Baca Juga: Cara Termudah Agar Blog Cepat Terindex Google

5.Mempromosikan Blog ke Media Sosial 
Selanjutanya adalah cara yang paling ampuh untuk meningkatkan visitor blog dengan menggandalkan Media Sosial seperti Google+, Facebook, Twiter dll. Ini adalah cara paling ampuh untuk mempromosikab Blog dengan Cara Share ke media sosial, Selain itu juga ini adalah cara untuk mingkatkan PV atau bahasa keren nya Page View kalian bisa sampai 1000 Penayangan loh bayangin blog baru bisa sampai 1000 penayangan saya juga dulu seperti ini di blog saya yang lama tapi dengan 1 Postingan yang menarik, kalian pingin seperti itu kalian juga harus bisa saling kerjasama antara group maupun media sosial.

6.Bergabung Pada Komunitas Blogger di Facebook
Nah pada tahap ini kalian harus bergabung ke komunitas Facebook untuk mendapatkan wawasan yang lebih tinggi lagi, dan juga kalian bisa saling sharing berbagai Tips yang kamu punya di komunitas di Facebook ini, saya pun bergabung di komunitas para blogger di indoneisa, bila kalian ingin bergabung kalian bisa dengan mengklik link nya di bawah ini.

• BLOOGER INDONESIA
• Google Adsense Indonesia
• Belajar Seo Bersama

Nah itulah hal-hal yang perlu kalian lakukan setelah mempunyai Blog baru, hal tersebut adalah pengalaman saya pribadi jadi mohon maaf bila ada kata-kata kasar atau kurang jelas karena saya sendiri adalah seorang newbie yang baru belajar blog :) mungkin itu saja informasi yang saya dapat berikan pada kalian dan semoga kalian sukses menjadi seorang blooger yang kalian inginkan :D