Aryan

Cara Menampilkan Widget Hanya di Halaman Utama/Indeks (Homepage) <b:widget id='HTML11' locked='false' title='' type='HTML'> <b:includable id='main'> <b:if cond='data:blog.url == data:blog.homepageUrl'>   <!-- only display title if it's non-empty -->   <b:if cond='data:title != &quot;&quot;'>     <h2 class='title'><data:title/></h2>   </b:if>   <div class='widget-content'>     <data:content/>   </div>   <b:include name='quickedit'/> </b:if> </b:includable> </b:widget> Cara Menampilkan Widget Hanya di Halaman Posting <b:widget id='HTML11' locked='false' title='' type='HTML'> <b:includable id='main'> <b:if cond='data:blog.pageType == "item"'>   <!-- only display title if it's non-empty -->   ...

Beberapa hari terakhir suka baca berita - berita via gadget kesayangan kok ada yang sedikit berbeda ya sama website portal berita belakangan ini? yap, mereka masang tombol sharing via Whatsapp !!! ide yang sangat brilian sekali saat semua orang suka berbagi via aplikasi chating, saya rasa BBM juga harus bikin kayak gini kalau gak mau kalah sama tren share whatsapp .. Lihat aja... blogger itu berpengaruh dan prediksinya itu dah kayak dukun :v hahahaha... pis ah! Mondar mandir kesana kemari akhirnya dapet juga info tentang tombol sharing whatsapp ini, awalnya saya kira ini resmi dari whatsapp sendiri yang inisiatif untuk bikin sharing button agar mempermudah penggunanya untuk saling berbagi jebulnya TIDAK!!! Tidaaaaaaaakkkkk gais!!!! Sharing button whatsapp ini idenya pakde Kriskbx  hmm... oke juga nih pakde.. https://github.com/kriskbx/whatsapp-sharing http://whatsapp-sharing.com Monggo yang pengen berkreasi masang tombol sharing whatsapp di web sampean silahkan kunjung...

Lagi iseng aja sih nyoba nambahin facebook link pada setiap halaman posting diblogger, kalo di wordpress dah banyak kali ye pluginnya :p berikut script Like Artikel Untuk Blogspot :   Mau dipasang dimana aja terserah, tapi script tersebut sudah disesuaikan dengan kondisi blogspot, di script tersebut juga sudah di beri tag conditional yang akan menampilkan tombol like "hanya" di halaman posting saja :) selamat mencoba..

Widget artikel terbaru  - Tinggal taruh aja di widget SELESAI. Ini scriptnya : Untuk hasilnya nanti akan jadi ginian : Membuat WIDGET ARTIKEL TERBARU bergambar Grid Selamat mencoba sendiri dirumah pemirsa... semoga berhasil..

Aryan.ngrambe.net - Css kali ini saya colong dari blog nya mas Jidat  iseng iseng deh inspect element pada bagian sidebar, kebetulan banget ini ada kode CSS yang blm pernah saya implementasikan :D lumayan lah nambah pengetahuan walau hanya secuil, secuil.. kata SONETA grup :v ini cssnya : background: radial-gradient(white,#CCC); Hasilnya ginian : CSS Gradient Hehe,, sekedar catatan pribadi aja :D

Aryan.ngrambe.net - Sekedar catatang pengingat saja untuk Membuat widget komentar terakhir blogger menggunakan jquery (widget dengan gaya seperti chating facebook) terletak di bagian kanan bawah blog dengan tombol sembunyikan dan tampilkan :D kira kira tampilannya seperti ini : widget komentar terakhir blogger ini kodenya : - +

Ini HTMLnya Ini CSSnya #searchform{float:right; height: 30px; margin:3px} #searchform input.field {background-position:right; background-repeat:no-repeat; width: 90px; padding:7px; outline: none; font: 13px Georgia; font-style: italic; border: none; z-index: 1; height:16px;} #searchform input.field {background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA_asT7stcaJUs8AzA_QIC7LPUUkSNu3KTFs4uC2Lxh_oY9aYNOFHhsw63CwcRjEeSvX5LPLt-j49Y2Z_pSiwB1dazyGwKDnGy-CdFitk5K7dP40t5gKLDw_irOGuXn5uHxQaPI7SjcL99/s30/search_icon.png); background-color:#222; color: #fff;} #searchform input.field:focus {background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA_asT7stcaJUs8AzA_QIC7LPUUkSNu3KTFs4uC2Lxh_oY9aYNOFHhsw63CwcRjEeSvX5LPLt-j49Y2Z_pSiwB1dazyGwKDnGy-CdFitk5K7dP40t5gKLDw_irOGuXn5uHxQaPI7SjcL99/s30/search_icon.png); background-color:#333; background-position:right; background-repeat:no-repeat;} Ini kalo mau langsung ditambahkan ke widget blogspo...

Langsung saja ikuti langkah-langkah berikut : Login ke Blogger Masuk ke Rancangan -> Edit HTML Jangan lupa di simpan/ download dulu template lama :) Klik "Expand Widget Template Langkah 1 : Cari Kode : <b:if cond='data:post.title'> <h3 class='post-title entry-title'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </b:if> </h3> </b:if> Ganti dengan : <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:post.title'> <h2 class='post-title entry-title'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='da...

Aryan.ngrambe.net - Tentang penempatan iklan pada sebuah situs, memang bertujuan untuk cari dana tambahan, tapi lihat juga keadaannya jika anda menjadi si pembaca #anyel gak kalo trus artikelyang mau dibaca malah ketutupan sama iklan? sebenernya niat berbagi gak sih? #edisi ngomongin orang! Disis lain, lagi pengen bikin juga yang kayak gitu, kalo perlu artikel nggak kelihatan sama sekali, cuman google bot aja yang bisa baca artikel, manusia baca+klak klik iklannya saja -_-"

Aryan.ngrambe.net - Cara Menampilkan Foto Profil Facebook Pada Blog terbilang sangat mudah, ini dibutuhkan jika anda ingin memodifikasi tampilan foto About us anda dengan foto profil default dari Facebook, jadi logikanya begini Ketika anda mengganti foto profil di facebook maka tampilan foto di halaman About us anda otomatis mengikuti foto yang di facebook. Keren kan? oke tak banyak cing cong ini dia scriptnya yang baru saja saya baca dari  developers.facebook.com Check this out : <fb:profile-pic uid="Id-facebookmu" facebook-logo="true" linked="false" width="300" height="400"></fb:profile-pic> Atau bisa pakai yang ini untuk membuat foto anda otomatis ter-LINK ke halaman profil facebook anda <fb:profile-pic uid="Id-facebookmu" width="32" height="32" linked="true" \> <fb:profile-pic> Dah, gitu aja.. Cara Menampilkan Foto Profil Facebook Pada Blog cukup mudah bukan? ...

1. Pertama, masuk ke  Template  >  Edit HTML  .  Expand Widget Template 2. Lalu copy paste kode CSS berikut di atas kode  ]]></ b : skin > .sharearea{ border-top:3px solid #ccc;border-bottom:1px solid #ddd;width:100%;height:24px;text-align:left;font:normal 11px Arial;color:#333;margin:10px 0;padding:10px 0 5px} .fbshare {line-height: 20px; color: #fff !important; background: #3b5998; text-decoration: none !important; border: 1px solid #313c7d; padding: 3px; font-family: arial, verdana, sans-serif; font-size: 12px; border-radius: 2px;} .twshare {color: #fff !important; background: #4099FF; text-decoration: none !important; border: 1px solid #3a8be8; padding: 3px; font-family: arial, verdana, sans-serif; font-size: 12px; line-height: 20px; border-radius: 2px;} .plshare {color: #fff !important; background: #c0361a; text-decoration: none !important; border: 1px solid #9c2c15; padding: 3px; font-family: arial, verdana, sans-serif; font-size: 12px; li...

Komentar facebook di blogspot Buatlah sebuah aplikasi yang akan mengintegrasikan blog anda dengan Facebook. Untuk membuatnya, silahkan baca Cara membuat aplikasi Facebook Jika sudah selesai membuat aplikasi facebooknya, buka akun blogger anda Pilih menu  Template  >>  Edit Html  >> centang  Expand Template Widget  >> tekan tombol Ctrl+F  di keyboard Cari kode  <b:skin><![CDATA[  dan tambahkan kode berikut sebelum atau diatas  <b:skin><![CDATA[ <meta content='profil.deathcrot' property='fb:admins'/> <meta content='259054834227698' property='fb:app_id'/> <script src='http://code.jquery.com/jquery-latest.js'/> <script src='http://panduan-template-blog-id.googlecode.com/files/CommentPages.js'/> <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/> Keterangan Ganti  profil.deathcrot  dengan nama akun Facebook anda Ganti  259054834227698  deng...

41% X 73 : 5 = Piro?

Jajal dewe ya

Aryan.ngrambe.net - Kali ini saya akan membagi tips Membuat Link acak Otomatis layaknya iklan-iklan PPC yang selalu berubah setiap kali halaman di load / reload. Nah tanpa basa basi aja nih mari kita simak bareng-bareng tipsnya : Buat widget Text / HTML Copy code berikut ini : <style type='text/css'> #HTML1{ border:solid 1px #69CB4B; background:#E2FFD9; margin-bottom:5px; padding:5px; } </style> <script language="JavaScript"> var link = new Array() ; link[0] = '<a href=" http://www.ngrambe.net/2013/01/wisata-omah-watu-hargomulyo.html "> Wisata omah watu di Ngawi jawa timur </a>';link[1] = '<a href=" http://www.ngrambe.net/2013/01/menyegarkan-fikiran-di-perkebunan-teh.html "> Wisata kebun teh jamus seperti Bogor </a>';link[2] = '<a href=" http://www.ngrambe.net/2012/02/air-terjun-pengantin-di-ngrambe.html "> Wisata air terjun pengantin Ngawi? </a>';link[3] ...

Aryan.ngrambe.net - Terdapat 2 (dua) tahap yang akan dilakukan dalam pembuatan dan pemasangan plugin Facebook Recommendation Bar Versi HTML5, yang pertama proses untuk mendapatkan Facebook App ID dan yang kedua adalah langkah penginstallan pada blogger. monggo di simak langkah-langkah di bawah ini : Login Facebook kemudian buka https://developers.facebook.com/apps/ Pada sudut kanan atas, klik "+Create New App" Pada box popup, isi nama aplikasi yang anda inginkan kemudian lanjutkan dengan mengklik tombol "Continue" Selanjutnya, masukkan kode captcha dan klik "Submit" Pada tahap selanjutnya, anda akan diarahkan halaman basic. Lihat gambar di bawah ini untuk lebih jelasnya. Add caption Keterangan : Copy app id tersebut ke notepad atau dimana saja karena app id tersebut yang nantinya akan digunakan pada tahap menginstall plugin ke blogger Masukkan email anda Masukkan URL alamat blog/website anda Lanjutkan dengan mengklik tombol "Simpan...

Letakan kode berikut ini diatas kode   </head> Letakan kode berikut ini diatas kode   </body>

TAB 1</ h2> Konten Di Sini. TAB 2 Konten Di Sini. TAB 3 Konten Di Sini. TAB 4 Konten Di Sini. TAB 1 Konten Di Sini. TAB 2 Konten Di Sini. TAB 3 Konten Di Sini. TAB 4 Konten Di Sini.

Menu Tab view JQuery Add Text/HTML :

CSS : .capital:first-letter { float: left; display: block; font-family: Times, serif, Georgia, Arial; font-size: 50px; color: green; margin: 5px; padding: 5px; }