Tampilkan postingan dengan label Belajar Menghias Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Belajar Menghias Blog. Tampilkan semua postingan

Minggu, 31 Maret 2013

Update! Membuat Tooltip Kotak Search Box Blogger

Yuk! Menghias Kotak Pencarian Blogger!

Membuat Tooltip Kotak Search Box (Tooltip Kotak Pencarian)
Lain dengan materi posting Pelajaran Blog beberapa waktu lalu yang membahas juga seputar kotak pencarian,kali ini kita hanya sebatas menghiasnya saja (pembaca:yah..ga seru dong!)

Tunggu dulu sob,ini bisa diterapkan di form apa aja kok,ya salah satunya pada form kotak pencarian yang akan dibahas pada sore hari ini :D

Memang contohnya seperti apa sih?,coba saja sobat lihat kotak pencarian di SINI

Gimana? ingin mencobanya sob? ikuti ya gan.

Langkah Memodifikasi Kotak Pencarian dengan Tooltip jQuery


Pertama,sobat pergilah ke Dashboard lalu pilih Tata Letak (gb1) kemudian pilih tab Edit HTML (gb2) dan jangan lupa contreng checklist 'Expand Widget Templates' (gb3)

kotak pencarian popup.
(1)


popup tooltip search box jquery.
(2)


trik cara membuat tooltip serach box.
(3)


Kemudian cari kode berikut (gunakan Ctrl+F untuk mempermudah pencarian):
</head>

Setelah sobat ketemukan kode </head> tersebut,tepat diatasnya letakkan script berikut:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<link href='http://mrpujiajadeh.comze.com/gips.css' rel='stylesheet' type='text/css'/>
<script src='http://mrpujiajadeh.comze.com/gips.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function () {
$(&#39;input#purple&#39;).gips({ &#39;theme&#39;: &#39;purple&#39;, autoHide: true, text: &#39;This is purple tooltip, auto hide after pausess time elapses.&#39; });
$(&#39;input#green&#39;).gips({ &#39;theme&#39;: &#39;green&#39;, placement: &#39;left&#39; });
$(&#39;input#yellow&#39;).gips({ &#39;theme&#39;: &#39;yellow&#39;, autoHide: true, placement: &#39;right&#39; });
$(&#39;input#red&#39;).gips({ &#39;theme&#39;: &#39;red&#39;, placement: &#39;bottom&#39; });
});
</script>

Setelah itu simpan templates.

Kemudian,sobat pergilah ke Dashboard lalu pilih Tata Letak (gb1) dan klik Add Gadget (gb5) kemudian pilih HTML/Javascript (gb6),lihat gambar:

membuat kotak pencarian jquery
(5)


how to create a jquery css popup tooltip for search box blogger
(6)



Setelah itu pilih HTML/Javascript (gb5) dan letakkan kode berikut:
<div id="demo"><form action='pelajaran-blog.blogspot.com/search' id='searchform' method='get'>
<input class="searchinput" id="red" name="q" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Cari artikel disini..&quot;;}" onfocus="if (this.value == &quot;Cari artikel disini..&quot;) {this.value = &quot;&quot;;}" type="text" value="Cari artikel disini.." />
</form></div>

Simpan template sobat dan lihat hasilnya :D

Ref:
Cara Membuat Pencarian Multi Search Box (Kotak Pencarian Ganda)
Membuat Form Kotak Pencarian Dengan Show Hide Value / Auto Value
Membuat Auto Clear pada Mesin Pencari
Membuat Search Engine sendiri pada Blog

Read more > Update! Membuat Tooltip Kotak Search Box Blogger
Diposting oleh Befitnes di 06.19 0 komentar
Label: , , , , , , ,

Senin, 25 Maret 2013

Update! Membuat Foto Slide Blogger!

Cara Memasang Foto Slide dengan Navigasi Dot dan Angka/Update! Membuat Foto Slide Blogger!

Slide Image / Photo with Number & Dot Navigation - masih ingat script dari Nivo beberapa waktu lalu? namun kini sudah menjadi premium sehingga tutorial yang membahas slide widget foto dengan bantuan javascript Nivo sebagian besar sudah tak berfungsi lagi.

Masih menggunakan script yang sama,jadi script 'slider pack nivo' yang kami terapkan di mrpujiajadeh.comze.com tetap menjadi hak cipta mereka ya gan,so jangan diutak-atik hihihi.

Jika beberapa waktu lalu Pelajaran Blog telah berbagi informasi tentang bagaimana membuat / memasang widget slideshow image di blogger,kali ini masih dalam widget yang sama namun dengan tampilan yang berbeda.

Yup! Informasi bagaimana membuat slide image / foto widget di blogger,dengan tampilan lebih menarik dan variatif foto slide widget yang akan kita bahas ini memiliki navigasi 'Previous' dan 'Next' di sebelah kanan dan kiri dari widget slide tersebut.

Sekali lagi betul gan! untuk widget slide show gambar yang akan kita bahas kali ini dibedakan dengan adanya dot atau juga bisa diganti dengan menggunakan angka sebagai navigasi / number navigation slideshow image widget.

Untuk screenshot dari trik Cara Membuat Slide Foto dengan Tombol Prev dan Next-nya yang telah saya terapkan,sobat bisa lihat gambar dibawah ini:

membuat foto slide dengan nomor - number in slide image
Lihat gambar lebih besar klik di SINI

Sedang untuk demo live-nya sobat bisa kunjungi diSINI.

Nah,sudah sangat jelas sekali ya sob,dan saatnya kini mencari tahu bagaimana memasang widget foto slide ini di blogger/blogspot milik sobat.

Langkah dan Cara Membuat Slide Gambar dengan Tombol 'Prev' dan 'Next'

Pertama,sobat pergilah ke Dashboard (gb1) lalu pilih Tata Letak (gb2) kemudian pilih tab Edit HTML (gb3) dan jangan lupa contreng checklist 'Expand Widget Templates' (gb4)

foto slide bergambar dengan navigasi angka.
(1)

membuat slide dengan tombol kanan dan kiri - previous - next.
(2)

trik cara membuat slide foto dengan dot dan angka didalamnya.
(3)

Kemudian cari kode berikut (gunakan Ctrl+F untuk mempermudah pencarian):
]]></b:skin>

Setelah kode tadi sobat ketemukan,kini tepat diATASnya letakkan barisan kode css berikut:
.nivoSlider {
position:relative;
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj20kMRuCMRuJFXZz71jNYL84Z_qFpBp5oFdr_jO_yfBNkDTHPvsiOGdSCqK-H5I659Xi5LwB_z7KZLvvacYNM9KTc78dz_XeBjr4T1yF8B1ClqXZ2MzG0k6fFio4mJoqwFdIph491VhxM/s1600/loading.gif) no-repeat 50% 50%;
width:618px; /* Samakan dengan lebar gambar */
height:246px; /* Samakan dengan tinggi gambar */
}

.nivoSlider img {
position:absolute;
top:0px;
left:0px;
display:none; /* Menghilangkan semua gambar saat halaman masih memuat */
}

.nivoSlider a {
border:0;
display:block;
}

.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
}

/* Elemen palsu yang diciptakan oleh jquery.nivo.slider.js
berupa potongan-potongan gambar */

.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
}

.nivo-box {
display:block;
position:absolute;
z-index:5;
}

/* Deskripsi setiap slide */
.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
opacity:0.8;
width:100%;
z-index:8;
}

.nivo-caption p {
padding:5px 10px;
margin:0;
}

.nivo-caption a {display:inline !important;}
.nivo-html-caption {display:none;}

/* Navigasi Next & Prev */
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:9;
cursor:pointer;
}

.nivo-prevNav {left:0px;}
.nivo-nextNav {right:0px;}

.nivo-controlNav {
position:absolute;
top:10px;
right:15px;
}

/* Navigasi 1,2,3... */
.nivo-controlNav a {
font:normal 10px Verdana,Arial,Sans-Serif;
color:white;
text-decoration:none;
position:relative;
z-index:9;
cursor:pointer;
background-color:#111;
width:17px;
padding:2px 0px 3px;
margin:0px 1px;
text-align:center;
display:inline-block;
*display:inline;
}
.nivo-controlNav a.active {
background-color:#3399ff;
}

/* Detail navigasi Next & Prev */
.nivo-directionNav a {
display:block;
width:30px;
height:30px;
background:url(http://3.bp.blogspot.com/-LTDk7usJ89E/Tz-256SAdGI/AAAAAAAACK4/l0-lD459yQU/s1600/arrows.png) no-repeat;
text-indent:-9999px;
border:0;
}

a.nivo-nextNav {background-position:-30px 0;right:15px;}
a.nivo-prevNav {left:15px;}

/* Detail caption gambar */
.nivo-caption {font:bold 12px Arial,Sans-Serif;}
.nivo-caption a {color:#fff;border-bottom:1px dotted #fff;}
.nivo-caption a:hover {color:#fff;}

Kemudian setelah itu cari lagi kode berikut:
</head>

Dan jika sudah ketemu,sobat letakkan barisan script berikut tepat diATASnya ya:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script src='http://mrpujiajadeh.comze.com/mrpujiajadeh-nivo-slider.js' type='text/javascript'/>
<script type='text/javascript'>
$(window).load(function() {
$(&#39;#slider&#39;).nivoSlider();
});
</script>

Setelah itu simpan templates.

Selanjutnya,kini sobat pergilah ke Dashboard (gb1) lalu pilih Tata Letak (gb2) dan klik Add Gadget (gb5) kemudian pilih HTML/Javascript (gb6),lihat gambar:

membuat foto berubah ubah dengan nomor didalamnya
(5)

how to create a slide show image with number on it
(6)

Setelah itu pilih HTML/Javascript (gb5) dan letakkan kode widget slideshow ini:
<div class='nivoSlider'>

<a href='http://al-atsariyyah.com/wajibnya-shalat-berjamaah.html' target='_blank'><img alt='hukum shalat berjamaah' src='http://4.bp.blogspot.com/-CgG4_x14M80/UBEsU1rpqlI/AAAAAAAAB9I/mhG99GwBaXo/s1600/shalat%2Bberjamaah%2Bpelajaran%2Bblog.jpg' title='Bagaimana Hukum Shalat Berjamaah?'/></a>

<a href='http://beritamuslimsahih-ahlussunnah.blogspot.com/2011/10/benarkah-musiklagunyanyian-itu-haram.html' target='_blank'><img alt='musik haramkah' src='http://4.bp.blogspot.com/-2Ass6ZmUVaU/UBEr-EUwQFI/AAAAAAAAB8w/-wEvqiTK2b4/s1600/musik%2Bharam%2Bpelajaran%2Bblog.jpg' title='Benarkah Musik Itu Haram?'/></a>

<a href='http://beritamuslimsahih-ahlussunnah.blogspot.com/2011/12/bagaimana-hukum-cadar-niqabwajib-atau.html' target='_blank'><img alt='hukum cadar' src='http://3.bp.blogspot.com/-iy6Yaos6EsM/UBEr9JUjZHI/AAAAAAAAB8k/QO1sI7wEtPA/s1600/hukum%2Bcadar%2Bpelajaran%2Bblog.jpg' title='Hukum Jilbab dan Cadar'/></a>

<a href='http://beritamuslimsahih-ahlussunnah.blogspot.com/2010/10/ahlussunnah-wa-al-jamaah.html' target='_blank'><img alt='ahlussunnah wal jamaah' src='http://1.bp.blogspot.com/-FVoBxLbHVg4/UBEr8_4ubNI/AAAAAAAAB8Y/0Kq-68Piiyk/s1600/ahlussunnah%2Bpelajaran%2Bblog.jpg' title='Siapakah Ahlussunnah wal Jamaah?'/></a>

</div>

<script type='text/javascript'>
$(window).load(function() {
$('div.nivoSlider').nivoSlider();
});
</script>

Lalu simpan templates sobat dan lihat hasilnya :D
Untuk kode yang berwarna hijau gantilah dengan atribut yang sobat inginkan ya.Selamat ngulik dan moga berhasil :D

Read more > Update! Membuat Foto Slide Blogger!
Diposting oleh Befitnes di 06.47 0 komentar
Label: , , , ,

Senin, 04 Maret 2013

Free Proxy List 2013 - 2014 (735 Found)

Free Proxy List 2013 - 2014 - Proxy Gratis

  1. 190.72.216.61:8080
  2. 222.255.27.140:3128
  3. 83.85.248.76:80
  4. 177.86.166.23:8080
  5. 190.200.163.198:8080
  6. 180.183.68.177:3128
  7. 190.72.1.61:8080
  8. 83.84.39.148:80
  9. 111.90.146.199:80
  10. 190.205.230.84:8080
  11. 81.1.139.43:8080
  12. 186.93.209.188:8080
  13. 59.127.233.132:80
  14. 84.28.134.88:80
  15. 201.243.68.210:8080
  16. 200.182.189.242:3128
  17. 190.205.201.238:8080
  18. 188.127.242.33:80
  19. 12.179.129.217:8080
  20. 203.125.31.121:8080
  21. 5.178.64.60:3128
  22. 190.202.197.69:8080
  23. 78.187.89.155:8086
  24. 78.131.55.82:8080
  25. 117.240.172.19:8080
  26. 190.74.168.153:8080
  27. 190.153.3.186:8080
  28. 190.145.55.171:3128
  29. 210.177.139.89:80
  30. 46.117.255.75:54321
  31. 186.89.185.101:8080
  32. 200.84.93.226:8080
  33. 187.20.234.26:8080
  34. 190.73.251.175:8080
  35. 46.117.174.159:54321
  36. 190.74.163.237:8080
  37. 186.90.82.161:8080
  38. 119.160.135.194:8118
  39. 219.93.39.164:3128
  40. 173.219.189.95:3128
  41. 189.53.6.186:8181
  42. 201.211.58.18:8080
  43. 190.153.121.198:8080
  44. 195.209.101.3:3128
  45. 84.111.215.226:54321
  46. 190.200.2.129:8080
  47. 190.207.182.219:8080
  48. 84.47.172.129:3128
  49. 27.34.142.47:9090
  50. 78.63.208.158:54321
  51. 49.212.167.222:80
  52. 200.44.236.41:8080
  53. 77.237.73.3:80
  54. 122.165.255.252:80
  55. 201.86.95.9:80
  56. 190.72.35.146:8080
  57. 190.123.166.161:8080
  58. 200.230.68.130:3128
  59. 180.183.98.84:8080
  60. 218.35.150.178:6675
  61. 200.202.240.174:80
  62. 201.210.175.129:8080
  63. 200.35.220.180:8080
  64. 82.103.128.45:8023
  65. 174.129.218.29:80
  66. 89.218.94.163:8081
  67. 186.208.76.52:80
  68. 114.35.167.38:8080
  69. 77.232.152.69:3128
  70. 85.130.186.29:54321
  71. 94.23.25.144:3128
  72. 190.201.231.44:8080
  73. 88.159.225.250:80
  74. 83.69.16.167:8080
  75. 190.153.120.153:8080
  76. 183.110.231.124:80
  77. 37.59.164.3:80
  78. 186.95.93.244:8080
  79. 186.93.156.110:8080
  80. 84.26.146.149:80
  81. 107.18.121.126:8080
  82. 186.94.8.116:8080
  83. 217.77.55.216:8080
  84. 177.69.254.227:8080
  85. 112.121.161.60:8080
  86. 202.51.117.178:8080
  87. 190.94.243.253:8080
  88. 190.205.224.26:8080
  89. 202.146.237.70:8013
  90. 201.209.228.121:8080
  91. 190.153.116.42:8080
  92. 190.198.187.110:8080
  93. 178.150.156.219:54321
  94. 189.57.80.92:80
  95. 91.200.170.16:80
  96. 183.89.73.57:80
  97. 190.207.21.160:8080
  98. 190.206.113.209:8080
  99. 200.114.18.35:8080
  100. 201.209.23.16:8080
  101. 213.222.239.210:3128
  102. 190.77.209.74:8080
  103. 111.90.146.196:80
  104. 190.73.152.117:8080
  105. 203.81.196.241:8080
  106. 190.206.108.57:8080
  107. 62.76.32.87:3131
  108. 201.211.241.122:8080
  109. 201.249.4.66:8080
  110. 201.35.34.19:80
  111. 31.211.6.83:54321
  112. 201.243.177.157:8080
  113. 190.203.49.119:8080
  114. 46.150.82.173:54321
  115. 186.211.6.155:8080
  116. 201.210.14.96:8080
  117. 122.2.67.83:8080
  118. 117.240.172.19:80
  119. 85.172.4.154:80
  120. 205.213.195.80:8080
  121. 219.197.144.51:54321
  122. 85.130.247.232:54321
  123. 177.129.52.44:8080
  124. 193.224.41.157:3129
  125. 217.121.81.183:80
  126. 203.198.23.82:9090
  127. 201.85.50.249:80
  128. 175.41.75.158:54321
  129. 201.209.59.122:8080
  130. 190.4.39.54:3128
  131. 84.111.72.47:54321
  132. 46.117.142.47:54321
  133. 190.153.120.47:8080
  134. 190.151.20.85:80
  135. 186.91.36.104:8080
  136. 186.88.60.221:8080
  137. 190.73.156.110:8080
  138. 62.0.61.13:9990
  139. 186.95.30.240:8080
  140. 111.90.146.197:80
  141. 87.69.123.16:54321
  142. 84.94.78.245:54321
  143. 46.45.32.72:3128
  144. 213.109.84.73:54321
  145. 54.243.69.129:8000
  146. 27.34.142.48:9090
  147. 186.94.134.192:8080
  148. 186.92.165.181:8080
  149. 41.67.16.91:8080
  150. 178.151.179.14:54321
  151. 46.166.195.39:8080
  152. 205.213.195.180:8080
  153. 186.93.210.224:8080
  154. 186.91.235.251:8080
  155. 217.8.57.245:3128
  156. 186.94.69.181:8080
  157. 217.218.237.186:80
  158. 89.169.173.97:54321
  159. 85.239.7.180:8080
  160. 175.41.70.157:54321
  161. 107.16.66.225:8080
  162. 203.76.140.11:80
  163. 64.78.172.114:81
  164. 190.74.182.38:8080
  165. 190.207.124.18:8080
  166. 190.60.51.183:8080
  167. 190.73.152.238:8080
  168. 190.73.240.29:8080
  169. 186.93.168.56:8080
  170. 190.205.226.218:8080
  171. 186.94.165.218:8080
  172. 186.89.159.196:3128
  173. 186.88.113.190:8080
  174. 202.29.60.220:8080
  175. 123.30.187.168:8080
  176. 46.55.82.202:443
  177. 183.89.64.68:3128
  178. 190.36.9.127:8080
  179. 200.84.18.31:8080
  180. 218.188.13.237:8888
  181. 37.142.52.26:54321
  182. 198.98.117.118:3128
  183. 200.84.143.173:8080
  184. 200.137.2.26:8080
  185. 109.86.201.180:54321
  186. 119.247.124.195:6666
  187. 46.117.226.13:54321
  188. 107.6.95.59:10006
  189. 186.5.65.164:8080
  190. 190.37.108.12:8080
  191. 5.9.104.170:3128
  192. 186.88.169.101:8080
  193. 110.77.226.134:3128
  194. 186.89.59.143:8080
  195. 212.3.132.195:8080
  196. 161.148.1.11:3128
  197. 200.150.102.178:80
  198. 190.205.28.128:8080
  199. 186.90.75.82:8080
  200. 46.232.207.230:8080
  201. 188.137.73.207:8080
  202. 92.44.163.1:8086
  203. 190.199.253.47:8080
  204. 200.113.187.242:8080
  205. 120.138.148.121:54321
  206. 125.88.75.151:3128
  207. 201.209.167.229:8080
  208. 64.20.241.72:80
  209. 186.95.221.247:8080
  210. 190.200.172.185:8080
  211. 58.53.192.218:8123
  212. 208.117.16.128:3434
  213. 177.99.176.146:8080
  214. 124.36.233.226:54321
  215. 123.30.174.61:8080
  216. 89.218.94.165:8081
  217. 195.199.204.121:3128
  218. 186.90.201.172:8080
  219. 190.198.90.127:8080
  220. 88.204.108.193:8080
  221. 190.201.218.26:8080
  222. 93.115.206.83:3128
  223. 190.90.36.8:8000
  224. 189.57.80.92:8080
  225. 202.6.100.10:443
  226. 190.38.33.124:8080
  227. 58.26.181.221:8080
  228. 200.24.17.46:80
  229. 190.86.185.1:8080
  230. 190.78.3.172:8080
  231. 200.113.174.211:8084
  232. 190.201.12.152:8080
  233. 124.248.211.117:443
  234. 190.206.1.189:8080
  235. 205.204.36.10:3128
  236. 201.211.19.175:8080
  237. 186.94.242.33:8080
  238. 183.179.246.179:6666
  239. 61.215.166.69:54321
  240. 62.194.224.185:80
  241. 201.25.100.210:8080
  242. 186.93.187.227:8080
  243. 121.52.71.23:80
  244. 168.8.80.236:8080
  245. 83.111.107.58:80
  246. 41.139.240.34:8080
  247. 201.47.129.197:8080
  248. 62.238.99.125:80
  249. 201.248.252.117:8080
  250. 93.79.194.182:54321
  251. 190.37.58.236:8080
  252. 200.111.180.58:80
  253. 192.41.170.23:3128
  254. 190.204.245.84:8080
  255. 180.183.66.127:3128
  256. 175.176.163.142:8080
  257. 190.153.122.154:8080
  258. 213.57.248.204:54321
  259. 208.163.36.221:8080
  260. 190.153.123.23:8080
  261. 83.181.63.187:54321
  262. 200.84.80.58:8080
  263. 190.198.64.126:8080
  264. 128.127.43.123:80
  265. 149.174.22.69:8080
  266. 123.203.88.142:6666
  267. 94.209.180.127:80
  268. 94.23.68.66:80
  269. 216.86.49.202:3128
  270. 190.199.210.168:8080
  271. 77.251.219.80:80
  272. 91.73.13.21:80
  273. 141.52.175.19:80
  274. 186.93.244.100:8080
  275. 93.184.161.85:8080
  276. 112.121.161.58:8080
  277. 186.95.30.155:8080
  278. 180.183.87.136:8080
  279. 124.81.73.167:80
  280. 37.59.45.211:3128
  281. 106.187.92.131:8080
  282. 210.177.139.89:8080
  283. 190.206.73.161:8080
  284. 77.249.139.171:80
  285. 116.58.18.45:8118
  286. 80.242.52.155:80
  287. 190.153.5.232:8080
  288. 213.57.177.106:54321
  289. 78.108.184.205:8080
  290. 198.23.138.152:8080
  291. 178.85.135.105:80
  292. 94.210.168.255:80
  293. 180.247.201.3:80
  294. 184.71.36.6:3128
  295. 201.211.200.146:8080
  296. 87.69.128.150:54321
  297. 176.8.75.20:54321
  298. 119.160.134.247:8118
  299. 84.108.169.120:54321
  300. 84.106.166.79:80
  301. 107.17.92.18:8080
  302. 115.249.153.201:8080
  303. 201.242.230.166:8080
  304. 200.109.190.219:8080
  305. 119.82.201.233:54321
  306. 46.246.120.226:80
  307. 87.250.37.50:800
  308. 62.238.63.159:80
  309. 91.121.7.11:3129
  310. 100.44.125.168:8080
  311. 5.79.17.211:8888
  312. 222.229.221.44:80
  313. 207.127.19.127:80
  314. 190.52.38.92:8080
  315. 200.125.194.162:8080
  316. 180.92.24.46:54321
  317. 190.198.9.110:8080
  318. 186.89.193.59:8080
  319. 46.117.131.239:54321
  320. 89.218.94.164:8081
  321. 119.10.166.168:54321
  322. 186.89.107.129:9000
  323. 123.203.218.21:6666
  324. 112.121.161.59:8080
  325. 218.208.102.67:8080
  326. 201.195.100.83:8080
  327. 190.94.243.103:8080
  328. 186.95.61.105:8080
  329. 87.69.122.123:54321
  330. 31.151.197.97:80
  331. 201.89.227.50:3128
  332. 210.212.83.242:1080
  333. 213.140.116.188:9090
  334. 46.117.187.89:54321
  335. 200.93.56.105:8080
  336. 37.142.35.242:54321
  337. 200.84.110.76:8080
  338. 201.209.96.204:8080
  339. 201.209.101.50:8080
  340. 200.40.204.68:80
  341. 84.94.72.131:54321
  342. 187.19.203.59:8080
  343. 210.212.152.5:80
  344. 200.188.210.54:8080
  345. 75.127.3.238:3128
  346. 92.126.217.47:80
  347. 83.82.225.214:80
  348. 23.21.183.183:80
  349. 61.24.100.225:54321
  350. 177.129.51.125:8080
  351. 77.248.217.110:80
  352. 177.35.212.164:8080
  353. 186.89.220.250:8080
  354. 190.78.91.233:8080
  355. 190.153.122.218:8080
  356. 186.89.166.179:8080
  357. 190.153.80.175:8080
  358. 87.69.40.142:54321
  359. 190.200.131.42:8080
  360. 95.96.130.204:80
  361. 190.205.146.10:8080
  362. 81.30.113.247:3128
  363. 83.19.213.210:8181
  364. 31.170.112.22:8080
  365. 187.5.96.141:8080
  366. 95.0.187.21:8080
  367. 176.10.215.6:443
  368. 80.112.143.48:80
  369. 207.162.87.189:3128
  370. 190.205.16.16:3128
  371. 125.14.53.10:54321
  372. 201.90.105.84:8080
  373. 190.36.203.60:8080
  374. 94.211.95.170:80
  375. 190.74.160.181:8080
  376. 190.199.109.98:8080
  377. 190.199.139.17:8080
  378. 100.44.124.8:8080
  379. 119.92.244.146:80
  380. 186.89.242.145:8080
  381. 62.163.195.138:80
  382. 198.23.138.11:8080
  383. 94.23.33.106:27000
  384. 85.130.179.8:54321
  385. 122.116.55.179:54321
  386. 83.86.59.95:80
  387. 200.82.244.26:8080
  388. 213.57.250.146:54321
  389. 213.180.35.2:80
  390. 107.7.144.62:80
  391. 201.39.217.170:6515
  392. 115.84.242.84:8080
  393. 61.27.133.37:54321
  394. 190.254.20.2:8080
  395. 54.248.1.253:80
  396. 189.59.64.26:80
  397. 194.2.68.153:80
  398. 213.57.243.173:54321
  399. 109.87.2.207:54321
  400. 120.138.164.203:54321
  401. 201.242.174.237:8080
  402. 189.51.122.6:8080
  403. 67.151.123.178:3128
  404. 74.75.58.211:36081
  405. 190.77.96.36:8080
  406. 190.95.223.146:8080
  407. 93.79.71.96:54321
  408. 186.88.147.156:8080
  409. 84.106.171.251:80
  410. 173.162.63.20:3129
  411. 187.58.248.107:3128
  412. 84.228.174.163:54321
  413. 133.242.131.152:443
  414. 82.204.100.37:80
  415. 37.142.17.121:54321
  416. 200.54.78.66:8080
  417. 190.204.242.60:8080
  418. 186.94.59.6:8080
  419. 94.209.217.8:80
  420. 190.94.223.150:8080
  421. 192.210.138.183:80
  422. 200.31.24.19:8080
  423. 201.166.130.203:443
  424. 61.10.247.30:6675
  425. 5.9.117.232:3128
  426. 201.248.35.185:8080
  427. 77.21.165.68:80
  428. 61.24.39.52:54321
  429. 87.69.132.195:54321
  430. 173.192.79.55:80
  431. 119.73.32.112:8118
  432. 213.46.75.78:80
  433. 37.142.7.100:54321
  434. 210.9.41.116:80
  435. 84.24.232.65:80
  436. 190.203.79.221:8080
  437. 190.77.18.218:3128
  438. 190.202.210.66:6666
  439. 190.198.71.45:8080
  440. 61.22.247.195:54321
  441. 84.108.148.21:54321
  442. 94.208.8.176:80
  443. 190.205.6.81:8080
  444. 202.8.214.149:54321
  445. 190.204.147.157:8080
  446. 201.243.66.59:8080
  447. 190.38.72.234:8080
  448. 190.37.189.143:8080
  449. 183.83.146.191:54321
  450. 37.142.198.82:54321
  451. 178.170.119.57:80
  452. 88.159.55.104:80
  453. 84.31.141.154:80
  454. 216.83.39.8:80
  455. 108.176.43.134:3128
  456. 83.83.29.181:80
  457. 190.200.248.183:8080
  458. 194.12.67.100:54321
  459. 200.141.134.243:8080
  460. 107.16.161.254:8080
  461. 190.199.238.42:8080
  462. 213.57.225.222:54321
  463. 186.95.29.95:8080
  464. 211.22.221.234:8080
  465. 107.17.100.254:8080
  466. 118.83.37.216:54321
  467. 190.202.220.233:8080
  468. 93.181.161.198:8080
  469. 62.109.29.113:80
  470. 84.106.170.205:80
  471. 97.88.158.254:8080
  472. 187.54.84.1:8181
  473. 188.127.228.50:3000
  474. 41.216.171.146:80
  475. 217.123.239.98:80
  476. 46.141.1.2:8080
  477. 103.11.244.8:80
  478. 123.30.93.208:80
  479. 201.211.82.119:8080
  480. 186.90.178.107:8080
  481. 186.93.144.36:8080
  482. 75.145.114.154:8118
  483. 217.122.86.196:80
  484. 101.111.131.116:54321
  485. 94.211.175.209:80
  486. 189.36.12.71:8080
  487. 198.23.138.116:8080
  488. 186.88.50.138:8080
  489. 173.163.42.57:8080
  490. 87.69.68.214:54321
  491. 41.222.209.77:8080
  492. 36.74.178.222:3128
  493. 84.28.115.237:80
  494. 186.5.102.162:8080
  495. 202.137.18.118:81
  496. 82.176.8.76:80
  497. 206.251.255.140:80
  498. 83.206.115.41:80
  499. 87.69.60.240:54321
  500. 190.94.217.183:8080
  501. 201.249.105.202:8080
  502. 119.175.29.122:54321
  503. 122.128.6.100:54321
  504. 128.238.63.41:8080
  505. 87.69.212.205:54321
  506. 200.87.135.142:8080
  507. 189.50.123.30:8080
  508. 117.3.66.115:80
  509. 200.223.34.204:8080
  510. 61.10.35.158:6668
  511. 203.177.39.204:8080
  512. 54.243.16.199:80
  513. 95.180.198.65:80
  514. 119.160.180.228:8118
  515. 183.89.75.139:8080
  516. 190.207.181.231:8080
  517. 116.14.29.186:54321
  518. 201.242.1.132:8080
  519. 89.147.234.106:8118
  520. 190.37.132.200:8080
  521. 87.69.193.177:54321
  522. 92.255.206.81:3129
  523. 186.94.11.21:8080
  524. 200.35.244.171:8080
  525. 88.159.50.3:80
  526. 183.82.232.244:54321
  527. 173.219.89.4:3128
  528. 190.73.242.3:8080
  529. 83.82.63.23:80
  530. 201.76.185.214:80
  531. 200.8.40.30:8080
  532. 111.185.134.189:6666
  533. 101.109.246.9:8080
  534. 125.58.107.193:54321
  535. 201.33.37.6:8080
  536. 190.38.112.19:8080
  537. 134.102.132.57:54321
  538. 80.109.245.190:54321
  539. 190.203.74.133:8080
  540. 213.57.250.9:54321
  541. 195.228.14.210:8080
  542. 190.201.195.39:8080
  543. 186.89.158.93:8080
  544. 177.54.205.103:8080
  545. 190.147.160.107:80
  546. 24.132.196.223:80
  547. 84.94.170.198:54321
  548. 83.85.60.135:80
  549. 83.81.185.195:80
  550. 190.75.219.64:8080
  551. 200.206.12.130:8080
  552. 64.45.236.66:3129
  553. 208.113.101.83:80
  554. 178.158.150.18:54321
  555. 177.71.134.103:80
  556. 94.209.114.197:80
  557. 213.57.161.81:54321
  558. 79.129.107.32:3128
  559. 213.232.206.213:6668
  560. 177.69.254.253:8080
  561. 190.204.155.232:8080
  562. 83.86.186.120:80
  563. 190.78.142.40:8080
  564. 187.243.124.137:8080
  565. 109.111.162.239:8085
  566. 213.57.69.97:54321
  567. 87.69.173.228:54321
  568. 213.57.83.46:54321
  569. 201.243.38.253:8080
  570. 189.19.243.53:80
  571. 186.90.24.113:8080
  572. 220.151.60.140:54321
  573. 117.211.123.59:3128
  574. 190.198.129.90:8080
  575. 117.74.52.89:54321
  576. 119.172.159.23:54321
  577. 201.35.34.19:8080
  578. 80.98.237.66:80
  579. 78.108.185.111:8080
  580. 186.95.39.47:8080
  581. 177.8.170.35:8080
  582. 27.98.24.33:54321
  583. 118.99.81.185:3128
  584. 213.24.60.52:8080
  585. 78.186.180.73:8086
  586. 202.165.88.109:80
  587. 87.69.33.41:54321
  588. 190.205.231.237:8080
  589. 190.73.158.28:8080
  590. 190.207.95.193:8080
  591. 219.106.181.108:54321
  592. 137.224.233.91:54321
  593. 186.89.153.129:8080
  594. 190.202.213.129:8080
  595. 139.228.32.183:54321
  596. 117.211.123.59:80
  597. 62.45.118.117:80
  598. 83.87.61.251:80
  599. 80.194.50.123:8080
  600. 190.73.241.30:8080
  601. 82.207.102.30:8086
  602. 200.101.82.178:8080
  603. 92.62.82.118:80
  604. 190.74.182.97:8080
  605. 201.211.54.122:8080
  606. 200.150.184.33:8080
  607. 37.251.37.36:80
  608. 46.117.33.232:54321
  609. 119.160.166.66:8118
  610. 61.15.67.120:6666
  611. 200.93.12.73:8080
  612. 77.175.14.247:80
  613. 190.207.156.18:8080
  614. 78.188.68.82:8086
  615. 175.177.219.97:54321
  616. 37.142.211.2:54321
  617. 84.31.3.136:80
  618. 46.117.175.148:54321
  619. 192.210.132.33:8080
  620. 94.210.186.96:80
  621. 190.200.226.57:8080
  622. 195.199.84.241:8000
  623. 212.154.211.22:1111
  624. 180.183.158.57:80
  625. 113.254.11.28:6666
  626. 186.94.36.102:8080
  627. 37.192.112.144:8080
  628. 200.69.2.24:8000
  629. 94.23.0.183:80
  630. 46.117.210.103:54321
  631. 188.142.84.177:80
  632. 213.232.206.213:6666
  633. 118.91.234.48:8080
  634. 186.88.109.14:8080
  635. 116.0.193.50:54321
  636. 109.226.199.129:8080
  637. 204.51.192.34:80
  638. 101.111.245.21:54321
  639. 119.160.147.183:8118
  640. 46.117.177.190:54321
  641. 119.160.144.125:8118
  642. 190.78.91.251:8080
  643. 186.89.191.131:8080
  644. 177.200.98.2:8080
  645. 121.58.235.130:8080
  646. 190.198.27.189:8080
  647. 201.243.211.28:9000
  648. 93.184.191.69:3128
  649. 190.95.223.50:8080
  650. 119.160.135.25:8118
  651. 187.1.10.227:8080
  652. 201.210.181.8:8080
  653. 67.168.111.104:36081
  654. 88.250.91.129:8086
  655. 211.112.120.169:54321
  656. 183.82.238.139:54321
  657. 114.69.140.179:54321
  658. 114.134.146.151:54321
  659. 186.42.225.253:8080
  660. 186.92.163.61:8080
  661. 192.210.132.32:8080
  662. 177.155.240.29:8080
  663. 186.207.158.33:3128
  664. 183.89.66.160:3128
  665. 97.93.68.36:54321
  666. 198.23.138.10:8080
  667. 84.30.168.50:80
  668. 177.70.17.154:8080
  669. 190.74.241.216:8080
  670. 84.94.168.99:54321
  671. 186.92.69.109:8080
  672. 190.72.14.211:8080
  673. 95.169.205.246:54321
  674. 190.74.74.159:8080
  675. 130.69.80.101:54321
  676. 84.94.85.189:54321
  677. 87.69.130.119:54321
  678. 111.90.94.83:54321
  679. 190.72.10.67:8080
  680. 46.117.40.97:54321
  681. 198.23.138.106:8080
  682. 124.241.173.11:54321
  683. 88.54.188.178:3129
  684. 124.33.115.124:54321
  685. 186.92.86.235:8080
  686. 61.18.48.33:6666
  687. 200.93.50.65:8080
  688. 201.211.14.160:8080
  689. 50.116.112.68:80
  690. 201.208.170.164:8080
  691. 80.83.253.113:8080
  692. 183.82.137.6:54321
  693. 190.153.123.89:8080
  694. 87.69.95.34:54321
  695. 84.94.164.186:54321
  696. 186.215.214.123:8080
  697. 85.65.60.41:54321
  698. 84.111.208.233:54321
  699. 94.205.99.66:80
  700. 119.73.4.84:8118
  701. 89.169.139.73:54321
  702. 77.93.75.241:3128
  703. 78.142.85.173:54321
  704. 178.169.97.35:54321
  705. 217.16.9.173:8080
  706. 213.8.7.31:54321
  707. 124.40.86.96:54321
  708. 78.62.155.101:54321
  709. 190.200.15.226:8080
  710. 62.238.76.121:80
  711. 65.78.248.70:3128
  712. 46.117.124.82:54321
  713. 149.157.1.184:8080
  714. 190.213.70.67:6515
  715. 88.198.58.103:8001
  716. 125.102.228.229:54321
  717. 5.9.124.201:8080
  718. 62.45.216.228:80
  719. 89.117.46.145:54321
  720. 37.142.172.35:54321
  721. 75.70.56.128:8000
  722. 112.216.108.134:6515
  723. 92.99.193.221:8118
  724. 77.97.101.91:54321
  725. 115.87.76.7:8080
  726. 178.63.49.4:80
  727. 115.84.191.61:54321
  728. 220.128.77.116:8080
  729. 87.69.155.183:54321
  730. 186.95.249.164:8080
  731. 80.56.108.28:80
  732. 190.213.107.242:6666
  733. 116.64.67.114:54321
  734. 115.165.107.125:54321
  735. 76.104.51.240:54321


Bagi sobat yang suka bermain proxy dalam surfing dunia maya,diatas kami berikan list Proxy Gratis 2013-2014. Artikel ini kami publikasikan untuk membantu sobat dalam beraktivitas online,khususnya bagi sobat yang sering merasa terganggu atas ulah 'pengorek' IP Address.
Diambil dari proxefr.blogspot.com.

Read more > Free Proxy List 2013 - 2014 (735 Found)
Diposting oleh Befitnes di 06.55 0 komentar
Label: , , ,

Kamis, 14 Februari 2013

Memasang File Flash [Game,Banner,dll] (*.swf)

Cara Memasang File Flash [Game,Banner,dll] (*.swf)

cara memasang flash.

Jika anda pernah mengunjungi beberapa situ berita seperti detik,okezone,dll pasti sering menjumpai iklan yang berextention swf.
Bahkan tak banyak situs yang menarik ribuan pengunjung hanya bermodalkan file flash ini,seperti situs-situs yang memberikan pelayanan Game ringan berformat *.swf.
Untuk memasang file swf flash pada blog tentu akan lain jika dibandingkan dengan meletakkan atau memasang gambar berformat jpg (normal).
Oleh karena itu,pelajaran menghias blog kali ini,dengan senang hati saya ingin berbagi bagaimana cara memasang gambar flash di blog.

Langkah Mudah cara memasang gambar animasi pada blog

Gambar animasi flash (*swf) mempunyai banyak kelebihan diantaranya,file justru mempunyai ukuran yang lebih kecil dan gambar cenderung lebih menarik juga merangsang pengunjung mengekliknya.
Memasang gambar animasi terlalu banyak juga kurang bagus,alangkah baiknya sesuai dengan kebutuhan dan seadanya saja.

Membuat file animasi berformat swf (shock wave file),saya kira sudah banyak yang memberikan tutorial bagaimana cara membuat file usil ini.
Namun disini saya hanya ingin berbagi bagaimana cara memasang atau menampilkan obyek gambar animasi (*swf).

Untuk langkah menampilkan gambar animasi flash swf pada blog bisa ikuti trik di bawah ini:
  • Tentukan file yang ingin anda pasang,jika anda membuat sendiri hendaklah upload file tersebut kedalam hosting yang support swf,seperti geocities.com,shareswf.com dan sejenisnya maupun hosting anda pribadi,lalu copy url-nya.
    Disini saya ambil contoh dari url sebuah mini game flash dari www.flashgame.com,jika file ini masih tersedia,url-nya beralamat di:

    http://web2.flashgames.it/giochi/sport/big.foot3d/game.swf

    Untuk halaman sumbernya bisa anda lihat di sini

Setelah semua anda persiapkan,kemudian ikuti instruktur(aaalah pent-)cara menambahkan gambar animasi ke blog dibawah ini:

  • Pergilah ke dashboard anda,lalu pilihlah tata letak kemudian pilih tambah gadget/add new widget,kemudian pilih html/javascript.
  • Lalu letakkan kode berikut:
    <embed src="http://web2.flashgames.it/giochi/sport/big.foot3d/game.swf" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="center" height="100%" width="100%"></embed>

Untuk:
  • http://web2.flashgames.it/giochi/sport/big.foot3d/game.swf gantilah url file flash (*swf) anda.
  • jika sobat hanya ingin memasang banner flash dengan anchor link,sobat baca tutorialnya di sini
Hasilnya akan seperti dibawah ini (gambar akan terlihat jika pihak yang bersangkutan masih menyediakannya):

Read more > Memasang File Flash [Game,Banner,dll] (*.swf)
Diposting oleh Befitnes di 06.55 0 komentar
Label: , ,

Selasa, 12 Februari 2013

Membuat Halaman Kontak

Trik Cara Memasang / Membuat Halaman Kontak di Blogger Blogspot

Seperti yang anda lihat,sebuah contoh form halaman kontak yang berhasil saya buat menggunakan jasa www.freedback.com:


Name:
Email Address:
Pesan:
Apabila sobat hendak mengirimkan pesan kepada pemilik sebuah blog yang telah memasang widget ini,cukup isi form sesuai dengan permintaan lalu klik tombol Send / Kirim.

1.mengisi form:

membuat kontak blogger.

2.menunggu proses:

halaman kontak.

3.mengalihkan kembali ke halaman kontak:

cara membuat kontak

4.tampilan di pesan masuk pada email pemilik blog:

membuat halaman kontak keren blogspot.

Bagaimana Langkah Membuat Halaman Kontak Ini?

Adalah www.freedback.com,
  1. Pertama,kunjungi situs ’www.freedback.com’
  2. Klik Tulisan ’Create a Form’
  3. Selanjutnya,isi form sesuai status anda
  4. Klik ’Sign Up’
  5. Pergilah ke email dan cek inbox,aktivasi mail dari ’www.freedback.com’
  6. Lalu anda akan dihadapkan halaman ’Edit Form’ dari ’www.freedback.com’
  7. Klik tulisan Add question,jika anda menginginkan form tambahan,anda bisa tulis "Pesan:","Message",maupun sebuah pertanyaan.
  8. Ikuti dan dapatkan ’Kode HTML’ nya
  9. Copy kode tersebut,dan letakkan pada halaman HTML Anda.
  10. Test! dengan email anda sendiri dan Selesai !
Semoga bermanfaat ya.. :D
Read more > Membuat Halaman Kontak
Diposting oleh Befitnes di 07.26 0 komentar
Label: , , , ,

Rabu, 23 Januari 2013

Cara Mengambil Gambar / Screenshot dari Layar Monitor Komputer

cara mengambil gambar dari layar monitor komputer.

Bismillah - hi sob,gimana kabar sore hari ini? mudah-mudahan seperti apa yang kita harapkan ya :D

Oh ya,sedikit kita bergeser dari tema ngeblog,eh nga ding,masih ada hubungannya kok.
Pernahkah sobat ingin meng-upload sebuah photo atau gambar dari layar monitor yang sobat sedang saksikan?
Misal sebuah hasil gambar dari layar monitor komputer milik saya dapat ditampilkan dalam format *.gif,*.jpg,dll.

contoh:

klik di SINI

Nah,gimana sob (meskipun ini sebenarnya pelajaran anak sd kelas 3 hihihihi pent-).
Caranya mudah,sobat tinggal tekan tombol PrtScrSysRq pada keyboard,

cara mengambil screenshot dari layar monitor komputer.

Selanjutnya untuk mengambil gambar yang sobat harus lakukan adalah membuka aplikasi Paint.

Pilih Start lalu All Program lalu pilih Accessories dan pilih Paint:

cara membuat screenshot dari layar monitor komputer.

Selanjutnya,klik 'select' pada attribut paint tersebut:

cara membuat gambar dari layar monitor komputer.

Lalu klik kanan,pada bagian yang berwarna putih,dan pilih Paste.

membuat gambar dari layar monitor komputer.

Nah,sampai disini sobat sudah mendapatkan gambarnya,soal edit-editan sobat pasti jagonya ya.
Met mencoba ya adik adik.
Ingat! saat pulang nanti,payungnya dibawa ya,nanti keujanan. :D
Read more > Cara Mengambil Gambar / Screenshot dari Layar Monitor Komputer
Diposting oleh Befitnes di 05.16 0 komentar
Label: , , , ,

Kamis, 27 Desember 2012

Membuat Screenshot Link / Preview Halaman Popup

Cara Memasang Screenshot / Preview Halaman Web dari Sebuah Link

Bismillah - ini mungkin kali pertama Pelajaran Blog dalam posting tanpa basa-basi terlebih dahulu (menghemat waktu,keburu ujan pent-),

Langsung ke TKP ya sob,yup! kali ini kita cari tahu bagaimana membuat link atau memasang screenshot / preview halaman dalam jendela popup mini.
Tentu tak lepas dari bahsa javascript,namun sobat tak perlu risau,karena widget ini sudah dalam format wyswyg,alias instant :D

Contoh fisik (letakkan kursor diatas link berikut):

Gambar Al-Qur'an

I. Bagaimana langkah awal membuat screenshot halaman / preview mini popup?

Pertama,sobat kunjungi situs ini http://www.snap.com/,dan klik tombol Get Started.

membuat screenshot preview halaman.

Kemudian,isi form sesuai dengan ketentuan dan permintaan,pada bagian ini sobat bisa menentukan loggo,warna,background maupun attribut lain dan bahasa;setelah itu klik tombol Continue.

cara membuat screenshot blogger.

Selanjutnya,sobat akan dihadapkan sebuah halaman konfirmasi yakni permintaan untuk memasukkan id kita,mulai dari email,nama blog dan konfirmasi password,oya,jangan lupa untuk contreng 'term and conditions-nya ya,lalu klik tombol Continue.

cara membuat preview halaman popup blogger.

Nah,pada bagian selanjutnya,akan tampil sebuah tombol bergambar dengan tulisan Istall Now,klik tombol tersebut dan sobat akan dihadapkan notif persetujuan,maka sobat klik Ok pada bagian ini.

membuat screenshot / preview link.

Lalu,sobat klik Add Widget pada halaman selanjutnya.

trik memasang screenshot di blogspot blogger.

Kembali pada jendela sebelumnya (dibawah tombol bergamabar Install Now'),copy kode javascript,

pelajaran blog screenshot

II. Setelah mendapatkan kode-nya,apa yang selanjutnya dilakukan?

Setelah sobat dapatkan kodenya,kini kita kembali pada halaman Dashboard,maka sobat pilih Tata Letak selanjutnya pilih Edit Html dan contreng 'Expand Widget Templates'.
Atau untuk tampilan baru blogger,sobat pilih Dashboard lalu pilih Templates kemudian klik Edit Html selanjutnya klik Proceed baru kemudian sobat contreng 'Expand Widget Templates',lihat gambar:

cara membuat preview tampilan halaman link blogger.

Templates

membuat screenshot link di blog.

Edit Html

screenshot atau preview page.
Proceed

how to create preview page or screenshot into blogger?

Contreng Expand Widget Templates


Setelah itu,sobat cari kode berikut:
</body>
Kemudian tepat diATASnya letakkan script yang berhasil kita salin seperti tersebut diatas.
Lalu simpan.

III. Bagaimana menerapkannya pada sebuah link?

Caranya sangat mudah,sobat bisa meletakkannya di postingan maupun dalam widget html/javascript (tahu khan? #@%^#$^).

Saya contohkan jika saya menerapkannya pada HTML/Javascript.
sobat pergilah ke Dashboard lalu pilih Tata Letak selanjutnya pilih Add New Gadget.
Atau untuk tampilan baru blogger,sobat pilih Dashboard lalu pilih Layout kemudian klik Add a Gadget,lalu pilih HTML/Javascript dalam mode html,lihat gambar:


Layout / Tata Letak


Add A Gadget


Html/Javascript


Pilih mode HTML
Dan letakkan kode berikut,lalu simpan.
<a class="snap_shots" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHvhYwOH9Q7bBp3EN4CmtuZl_oSKfzuhqfhQThg3HS7sq1YUkxIaTLeKQkE5bqlXMNmTmSSHfOeVH1toXGG12fx_HhJxeiQa5sEg_Cuzf4Nyeqkmwznzmr1OnPtWYxcwQjJnX5J2CGHq4/s1600-r/ahlussunnah+wa+al+jamaah.jpeg">Gambar Al-Qur'an</a>

Mudah khan gan,met mencoba ya :D
Read more > Membuat Screenshot Link / Preview Halaman Popup
Diposting oleh Befitnes di 04.21 0 komentar
Label: , , , ,

Kamis, 06 Desember 2012

Cara Membuat / Memasang Popup Iklan dengan Tombol Tutup [X]

Trik Membuat Baner Iklan dengan Tombol (Anchor Link) Tutup / Close Button

membuat show hide link anchor jquery banner widget tutup iklan.

Bismillah - hi kawan pakabar!? dah lama banget kita ga posting nih,ga ada waktu - job dari mas SpreiShop.Org dan FanspageId.Com aja sampai saat ini terlantarkan dan statusnya juga blm jelas,hehe.. maaf ya mas:D mungkin lain kali pent-),seperti pada screenshot gambar diatas gan,malam ini seperti janji beberapa hari yang lalu,Pelajaran Blog akan berbagi trik seputar membuat baner iklan popup dilengkapi dengan tombol tutup atau close button.

Namun tidak seperti 'trik membuat iklan popup jquery' seperti artikel yang terdahulu,kali ini widget yang akan kita ciptakan ini dalam posisi 'menetap' namun akan hilang saat kita klik close button-nya.
Yah,kurang lebih seperti iklan pada situs YouTube pada halaman awalnya namun hilang saat kita klik anchor link close-nya.

Bagaimana sob,tertarik untuk mencoba widget yang satu ini? (sangat menghemat tempat,actually pent-)
Dengan sedikit kreasi,dari script yang akan kami bagikan ini,sobat bisa memodifikasi sesuai keinginan.

Langkah Cara Membuat Show Hide Link Anchor pada Widget

Pertama,sobat pergi ke Dashboard lalu pilih Template (gb.1),kemudian pilih Edit HTML (gb.2) dan klik Proceed (gb.3)

membuat popup jquery close button.
gb.1

show hide widget ads
gb.2

cara membuat iklan dengan tombol close.
gb.3

Lalu contreng Expand Widget Templates (gb.4)


gb.4

Kemudian cari kode berikut:
]]></b:skin>
Jika sudah sobat ketemukan tepat diBAWAHnya letakkan script jquery berikut:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2' type='text/javascript'/>
Setelah itu tepat diATAS kode ]]></b:skin>,letakkan barisan css berikut:
#mask {
display: none;
background: #000;
position: fixed; left: 0; top: 0;
z-index: 10;
width: 100%; height: 100%;
opacity: 0.8;
z-index: 999;
}
.pb-popup{
display:none;
background: #333;
padding: 10px;
border: 2px solid #ddd;
float: left;
font-size: 1.2em;
position: fixed;
top: 50%; left: 50%;
z-index: 99999;
box-shadow: 0px 0px 20px #999; /* CSS3 */
-moz-box-shadow: 0px 0px 20px #999; /* Firefox */
-webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
border-radius:3px 3px 3px 3px;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari, Chrome */
}
fieldset {
border:none;
}
Lalu simpan templates.

Nah,selanjutnya,kini kita tinggal menciptakan widget iklan yang akan ditampilkan.
Langkahnya sangat mudah,pertama pilih Dashboard lalu Layout (gb.5) kemudian klik Add a Gadget (gb.6) dan pilih HTML/Javascript (dalam mode html bukan rich) (gb.7)

how to create ads with close button popup.
gb.5

membuat link anchor show hide widget.
gb.6

membuat baner iklan dengan close button.
membuat iklan dengan tombol close.
gb.7

Dan letakkan kode berikut:

<div id="pb-box" class="mrpujiajadeh-popup">
<br /><span style="color: rgb(204, 0, 0);">Ingin membuat iklan seperti di bawah ini? tunggu tutorialnya beberapa hari lagi ya sob :D.Klik tanda x untuk menutup iklan.</span><p align="right"><a href="#" class="close">
<br/><small><u>[x] Tutup Iklan</u></small></a></p>
<iframe vspace="0" frameborder="2" marginheight="100" marginwidth="100" readonly="true" height="400" src="http://beritamuslimsahih-ahlussunnah.blogspot.com/" hspace="10" scrolling="yes" width="100%" allowtransparency="true"></iframe>
</div>

<script type='text/javascript'>
$(document).ready(function() {
$('a.pb-window').click(function() {

//Getting the variable's value from a link
var pbBox = $(this).attr('href');

//Fade in the Popup
$(pbBox).fadeIn(300);

//Set the center alignment padding + border see css style
var popMargTop = ($(pbBox).height() + 24) / 2;
var popMargLeft = ($(pbBox).width() + 24) / 2;

$(pbBox).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});

// Add the mask to body
$('body').append('<div id="mask"></div>');
$('#mask').fadeIn(300);

return false;
});

// When clicking on the button close or the mask layer the popup closed
$('a.close, #mask').live('click', function() {
$('#mask , .mrpujiajadeh-popup').fadeOut(300 , function() {
$('#mask').remove();
});
return false;
});
});
</script>

**Kode yang berwarna merah,sobat bisa ganti sesuai keinginan,bisa gambar (baca kode cara meletakkan gambar pada blog),video,iklan atau html maupun javascript apa saja.
Menarik bukan? selamat mencoba ya sob.

Read more > Cara Membuat / Memasang Popup Iklan dengan Tombol Tutup [X]
Diposting oleh Befitnes di 05.49 0 komentar
Label: , , , , ,
Langganan: Postingan (Atom)
 
 
Copyright © MXM BERBAGI INFO
Blogger Theme by Blogger Designed and Optimized by Tipseo