Postingan

Menampilkan postingan dari Januari, 2013

Logo Ngrambe Net Work

Gambar
Aryan.ngrambe.net - Artikel ini di buat sebagai pengingat akan logo-logo yang pernah di pakai Ngrambe Net ketika masih aktif di dunia blogging, Hallah.... lebei... pokoknya ada lah tujuan dari artikel ini, disimak aja jangan protes :D Logo pertama. Logo Buat widget sih rencananya Buat Blognya Hany Oko baru itu dulu, yang lain... lupa deh.. nanti kalo dah inget bisa di tambah lagi :D

Membuat Facebook Recommendation Bar Versi HTML5

Gambar
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

Cara pasang Emoticon Adsense Id Blogspot

Gambar
Letakan kode berikut ini diatas kode   </head> <b:if cond='data:blog.pageType == "item"'><style type='text/css'>/* Add More Features to the Blogger Comments by Taufik Nurrohman */ img.emo { display:inline-block; vertical-align:middle; } #comment-holder .cm-youtube { display:block; border:none !important; background-color:#333; width:370px; height:218px; margin:0 auto 30px; } #comment-holder .cm-image { display:block; margin:0 auto 15px; outline:none; border:1px solid #ccc; background-color:white; -webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 3px rgba(0,0,0,0.2); box-shadow:0px 1px 3px rgba(0,0,0,0.2); padding:5px; max-width:96%; height:auto; width:auto\9; } #comment-holder code, #comment-holder i[rel="code"] { font:normal 12px Monaco,"Courier New",Monospace; color:blue; } #comment-holder pre, #comment-holder i[rel="pre"] { display:block;

CSS gambar post

.post img { background:#FFFFFF; border:1px solid $bordercolor; padding: 7px; -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5); -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5); -goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5); box-shadow: 1px 1px 5px rgba(0, 0, 0, .5); }

Tab View According dengan JQuery

TAB 1</ h2> Konten Di Sini. TAB 2 Konten Di Sini. TAB 3 Konten Di Sini. TAB 4 Konten Di Sini. <style type="text/css">#accordion{width:100%;margin:auto;border:0px solid white} #accordion h2{cursor:pointer;margin:1px 0px;padding:5px 8px;background-color:transparent;font:bold 12px Verdana,Arial,Sans-Serif;color:#a1a1a1;text-shadow:0px 1px 0px rgba(0,0,0,0.4)} #accordion .content{background-color:transparent;padding:5px 5px;margin: 10px 0pt 10px;font-family:Arial;font-size:12px;color:relative} #accordion h2.active{background:transparent;color:relative;border:1px solid lime; } </style><script type="text/javascript" src="http://nthoeng.googlecode.com/files/newmenuaccord.js"></script><script type='text/javascript'>$(function() { $('#accordion .content').hide(); $('#accordion h2:first').addClass('active').next().slideDown('slow'); $('#accordion h2').click(function() { if($(this).ne

Menu Tab view JQuery

Gambar
Menu Tab view JQuery Add Text/HTML : <style type="text/css">.blogtabs {padding: 0px !important;border: 0 solid #bbb;} .blogtabs h2 {float: left;margin: 0 2px 4px 0;font-size: 12px;padding: 3px 5px;border: 1px solid #bbb;overflow: hidden;position: relative;background: #e0e0e0;cursor:pointer;} html .blogtabs h2.active {background: #fff;} .blogtabs .widget-content {border: 1px solid #bbb;padding: 10px;background: #fff;clear:both;margin:0;} .btab, #showtabs {display:none;} </style><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script><script type="text/javascript" src="http://dl.dropbox.com/u/3558628/jQsimpletabs.js"></script><script type="text/javascript">$(document).ready(function() { $('#showtabs').simpleBlogTab ({organictabs: 3}); }); </script><div id="showtabs"></div>

Auto type text Javascript

<form name="news"> <textarea cols="50" name="news2" rows="3" wrap="virtual"></textarea> </form> <script type="text/javascript"> //<![CDATA[ var newsText = new Array(); newsText[0] = "Hello Sobat Ngeposta!"; newsText[1] = "Anda Sedang Membaca Artikel Tentang:"; newsText[2] = "Membuat Animasi Auto Typing Text"; newsText[3] = "Semoga Bermanfaat Bagi Sobat Semua..."; newsText[4] = "Dan Selamat Mencoba!"; newsText[5] = "Jangan Lupa Tinggalkan Komentar Sobat..."; var ttloop = 1; // diulang-ulang teksnya ganti dengan 1 (1 = True; 0 = False) var tspeed = 100; // Typing speed in milliseconds (larger number = slower) var tdelay = 1000; // Time delay between newsTexts in milliseconds // ------------- NO EDITING AFTER THIS LINE ------------- var dwAText, cnews=0, eline=0, cchar=0, mxText; function doNews() { mxText = newsText.length - 1; dwAText =

Huruf diawal paragraf besar

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

Gambar berputar CSS3

Gambar
CSS : div#spinstyle1 img{ /* 1st set of icons. Rotate them 360deg onmouseover and out */ -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } div#spinstyle1 img:hover{ -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } div#spinstyle2 img{ /* 2nd set of icons. Rotate them 60deg onmouseover and out */ -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } div#spinstyle2 img:hover{ -moz-transform: rotate(70deg); -webkit-transform: rotate(70deg); -o-transform: rotate(70deg); -ms-transform: rotate(70deg); transform: rotate(70deg); } div#spinstyle3 img{ /* 3rd set of icons. Rotate them -360deg onmouseover ONLY. N

Navigasi melayang CSS3

HTML : <div id="kucopas"><ul id="kucopas"><li><a href="http://www.blogger.com/blogger.g?blogID=1368769668439533476#">Beranda</a></li><li><a href="http://www.blogger.com/blogger.g?blogID=1368769668439533476#">Daftar Isi</a></li><li><a href="http://www.blogger.com/blogger.g?blogID=1368769668439533476#">Tutorial Blog</a><ul class="children"><li><a href="http://www.blogger.com/blogger.g?blogID=1368769668439533476#">Download Aplikasi</a></li><li><a href="http://www.blogger.com/blogger.g?blogID=1368769668439533476#">Download Game</a></li><li><a href="http://www.blogger.com/blogger.g?blogID=1368769668439533476#">Download Icon</a></li><li><a href="http://www.blogger.com/blogger.g?blogID=1368769668439533476#">Download MP3</a>

Awan akatsuki CSS3

CSS : #akatsuki-cloud {position: absolute; z-index: 0; width:100%; margin-top: 0px; height: 0px;} .akatsuki-cloud { width: 200px; height: 138px; background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgElfEGNoPYLeItYEZmsUrlNHUKrHmc5Xs8-4VPwhT66pQV12WI3h_I5wy6C9USbjXu5q3oIBs7nlwNja6dw6J69PSEvyIQYwFoeYj7Cj7wYWA7ZhLsgWaP3B1rWJjULR7yl6ivI8WzBhk/s1600/cloud-akatsuki-ngeposta.png") no-repeat top center; position: relative; } .ngeposta-cloud1 { -webkit-animation: moveclouds2 15s linear infinite; -moz-animation: moveclouds2 15s linear infinite; -o-animation: moveclouds2 15s linear infinite; } .ngeposta-cloud2 { left: 200px; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); transform: scale(0.6); opacity: 0.6; -webkit-animation: moveclouds2 25s linear infinite; -moz-animation: moveclouds2 25s linear infinite; -o-animation: moveclouds2 25s linear infinite; } .ngeposta-cloud3 { left: -250px; top: -200px; -webkit-transform: scale(0.8); -moz-transform: scale(0.

Banner Iklan 125x125 CSS3

Gambar
CSS : #kotak-iklan-125x125 {margin: 0px;padding: 5px;text-align: center;} #kotak-iklan-125x125 img {margin: 0px 8px 4px 0px;padding: 3px;text-align: center;border: 3px solid #c0c0c0;-webkit-border-radius:70px;-moz-border-radius:70px;-o-border-radius:70px;border-radius:70px;-webkit-transition: all 0.45s ease-out;-moz-transition: all 0.45s ease-out;-o-transition: all 0.45s ease-out;transition: all 0.45s ease-out;} #kotak-iklan-125x125 img:hover {margin: 0px 8px 4px 0px;padding: 3px;text-align: center;border: 3px solid #c33f00;-webkit-border-radius:0px;-moz-border-radius:0px;-o-border-radius:0px;border-radius:0px;} HTML : <div id="kotak-iklan-125x125"> <a target="_blank" href="http://tips-untuk-blogger.blogspot.com"><img alt="banner ads" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-FbCFmgMEAOf0eD8pE9PH3itxYmEODP3HqQcvQwsElrzlgmUKRRS1j9zZbv4_d-N9e5n48o7KJ5YY4L2OUSCyv5JhyphenhyphenFkttZbkM_0XyVsODkURcqrwAzzYPaF

Review Bintang Pada SERP

<div class="hreview"> <span class="item"> Foto ini telah di <strong class="item"><span class="fn">Review</strong></span> <span class="reviewer vcard"> Oleh <span class="fn">{Title}</span> - <span class="description">{Description}</span> ( <span class="title">http://photo.ngrambe.net</span> at <span class="org"> Tumblr Inc</span> ) </span> Mendapatkan Rating: <span class="rating">4.7 </span> dari 5.0 Orang memberi Bintang</div> usahakan tampil di semua halaman.

Tema tumblr PhotoBlog

Gambar
<!DOCTYPE html><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]--><!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]--><!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]--><!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--><head><meta charset="utf-8"> <!-- 1000 Suns Tumblr Theme http://1000suns.isujay.com/ Copyright (c) 2012 Sujay Thomas. Please do not re-use code without permission. http://isujay.com/ Version 1.92.7 --> <meta name="color:Background" content="#eeede2"><meta name="color:ContentBackground" content="#ffffff"><meta name="color:Text" content="#333333"><meta name="color:Link" content="#C00000

Setting SEO title pada Tumblr

<title>{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}{PostSummary} | {/block:PostSummary}{Title}</title> Rubah bagian <title> dengan kode diatas.

Bosan, Apa yang harus ku lakukan..

Gambar
Gak tau kenapa, semenjak badan terindikasi sakit kok jadi pemalas.. semangat kayaknya lagi maen petak umpet, terlalu jauh sembunyi trus lupa jalan pulang. Selidik punya selidik ternyata ini memang ada hubungannya dengan sakit yang saya derita.. kalau begitu aku pengen segera sembuh.. aku sudah teramat sangat bosan dengan ini.. apa lagi kalo harus tiap hari ngemut Tablet.. tablet beneran bukan tablet buat twitteran.. yasudahlah demi menjadi #ganteng

Konversi PHP ke HTML dengan .htaccess

RewriteEngine on RewriteRule ^(.*)\.html$ $1.php [nc] Simpan dengan nama .htaccess kedalam direktori.

Script pasang iklan melayang di bawah posting

Gambar
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script><br /><script type='text/javascript'>$(document).ready(function() { $('img#closed').click(function(){ $('#btm_banner').hide(90); }); }); </script><style type='text/css'>div#btm_banner { bottom: 0; position: fixed; width: 100%; opacity: 0.9; left: 0; } div#btm_banner img{ border:0; cursor:pointer; } </style><div style='height: 0px;'></div><div align='center' id='btm_banner' style='height: 90px; z-index: 9999;'><div style='text-align: right; width: 728px; height: 6px;'><img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit9Kow4ZIiVRhFzz2zZwgPIxYr6ISDB7-qfdvtQL2w4hM0_aMKF8F-b_2pG7LZveexLw4Y8MHRTTlx6XBQHJiNfmfI1D7EBfRBBrZW3RR065p0LwxSR3vjLDeOW2dzWt-pq3-vQBAitz5T/s1600/close-icon.png'

Tracklist Album terbaru JAMRUD "Saatnya Menang"

Gambar
Aryan.ngrambe.net - Setelah menunggu hampir tiga bulan lamanya, CD album terbaru Saatnya Menang milik Jamrud akhirnya diperkenalkan ke publik  yang di  produksi Logiss Record, menyuguhkan 10 lagu dengan aransemen musik yang variatif. ada unplugged, orkestra, hingga metalcore. Album terbaru jamrud - Saatnya menang Track Lagu-lagu Jamrud di Album Saatnya Menang: Genggam Tanganku Kau Jahanam, Aku Bajingan Most Wanted Ingin Kembali Setan Manisku Apa Belum Cukup Uangmu? Saatnya Menang Datang, Sikat, Kabur Ancur The Metal Show Jangan beli bajakan! Update : Lirik lagu Jamrud Album Saatnya Menang klik disini

Klik kanan Open in Terminal

sudo apt-get install nautilus-open-terminal

Matikan error-error di Ubuntu 12.04

sudo gedit /etc/default/apport setelah itu ubah angka 1 menjadi 0 kemudian save.

Set password XAMPP

cari config.inc.php biasanya disini /opt/lampp/phpmyadmin cari kode $cfg['Servers'][$i]['auth_type'] = rubah dw wis mudeng :p sebelum di edit rubah dulu prmision > sudo chmod 777 /opt/lampp/phpmyadmin/config.inc.php setelah selesai edit balikin lagi > sudo chmod 444 /opt/lampp/phpmyadmin/config.inc.php

Install XAMPP Linux

tar xvfz xampp-linux-1.7.7.tar.gz -C /opt

Aku beda..

Aku memang terlihat bodoh dan susah menerima ilmu yang kau ajarkan UPS.. tapi aku bukan bodoh, hanya cara belajarku beda... (mangkring di atas meja)

Mengalihkan htdocs XAMPP ke direktori semau gue

ln -s home/coca-code/www /opt/lampp/htdocs/www Maksudnya mengarahkan /opt/lampp/htdocs/www ke home/coca-code/www sehingga folder home/coca-code/www bisa di akses melalui webserver (http://localhost/www). ini sama fungsinya dengan shortcut.

What are you doing?

Gambar
Aryan.ngrambe.net - Coba tebak, kedua orang ini sedang apa? kalian pasti tak pernah menyangkanya.. Foto di ambil dari dalam rumah seberang jalan. Sekian..