Kamis, 06 September 2012

Awesome Page Navigation Widget Untuk Blogger Dengan Scroll

Awesome Page Navigation Widget Untuk Blogger Dengan Scroll adalah widget Navigasi halaman dan membantu pembaca Anda untuk melompat dari satu halaman ke halaman lain directly. Widget navigasi halaman ini dikembangkan oleh karaboz dan abu-farhan dikonversi menjadi blogger. Widget ini memiliki tombol kecil di bawah dimana setiap pengunjung bisa langsung pada halaman terakhir , juga mereka dapat memilih halaman di blog.Search Anda di Google Anda akan melihat widget banyak tentang navigasi halaman tetapi jika Anda menggunakan widget ini maka pembaca / pengunjung bisa pergi ke halaman tertentu yang mereka inginkan.


See Demo At Bottom Of My Homepage



Cara Membuat Awesome Page Navigation Widget

Berikut ini adalah kode-kode yang di gunakan untuk membuat Awesome Page Navigation Widget Untuk Blogger Dengan Scroll

The CSS

.paginator {
 margin-top:60px;
 font-size:1em;
}
.paginator table {
 border-collapse:collapse;
 table-layout:fixed;
 width:100%;
}
.paginator table td {
 padding:0;
 white-space:nowrap;
 text-align:center;
}
.paginator span {
 display:block;
 padding:3px 0;
 color:#fff;
}
.paginator span strong,
.paginator span a {
 padding:2px 6px;
}
.paginator span strong {
 background:#ff6c24;
 font-style:normal;
 font-weight:normal;
}
.paginator .scroll_bar {
 width:100%; height:20px;
 position:relative;
 margin-top:10px;
}
.paginator .scroll_trough {
 width:100%; height:3px;
 background:#ccc;
 overflow:hidden;
}
.paginator .scroll_thumb {
 position:absolute;
 z-index:2;
 width:0; height:3px;
 top:0; left:0;
 font-size:1px;
 background:#363636;
}
.paginator .scroll_knob {
 position:absolute;
 top:-5px; left:50%;
 margin-left:-10px;
 width:20px; height:20px;
 overflow:hidden;
 background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2QIMUORAjVWidSJucC8Yjz5chd2gGuBOM2F5VYoX9RL84NqT2hKsv0bTEp1HEzrP3y41j-wPEV3yqLrrMKb0M5ePht9n8iLWcW894SfO3POn0Qelca2hWiNC1kbcw46LPu8ylGnypY4g/s1600/slider_knob.gif) no-repeat 50% 50%;
 cursor:pointer; cursor:hand;
}
.paginator .current_page_mark {
 position:absolute;
 z-index:1;
 top:0; left:0;
 width:0; height:3px;
 overflow:hidden;
 background:#ff6c24;
}

.fullsize .scroll_thumb {
 display:none;
}

.paginator_pages {
 width:600px;
 text-align:right;
 font-size:0.8em;
 color:#808080;
 margin-top:-10px;
}

The JavaScript

<script src='https://otowebsite-blogspot.googlecode.com/svn/trunk/Awesome%20Page%20Navigation%2001.js' type='text/javascript'></script>
<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=6;
</script>
<script src='https://otowebsite-blogspot.googlecode.com/svn/trunk/Awesome%20Page%20Navigation%2000.js' type='text/javascript'/>

Jumat, 31 Agustus 2012

New Facebook Recommendation Bar Untuk Blogger

Dalam perjumpaan kali ini saya akan berbagi sebuah tutorial dan untuk tutorial kali ini saya beri judul New Facebook Recommendation Bar Untuk Blogger. Ini sebenarnya Updatean dari artikel sebelumnya yang berada di tutorial Tambahkan Facebook Recommendation Bar Untuk Blogger.

Karna artikel tersebut sekarang sudah tidak berjalan dengan sempurna untuk itu saya update tutorialnya disini. Jika Anda sebelumnya sudah membaca artikel sebelumnya maka saya tidak perlu lagi menjelaskan untuk apa dan fungsi widget Facebook Recommendation Bar bila di pasang di blogger Anda.

Facebook Rekomendasi Bar Ini adalah Plugins Beta.
Dalam tutorial ini, kita pergi untuk belajar cara menginstal Facebook Bar Rekomendasi di Blog Blogger. Widget ini lebih bermanfaat untuk mengarahkan lalu lintas dari Facebook dan sejenisnya dengan instan dan posting terkait.

PRIVIEW



CARA INSTAL WIDGET FACEBOOK RECOMMONDATIONS BAR DI BLOGGER?

1. Pertama Tambahkan kode berikut sebelum kode <head>

<!-- Begin Open Graph metadata By:Oto Website -->
<b:if cond='data:blog.pageType == "item"'>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
</b:if>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='"en_US"' property='og:locale'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<!-- End Open Graph metadata by:Oto Website-->

2. Kedua Pergi ke Halaman Resmi Facebook Rekomendasi Bar.

3. Lansung klick tombol Get Code.


4. Klick Tautan buat aplikasi baru.


5. Masukkan Nama App dengan Judul Blog Anda dan URL Web dengan URL Blog Anda, seperti seperti di bawah ini dan klik tombol Lanjutkan.


6. Masukkan Kode Captcha dengan benar dan klik tombol Kirim.


7. Kemudian Klik Tombol Get Code sekali lagi.


8. Salin kode JavaScript Pertama SDK (Kode Kotak Pertama) dan Encode Kode tersebut menggunakan Alat Parse Kode Script atau HTML.


9. Masuk ke akun Blogger Anda >> Pilih Template >> Edit HTML .

10. Centang Expand Template Widget >> Backup Template Anda.

11. Cari kode <body> dan letakkan kode yang Anda dapatkan tadi tepat di atasnya. (Bila kesulitan mencari kode HTML klick DISINI)

12. Kustomisasi Facebook Rekomendasi Bar:
Anda dapat menyesuaikan pengaturan Facebook Rekomendasi Bar

Cari kode <data:post.body/> dan menempatkan kode berikut setelah kode <data:post.body/>

<b:if cond='data:blog.pageType == "item"'><div class="fb-recommendations-bar" data-trigger="onvisible" expr:data-href="data:post.url" data-read-time="30" data-action="like" data-side="right" expr:data-site="data:blog.homepageUrl" data-num-recommendations="2"></div></b:if>

Keterangan:
  • Angka 30 menunjukkan widget Facebook Recommendation Bar akan muncul setelah 30 detik.
  • Anda dapat mengatur berapa banyak artikel untuk ditampilkan. Dengan meningkatkan atau menurunkan nilai 2
  • Anda dapat memutuskan lokasi plugin. Secara default itu muncul di bagian bawah  right = kanan sudut halaman Anda. Anda menetapkan mengapung ke ke left = kiri.

13. Simpan template.

Sekarang Anda bisa menikmati widget New Facebook Recommendation Bar Untuk Blogger ini!

Rabu, 29 Agustus 2012

Cara Tambah Sintaks Highlighter V3 di Blogger

Stylizing blog atau website sangat menguntungkan dan memiliki signifikansi besar karena tidak hanya menarik pengunjung tetapi juga terlihat rapi dan bersih, sebagian besar blogger dan webmaster menghabiskan banyak dolar dalam stylizing dan demi menyesuaikan desain blog mereka yang memang merupakan langkah terbaik.
Ketika blogger menyediakan kode di blog mereka, mereka biasanya menyediakan dengan cara biasa, menulis teks normal yang biasa kita lakukan, "adalah kode bukan teks" kita perlu untuk menyesuaikan dgn mode dan juga membuatnya lebih menonjol berbeda dari teks biasa. Untuk menyelesaikan masalah, kami telah memperkenalkan Highlighter Sintaks yang sangat populer di Wordpress tapi sekarang Anda memiliki kemewahan menggunakan alat indah ini di Blog BlogSpot.


Apa stabilo Sintaks
Sintaks stabilo adalah alat yang brilian untuk menunjukkan CSS, Html, JavaScript, SQL, dan banyak lainnya kode bahasa dalam tubuh posting Anda. Ini mengatur coding Anda di baris yang membuatnya terlihat lebih menonjol. Anda bahkan akan mendapatkan pilihan untuk memilih dari berbagai tema, yang akan menambah warna lebih untuk blog Anda dan membuatnya terlihat berharga.

Cara Tambah Highlighter Sintaks Untuk Blog BlogSpot?
Menambahkan stabilo sintaks untuk seorang blogger merupakan prosedur menyenangkan dan tidak rumit. Kami telah menciptakan sebuah alat Highlighter Sintaks yang luar biasa untuk kenyamanan Anda sehingga jika Anda ikuti langkah-langkah berikut bijaksana saya yakin Anda akan dapat melakukannya dengan benar, sekarang mari kita lihat alat yang akan kita gunakan dalam tutorial ini.



  • Langkah # 1: Pertama pilih tema dari Alat stabilo Sintaks, untuk memilih tema favorit Anda lebih mudah sesuai dengan kepribadian Anda dapat memeriksa demo Disini.
  • Langkah # 2: Sekarang kita perlu memilih brushes sesuai dengan kebutuhan kita, jika Anda seorang blogger maka anda bisa memilih CSS dan HTML, tapi alat ini tidak terbatas pada blogger bahkan webmaster dan programmer dapat menggunakan alat ini. Jadi silahkan Anda pilih CSS, HTML, atau apa pun yang Anda sukai dan kemudian menekan tombol "Get Code".
  • Langkah # 3: Sekarang copy semua kode yang dihasilkan di area teks dan kemudian pindah ke langkah berikutnya.
  • Langkah # 4: Sekarang pergi ke Blogger >> Template  >> Edit HTML.
  • Langkah # 5: Kemudian dalam Kode template temukan kode </head>  (Bila kesulitan mencari kode HTML coba klick DISINI)
  • Langkah # 6: Sekarang ketika Anda sudah menemukan kode </head> , tepat di atasnya paste kode yang Anda disalin dari sebelumnya (Alat Highlighter Sintaks).
  • Selamat stabilo Sintaks sekarang sepenuhnya terintegrasi dalam Blog Anda BlogSpot blogger! Dan sekarang Anda dapat menggunakan stabilo Sintaks dengan perintah.

Sisipkan HTML / CSS / JavaScript Kode di Posting Anda Menggunakan SyntaxHighlighter:
Sekarang jika Anda ingin menyisipkan CSS coding dalam template Anda, kemudian Pergi ke Blogger.com >> Post  >> Add New Posting >> Pilih Edit Tab HTML dan paste kode berikut.

Untuk CSS (Style Sheet)

<pre class="brush:css;">ADD-THE-CSS-CODE-HERE

</pre>

Untuk Coding HTML:

<pre class="brush:html;">ADD-THE-HTML-CODE-HERE

</pre>

Untuk JavaScript Coding:

<pre class="brush:javascript;">ADD-THE-JavaScript-CODE HERE

</pre>

Kustomisasi:

Ganti ADD-THE-HTML-CODE-HERE dengan style sheet CSS coding.
Jangan lupa untuk mengganti ADD-THE-HTML-CODE-HERE dengan HTML Anda.
Ganti ADD-THE-JavaScript-CODE HERE dengan kode JavaScript Anda.

Jika Anda belum terintegrasi dengan stabilo Sintaks benar menggunakan alat kami, maka kemungkinan sangat tinggi bahwa Anda mungkin melihat keluar pop yang akan menunjukkan sesuatu yang tidak beres. Misalnya, Anda menggunakan <pre class='brush:css;'> </ pre> dalam posting blog Anda, tetapi Anda belum memasukkan script CSS stabilo Sintaks di header Anda maka Anda akan melihat error berikut.


Dari Meja Editor:

Jadi kami berharap Anda menikmati memperlakukan dan pastikan Anda menggunakannya dengan perintah, dan senang belajar. Senang bisa berbagi alat-alat menarik yang mungkin dapat membantu kerja Anda.

Selasa, 28 Agustus 2012

Membuat Query Loader Page Di Blogger

Apa itu Query Loader Page? Query Loader Page di gunakan untuk menampilkan halaman blog Anda saat sedang di muat atau loading. Jadi para pengunjung blog/situs Anda tidak akan melihat bagaimana widget Anda atau bagaimana artikel Anda sebelum pemuatan/loading blog Anda selesai.

Pengunjung akan melihat halaman loading dengan bar dan persentase loading blog secara keseluruhan. Untuk lebih jelasnya tentang artikel Membuat Query Loader Page Di Blogger ada baiknya anda lihat demonya terlebih dahulu dengan menekan tombol di bawah ini.

Priview Image Query Loader Page


Demo Halaman Query Loader Page


Membuat Query Loader Page Di Blogger

Berikut ini saya berikan kode-kode yang di gunakan untuk Membuat Query Loader Page Di Blogger. Anda juga dapat memodifikasi kode CSS di berikut sesuai selera Anda!


jQuery


<script src='http://code.jquery.com/jquery-1.5.min.js' type='text/javascript'/>
<script src='https://otowebsite-blogspot.googlecode.com/svn/trunk/jqueryLoader_OW.js' type='text/javascript'/>


CSS


. jQOverlay_OW {
 background-color: # 000000 ;
 z-index: 9999;
}

. jQLoader_OW {
 background-color: # CCCCCC ;
 height: 1px;
}

. jQAmt_OW {
 color: # FF530D ;
 font-size: 50px;
 font-weight: bold,
 line-height: 50px;
 height: 50px;
 width: 100px;
 margin:-60px 0 0-50px;
}


HTML


<script>
 jQueryLoader_OW.selectorPreload = "body";
 jQueryLoader_OW.init ();
</ script>

Sabtu, 25 Agustus 2012

Free Download Game Counter Strike Cross fire Summer Edition Full Version (PC/ENG) Mediafire


Counter Strike Cross Fire Summer Edition


new series of counter strike, counter strike launched this time with the title of his latest mods Counter Strike Cross Fire Summer Edition, and the game is much like an online game cross fire ..









Post Created By Arhenzscommunity.blogspot.com™

Free Download Game The Amazing Spider-man Full Version (PC/ENG) IDWS And Other Link



Free Download Game The Amazing Spider-man Full Version

The Amazing Spider-Man is a third-person open world action/adventure video game, a tie-in to the film of the same name featuring the Marvel Comics superhero, Spider-Man. It was developed by Beenox, developer of Spider-Man: Shattered Dimensions and Spider-Man: Edge of Time,[5] and published by Activision. It was released June 26, 2012[6][7][8] in North America and June 29, 2012 in Europe,[2] on Xbox 360, PlayStation 3, Nintendo DS, Android, and iOS, and PC.[3][9] The game was written and scripted by Seamus Kevin Fahey, of Battlestar Galactica fame,[1] and serves as an epilogue to The Amazing Spider-Man film.[8]
The Nintendo 3DS and Wii features a different, more linear game with the same script and plot. The game is not Open World, instead following a style of approach similar to that of Star Wars: The Force Unleashed, where the player selects a level from a Hub, in this case Peter's apartment, before playing a mostly linear level. It was natively designed for the 3DS, and later ported to the Wii. Beenox also developed this version.












Post Created By Arhenzscommunity.blogspot.com™


Jumat, 24 Agustus 2012

Tips Mendownload Games Di Arhenzscommunity



1. Pilih Games yg Anda suka

2. Cek system requirement nya, dan pastikan komputer/laptop anda mampu menjalankan game tersebut

3. Pastikan Semua Link Dalam Keadaan Aktif / Masih Bisa Digunakan.

4. Cek Semua Part Dulu sebelum Mendownload, Apakah Aktif semua tidak?

5. Lihat Comment Pd postingan , jika banyak yg berhasil sudah gpp silahkan download, 

6  Setelah Semua terdownload Baca panduan install di blog

7.  Enjoy Gaming..Semoga Berhasil..




Mohon maaf kalo Link di blog ini banyak yg mati. nanti saya usahakan mengganti link" yg dead tersebut..

dan satu lagi...
tidak semua game yg ada di blog pernah saya mainkan, saya cuma membantu share aja..
dan tidak semua games di upload oleh Arhenzscommunity sendiri


Butuh dukungan kalian semua agar blog ini tetep hidup, lebih maju dan tentunya lebih baik lagi..

Thanks All ^_^


Arhenzscommunity.blogspot.com™