Sondag 02 Junie 2013

Menampilkan Widget Di Halaman Tertentu

21:10    No comments

Hai sobat blogger, bagaimanakah kabar Anda sekalian ? semoga dalam keadaan sehat dan selalu ceria. Pada tulisan kali ini, saya akan membagikan ilmu yang sudah saya pelajari kepada Anda yaitu masih tentang blogger dan topik yang saya bahas kali ini adalah seputar "Menampilkan widget pada halaman tertentu" yang sering digunakan pada template megazine, misalnya anda ingin menampilkan widget dihalaman post saja atau tidak ada hanya dihalaman post.

Nah langsung saja kita pelajari bersama-sama.

Langkah pertama yang harus Anda lakukan adalah masuk menu "Design" kemudian masuk ke bagian "Edit HTML" lalu centang kotak "Expand widget templates"

lalu cari code widgetnya seperti ini


<b:widget id='HTML1' locked='false' title='Pesan' type='HTML'>
<b:includable id='main'>

<!-- 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:includable>
</b:widget>

Untuk mempermudah pencarian silahkan masukkan judul widget seperti "Pesan" kedalam kotak pencarian browser (ctrl + F)

Kemudian tambah code

<b:if cond='data:blog.url == data:blog.homepageUrl'>

dan ditutup dengan code </b:if> untuk menempatkan di hanya halaman depan saja

dan ditempatkan seperti dibawah ini


<b:widget id='HTML1' locked='false' title='Pesan' 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>

Perhatikan penempatan code yang berwarna hijau !

kemudian save.

Dan dibawah ini adalah code yang bisa digunakan untuk penempatan lainya

Untuk menempatkan di halaman depan/index digunakan code
<b:if cond='data:blog.pageType == data:blog.homepageUrl'>


Untuk menempatkan di halaman Archive saja
<b:if cond='data:blog.pageType == "archive"'>


Untuk menempatkan dihalaman item/posting saja digunakan code
<b:if cond='data:blog.pageType == "item"'>


Dan untuk pada halaman pages atau static page blogger digunakan
<b:if cond='data:blog.pageType == "static_page"'>

Dan untuk tambahan, jika Anda ingin menempatkan di halaman tertentu dengan menggunakan URL gunakan code dibawah ini
<b:if cond='data:blog.url == "URL_HERE"'>


Ganti code URL_HERE dengan URL yang ingin anda tampilkan.

Dan untuk pengecualian, misalnya anda tidak menempatkan widget hanya di halaman depan saja dengan cara mengganti tanda = pertama dengan tanda !

Contoh

<b:if cond='data:blog.pageType != data:blog.homepageUrl'>

Nah tidak terlalu sulit kan? semoga bermanfaat bagi Anda.

Sekian silahkan berkomentar jika ada pertanyaa, :D

NB : Code diatas juga dapat di aplikasikan ke fungsi-fungsi blogger lainya yang akan saya bahas di waktu selanjutnya

Read More

Jquery Multi Level Menu Horizontal

21:03    No comments


Masih membahas tentang cara membuat menu horizontal atau menu navigasi di blog kita, dan dulu sudah pernah saya memposting tentang cara membuat menu horizontal dan menu vertical di blog ini, namun kali ini saya akan menulis tutorial bagaimana membuat menu horizontal yang lebih canggih dibandingkan yang kemaren yaitu membuat multi level menu atau menu bertingkat.

Okkey langsung saja ke cara pembuatanya ya


langkah pertama yaitu masuk pada bagian Design lalu Edit HTML

Masukkan code dibawah ini dibawah code <head>

<!--[if lte IE 7]>
<style type="text/css">
html .jqueryslidemenu{height: 1%;} /*Holly Hack for IE7 and below*/
</style>
<![endif]-->

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/>
<script src='http://sites.google.com/site/anasprod/jqueryslidemenu.js' type='text/javascript'/>

Lalu masukkan CSS dibawah ini diatas code ]]></b:skin>



 .jqueryslidemenu{
font: bold 13px Verdana;
background: #800000;
width:100%;
float:left
}

 .jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

 /*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

 /*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #800000; /*background of tabs (default state)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #778;
text-decoration: none;
}

 * html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

 .jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

 .jqueryslidemenu ul li a:hover{
background:#B30000; /*tab link background during hover state*/
color: white;
}

 /*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
background:#B30000;
}

 /*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

 /*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

 /* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

 .jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

 /* ######### CSS classes applied to down and right arrow images ######### */

 .downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

 .rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}
#footheader {
width: 100%;
float:left;
margin:0 0 0;
padding:0 0 0;
position:relative;
}
Code diatas adalah style dari menu Anda, silahkan edit sesuai kebutuhan Anda.

Nah kalau sudah kita menuju kebawah untuk mencari code seperti dibawah ini


<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Bisnis Di Internet (Header)' type='Header'/>
</b:section>
</div>

Perhatikan saja code yang berwarna merah karena code yang berwarna hitam diatas berbeda-beda setiap template

lalu taruh code dibawah ini dibawah code yang diatas tadi


<div id='footheader'>
<b:section class='footheader' id='footheader' preferred='yes'>
</b:section>
</div>

Kalau sudah SAVE

Pekerjaan kita belum selesai, langkah selanjutnya yaitu menuju menu "Page Elements"



Terlihat pada "Page Elements" muncul tempat gadget baru, lalu klik aja "Add a gadget" dan pilih HTML/JavaScript dan masukkan code dibawah ini.

<div id="myslidemenu" class="jqueryslidemenu">
<ul>
<li><a href="/">Home</a></li>
<li><a href="http://sangmerak.blogspot.com">SangMerak</a></li>
<li><a href="#">Kategori</a>
<ul>
<li><a href="#">Sub Kategori 1</a></li>
<li><a href="#">Sub Kategori 2</a></li>
</ul>
</li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Folder 2</a>
<ul>
<li><a href="#">Sub Item 2.1</a></li>
<li><a href="#">Folder 2.1</a>
<ul>
<li><a href="#">Sub Item 2.1.1</a></li>
<li><a href="#">Sub Item 2.1.2</a></li>
<li><a href="#">Folder 3.1.1</a>
<ul>
<li><a href="#">Sub Item 3.1.1.1</a></li>
<li><a href="#">Sub Item 3.1.1.2</a></li>
</ul>
</li>
<li><a href="#">Sub Item 2.1.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="http://tutorial-jitu.blogspot.com">Tutorial Blog</a></li>
</ul>
<br style="clear: left" />
</div>

Nah code diatas adalah code dari widgetnya silahkan di edit sesuai kebutuhan Anda.

Kalau sudah silahkan di SAVE deh.

Read More

Cari Akun SSH grtis menggunakan shodanhq (search egine)

20:57    8 comments

Tadi ada yang nanyak cara mengunakan shodanhq untuk mencari akun ssh gratis,, nii tutorial, langsung aja cekidott...


Sebenarnya gak perlu register juga gak papa, tetapi kalau free user tidak bisa memanfaatkan fitur tambahan untuk searching, makanya saya anjurkan untuk register dulu.

  • Search dengan keyword :

Ruckus Wireless country:TH

   itu akan searching dengan kata kunci "Ruckus Wireless" dari negara Thailand. Silahkan di ganti negaranya sesui keinginan bro.contoh yang lain nya:

        Ruckus Wireless country:JP    (akun ssh dari jepang)

        Ruckus Wireless country:ID   (akun ssh dari indonesia), DLL
Saya ambil contoh ip 202.57.186.112
Coba kita bukak lewat bitvise mas bro.
wah sukses bro, yuk kita coba buat broswshing

mantab bro, bisa buat berselancar. Sangat sangat sangat gampang dan simple bukan???

Keyword search lain yang support untuk di jadikan gratisan es teh tanpa user name dan password :
SSH-2.0-dropbear_2011.54
SSH-2.0-dropbear_0.53.1
SSH-2.0-dropbear_0.53
SSH-2.0-dropbear_0.52
SSH-2.0-dropbear_0.51
SSH-2.0-dropbear_0.50
SSH-2.0-dropbear_0.49
SSH-2.0-dropbear_0.48
SSH-2.0-dropbear_0.47
SSH-2.0-dropbear_0.46

Cara ngetesnya sama seperti di atas mas bro, langsung test di bitvise aja.
Demikian tulisan singkat mengenai metode lain mencari ssh gratis, semoga menambah pengetahuan kita semua. Admin tidak bertanggung jawab mengenai penyalahgunaan server yang berhasil di dapatkan menggunakan metode tersebut.

Read More

Cara Mencari SSH Gratis

20:54    1 comment


Pada kesempatan kali ini saya pengin berbagi sedikit ilmu mengenai cara mencari account ssh gratis tanpa perlu tau mengenai ilmu hacking atapun soal jaringan komputer. Metode ini sangat simpel dan semua orang saya jamin mampu menerapkanya. Apa aja yang perlu di persiapkan?
  • Internet Connection dong tentunya.
  • Camilan secukupnya
  • Lilin jangan lupa. haha

Langsung aja begini salah satu metode yang paling gampang :
  • Buka situsnya simbah alias google.com
  • Search pake keyword "wimax cpe configuration" (boleh pake tanda " boleh tidak)
  • Nanti akan keluar lumayan banyak target. Coba dibuka salah satu hasil searching google tadi lewat browser.
  • Saya coba pake contoh ini :
  • Kita tes buka di broswer dolo mas bro. 
http://5.2.1.2/login.html?suc=1
Wah ternyata bisa di buka di browser coba kita buka pake bitvise sekarang pake port standart (22)
user dan password terserah mau di masukin apa, itu tidak pengaruh karena sebenarnya ini SSH tanpa login.
09:42:35.687 Connecting to SSH2 server 5.2.1.2:22.
09:42:36.125 Connected.
09:42:36.125 Starting first key exchange.
09:42:36.531 Server version string: SSH-2.0-dropbear_0.52
09:42:37.531 New host key received. Algorithm: ssh-rsa, Size: 1040 bits, MD5 Fingerprint: 60:59:65:96:ef:20:c4:6c:49:0a:bd:a6:4c:50:bf:a3, Bubble-Babble: xomag-tohov-luciz-zysec-vuhop-limak-vibug-cocek-rapyn-nikul-loxyx.
09:42:37.531 First key exchange completed.
09:42:37.531 Key exchange: diffie-hellman-group1-sha1. Session encryption: aes256-ctr, MAC: hmac-sha1, compression: none.
09:42:37.937 Attempting 'password' authentication.
09:42:38.375 Authentication completed.
09:42:38.375 Initializing SOCKS / HTTP CONNECT proxy on 127.0.0.1:1234 succeeded.
09:42:38.375 Auto opening xterm terminal session.
09:42:41.406 Closing xterm terminal session.
  • Damm... Bisa juga mas bro. Yuk kita coba buat browsing mau pa kagak ya?
09:44:03.859 Accepted SOCKS5 connection from 127.0.0.1:3268 to 207.171.185.200:443.
09:44:04.109 Accepted SOCKS5 connection from 127.0.0.1:3269 to 207.171.185.200:443.
09:44:06.234 Accepted SOCKS5 connection from 127.0.0.1:3271 to 174.132.254.58:80.
09:44:06.234 Accepted SOCKS5 connection from 127.0.0.1:3270 to 174.132.254.58:80.
  • Yes sukses mas bro.
My IP address
5.2.1.2


Country
Italy

Sangat simpel bukan? itu hanya salah satu contoh server ssh yang bisa kita manfaatkan sebagai tunnel menggunakan bitvise.

Read More
Teken in op: Plasings (Atom)