Coretan MasAde: Blog

Home / Posts filed under Blog

Showing posts with label Blog. Show all posts

Cara Memasang Twitter Box di Blog

Posted by Unknown Friday, 8 February 2013 0 komentar

Jejaring sosial sperti Facebook maupun twitter sudah sangat erat dan tak asing lagi buat kalian. Sudahkah kalian tau cara memasang widget twitter box pada blog, ini sama halnya seperti facebook box. Ini bisa membuat daya tarik pengunjung untuk mengetahui followers twitter kita di blog. Jangan pernah berfikir loading blog sobat akan jadi lama, karena widget ini sangatlah ringan,, ingin tahukah cara memasang twitter box di blog, langsung aja deh Admin Masdeitha akan kasih caranya, ikuti langkah2 dibawah ini ya :

Silahkan login ke blog sobat masing2

Masuk ke tata letak > tambah gadget > HTML/javaScript

Silahkan masukkan kode script dibawah ini

<script type="text/javascript" src="http://s.moopz.com/fanbox_init.js"></script><div id="twitterfanbox"></div><script type="text/javascript">fanbox_init("masukkan ID twitter sobat");</script>

Klik save

Lihat blog dan hasilnya akan tampak seperti ini

Cukup mudah kan sobat cara membuat twitter box di blog

sekian postingan Admin masdeitha, semoga artikel ini bisa bermanfaat bagi kalian, bagi kalian yang menyukai artikel ini jangan lupa untuk berkomentar dan share ya

salam manis dari Admin Masdeitha

Judul : Cara Memasang Bwitter Box di Blog; Ditulis oleh AdeSofyan

Jangan lupa follow twitter me on @deithazerro

Cara Menampilkan Monetize diblog yang hilang

Posted by Unknown Monday, 4 February 2013 0 komentar

Kali ini Admin Masdeitha akan membahas tentang cara menampilkan monetize di blog yang hilang.apa bila kita ingin mendaftar google adsense,kita pengguna blogspot akan di arahkan langsung untuk mendaftar dari blogger. tetapi yang terkadang menjadi kendala tab monetize atau uangkan di dashboard tidak ada alias hilang. Pengguna blogspot dengan bahasa Indonesia biasanya tidak muncul tab monetize tersebut.dikarenakan google adsense support belum di dukung oleh bahasa Indonesia. terus kalau ada pertanyaan bagaimana cara menampilkan tab monetize atau uangkan di dashboard? Admin masdeitha akan kasih jawaban untuk kalian.langsung saja ikuti langkah-langkah di bawah ini :

Login blog masing-masing
Masuk ke dashboard
Klik setelan>bahasa dan pemformatan>bahasa (ubah menjadi inggris)

Simpan

Secara otomatis tab monetize/penghasilan/uangkan akan muncul. sekarang sobat sudah siap untuk mendaftar google adsense langsung dari blog. Di masa mendatang kita berharap google adsense bisa support dengan bahasa Indonesia, sehingga pengguna blogspot berbasis bahasa Indonesia dengan mudah bisa langsung menggunakan pendaftaran google adsense diblogger.

Cukup sekian Admin masdeitha postingkan, semoga artikel ini bisa bermanfaat bagi kalian, bagi kalian yang menyukai artikel ini jangan lupa untuk berkomentar dan share ya

salam manis dari Admin Masdeitha

Judul : Cara Menampilkan Monetize diblog yang hilang; Ditulis oleh Ade Sofyan

Jangan lupa follow twitter me on @deithazerro

Cara membuat komentar facebook diblog

Posted by Unknown Saturday, 2 February 2013 0 komentar

Cara membuat komentar facebook diblog - sebenarnya memasng komentar facebook diblog sanagtlah berguna, yaitu untuk mempermudah pembaca memberi masukan atau komentar atas artikel blog kita melalui akun facebook. Gimana buatnya yah? Gak usah pusing dan galau gitu, Admin Masdeitha akan mengulasnya lebih rinci cara membuat nya.langsung saja tanpa buang waktu gun, berikut cara-cata membuat komentar facebook diblog:

login ke blog sobat masing2
pilih template>editHTML> (centang) Expand Template Widget
cari kode ( ]]></b:skin ) untuk mempermudah tekan Ctrl+F
Copy paste kode berikut tepat diaras kode ]]></b:skin

.comments-page { background-color: #;}

#blogger-comments-page { padding: 0px 5px; display: none;}

.comments-tab { float: left; padding: 5px; margin-right: 3px;

cursor: pointer; background-color: #f2f2f2;}

.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}

.comments-tab:hover { background-color: #eeeeee;}

.inactive-select-tab { background-color: #d1d1d1;}

Kemudian cari kode </head> copy kode dibawah ini tepat diatas kode </head>

function commentToggle(selectTab) {

$(".comments-tab").addClass("inactive-select-tab");

$(selectTab).removeClass("inactive-select-tab");

$(".comments-page").hide();

$(selectTab + "-page").show();

}

</script>

Setelah itu , cari kode <div class='comments' id='comments'> kemudian copy kode dibawah ini, dan pastekan persis dibawah kode <div class='comments' id='comments'>

<fb:comments-count expr:href='data:post.url'/> Comments

</div>

<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments

</div><div class='clear'/>

</div>

<b:if cond='data:blog.pageType == "item"'>

<fb:comments expr:href='data:post.url' num_posts='2' width='400'/>

</b:if>

</div>

Kemudian klik save, dan lihat hasilnya.

Cukup sekian Admin masdeitha postingkan, semoga artikel ini bisa bermanfaat bagi kalian, bagi kalian yang menyukai artikel ini jangan lupa untuk berkomentar dan share ya

salam manis dari Admin Masdeitha

Judul : Cara membuat komentar facebookdiblog; Ditulis oleh Ade Sofyan

Jangan lupa follow twitter me on @deithazerro

Cara Membuat Efek Label Bergeser di Blog

Posted by Unknown 0 komentar

Cara Membuat Efek Label Bergeser di Blog – kali ini Admin Masdeitha akan memposting informasi-informasi menarik seperti salah satu postingan ini tentang Cara membuat Efek label bergeser di blog. Bagi kalian yang mempunyai banyak label dan ingin menyajikan yang beda dan lebih keren, bisa praktekin langsung artikel berikut. Apakah sobat tertarik ingin mencobanya, silahkan ikuti langkah-langkah di bawah ini ya:

login ke blog sobat masing2
pilih template>editHTML> (centang) Expand Template Widget
Cari kode ( </head> ) untuk mempermudah tekan Ctrl+F
Copy paste kode berikut tepat diatas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'>
</script>
<script type='text/javascript'>
    var dur = 400; // Duration Of Animation in Milli Seconds
    $(document).ready(function() {
        $('a.linknudge, .Label ul li a').hover(function() {
            $(this).animate({
                paddingLeft: '25px'
            }, dur);
        }, function() {
            $(this).animate({
                paddingLeft: 0
            }, dur);
        });
    }); // end of Jquery Script
</script>

Setelah selesai silahkan save dan lihat hasilnya, Efek Label Bergeser – geser...indah kan

Cukup sekian Admin masdeitha postingkan, semoga artikel ini bisa bermanfaat bagi kalian, bagi kalian yang menyukai artikel ini jangan lupa untuk berkomentar dan share ya

salam manis dari Admin Masdeitha

Judul : Cara Membuat Efek Label Bergeser di Blog; Ditulis oleh Ade Sofyan

Jangan lupa follow twitter me on @deithazerro

Cara Membuat Related Post Dengan Fungsi Scroll-DropDown DiBlog

Posted by Unknown Friday, 1 February 2013 0 komentar

kali ini Admin Masdeitha akan membahas sedikit tentang Related Post dengan Fungsi Scroll-Drop Down Diblog. Bagi blogger yang mmpunyai banyak postingan, memasang related post sangat berguna, karena untuk membantu atau mempermudah pembaca dalam mencari artikel menarik lainnya yang ada di blog sobat. Related post yang saya bahas sekarang, saya lengkapi dengan fungsi Scroll-Drop Down agar lebih menarik. Penasaran bagaimana cara membuatnya, silahkan ikuti langkah-langkah Admin Masdeitha yah :

login ke blog sobat masing2
pilih template>editHTML> (centang) Expand Template Widget
cari kode ( ]]></b:skin ) untuk mempermudah tekan Ctrl+F
Copy paste kode berikut tepat diaras kode ]]></b:skin

.rbbox{border: 1px solid rgb(192, 192, 192);padding: 5px;

background-color: #f0f0f0;-moz-border-radius:5px; margin:5px;}

.rbbox:hover{background-color: rgb(255, 255, 255);}

Kemudian cari kode <data:post.body/> setelah ketemu copy kode dibawah ini persis setelah kode <data:post.body/>

<b:if cond='data:blog.pageType == "item"'> <H2>Artikel Terkait:</H2> <DIV class='rbbox'> <DIV style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'> <DIV id='albri'/> <SCRIPT type='text/javascript'> var homeUrl3 = "<data:blog.homepageUrl/>"; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; maxNumberOfPostsPerLabel = 100; maxNumberOfLabels = 3; function listEntries10(json) { var ul = document.createElement('ul'); var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ? json.feed.entry.length : maxNumberOfPostsPerLabel; for (var i = 0; i < maxPosts; i++) { var entry = json.feed.entry[i]; var alturl; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { alturl = entry.link[k].href; break; } } var li = document.createElement('li'); var a = document.createElement('a'); a.href = alturl; if(a.href!=location.href) { var txt = document.createTextNode(entry.title.$t); a.appendChild(txt); li.appendChild(a); ul.appendChild(li); } } for (var l = 0; l < json.feed.link.length; l++) { if (json.feed.link[l].rel == 'alternate') { var raw = json.feed.link[l].href; var label = raw.substr(homeUrl3.length+13); var k; for (k=0; k<20; k++) label = label.replace("%20", " "); var txt = document.createTextNode(label); var h = document.createElement('b'); h.appendChild(txt); var div1 = document.createElement('div'); div1.appendChild(h); div1.appendChild(ul); document.getElementById('albri').appendChild(div1); } } } function search10(query, label) { var script = document.createElement('script'); script.setAttribute('src', query + 'feeds/posts/default/-/' + label + '?alt=json-in-script&callback=listEntries10'); script.setAttribute('type', 'text/javascript'); document.documentElement.firstChild.appendChild(script); } var labelArray = new Array(); var numLabel = 0; <b:loop values='data:posts' var='post'> <b:loop values='data:post.labels' var='label'> textLabel = "<data:label.name/>"; var test = 0; for (var i = 0; i < labelArray.length; i++) if (labelArray[i] == textLabel) test = 1; if (test == 0) { labelArray.push(textLabel); var maxLabels = (labelArray.length <= maxNumberOfLabels) ? labelArray.length : maxNumberOfLabels; if (numLabel < maxLabels) { search10(homeUrl3, textLabel); numLabel++; } } </b:loop> </b:loop> </SCRIPT> </DIV> <script type="text/javascript">RelPost();</script> </DIV> </b:if>

CATATAN : apa bila sobat sudah menggunakan Read More biasanya memiliki kode <data:post.body/> lebih dari satu, pilihlah kode yang nomor dua

Lalu simpan dan lihat hasilnya

Cukup sekian Admin masdeitha postingkan, semoga artikel ini bisa bermanfaat bagi kalian, bagi kalian yang menyukai artikel ini jangan lupa untuk berkomentar dan share ya

salam manis dari Admin Masdeitha

Judul : Cara Membuat Related Post Dengan Fungsi Scroll-DropDown DiBlog; Ditulis oleh Ade Sofyan

Jangan lupa follow twitter me on @deithazerro

Membuat Menu Navigasi Drop Down diblog

Posted by Unknown 1 komentar

Membuat Menu Navigasi Drop Down diblog – setelah beberapa kali sobat blogger minta postingan tentang menu Navigasi di blog, Admin masdeitha postingkan deh khusus buat kalian. Sobat blogger mungkin sudah banyak yang tahu tentang kegunaan menu navigasi. Dan bagi kalian yang memeliki banyak label dan ingin dibuat menu Navigasi, mungkin artikel ini bisa sobat blogger coba deh, langsung ajah cara Membuat Menu Navigasi Drop Down diblog ikuti langkah-langkahnya ya sobat :

Silahkan login ke blog kalian masing-masing

Pilihlah Template > edit HTML > (centang) Expand Template Widget

Cari kode ]]></b:skin> biar cepat nyarinya tekan Ctrl + F

Copy kode dibawah ini tepat diatas kode ]]></b:skin>

#navcontainer{background:#fff;height:40px;display:block;overflow:hidden}
#navcontainer .current-cat a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhArfQdhk5c7Ly3VrvQqjnutjDV7QvjQCgTdYxa8krW3Kh0ulAy0pDx0FoQZb7Pq1PiQaTJVs7Rt7hD8qxJpKIA_6B4QWQZ2kc0_AC-mNqTTr_S_HIB4A_1bUSH_uB0ctMCTMqxDJTIeI/s1600/nav-hover.png) left top repeat-x;;color:#FFF;-moz-border-radius:5px 5px 0 0;-khtml-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}
#nav a,#subMenusContainer a{text-decoration:none;display:block}
#nav a{margin:0 1px 0 0;float:left;padding:14px 16px;text-transform:uppercase;color:#333;font-weight:bold;font-size:12px}
#subMenusContainer a,#nav li li a{color:#FFF;font-size:12px;text-align:left;background:#333 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6N2o2AlDnd29MrW7Jp1VLvq0RdYEmleivNzj5KW3Wa25uk6gcIImfbGaWE3JrLBTsmw9R-1HgVm7sp-S5PDFuR9RZk9bTfb4rwJoUdgkPDndMo83EntZfLxMvbScvHozGM_WWxI4bZo0/s1600/submenuscontainer-line.png) left top repeat-x;padding:8px 26px}
#nav li a:hover,#nav li a:focus,#nav a.mainMenuParentBtnFocused{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhArfQdhk5c7Ly3VrvQqjnutjDV7QvjQCgTdYxa8krW3Kh0ulAy0pDx0FoQZb7Pq1PiQaTJVs7Rt7hD8qxJpKIA_6B4QWQZ2kc0_AC-mNqTTr_S_HIB4A_1bUSH_uB0ctMCTMqxDJTIeI/s1600/nav-hover.png) left top repeat-x;color:#FFF;-moz-border-radius:5px 5px 0 0;-khtml-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}
#nav .current-cat a:hover{}
#subMenusContainer a:hover,#subMenusContainer a:focus,#subMenusContainer a.subMenuParentBtnFocused{background-color:none;color:#8D918A}
.subMenuParentBtn{background:url(../img/arrow_right.gif) right center no-repeat}
.subMenuParentBtnFocused{background:url(../img/arrow_right_over.gif) right center no-repeat}
.mainMenuParentBtn{}
.mainMenuParentBtnFocused{}
.smOW{display:none;position:absolute;overflow:hidden;padding:0 2px;margin:0 0 0 -2px}
#nav,#nav ul,#nav ol,#subMenusContainer ul,#subMenusContainer ol{padding:0;margin:0;list-style:none;line-height:1em}
#nav ol,#nav ul,#subMenusContainer ul,#subMenusContainer ol{background:none;left:0}
#nav li{cursor:pointer;float:left;margin:0 2px 0 0;padding:0 2px 0 0;height:40px;display:inline;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbJgsOnHO9PTxveqBV4ceJAnW8deAmJMm3YlCDJMB5rouyyv_28Z414-3uOwq6krLRXkvcK7sF7QrSavUgHiOCRmdvHKfyPIF_YHsFlRFGHs60K1wOf7Ud7wRYTqGYSlFi545tlzFPCZg/s1600/nav-seperator.png) right center no-repeat}
#subMenusContainer li{list-style:none}
#nav{width:950px;margin:0 auto;clear:both;overflow:hidden;font-size:12px;display:block}
#nav .children{display:none}
#subMenusContainer{display:block;position:absolute;top:0;left:0;width:100%;height:0;overflow:visible;z-index:1000000000}
.rssbox{background:#FFF;border:1px solid #ECEAEA;padding:10px;margin:10px 0 0 0}
.rssbox:hover{background:#EDEFEB;border:1px solid #DFDDDD}
.rssbox a{color:#2C2E30;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}

Berikutnya cari kode <div id='main-wrapper'> copy code dibawah ini , paste kan tepat diatas kode <div id='main-wrapper'>

<div id='navcontainer'>
<ul id='nav'>
<li class='current-cat'><a href='GantiDenganURLBlogKamu'>Home</a></li>
<li><a href='#'>Kategori 1</a>
<ul class='children'>
<li><a href='#'>Drop Down 1</a></li>
<li><a href='#'>Drop Down 2</a></li>
<li><a href='#'>Drop Down 3</a></li>

<li><a href='#'>Drop Down 4</a></li>
<li><a href='#'>Drop Down 5</a></li>
</ul>
</li>
<li><a href='#'>Kategori 2</a>
<ul class='children'>
<li><a href='#'>Drop Down 1</a></li>
<li><a href='#'>Drop Down 2</a></li>
<li><a href='#'>Drop Down 3</a></li>
</ul>
</li>

<li><a href='#'>Kategori 2</a>
<ul class='children'>
<li><a href='#'>Drop Down 1</a></li>
<li><a href='#'>Drop Down 2</a></li>
<li><a href='#'>Drop Down 3</a></li></ul>
</li>
<li><a href='#'>Shout-Box</a></li>
<li><a href='#'>Sitemap</a></li>
<li><a href='#'>Directories</a></li>

<li><a href='#'>Contact Us</a></li>
</ul>
</div>

Klik Pratinjau untuk menjaga-jaga HTML yang kita bikin berhasil atau tidak

Jika sudah berhasil silahkan klik simpan/save

Catatan : - kata yang berwarna merah ganti dengan Nama menu yang sobat inginkan
- ganti symbol # berwarna hijau dengan URL menu Navigasi label blog sobat

Cukup sekian Admin masdeitha postingkan, semoga artikel ini bisa bermanfaat bagi kalian, bagi kalian yang menyukai artikel ini jangan lupa untuk berkomentar dan share ya

salam manis dari Admin Masdeitha

Judul : Membuat Menu Navigasi Drop Down diblog; Ditulis oleh Ade Sofyan

Jangan lupa follow twitter me on @deithazerro

Cara mudah mendapatkan Page Rank

Posted by Unknown Sunday, 27 January 2013 3 komentar

Hay teman-teman bloggers pada kali ini Admin masdeitha akan membahas tentang Cara mudah mendapatkan page rank.mungkin bagi teman-teman yang sudah merindukan mendapat page rank dari google yang tak kunjung dapet, mungkin artkel ini bisa mengobati kerinduan teman-teman. Karena kita bisa memilih page rank dari 1 sampai 10. Sebenarnya she Cuma rekayasa ajah, tapi lumayan lah bagi visitor yang melihat page rank kita. Bagi kalian yang penasaran bagaimana cara memasangnya, ikiuti langkah-langkah Admin Masdeitha berikut :

1. login ke akun blogger sobat

2. Masuk ke Tata Letak

3. Add Gadget/Tambah Gadget

4. Pilih HTML/Javascript

5. Pilihlah salah satu kode page rank di bawah ini dan pastekan ke dalam kotak HTML/Javascript tadi kemudian

6. Simpan dan nikmati page rank yang diidam-idamkan.

<a href="http://www.mypagerank.net" target="_blank"><img src="https://lh3.googleusercontent.com/_htXX4nNURkI/TYsT_cm6sKI/AAAAAAAAAdg/xzh8K8LEJ2g/pagerank1.gif" border="0"></a>

<a href="http://www.mypagerank.net" target="_blank"><img src="https://lh5.googleusercontent.com/-8sPt1h5J_TM/TYsUMeHw01I/AAAAAAAAAdk/3BCKsZIZeNc/s70/pagerank2.gif" border="0"></a>

<a href="http://www.mypagerank.net" target="_blank"><img src="https://lh5.googleusercontent.com/-B1zKdn4b_WY/TYsUYSWgz4I/AAAAAAAAAdo/kT1SXlwSHRk/s70/pagerank3.gif" border="0"></a>

<a href="http://www.mypagerank.net" target="_blank"><img src="https://lh5.googleusercontent.com/-ZSCzBvroLsI/TYsUizeGk9I/AAAAAAAAAds/vy0XL7CRhA8/s70/pagerank4.gif" border="0"></a>

<a href="http://www.mypagerank.net" target="_blank"><img src="https://lh4.googleusercontent.com/-h7oa6aQYQXQ/TYsUwHx0y1I/AAAAAAAAAdw/LVpC5AFh8DU/s70/pagerank5.gif" border="0"></a>

<a href="http://www.mypagerank.net" target="_blank"><img src="https://lh6.googleusercontent.com/-icwgoojPd8c/TYsU6EFOloI/AAAAAAAAAd0/xfznBozah7M/s70/pagerank6.gif" border="0"></a>

<a href="http://www.mypagerank.net" target="_blank"><img src="https://lh3.googleusercontent.com/-zSj4Ar-CrX8/TYsVBLKr-qI/AAAAAAAAAd4/wyVWntMxfoc/s70/pagerank7.gif" border="0"></a>

<a href="http://www.mypagerank.net" target="_blank"><img src="https://lh3.googleusercontent.com/-5d7uayi7_GM/TYsVHfpGJKI/AAAAAAAAAd8/mW1DZm4a9Og/s70/pagerank8.gif" border="0"></a>

<a href="http://www.mypagerank.net" target="_blank"><img src="https://lh5.googleusercontent.com/-w2D3n5Oifew/TYsVPaC0tfI/AAAAAAAAAeA/WLYidsqlYDY/s70/pagerank9.gif" border="0"></a>

<a href="http://www.mypagerank.net" target="_blank"><img src="https://lh6.googleusercontent.com/-l9ad4uLSID4/TYsVWMhK66I/AAAAAAAAAeE/LBH1eBCmoo4/s70/pagerank10.gif" border="0"></a>

Mudahkan kan sobat caranya, semoga artikel ini bisa bermanfaat bagi kalian, bagi kalian yang menyukai artikel ini jangan lupa untuk berkomentar dan share ya
salam manis dari Admin Masdeitha

Judul : Cara mudah mendapatkan page rank ; Ditulis oleh Ade Sofyan

Jangan lupa follow twitter me on @deithazerro

Coretan MasAde

Cara Memasang Twitter Box di Blog

Cara Menampilkan Monetize diblog yang hilang

Cara membuat komentar facebook diblog

Cara Membuat Efek Label Bergeser di Blog

Cara Membuat Related Post Dengan Fungsi Scroll-DropDown DiBlog

Membuat Menu Navigasi Drop Down diblog

Cara mudah mendapatkan Page Rank

Blogger Translate

Popular Posts

Statistik

visitor

Pengunjung

alexa

like facebook

Social Profiles

Blogger Translate

Popular Posts

Statistik

visitor

Pengunjung

alexa

like facebook